@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";

/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}
:root {
  --font-sans: "Plus Jakarta Sans", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --fs-9: 9px;
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.55;
  --lh-relaxed: 1.7;
  --ls-tight: -.02em;
  --ls-wide: .04em;
  --ls-wider: .06em;
  --n-0: #fff;
  --n-25: #fafafa;
  --n-50: #f7f7f8;
  --n-100: #f4f4f5;
  --n-150: #ececee;
  --n-200: #e4e4e7;
  --n-300: #d4d4d8;
  --n-400: #a1a1aa;
  --n-500: #71717a;
  --n-600: #52525b;
  --n-700: #3f3f46;
  --n-800: #27272a;
  --n-900: #18181b;
  --n-950: #09090b;
  --n-1000: #000;
  --ink-a4: #09090b0a;
  --ink-a6: #09090b0f;
  --ink-a8: #09090b14;
  --ink-a10: #09090b1a;
  --ink-a12: #09090b1f;
  --ink-a16: #09090b29;
  --ink-a24: #09090b3d;
  --ink-a48: #09090b7a;
  --paper-a6: #ffffff0f;
  --paper-a8: #ffffff14;
  --paper-a12: #ffffff1f;
  --paper-a16: #ffffff29;
  --paper-a24: #ffffff3d;
  --paper-a36: #ffffff5c;
  --paper-a48: #ffffff7a;
  --paper-a64: #ffffffa3;
  --paper-a88: #ffffffe0;
  --space-0: 0px;
  --space-px: 1px;
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-1: 4px;
  --radius-2: 8px;
  --radius-3: 12px;
  --radius-4: 16px;
  --radius-5: 20px;
  --radius-6: 24px;
  --radius-7: 28px;
  --radius-full: 9999px;
  --shadow-1: 0 1px 2px #09090b0a, 0 1px 3px #09090b08;
  --shadow-2: 0 2px 4px #09090b0a, 0 4px 12px -2px #09090b0f;
  --shadow-3: 0 4px 8px -2px #09090b0d, 0 12px 24px -6px #09090b14;
  --shadow-4: 0 8px 16px -4px #09090b0f, 0 24px 48px -12px #09090b1f;
  --shadow-5: 0 24px 60px -12px #09090b2e;
  --shadow-glow: 0 4px 16px #fff3;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --ease-spring: cubic-bezier(.175, .885, .32, 1.275);
  --t-fast: .15s;
  --t-base: .25s;
  --t-slow: .35s;
  --z-base: 0;
  --z-sticky: 10;
  --z-floating: 20;
  --z-drawer: 50;
  --z-modal: 100;
  --z-splash: 9999;
  --surface-page: var(--n-50);
  --surface-card: var(--n-0);
  --surface-subtle: var(--n-25);
  --surface-sunken: var(--n-100);
  --surface-strong: var(--n-200);
  --surface-overlay: var(--n-0);
  --surface-inverse: var(--n-1000);
  --surface-scrim: var(--ink-a48);
  --text-strong: var(--n-950);
  --text-default: var(--n-800);
  --text-muted: var(--n-600);
  --text-subtle: var(--n-500);
  --text-faint: var(--n-400);
  --text-on-accent: var(--n-0);
  --text-on-inverse: var(--n-0);
  --border-subtle: var(--ink-a6);
  --border-default: var(--ink-a10);
  --border-strong: var(--ink-a16);
  --border-focus: var(--n-1000);
  --ring-focus: var(--ink-a12);
  --ring-width: 3px;
  --control-fill: var(--n-100);
  --control-fill-hover: var(--n-150);
  --control-fill-active: var(--n-200);
  --control-border: var(--border-default);
  --control-border-hover: var(--border-strong);
  --control-text: var(--text-muted);
  --control-text-hover: var(--text-strong);
  --control-selected-fill: #2563eb;
  --control-selected-fill-hover: #1d4ed8;
  --control-selected-text: var(--n-0);
  --control-selected-border: transparent;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #2563eb14;
  --accent-soft-hover: #2563eb29;
  --accent-border: #2563eb40;
  --accent-ring: #2563eb59;
  --accent-on: var(--n-0);
  --accent-brand: #2563eb;
  --accent-brand-hover: #1d4ed8;
  --accent-brand-2: #3b82f6;
  --accent-brand-soft: #2563eb1f;
  --accent-brand-border: #2563eb40;
  --accent-brand-on: #fff;
  --color-brand: #2563eb;
  --color-brand-secondary: #1d4ed8;
  --ok: #16a34a;
  --ok-soft: #16a34a1f;
  --warn: #d97706;
  --warn-soft: #d977061f;
  --danger: #dc2626;
  --danger-hover: #b91c1c;
  --danger-soft: #dc26261a;
  --danger-border: #dc262647;
  --elevation-flat: none;
  --elevation-card: var(--shadow-1);
  --elevation-card-hover: var(--shadow-3);
  --elevation-raised: var(--shadow-2);
  --elevation-popover: var(--shadow-4);
  --elevation-modal: var(--shadow-5);
  --elevation-drawer: -16px 0 48px -12px #09090b2e;
  --glare-color: var(--ink-a8);
  --radius-control: var(--radius-full);
  --radius-field: var(--radius-3);
  --radius-inset: var(--radius-3);
  --radius-panel: var(--radius-4);
  --radius-card: var(--radius-5);
  --radius-modal: var(--radius-6);
  --radius-rail: var(--radius-4);
  --gutter-x: var(--space-6);
  --gutter-y: var(--space-5);
  --toolbar-pad-y: var(--space-3);
  --gap-tight: var(--space-1);
  --gap-inline: var(--space-2);
  --gap-stack: var(--space-3);
  --gap-grid: var(--space-4);
  --gap-section: var(--space-6);
  --pad-control-x: var(--space-4);
  --pad-control-x-sm: var(--space-3);
  --pad-panel: var(--space-4);
  --pad-card: var(--space-5);
  --pad-modal: var(--space-6);
  --control-h: 36px;
  --control-h-sm: 32px;
  --control-h-xs: 28px;
  --control-h-lg: 44px;
  --field-h: 32px;
  --icon-btn: 32px;
  --icon-btn-sm: 26px;
  --topbar-h: 60px;
  --toolbar-h: 60px;
  --rail-w: 76px;
  --rail-w-compact: 72px;
  --rail-btn: 44px;
  --content-max-w: 1560px;
  --shadow-text-on-color: 0 1px 2px #00000047;
}
.on-inverse {
  --surface-page: var(--surface-inverse);
  --surface-card: var(--paper-a8);
  --surface-subtle: var(--paper-a6);
  --surface-sunken: var(--paper-a6);
  --surface-strong: var(--paper-a16);
  --surface-overlay: var(--n-900);
  --text-strong: var(--n-0);
  --text-default: var(--paper-a88);
  --text-muted: var(--paper-a64);
  --text-subtle: var(--paper-a48);
  --text-faint: var(--paper-a36);
  --border-subtle: var(--paper-a8);
  --border-default: var(--paper-a12);
  --border-strong: var(--paper-a24);
  --border-focus: var(--n-0);
  --ring-focus: var(--paper-a24);
  --control-fill: var(--paper-a8);
  --control-fill-hover: var(--paper-a16);
  --control-fill-active: var(--paper-a24);
  --control-text: var(--paper-a64);
  --control-text-hover: var(--n-0);
  --control-selected-fill: var(--n-0);
  --control-selected-fill-hover: var(--n-200);
  --control-selected-text: var(--n-950);
  --accent: var(--n-0);
  --accent-hover: var(--n-200);
  --accent-soft: var(--paper-a8);
  --accent-soft-hover: var(--paper-a16);
  --accent-border: var(--paper-a24);
  --accent-ring: var(--paper-a24);
  --accent-on: var(--n-950);
  --accent-brand: #a78bfa;
  --accent-brand-hover: #c4b5fd;
  --accent-brand-2: #60a5fa;
  --accent-brand-soft: #a78bfa2e;
  --accent-brand-border: #a78bfa57;
  --accent-brand-on: var(--n-950);
  --elevation-card: none;
  --elevation-card-hover: var(--shadow-glow);
  --elevation-raised: var(--shadow-glow);
  --glare-color: var(--paper-a16);
}
@layer theme {
  :root, :host {
    --font-sans: Inter, sans-serif;
    --font-mono: var(--font-mono);
    --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-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-700: oklch(50.8% .118 165.612);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-cyan-600: oklch(60.9% .126 221.723);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-sky-600: oklch(58.8% .158 241.966);
    --color-blue-50: oklch(97% .014 254.604);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-rose-400: oklch(71.2% .194 13.428);
    --color-rose-500: oklch(64.5% .246 16.439);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-zinc-200: oklch(92% .004 286.32);
    --color-zinc-500: oklch(55.2% .016 285.938);
    --color-zinc-800: oklch(27.4% .006 286.033);
    --color-black: #000;
    --color-white: #fff;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-md: var(--radius-3);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: Inter, sans-serif;
    --default-mono-font-family: var(--font-mono);
    --color-popover: var(--popover);
    --color-border: var(--border);
    --radius-control: var(--radius-control);
    --radius-field: var(--radius-field);
    --radius-inset: var(--radius-inset);
    --radius-panel: var(--radius-panel);
    --radius-card: var(--radius-card);
    --radius-modal: var(--radius-modal);
  }
}
@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;
  }

  * {
    box-sizing: border-box;
    border-color: var(--color-border, var(--border-default));
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  ::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  html, body, #root {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  body, #root {
    font-family: var(--font-sans);
    font-size: var(--fs-13);
    color: var(--text-default);
    background: var(--surface-page);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

  h1, h2, h3, h4, p {
    margin: 0;
  }

  button, input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
  }

  button {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
  }

  button:disabled {
    cursor: not-allowed;
    opacity: .45;
  }

  a {
    color: var(--text-default);
    text-decoration: none;
  }

  :focus {
    outline: none;
  }

  :focus-visible {
    outline: 2px solid var(--border-focus);
    outline-offset: 2px;
    border-radius: var(--radius-full);
  }

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

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

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

  @media (hover: none) and (pointer: coarse) {
    .touch-show-actions {
      opacity: 1 !important;
      visibility: visible !important;
    }
  }

  ::selection {
    background: var(--ink-a12);
    color: var(--n-1000);
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
}
@layer components {
  .app-shell {
    background: var(--surface-page);
    box-sizing: border-box;
    flex-direction: column;
    width: 100vw;
    height: 100dvh;
    margin: 0;
    padding: 0;
    display: flex;
    overflow: hidden;
  }

  .app-window {
    background: var(--surface-page);
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .app-main {
    background: var(--surface-page);
    flex-direction: column;
    flex: 1;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .app-content {
    background: var(--surface-page);
    flex: 1;
    height: 100%;
    min-height: 0;
    position: relative;
    overflow: hidden;
  }

  .module-page {
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .module-page__toolbar {
    align-items: center;
    gap: var(--gap-grid);
    min-height: var(--toolbar-h);
    padding: var(--toolbar-pad-y) var(--gutter-x);
    background: var(--surface-card);
    border-bottom: 1px solid var(--border-subtle);
    flex-wrap: wrap;
    display: flex;
  }

  .module-page__body {
    min-height: 0;
    padding: var(--gutter-y) var(--gutter-x) calc(env(safe-area-inset-bottom, 0px)  + var(--space-12)  + 3rem);
    flex: 1;
    overflow: hidden auto;
  }

  .module-page__body--flush {
    padding: 0;
    overflow: hidden;
  }

  .module-section {
    gap: var(--gap-section);
    flex-direction: column;
    display: flex;
  }

  @media (max-width: 640px) {
    .module-page__toolbar, .module-page__body {
      padding-left: var(--space-4);
      padding-right: var(--space-4);
    }
  }

  .icon-btn {
    cursor: pointer;
    width: 32px;
    height: 32px;
    transition: transform var(--t-fast) var(--ease-out), opacity var(--t-fast) var(--ease-out);
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .icon-btn:hover {
    opacity: .85;
  }

  .icon-btn:active {
    transform: scale(.94);
  }

  .icon-btn--sm {
    width: 28px;
    height: 28px;
  }

  .icon-btn--lg {
    width: 36px;
    height: 36px;
  }

  @media (hover: none) and (pointer: coarse) {
    .icon-btn {
      position: relative;
    }

    .icon-btn:after {
      content: "";
      position: absolute;
      inset: -6px;
    }
  }

  .status-pill {
    align-items: center;
    gap: var(--space-1-5);
    height: 24px;
    padding: 0 var(--space-2-5);
    font-size: var(--fs-11);
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-tight);
    border-radius: 9999px;
    display: inline-flex;
  }

  .status-pill__dot {
    border-radius: 9999px;
    width: 6px;
    height: 6px;
  }

  .value-field {
    gap: var(--space-1);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .field-label {
    font-size: var(--fs-11);
    font-weight: var(--fw-medium);
    color: var(--text-muted);
  }

  .value-field__box {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-2);
    min-height: 34px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border-subtle);
    background: var(--surface-sunken);
    border-radius: 8px;
    display: flex;
  }

  .value-field__text {
    font-size: var(--fs-12);
    color: var(--text-strong);
  }

  .value-field__text--mono {
    font-family: var(--font-mono);
    font-size: var(--fs-11);
  }

  .value-field__text--empty {
    color: var(--text-faint);
    font-style: italic;
  }

  .value-field__link {
    align-items: center;
    gap: var(--space-1-5);
    color: var(--accent);
    text-decoration: none;
    display: inline-flex;
  }

  .value-field__link:hover {
    text-decoration: underline;
  }

  .tag {
    align-items: center;
    gap: var(--space-1);
    height: 20px;
    padding: 0 var(--space-2);
    font-size: var(--fs-10);
    font-weight: var(--fw-semibold);
    background: var(--surface-sunken);
    color: var(--text-muted);
    border-radius: 6px;
    display: inline-flex;
  }

  .tag--neutral {
    background: var(--surface-sunken);
    color: var(--text-muted);
  }

  .tag--violet {
    background: var(--accent-soft);
    color: var(--accent);
  }

  .tag--rose {
    color: #f43f5e;
    background: #f43f5e1a;
  }

  .inspirations-grid {
    gap: var(--gap-grid);
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    align-content: start;
    align-items: start;
    width: 100%;
    display: grid;
  }

  @media (max-width: 640px) {
    .inspirations-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  :is(:root, .style-nova) .cn-accordion-item:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  :is(:root, .style-nova) .cn-accordion-trigger {
    border-radius: var(--radius-4);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    padding-block: 10px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-accordion-trigger:hover {
      text-decoration-line: underline;
    }
  }

  :is(:root, .style-nova) .cn-accordion-trigger:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-accordion-trigger:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-accordion-trigger:focus-visible:after {
    content: var(--tw-content);
    border-color: var(--ring);
  }

  :is(:is(:root, .style-nova) .cn-accordion-trigger *)[data-slot="accordion-trigger-icon"] {
    width: 16px;
    height: 16px;
    color: var(--muted-foreground);
    margin-left: auto;
  }

  :is(:root, .style-nova) .cn-accordion-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-accordion-content[data-closed] {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  :is(:root, .style-nova) .cn-accordion-content[data-open] {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
  }

  :is(:root, .style-nova) .cn-accordion-content-inner {
    padding-top: 0;
    padding-bottom: 10px;
  }

  :is(:root, .style-nova) .cn-alert {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-width: 1px;
    gap: 2px;
    padding-block: 8px;
    padding-inline: 10px;
    display: grid;
  }

  :is(:root, .style-nova) .cn-alert:has([data-slot="alert-action"]) {
    padding-right: 72px;
    position: relative;
  }

  :is(:root, .style-nova) .cn-alert:has( > svg) {
    grid-template-columns: auto 1fr;
    column-gap: 8px;
  }

  :is(:is(:root, .style-nova) .cn-alert > *):is(svg) {
    --tw-translate-y: calc(4px * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: currentColor;
    grid-row: span 2 / span 2;
  }

  :is(:is(:root, .style-nova) .cn-alert > *):is(svg:not([class*="size-"])) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-alert-variant-default {
    background-color: var(--card);
    color: var(--card-foreground);
  }

  :is(:root, .style-nova) .cn-alert-variant-destructive {
    background-color: var(--card);
    color: var(--destructive);
  }

  :is(:is(:root, .style-nova) .cn-alert-variant-destructive > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-alert-variant-destructive > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-alert-variant-destructive > *):is(svg) {
    color: currentColor;
  }

  :is(:root, .style-nova) .cn-alert-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-alert-title:is(:where(.group\/alert):has( > svg) *) {
    grid-column-start: 2;
  }

  :is(:root, .style-nova) .cn-alert-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--muted-foreground);
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-alert-description {
      text-wrap: pretty;
    }
  }

  :is(:root, .style-nova) .cn-alert-description p:not(:last-child) {
    margin-bottom: 16px;
  }

  :is(:root, .style-nova) .cn-alert-action {
    position: absolute;
    top: 8px;
    right: 8px;
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-alert-dialog-overlay {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    :is(:root, .style-nova) .cn-alert-dialog-overlay {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-content {
    border-radius: var(--radius-5);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --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);
    --tw-ring-color: var(--foreground);
    gap: 16px;
    padding: 16px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-alert-dialog-content {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-content {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-alert-dialog-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-alert-dialog-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-alert-dialog-content[data-size="default"], :is(:root, .style-nova) .cn-alert-dialog-content[data-size="sm"] {
    max-width: var(--container-xs);
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-alert-dialog-content[data-size="default"] {
      max-width: var(--container-sm);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-header {
    text-align: center;
    grid-template-rows: auto 1fr;
    place-items: center;
    gap: 6px;
    display: grid;
  }

  :is(:root, .style-nova) .cn-alert-dialog-header:has([data-slot="alert-dialog-media"]) {
    grid-template-rows: auto auto 1fr;
    column-gap: 16px;
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-alert-dialog-header:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      text-align: left;
      place-items: start;
    }

    :is(:root, .style-nova) .cn-alert-dialog-header:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
      grid-template-rows: auto 1fr;
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-media {
    border-radius: var(--radius-3);
    background-color: var(--muted);
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    display: inline-flex;
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-alert-dialog-media:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      grid-row: span 2 / span 2;
    }
  }

  :is(:is(:root, .style-nova) .cn-alert-dialog-media > *):is(svg:not([class*="size-"])) {
    width: 24px;
    height: 24px;
  }

  :is(:root, .style-nova) .cn-alert-dialog-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-alert-dialog-title:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
      grid-column-start: 2;
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-wrap: balance;
    color: var(--muted-foreground);
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-alert-dialog-description {
      text-wrap: pretty;
    }
  }

  :is(:is(:root, .style-nova) .cn-alert-dialog-description > *):is(a) {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    :is(:is(:root, .style-nova) .cn-alert-dialog-description > *):is(a):hover {
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-footer {
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    margin-inline: -16px;
    border-top-width: 1px;
    margin-bottom: -16px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-alert-dialog-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-footer {
    padding: 16px;
  }

  :is(:root, .style-nova) .cn-avatar {
    border-radius: 3.40282e38px;
    width: 32px;
    height: 32px;
  }

  :is(:root, .style-nova) .cn-avatar:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-avatar[data-size="lg"] {
    width: 40px;
    height: 40px;
  }

  :is(:root, .style-nova) .cn-avatar[data-size="sm"] {
    width: 24px;
    height: 24px;
  }

  :is(:root, .style-nova) .cn-avatar-fallback {
    background-color: var(--muted);
    color: var(--muted-foreground);
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-avatar-image {
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-avatar-badge {
    background-color: var(--primary);
    color: var(--primary-foreground);
    --tw-ring-color: var(--background);
  }

  :is(:root, .style-nova) .cn-avatar-group-count {
    background-color: var(--muted);
    width: 32px;
    height: 32px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-avatar-group-count:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: 40px;
    height: 40px;
  }

  :is(:root, .style-nova) .cn-avatar-group-count:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: 24px;
    height: 24px;
  }

  :is(:root, .style-nova) .cn-avatar-group-count > svg {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-avatar-group-count:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: 20px;
    height: 20px;
  }

  :is(:root, .style-nova) .cn-avatar-group-count:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: 12px;
    height: 12px;
  }

  :is(:root, .style-nova) .cn-badge {
    border-radius: calc(var(--radius) * 2.6);
    border-style: var(--tw-border-style);
    height: 20px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    border-color: #0000;
    gap: 4px;
    padding-block: 2px;
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-badge:has([data-icon="inline-end"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-badge:has([data-icon="inline-start"]) {
    padding-left: 6px;
  }

  :is(:root, .style-nova) .cn-badge > svg {
    width: 12px !important;
    height: 12px !important;
  }

  :is(:root, .style-nova) .cn-badge-variant-default {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-badge-variant-default:is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-badge-variant-default:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-secondary {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-badge-variant-secondary:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-badge-variant-secondary:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-outline {
    border-color: var(--border);
    color: var(--foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-badge-variant-outline:is(a):hover {
      background-color: var(--muted);
      color: var(--muted-foreground);
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-destructive {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-badge-variant-destructive {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-destructive {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-badge-variant-destructive:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-badge-variant-destructive:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-destructive:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-badge-variant-destructive:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-destructive:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-badge-variant-destructive:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-badge-variant-destructive:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-badge-variant-destructive:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }

    :is(:root, .style-nova) .cn-badge-variant-ghost:hover {
      background-color: var(--muted);
      color: var(--muted-foreground);
    }

    :is(:root, .style-nova) .cn-badge-variant-ghost:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-badge-variant-ghost:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-badge-variant-link {
    color: var(--primary);
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-badge-variant-link:hover {
      text-decoration-line: underline;
    }
  }

  :is(:root, .style-nova) .cn-breadcrumb-list {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    gap: 6px;
  }

  :is(:root, .style-nova) .cn-breadcrumb-item {
    gap: 4px;
  }

  :is(:root, .style-nova) .cn-breadcrumb-link {
    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));
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-breadcrumb-link:hover {
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-breadcrumb-page {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-breadcrumb-separator > svg {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-breadcrumb-ellipsis {
    width: 20px;
    height: 20px;
  }

  :is(:root, .style-nova) .cn-breadcrumb-ellipsis > svg {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-button {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    background-clip: padding-box;
    border-width: 1px;
    border-color: #0000;
  }

  :is(:root, .style-nova) .cn-button:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-button[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-button-variant-default {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-default:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-button-variant-default:hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-button-variant-outline {
    border-color: var(--border);
    background-color: var(--background);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-outline:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-button-variant-outline[aria-expanded="true"] {
    background-color: var(--muted);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-button-variant-outline:is(.dark *) {
    border-color: var(--input);
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button-variant-outline:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-outline:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-button-variant-outline:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-button-variant-secondary {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-secondary:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-button-variant-secondary:hover {
        background-color: color-mix(in oklch, var(--secondary), var(--foreground) 5%);
      }
    }
  }

  :is(:root, .style-nova) .cn-button-variant-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-ghost:hover {
      background-color: var(--muted);
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-button-variant-ghost[aria-expanded="true"] {
    background-color: var(--muted);
    color: var(--foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-ghost:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-button-variant-ghost:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-button-variant-destructive {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button-variant-destructive {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button-variant-destructive {
    color: var(--destructive);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-destructive:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-button-variant-destructive:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-button-variant-destructive:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button-variant-destructive:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button-variant-destructive:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button-variant-destructive:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button-variant-destructive:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button-variant-destructive:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-destructive:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-button-variant-destructive:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-button-variant-destructive:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-button-variant-destructive:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-button-variant-link {
    color: var(--primary);
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-button-variant-link:hover {
      text-decoration-line: underline;
    }
  }

  :is(:root, .style-nova) .cn-button-size-xs {
    border-radius: min(var(--radius-md), 10px);
    height: 24px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    gap: 4px;
    padding-inline: 8px;
  }

  :where([data-slot="button-group"]) :is(:is(:root, .style-nova) .cn-button-size-xs) {
    border-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-button-size-xs:has([data-icon="inline-end"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-button-size-xs:has([data-icon="inline-start"]) {
    padding-left: 6px;
  }

  :is(:root, .style-nova) .cn-button-size-xs svg:not([class*="size-"]) {
    width: 12px;
    height: 12px;
  }

  :is(:root, .style-nova) .cn-button-size-sm {
    border-radius: min(var(--radius-md), 12px);
    gap: 4px;
    height: 28px;
    padding-inline: 10px;
    font-size: .8rem;
  }

  :where([data-slot="button-group"]) :is(:is(:root, .style-nova) .cn-button-size-sm) {
    border-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-button-size-sm:has([data-icon="inline-end"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-button-size-sm:has([data-icon="inline-start"]) {
    padding-left: 6px;
  }

  :is(:root, .style-nova) .cn-button-size-sm svg:not([class*="size-"]) {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-button-size-default {
    gap: 6px;
    height: 32px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-button-size-default:has([data-icon="inline-end"]) {
    padding-right: 8px;
  }

  :is(:root, .style-nova) .cn-button-size-default:has([data-icon="inline-start"]) {
    padding-left: 8px;
  }

  :is(:root, .style-nova) .cn-button-size-lg {
    gap: 6px;
    height: 36px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-button-size-lg:has([data-icon="inline-end"]) {
    padding-right: 8px;
  }

  :is(:root, .style-nova) .cn-button-size-lg:has([data-icon="inline-start"]) {
    padding-left: 8px;
  }

  :is(:root, .style-nova) .cn-button-size-icon-xs {
    border-radius: min(var(--radius-md), 10px);
    width: 24px;
    height: 24px;
  }

  :where([data-slot="button-group"]) :is(:is(:root, .style-nova) .cn-button-size-icon-xs) {
    border-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-button-size-icon-xs svg:not([class*="size-"]) {
    width: 12px;
    height: 12px;
  }

  :is(:root, .style-nova) .cn-button-size-icon-sm {
    border-radius: min(var(--radius-md), 12px);
    width: 28px;
    height: 28px;
  }

  :where([data-slot="button-group"]) :is(:is(:root, .style-nova) .cn-button-size-icon-sm) {
    border-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-button-size-icon {
    width: 32px;
    height: 32px;
  }

  :is(:root, .style-nova) .cn-button-size-icon-lg {
    width: 36px;
    height: 36px;
  }

  :is(:root, .style-nova) .cn-button-group:has( > [data-slot="button-group"]) {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-button-group:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius-4);
    border-bottom-right-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-button-group-orientation-horizontal > [data-slot]:not(:has( ~ [data-slot])) {
    border-top-right-radius: var(--radius-4) !important;
    border-bottom-right-radius: var(--radius-4) !important;
  }

  :is(:root, .style-nova) .cn-button-group-orientation-vertical > [data-slot]:not(:has( ~ [data-slot])) {
    border-bottom-right-radius: var(--radius-4) !important;
    border-bottom-left-radius: var(--radius-4) !important;
  }

  :is(:root, .style-nova) .cn-button-group-text {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    background-color: var(--muted);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-width: 1px;
    gap: 8px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-button-group-text svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-button-group-separator {
    background-color: var(--input);
  }

  :is(:root, .style-nova) .cn-calendar {
    --cell-radius: var(--radius-md);
    --cell-size: calc(4px * 7);
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-calendar-dropdown-root {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
  }

  :is(:root, .style-nova) .cn-calendar-dropdown-root:has(:focus) {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-calendar-dropdown-root:has(:focus) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-calendar-caption-label {
    height: 24px;
    padding-left: 6px;
    padding-right: 4px;
  }

  :is(:root, .style-nova) .cn-card {
    gap: var(--card-spacing);
    border-radius: var(--radius-5);
    background-color: var(--card);
    padding-block: var(--card-spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--card-foreground);
    --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);
    --tw-ring-color: var(--foreground);
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-card {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-card {
    --card-spacing: calc(4px * 4);
  }

  :is(:root, .style-nova) .cn-card:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  :is(:root, .style-nova) .cn-card:has( > img:first-child) {
    padding-top: 0;
  }

  :is(:root, .style-nova) .cn-card[data-size="sm"] {
    --card-spacing: calc(4px * 3);
  }

  :is(:root, .style-nova) .cn-card[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: 0;
  }

  :is(:is(:root, .style-nova) .cn-card > *):is(img:first-child) {
    border-top-left-radius: var(--radius-5);
    border-top-right-radius: var(--radius-5);
  }

  :is(:is(:root, .style-nova) .cn-card > *):is(img:last-child) {
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
  }

  :is(:root, .style-nova) .cn-card-header {
    border-top-left-radius: var(--radius-5);
    border-top-right-radius: var(--radius-5);
    padding-inline: var(--card-spacing);
    gap: 4px;
  }

  :is(:root, .style-nova) .cn-card-header.border-b {
    padding-bottom: var(--card-spacing);
  }

  :is(:root, .style-nova) .cn-card-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-card-title:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-card-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-card-content {
    padding-inline: var(--card-spacing);
  }

  :is(:root, .style-nova) .cn-card-footer {
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    border-top-width: 1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-card-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-card-footer {
    padding: var(--card-spacing);
  }

  :is(:root, .style-nova) .cn-carousel-previous, :is(:root, .style-nova) .cn-carousel-next {
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-chart-tooltip {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    gap: 6px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-chart-tooltip {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-chart-tooltip {
    background-color: var(--background);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-shadow: var(--shadow-4);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    padding-block: 6px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-checkbox {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    width: 16px;
    height: 16px;
    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));
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :is(:root, .style-nova) .cn-checkbox:is(:where(.group\/field):has(:disabled) *) {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-checkbox:is(:where(.group\/field-label):has(: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);
  }

  :is(:root, .style-nova) .cn-checkbox:is(:where(.group\/field-label):has(:focus-visible) *):not([data-checked]) {
    border-color: var(--input);
  }

  :is(:root, .style-nova) .cn-checkbox:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox[aria-invalid="true"][aria-checked="true"] {
    border-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-checkbox[data-checked] {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-checkbox:is(:where(.group\/field-label):has(:focus-visible) *)[data-checked] {
    border-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-checkbox:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox:is(.dark *)[data-checked] {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-checkbox-aria[data-focus-visible] {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox-aria[data-focus-visible] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox-aria[data-invalid] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox-aria[data-invalid] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox-aria[data-selected] {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-checkbox-aria[data-invalid][data-selected] {
    border-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-checkbox-aria:is(.dark *)[data-invalid] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox-aria:is(.dark *)[data-invalid] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox-aria:is(.dark *)[data-invalid] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-checkbox-aria:is(.dark *)[data-invalid] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-checkbox-aria:is(.dark *)[data-selected] {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-checkbox-indicator > svg {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-combobox-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    max-height: 288px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    transition-duration: .1s;
    overflow: hidden;
  }

  :is(:root, .style-nova) .cn-combobox-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-combobox-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-combobox-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-combobox-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-combobox-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-combobox-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:is(:root, .style-nova) .cn-combobox-content > *)[data-slot="input-group"] {
    border-color: var(--input);
    height: 32px;
    margin: 4px 4px 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-combobox-content > *)[data-slot="input-group"] {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-combobox-content > *)[data-slot="input-group"] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-combobox-content > *)[data-slot="input-group"] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-combobox-content > *)[data-slot="input-group"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-combobox-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-combobox-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-combobox-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
    padding-block: 6px;
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-combobox-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 8px;
    padding-left: 6px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-combobox-item[data-highlighted] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-combobox-item:not([data-variant="destructive"])[data-highlighted] *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-combobox-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-combobox-item-aria[data-focused] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-combobox-item-aria:not([data-variant="destructive"])[data-focused] *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-combobox-item-indicator {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    right: 8px;
  }

  :is(:root, .style-nova) .cn-combobox-empty {
    text-align: center;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    justify-content: center;
    padding-block: 8px;
    display: none;
  }

  :is(:root, .style-nova) .cn-combobox-empty:is(:where(.group\/combobox-content)[data-empty] *) {
    display: flex;
  }

  :is(:root, .style-nova) .cn-combobox-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  :is(:root, .style-nova) .cn-combobox-list::-webkit-scrollbar {
    display: none;
  }

  :is(:root, .style-nova) .cn-combobox-list {
    max-height: min(calc(calc(4px * 72)  - calc(4px * 9)), calc(var(--available-height)  - calc(4px * 9)));
    padding: 4px;
    scroll-padding-block: 4px;
    overflow-y: auto;
  }

  :is(:root, .style-nova) .cn-combobox-list[data-empty] {
    padding: 0;
  }

  :is(:root, .style-nova) .cn-combobox-item-text {
    flex: 1;
    gap: 8px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-combobox-separator {
    background-color: var(--border);
    height: 1px;
    margin-block: 4px;
    margin-inline: -4px;
  }

  :is(:root, .style-nova) .cn-combobox-trigger svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-combobox-trigger-icon {
    width: 16px;
    height: 16px;
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-combobox-chips {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    min-height: 32px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    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));
    background-color: #0000;
    background-clip: padding-box;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding-block: 4px;
    padding-inline: 10px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-combobox-chips:focus-within {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-combobox-chips:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-combobox-chips:has([aria-invalid="true"]) {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-combobox-chips:has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-combobox-chips:has([data-slot="combobox-chip"]) {
    padding-inline: 4px;
  }

  :is(:root, .style-nova) .cn-combobox-chips:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-combobox-chips:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-combobox-chips:is(.dark *):has([aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-combobox-chips:is(.dark *):has([aria-invalid="true"]) {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-combobox-chips:is(.dark *):has([aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-combobox-chips:is(.dark *):has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-combobox-chip {
    border-radius: var(--radius-2);
    background-color: var(--muted);
    width: fit-content;
    height: 21px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--foreground);
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding-inline: 6px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-combobox-chip:has([data-slot="combobox-chip-remove"]) {
    padding-right: 0;
  }

  :is(:root, .style-nova) .cn-combobox-chip-remove {
    opacity: .5;
    margin-left: -4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-combobox-chip-remove:hover {
      opacity: 1;
    }
  }

  :is(:root, .style-nova) .cn-command {
    background-color: var(--popover);
    color: var(--popover-foreground);
    padding: 4px;
    border-radius: var(--radius-5) !important;
  }

  :is(:root, .style-nova) .cn-command-dialog {
    border-radius: var(--radius-5) !important;
  }

  :is(:root, .style-nova) .cn-command-input-wrapper {
    padding: 4px 4px 0;
  }

  :is(:root, .style-nova) .cn-command-input-group {
    border-color: var(--input);
    border-radius: var(--radius-4) !important;
    height: 32px !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-command-input-group {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-command-input-group {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-command-input-group {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-command-input-group {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  :is(:is(:root, .style-nova) .cn-command-input-group > *)[data-slot="input-group-addon"] {
    padding-left: 8px !important;
  }

  :is(:root, .style-nova) .cn-command-input-icon {
    opacity: .5;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-command-input {
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-command-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  :is(:root, .style-nova) .cn-command-list::-webkit-scrollbar {
    display: none;
  }

  :is(:root, .style-nova) .cn-command-list {
    --tw-outline-style: none;
    outline-style: none;
    max-height: 288px;
    scroll-padding-block: 4px;
  }

  :is(:root, .style-nova) .cn-command-empty {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 24px;
  }

  :is(:root, .style-nova) .cn-command-group {
    color: var(--foreground);
    padding: 4px;
    overflow: hidden;
  }

  :is(:is(:root, .style-nova) .cn-command-group *)[cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding-block: 6px;
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-command-separator {
    background-color: var(--border);
    height: 1px;
    margin-inline: -4px;
  }

  :is(:root, .style-nova) .cn-command-item {
    cursor: default;
    border-radius: var(--radius-2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    gap: 8px;
    padding-block: 6px;
    padding-inline: 8px;
    display: flex;
    position: relative;
  }

  @media (forced-colors: active) {
    :is(:root, .style-nova) .cn-command-item {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:root, .style-nova) .cn-command-item {
    -webkit-user-select: none;
    user-select: none;
  }

  :where([data-slot="dialog-content"]) :is(:is(:root, .style-nova) .cn-command-item) {
    border-radius: var(--radius-4) !important;
  }

  :is(:root, .style-nova) .cn-command-item[data-selected] {
    background-color: var(--muted);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-command-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:is(:root, .style-nova) .cn-command-item[data-selected] > *):is(svg) {
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-command-item-aria[data-focused] {
    background-color: var(--muted);
    color: var(--foreground);
  }

  :is(:is(:root, .style-nova) .cn-command-item-aria[data-focused] > *):is(svg) {
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-command-shortcut {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    margin-left: auto;
  }

  :is(:root, .style-nova) .cn-command-shortcut:is(:where(.group\/command-item)[data-selected] *), :is(:root, .style-nova) .cn-command-shortcut-aria:is(:where(.group\/command-item)[data-focused] *) {
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-context-menu-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-context-menu-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-context-menu-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-context-menu-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-context-menu-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-context-menu-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 6px;
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-context-menu-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-context-menu-item[data-variant="destructive"] {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-context-menu-item[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-context-menu-item[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-context-menu-item[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-context-menu-item:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-context-menu-item:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-context-menu-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:is(:root, .style-nova) .cn-context-menu-item:focus > *):is(svg) {
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-context-menu-item[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-context-menu-checkbox-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 6px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-context-menu-checkbox-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-checkbox-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-context-menu-checkbox-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-context-menu-radio-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 6px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-context-menu-radio-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-radio-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-context-menu-radio-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-context-menu-item-indicator {
    position: absolute;
    right: 8px;
  }

  :is(:root, .style-nova) .cn-context-menu-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-context-menu-label[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-context-menu-separator {
    background-color: var(--border);
    height: 1px;
    margin-block: 4px;
    margin-inline: -4px;
  }

  :is(:root, .style-nova) .cn-context-menu-shortcut {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    margin-left: auto;
  }

  :is(:root, .style-nova) .cn-context-menu-shortcut:is(:where(.group\/context-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-sub-trigger {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 6px;
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-trigger:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-sub-trigger[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-trigger[data-open] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-context-menu-sub-trigger svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    background-color: var(--popover);
    min-width: 128px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: .1s;
    border-width: 1px;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-context-menu-subcontent {
    --tw-shadow: var(--shadow-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-dialog-overlay {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dialog-overlay {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dialog-overlay {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dialog-overlay[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
  }

  :is(:root, .style-nova) .cn-dialog-overlay[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    :is(:root, .style-nova) .cn-dialog-overlay {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  :is(:root, .style-nova) .cn-dialog-content {
    border-radius: var(--radius-5);
    background-color: var(--popover);
    max-width: calc(100% - 2rem);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --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);
    --tw-ring-color: var(--foreground);
    gap: 16px;
    padding: 16px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dialog-content {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dialog-content {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dialog-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-dialog-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-dialog-content {
      max-width: var(--container-lg);
    }
  }

  :is(:root, .style-nova) .cn-dialog-close {
    position: absolute;
    top: 8px;
    right: 8px;
  }

  :is(:root, .style-nova) .cn-dialog-header {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-dialog-footer {
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    margin-inline: -16px;
    border-top-width: 1px;
    margin-bottom: -16px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dialog-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dialog-footer {
    padding: 16px;
  }

  :is(:root, .style-nova) .cn-dialog-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-dialog-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  :is(:is(:root, .style-nova) .cn-dialog-description > *):is(a) {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    :is(:is(:root, .style-nova) .cn-dialog-description > *):is(a):hover {
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-drawer-overlay {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-drawer-overlay {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    :is(:root, .style-nova) .cn-drawer-overlay {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  :is(:root, .style-nova) .cn-drawer-content {
    background-color: var(--popover);
    height: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    flex-direction: column;
    display: flex;
  }

  :is(:root, .style-nova) .cn-drawer-content[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: var(--radius-5);
    border-top-right-radius: var(--radius-5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-content[data-vaul-drawer-direction="left"] {
    border-top-right-radius: var(--radius-5);
    border-bottom-right-radius: var(--radius-5);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-content[data-vaul-drawer-direction="right"] {
    border-top-left-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-content[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-popup {
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
  }

  :is(:root, .style-nova) .cn-drawer-popup[data-swipe-direction="down"] {
    border-top-left-radius: var(--radius-5);
    border-top-right-radius: var(--radius-5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-popup[data-swipe-direction="left"] {
    border-top-right-radius: var(--radius-5);
    border-bottom-right-radius: var(--radius-5);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-popup[data-swipe-direction="right"] {
    border-top-left-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-popup[data-swipe-direction="up"] {
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: var(--radius-5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  :is(:root, .style-nova) .cn-drawer-handle {
    background-color: var(--muted);
    margin-inline: auto;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    width: 100px;
    height: 4px;
    margin-top: 16px;
    display: none;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *) {
    align-items: center;
    width: 12px;
    height: 100%;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
    justify-content: center;
    width: 100%;
    height: 12px;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-direction="down"] *) {
    align-items: flex-end;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-direction="left"] *) {
    justify-content: flex-start;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-direction="right"] *) {
    justify-content: flex-end;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-direction="up"] *) {
    align-items: flex-start;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--muted);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    display: block;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-axis="x"] *):after {
    content: var(--tw-content);
    content: var(--tw-content);
    width: 4px;
    height: 96px;
  }

  :is(:root, .style-nova) .cn-drawer-swipe-handle:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *):after {
    content: var(--tw-content);
    content: var(--tw-content);
    width: 96px;
    height: 4px;
  }

  :is(:root, .style-nova) .cn-drawer-header {
    gap: 2px;
    padding: 16px;
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-drawer-header {
      text-align: left;
      gap: 2px;
    }
  }

  :is(:root, .style-nova) .cn-drawer-header-base {
    gap: 2px;
    padding: 16px 16px 0;
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-drawer-header-base {
      text-align: left;
      gap: 2px;
    }
  }

  :is(:root, .style-nova) .cn-drawer-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-drawer-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-drawer-footer {
    gap: 8px;
    padding: 16px;
  }

  :is(:root, .style-nova) .cn-drawer-footer-base {
    gap: 8px;
    padding: 0 16px 16px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 128px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 6px;
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-dropdown-menu-item:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item[data-variant="destructive"] {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dropdown-menu-item[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dropdown-menu-item:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:is(:root, .style-nova) .cn-dropdown-menu-item[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-checkbox-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 6px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-checkbox-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-dropdown-menu-checkbox-item:focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-checkbox-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-checkbox-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-radio-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 6px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-radio-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-dropdown-menu-radio-item:focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-radio-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-radio-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-item-indicator {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    right: 8px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-label[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-separator {
    background-color: var(--border);
    height: 1px;
    margin-block: 4px;
    margin-inline: -4px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-shortcut {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    margin-left: auto;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-shortcut:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-trigger {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 6px;
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-trigger:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-dropdown-menu-sub-trigger:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-trigger[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-trigger[data-open] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-trigger svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 96px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-3);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dropdown-menu-subcontent {
    --tw-shadow: var(--shadow-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-empty {
    border-radius: var(--radius-5);
    --tw-border-style: dashed;
    border-style: dashed;
    gap: 16px;
    padding: 24px;
  }

  :is(:root, .style-nova) .cn-empty-header {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-empty-media {
    margin-bottom: 8px;
  }

  :is(:root, .style-nova) .cn-empty-media-default {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-empty-media-icon {
    border-radius: var(--radius-4);
    background-color: var(--muted);
    width: 32px;
    height: 32px;
    color: var(--foreground);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  :is(:root, .style-nova) .cn-empty-media-icon svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-empty-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  :is(:root, .style-nova) .cn-empty-description {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  :is(:root, .style-nova) .cn-empty-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 10px;
  }

  :is(:root, .style-nova) .cn-field-set {
    gap: 16px;
  }

  :is(:root, .style-nova) .cn-field-set:has( > [data-slot="checkbox-group"]), :is(:root, .style-nova) .cn-field-set:has( > [data-slot="radio-group"]) {
    gap: 12px;
  }

  :is(:root, .style-nova) .cn-field-legend {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    margin-bottom: 6px;
  }

  :is(:root, .style-nova) .cn-field-legend[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-field-legend[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  :is(:root, .style-nova) .cn-field-group {
    gap: 20px;
  }

  :is(:root, .style-nova) .cn-field-group[data-slot="checkbox-group"] {
    gap: 12px;
  }

  :is(:is(:root, .style-nova) .cn-field-group > *)[data-slot="field-group"] {
    gap: 16px;
  }

  :is(:root, .style-nova) .cn-field {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-field[data-invalid="true"] {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-field-content {
    gap: 2px;
  }

  :is(:root, .style-nova) .cn-field-label {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-field-label:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-field-label:has([data-checked]) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label:has([data-checked]) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label:has([data-checked]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label:has([data-checked]) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label:has( > [data-slot="field"]) {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-field-label:has( > [data-slot="field"]):not(:has(:is(:disabled, [data-disabled]))):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-field-label:has( > [data-slot="field"]):not(:has(:is(:disabled, [data-disabled]))):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-field-label:has( > [data-slot="field"]):has(:focus-visible) {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label:has( > [data-slot="field"]):has(:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-field-label > *)[data-slot="field"] {
    padding: 10px;
  }

  :is(:root, .style-nova) .cn-field-label:is(.dark *):has([data-checked]) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label:is(.dark *):has([data-checked]) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label:is(.dark *):has([data-checked]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label:is(.dark *):has([data-checked]) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label-aria:has([data-selected]) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label-aria:has([data-selected]) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label-aria:has([data-selected]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label-aria:has([data-selected]) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label-aria:is(.dark *):has([data-selected]) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label-aria:is(.dark *):has([data-selected]) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-label-aria:is(.dark *):has([data-selected]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-field-label-aria:is(.dark *):has([data-selected]) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-field-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-field-title:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-field-description {
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  [data-variant="legend"] + :is(:is(:root, .style-nova) .cn-field-description) {
    margin-top: -6px;
  }

  :is(:root, .style-nova) .cn-field-separator {
    height: 20px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    margin-block: -8px;
  }

  :is(:root, .style-nova) .cn-field-separator:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: -8px;
  }

  :is(:root, .style-nova) .cn-field-separator-content {
    color: var(--muted-foreground);
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-field-error {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-hover-card-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    width: 256px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 10px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-hover-card-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-hover-card-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-hover-card-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-hover-card-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-hover-card-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-hover-card-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-hover-card-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-hover-card-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-input {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    height: 32px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    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));
    background-color: #0000;
    padding-block: 4px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-input::file-selector-button {
    height: 24px;
  }

  :is(:root, .style-nova) .cn-input::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-input::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-input:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  :is(:root, .style-nova) .cn-input:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-input-otp-group {
    border-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-input-otp-group:has([aria-invalid="true"]) {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-otp-group:has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp-group:is(.dark *):has([aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-otp-group:is(.dark *):has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp-slot {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--input);
    width: 32px;
    height: 32px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(:root, .style-nova) .cn-input-otp-slot:first-child {
    border-top-left-radius: var(--radius-4);
    border-bottom-left-radius: var(--radius-4);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  :is(:root, .style-nova) .cn-input-otp-slot:last-child {
    border-top-right-radius: var(--radius-4);
    border-bottom-right-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-input-otp-slot[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-input-otp-slot[data-active="true"] {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-otp-slot[data-active="true"] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp-slot[data-active="true"][aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-otp-slot[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp-slot:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-otp-slot:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp-slot:is(.dark *)[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-otp-slot:is(.dark *)[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-otp-caret-line {
    background-color: var(--foreground);
    --tw-duration: 1s;
    width: 1px;
    height: 16px;
    transition-duration: 1s;
    animation: 1.25s ease-out infinite caret-blink;
  }

  :is(:root, .style-nova) .cn-input-otp-separator svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-item {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-width: 1px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-item:is(a):hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-item-variant-default {
    border-color: #0000;
  }

  :is(:root, .style-nova) .cn-item-variant-outline {
    border-color: var(--border);
  }

  :is(:root, .style-nova) .cn-item-variant-muted {
    background-color: var(--muted);
    border-color: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-item-variant-muted {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-item-size-default, :is(:root, .style-nova) .cn-item-size-sm {
    gap: 10px;
    padding-block: 10px;
    padding-inline: 12px;
  }

  :is(:root, .style-nova) .cn-item-size-xs {
    gap: 8px;
    padding-block: 8px;
    padding-inline: 10px;
  }

  :where([data-slot="dropdown-menu-content"]) :is(:is(:root, .style-nova) .cn-item-size-xs) {
    padding: 0;
  }

  :is(:root, .style-nova) .cn-item-media {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-item-media:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(4px * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-self: flex-start;
  }

  :is(:root, .style-nova) .cn-item-media-variant-default {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-item-media-variant-icon svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-item-media-variant-image {
    border-radius: var(--radius-2);
    width: 40px;
    height: 40px;
    overflow: hidden;
  }

  :is(:root, .style-nova) .cn-item-media-variant-image:is(:where(.group\/item)[data-size="sm"] *) {
    width: 32px;
    height: 32px;
  }

  :is(:root, .style-nova) .cn-item-media-variant-image:is(:where(.group\/item)[data-size="xs"] *) {
    width: 24px;
    height: 24px;
  }

  :is(:root, .style-nova) .cn-item-media-variant-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  :is(:root, .style-nova) .cn-item-content {
    gap: 4px;
  }

  :is(:root, .style-nova) .cn-item-content:is(:where(.group\/item)[data-size="xs"] *) {
    gap: 0;
  }

  :is(:root, .style-nova) .cn-item-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-underline-offset: 4px;
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-item-description {
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-item-description:is(:where(.group\/item)[data-size="xs"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(:root, .style-nova) .cn-item-actions, :is(:root, .style-nova) .cn-item-header, :is(:root, .style-nova) .cn-item-footer {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-item-group {
    gap: 16px;
  }

  :is(:root, .style-nova) .cn-item-group:has([data-size="sm"]) {
    gap: 10px;
  }

  :is(:root, .style-nova) .cn-item-group:has([data-size="xs"]) {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-item-separator {
    margin-block: 8px;
  }

  :is(:root, .style-nova) .cn-kbd {
    border-radius: var(--radius-2);
    background-color: var(--muted);
    width: fit-content;
    min-width: 20px;
    height: 20px;
    font-family: Inter, sans-serif;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    gap: 4px;
    padding-inline: 4px;
  }

  :where([data-slot="tooltip-content"]) :is(:is(:root, .style-nova) .cn-kbd) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-slot="tooltip-content"]) :is(:is(:root, .style-nova) .cn-kbd) {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  :where([data-slot="tooltip-content"]) :is(:is(:root, .style-nova) .cn-kbd) {
    color: var(--background);
  }

  :where([data-slot="tooltip-content"]) :is(:root, .style-nova) .cn-kbd:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-slot="tooltip-content"]) :is(:root, .style-nova) .cn-kbd:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-kbd svg:not([class*="size-"]) {
    width: 12px;
    height: 12px;
  }

  :is(:root, .style-nova) .cn-kbd-group {
    gap: 4px;
  }

  :is(:root, .style-nova) .cn-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1;
    font-weight: var(--font-weight-medium);
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-label:is(:where(.group)[data-disabled="true"] *), :is(:root, .style-nova) .cn-label:is(:where(.peer):disabled ~ *), :is(:root, .style-nova) .cn-label-aria:is(:where(.peer)[data-disabled] ~ *) {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-menubar {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    gap: 2px;
    height: 32px;
    padding: 3px;
  }

  :is(:root, .style-nova) .cn-menubar-trigger {
    border-radius: var(--radius-2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    padding-block: 2px;
    padding-inline: 6px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-menubar-trigger:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-menubar-trigger[aria-expanded="true"] {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-menubar-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-menubar-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-menubar-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-menubar-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-menubar-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-menubar-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-menubar-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-menubar-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-menubar-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 6px;
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-menubar-item:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-item[data-disabled] {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-menubar-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-menubar-item[data-variant="destructive"] {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-menubar-item[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-menubar-item[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-menubar-item[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-menubar-item:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-menubar-item:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-menubar-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:is(:root, .style-nova) .cn-menubar-item[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }

  :is(:root, .style-nova) .cn-menubar-checkbox-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 28px;
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-checkbox-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-menubar-checkbox-item:focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-checkbox-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-menubar-checkbox-item-indicator {
    width: 16px;
    height: 16px;
    left: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-checkbox-item-indicator svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-menubar-radio-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 28px;
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-radio-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-menubar-radio-item:focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-radio-item[data-disabled] {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-menubar-radio-item[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-menubar-radio-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-menubar-radio-item-indicator {
    width: 16px;
    height: 16px;
    left: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-radio-item-indicator svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-menubar-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-label[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-menubar-separator {
    background-color: var(--border);
  }

  :is(:root, .style-nova) .cn-menubar-shortcut {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-shortcut:is(:where(.group\/menubar-item):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-sub-trigger {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 6px;
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-menubar-sub-trigger:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-sub-trigger[data-inset] {
    padding-left: 28px;
  }

  :is(:root, .style-nova) .cn-menubar-sub-trigger[data-open] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-menubar-sub-trigger svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-menubar-sub-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 128px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-3);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-menubar-sub-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-menubar-sub-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-menubar-sub-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-menubar-sub-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-menubar-sub-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-menubar-sub-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-navigation-menu {
    max-width: max-content;
  }

  :is(:root, .style-nova) .cn-navigation-menu-list {
    gap: 0;
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger {
    border-radius: var(--radius-4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    padding-block: 6px;
    padding-inline: 10px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-navigation-menu-trigger:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger:focus {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-navigation-menu-trigger:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger:disabled {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger[data-open] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-navigation-menu-trigger[data-open] {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-navigation-menu-trigger[data-open]:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger[data-open]:focus, :is(:root, .style-nova) .cn-navigation-menu-trigger[data-popup-open] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-navigation-menu-trigger[data-popup-open] {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-navigation-menu-trigger[data-popup-open]:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-link {
    border-radius: var(--radius-4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    align-items: center;
    gap: 8px;
    padding: 8px;
    display: flex;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-navigation-menu-link:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-link:focus {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-navigation-menu-link:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-navigation-menu-link:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-link:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  :where([data-slot="navigation-menu-content"]) :is(:is(:root, .style-nova) .cn-navigation-menu-link) {
    border-radius: var(--radius-3);
  }

  :is(:root, .style-nova) .cn-navigation-menu-link[data-active] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-navigation-menu-link[data-active] {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-navigation-menu-link[data-active]:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-link[data-active]:focus {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-navigation-menu-link svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger-icon {
    width: 12px;
    height: 12px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    margin-left: 4px;
    transition-duration: .3s;
    position: relative;
    top: 1px;
  }

  :is(:root, .style-nova) .cn-navigation-menu-trigger-icon:is(:where(.group\/navigation-menu-trigger)[data-open] *), :is(:root, .style-nova) .cn-navigation-menu-trigger-icon:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
    rotate: 180deg;
  }

  :is(:root, .style-nova) .cn-navigation-menu-content {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    padding: 4px;
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  :is(:root, .style-nova) .cn-navigation-menu-content:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --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);
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-navigation-menu-content:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-navigation-menu-content:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  :is(:root, .style-nova) .cn-navigation-menu-content:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-navigation-menu-content:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-navigation-menu-content[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-navigation-menu-content[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-navigation-menu-content[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-navigation-menu-content[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-navigation-menu-content[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
  }

  :is(:root, .style-nova) .cn-navigation-menu-content[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
  }

  :is(:root, .style-nova) .cn-navigation-menu-viewport {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-navigation-menu-viewport[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-scale: .9;
  }

  :is(:root, .style-nova) .cn-navigation-menu-viewport[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-scale: .9;
  }

  :is(:root, .style-nova) .cn-navigation-menu-indicator[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
  }

  :is(:root, .style-nova) .cn-navigation-menu-indicator[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
  }

  :is(:root, .style-nova) .cn-navigation-menu-indicator-arrow {
    border-top-left-radius: var(--radius-2);
    background-color: var(--border);
    --tw-shadow: var(--shadow-2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-navigation-menu-positioner {
    transition-property: top, left, right, bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  :is(:root, .style-nova) .cn-navigation-menu-positioner[data-side="bottom"]:before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    top: -10px;
    left: 0;
    right: 0;
  }

  :is(:root, .style-nova) .cn-navigation-menu-popup {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    --tw-outline-style: none;
    outline-style: none;
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  :is(:root, .style-nova) .cn-navigation-menu-popup[data-ending-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  :is(:root, .style-nova) .cn-navigation-menu-popup[data-starting-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    opacity: 0;
  }

  :is(:root, .style-nova) .cn-native-select {
    appearance: none;
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    width: 100%;
    min-width: 0;
    height: 32px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    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));
    -webkit-user-select: none;
    user-select: none;
    padding-block: 4px;
    background-color: #0000;
    padding-left: 10px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-native-select ::selection {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-native-select::selection {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-native-select ::selection {
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-native-select::selection {
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-native-select::placeholder {
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-native-select:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-native-select:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-native-select[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-native-select[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-native-select[data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
    height: 28px;
    padding-block: 2px;
  }

  :is(:root, .style-nova) .cn-native-select:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-native-select:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-native-select:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-native-select:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-native-select:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-native-select:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-native-select:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-native-select:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-native-select-icon {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    width: 16px;
    height: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--muted-foreground);
    top: 50%;
    right: 10px;
  }

  :is(:root, .style-nova) .cn-pagination-content {
    gap: 2px;
  }

  :is(:root, .style-nova) .cn-pagination-ellipsis {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
  }

  :is(:root, .style-nova) .cn-pagination-ellipsis svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-pagination-previous {
    padding-left: 6px !important;
  }

  :is(:root, .style-nova) .cn-pagination-next {
    padding-right: 6px !important;
  }

  :is(:root, .style-nova) .cn-popover-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    transition-duration: .1s;
    display: flex;
  }

  :is(:root, .style-nova) .cn-popover-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-popover-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-popover-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-popover-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-popover-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-popover-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-popover-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-popover-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-popover-header {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-popover-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-popover-description {
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-progress, :is(:root, .style-nova) .cn-progress-track {
    background-color: var(--muted);
    border-radius: 3.40282e38px;
    height: 4px;
  }

  :is(:root, .style-nova) .cn-progress-indicator {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-progress-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-progress-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
    margin-left: auto;
  }

  :is(:root, .style-nova) .cn-radio-group {
    gap: 8px;
    display: grid;
  }

  :is(:root, .style-nova) .cn-radio-group-item {
    border-color: var(--input);
    border-radius: 3.40282e38px;
    width: 16px;
    height: 16px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(:where(.group\/field-label):has(: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);
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(:where(.group\/field-label):has(:focus-visible) *):not([data-checked]) {
    border-color: var(--input);
  }

  :is(:root, .style-nova) .cn-radio-group-item:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item[aria-invalid="true"][aria-checked="true"] {
    border-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-radio-group-item[data-checked] {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(:where(.group\/field-label):has(:focus-visible) *)[data-checked] {
    border-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item:is(.dark *)[data-checked] {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria[data-focus-visible] {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item-aria[data-focus-visible] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria[data-invalid] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item-aria[data-invalid] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria[data-selected] {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria[data-invalid][data-selected] {
    border-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria:is(.dark *)[data-invalid] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item-aria:is(.dark *)[data-invalid] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria:is(.dark *)[data-invalid] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-radio-group-item-aria:is(.dark *)[data-invalid] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-radio-group-item-aria:is(.dark *)[data-selected] {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-radio-group-indicator {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-radio-group-indicator-icon {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    width: 8px;
    height: 8px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--primary-foreground);
    border-radius: 3.40282e38px;
    position: absolute;
    top: 50%;
    left: 50%;
  }

  :is(:root, .style-nova) .cn-resizable-handle-icon {
    border-radius: var(--radius-4);
    background-color: var(--border);
    width: 4px;
    height: 24px;
  }

  :is(:root, .style-nova) .cn-scroll-area-scrollbar[data-horizontal] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-top-color: #0000;
    flex-direction: column;
    height: 10px;
  }

  :is(:root, .style-nova) .cn-scroll-area-scrollbar[data-vertical] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-left-color: #0000;
    width: 10px;
    height: 100%;
  }

  :is(:root, .style-nova) .cn-scroll-area-thumb {
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-select-trigger {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    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));
    -webkit-user-select: none;
    user-select: none;
    padding-block: 8px;
    background-color: #0000;
    gap: 6px;
    padding-left: 10px;
    padding-right: 8px;
  }

  :is(:root, .style-nova) .cn-select-trigger:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-select-trigger:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-select-trigger[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-select-trigger[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-select-trigger[data-placeholder] {
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-select-trigger[data-size="default"] {
    height: 32px;
  }

  :is(:root, .style-nova) .cn-select-trigger[data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
    height: 28px;
  }

  :is(:is(:root, .style-nova) .cn-select-trigger > *)[data-slot="select-value"] {
    gap: 6px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-select-trigger:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-select-trigger:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-select-trigger:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-select-trigger:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-select-trigger:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-select-trigger:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-select-trigger:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-select-trigger:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-select-trigger svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-select-value {
    text-align: left;
    flex: 1;
    display: flex;
  }

  :is(:root, .style-nova) .cn-select-value-aria[data-placeholder] {
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-select-trigger-icon {
    width: 16px;
    height: 16px;
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-select-content {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-select-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-select-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-select-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-select-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-select-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-select-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-select-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-select-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-select-label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-select-item {
    border-radius: var(--radius-3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    padding-block: 4px;
    gap: 6px;
    padding-left: 6px;
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-select-item:focus {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:is(:root, .style-nova) .cn-select-item:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-select-item svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:is(:root, .style-nova) .cn-select-item > *):is(span):last-child {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-select-item-aria[data-focused] {
    background-color: var(--accent);
    color: var(--accent-foreground);
  }

  :is(:root, .style-nova) .cn-select-item-indicator {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
    position: absolute;
    right: 8px;
  }

  :is(:root, .style-nova) .cn-select-group {
    padding: 4px;
    scroll-margin-block: 4px;
  }

  :is(:root, .style-nova) .cn-select-item-text {
    flex: 1;
    gap: 8px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-select-separator {
    background-color: var(--border);
    height: 1px;
    margin-block: 4px;
    margin-inline: -4px;
  }

  :is(:root, .style-nova) .cn-select-scroll-up-button {
    z-index: 10;
    cursor: default;
    background-color: var(--popover);
    justify-content: center;
    align-items: center;
    padding-block: 4px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-select-scroll-up-button svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-select-scroll-down-button {
    z-index: 10;
    cursor: default;
    background-color: var(--popover);
    justify-content: center;
    align-items: center;
    padding-block: 4px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-select-scroll-down-button svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-select-empty-aria {
    text-align: center;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    justify-content: center;
    padding-block: 8px;
    display: none;
  }

  :is(:root, .style-nova) .cn-select-empty-aria:is(:where(.group\/select-list)[data-empty] *) {
    display: flex;
  }

  :is(:root, .style-nova) .cn-separator {
    background-color: var(--border);
    flex-shrink: 0;
  }

  :is(:root, .style-nova) .cn-separator-horizontal {
    width: 100%;
    height: 1px;
  }

  :is(:root, .style-nova) .cn-separator-vertical {
    width: 1px;
    height: 100%;
  }

  :is(:root, .style-nova) .cn-sheet-overlay {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-sheet-overlay {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    :is(:root, .style-nova) .cn-sheet-overlay {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  :is(:root, .style-nova) .cn-sheet-content {
    z-index: 50;
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: cubic-bezier(.4, 0, .2, 1);
    background-clip: padding-box;
    flex-direction: column;
    gap: 16px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: fixed;
  }

  :is(:root, .style-nova) .cn-sheet-content[data-side="bottom"] {
    border-top-style: var(--tw-border-style);
    inset-inline: 0;
    border-top-width: 1px;
    height: auto;
    bottom: 0;
  }

  :is(:root, .style-nova) .cn-sheet-content[data-side="left"] {
    border-right-style: var(--tw-border-style);
    inset-block: 0;
    border-right-width: 1px;
    width: 75%;
    height: 100%;
    left: 0;
  }

  :is(:root, .style-nova) .cn-sheet-content[data-side="right"] {
    border-left-style: var(--tw-border-style);
    inset-block: 0;
    border-left-width: 1px;
    width: 75%;
    height: 100%;
    right: 0;
  }

  :is(:root, .style-nova) .cn-sheet-content[data-side="top"] {
    border-bottom-style: var(--tw-border-style);
    inset-inline: 0;
    border-bottom-width: 1px;
    height: auto;
    top: 0;
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-sheet-content[data-side="left"], :is(:root, .style-nova) .cn-sheet-content[data-side="right"] {
      max-width: var(--container-sm);
    }
  }

  :is(:root, .style-nova) .cn-sheet-close {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  :is(:root, .style-nova) .cn-sheet-header {
    gap: 2px;
    padding: 16px;
  }

  :is(:root, .style-nova) .cn-sheet-footer {
    gap: 8px;
    padding: 16px;
  }

  :is(:root, .style-nova) .cn-sheet-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-sheet-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-sidebar-gap {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }

  :is(:root, .style-nova) .cn-sidebar-inner {
    background-color: var(--sidebar);
  }

  :is(:root, .style-nova) .cn-sidebar-inner:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius-4);
    --tw-shadow: var(--shadow-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-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);
    --tw-ring-color: var(--sidebar-border);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-rail:hover:after {
      content: var(--tw-content);
      background-color: var(--sidebar-border);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-inset {
    background-color: var(--background);
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-sidebar-inset:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: var(--radius-5);
      --tw-shadow: var(--shadow-1);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      margin: 8px 8px 8px 0;
    }

    :is(:root, .style-nova) .cn-sidebar-inset:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: 8px;
    }
  }

  :is(:root, .style-nova) .cn-sidebar-input {
    background-color: var(--background);
    --tw-shadow: 0 0 #0000;
    width: 100%;
    height: 32px;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-sidebar-header {
    gap: 8px;
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-sidebar-content {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  :is(:root, .style-nova) .cn-sidebar-content::-webkit-scrollbar {
    display: none;
  }

  :is(:root, .style-nova) .cn-sidebar-content {
    gap: 0;
  }

  :is(:root, .style-nova) .cn-sidebar-footer {
    gap: 8px;
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-sidebar-separator {
    background-color: var(--sidebar-border);
    margin-inline: 8px;
  }

  :is(:root, .style-nova) .cn-sidebar-group {
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu {
    gap: 0;
  }

  :is(:root, .style-nova) .cn-sidebar-group-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-sidebar-group-label {
    border-radius: var(--radius-3);
    height: 32px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-foreground);
    padding-inline: 8px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-sidebar-group-label {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-group-label {
    --tw-ring-color: var(--sidebar-ring);
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .2s;
    --tw-ease: linear;
    transition-duration: .2s;
    transition-timing-function: linear;
  }

  :is(:root, .style-nova) .cn-sidebar-group-label:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
    margin-top: -32px;
  }

  :is(:root, .style-nova) .cn-sidebar-group-label:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-sidebar-group-label > svg {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-sidebar-group-action {
    border-radius: var(--radius-3);
    width: 20px;
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    padding: 0;
    position: absolute;
    top: 14px;
    right: 12px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-group-action:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-group-action:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-sidebar-group-action > svg {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button {
    border-radius: var(--radius-3);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-ring-color: var(--sidebar-ring);
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    gap: 8px;
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: 32px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button:is(:where(.group)[data-collapsible="icon"] *) {
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-menu-button:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button:active {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button[data-active] {
    background-color: var(--sidebar-accent);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-accent-foreground);
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-menu-button[data-open]:hover, :is(:root, .style-nova) .cn-sidebar-menu-button-aria[aria-expanded="true"]:hover, :is(:root, .style-nova) .cn-sidebar-menu-button-variant-default:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button-variant-outline {
    background-color: var(--background);
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    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) {
    :is(:root, .style-nova) .cn-sidebar-menu-button-variant-outline:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button-size-default {
    height: 32px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button-size-sm {
    height: 28px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button-size-lg {
    height: 48px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-sidebar-menu-button-size-lg:is(:where(.group)[data-collapsible="icon"] *) {
    padding: 0 !important;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-action {
    aspect-ratio: 1;
    border-radius: var(--radius-3);
    width: 20px;
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    padding: 0;
    position: absolute;
    top: 6px;
    right: 4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-menu-action:is(:where(.peer\/menu-button):hover ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-action:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: 6px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-action:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: 10px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-action:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: 4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-menu-action:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-action:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-sidebar-menu-action > svg {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-badge {
    pointer-events: none;
    border-radius: var(--radius-3);
    min-width: 20px;
    height: 20px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--sidebar-foreground);
    padding-inline: 4px;
    display: flex;
    position: absolute;
    right: 4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-menu-badge:is(:where(.peer\/menu-button):hover ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-badge:is(:where(.peer\/menu-button)[data-active] ~ *) {
    color: var(--sidebar-accent-foreground);
  }

  :is(:root, .style-nova) .cn-sidebar-menu-badge:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: 6px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-badge:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: 10px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-badge:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: 4px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-skeleton {
    border-radius: var(--radius-3);
    gap: 8px;
    height: 32px;
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-skeleton-icon {
    border-radius: var(--radius-3);
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-skeleton-text {
    height: 16px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--sidebar-border);
    gap: 4px;
    margin-inline: 14px;
    padding-block: 2px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub-button {
    border-radius: var(--radius-3);
    height: 28px;
    color: var(--sidebar-foreground);
    --tw-ring-color: var(--sidebar-ring);
    gap: 8px;
    padding-inline: 8px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-sidebar-menu-sub-button:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub-button:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub-button:active, :is(:root, .style-nova) .cn-sidebar-menu-sub-button[data-active] {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub-button[data-size="md"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub-button[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(:root, .style-nova) .cn-sidebar-menu-sub-button > svg {
    width: 16px;
    height: 16px;
    color: var(--sidebar-accent-foreground);
  }

  :is(:root, .style-nova) .cn-skeleton {
    border-radius: var(--radius-3);
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-slider[data-vertical] {
    min-height: 160px;
  }

  :is(:root, .style-nova) .cn-slider-track {
    background-color: var(--muted);
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-slider-track[data-horizontal] {
    width: 100%;
    height: 4px;
  }

  :is(:root, .style-nova) .cn-slider-track[data-vertical] {
    width: 4px;
    height: 100%;
  }

  :is(:root, .style-nova) .cn-slider-range {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-slider-thumb {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--ring);
    background-color: var(--color-white);
    --tw-ring-color: var(--ring);
    border-radius: 3.40282e38px;
    width: 12px;
    height: 12px;
    position: relative;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-slider-thumb {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-slider-thumb {
    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));
  }

  :is(:root, .style-nova) .cn-slider-thumb:after {
    content: var(--tw-content);
    content: var(--tw-content);
    position: absolute;
    inset: -8px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-slider-thumb:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  :is(:root, .style-nova) .cn-slider-thumb:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    :is(:root, .style-nova) .cn-slider-thumb:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  :is(:root, .style-nova) .cn-slider-thumb:active {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-toast {
    border-radius: var(--radius-6);
  }

  :is(:root, .style-nova) .cn-switch {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000;
    border-radius: 3.40282e38px;
    flex-shrink: 0;
  }

  :is(:root, .style-nova) .cn-switch:is(:where(.group\/field-label):has(: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);
    border-color: #0000;
  }

  :is(:root, .style-nova) .cn-switch:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch[data-checked] {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-switch[data-unchecked] {
    background-color: var(--input);
  }

  :is(:root, .style-nova) .cn-switch[data-size="default"] {
    width: 32px;
    height: 18.4px;
  }

  :is(:root, .style-nova) .cn-switch[data-size="sm"] {
    width: 24px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-switch:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch:is(.dark *)[data-unchecked] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch:is(.dark *)[data-unchecked] {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch-aria:not([data-selected]) {
    background-color: var(--input);
  }

  :is(:root, .style-nova) .cn-switch-aria[data-focus-visible] {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch-aria[data-focus-visible] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch-aria[data-invalid] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch-aria[data-invalid] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch-aria[data-selected] {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-switch-aria:is(.dark *):not([data-selected]) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch-aria:is(.dark *):not([data-selected]) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch-aria:is(.dark *)[data-invalid] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch-aria:is(.dark *)[data-invalid] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch-aria:is(.dark *)[data-invalid] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-switch-aria:is(.dark *)[data-invalid] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-switch-thumb {
    background-color: var(--background);
    border-radius: 3.40282e38px;
  }

  :is(:root, .style-nova) .cn-switch-thumb:is(:where(.group\/switch)[data-size="default"] *) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-switch-thumb:is(:where(.group\/switch)[data-size="sm"] *) {
    width: 12px;
    height: 12px;
  }

  :is(:root, .style-nova) .cn-switch-thumb:is(:where(.group\/switch)[data-size="default"] *)[data-checked], :is(:root, .style-nova) .cn-switch-thumb:is(:where(.group\/switch)[data-size="sm"] *)[data-checked] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-switch-thumb:is(:where(.group\/switch)[data-size="default"] *)[data-unchecked], :is(:root, .style-nova) .cn-switch-thumb:is(:where(.group\/switch)[data-size="sm"] *)[data-unchecked] {
    --tw-translate-x: calc(4px * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-switch-thumb:is(.dark *)[data-checked] {
    background-color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-switch-thumb:is(.dark *)[data-unchecked] {
    background-color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-switch-thumb-aria:is(:where(.group\/switch)[data-size="default"] *):not([data-selected]), :is(:root, .style-nova) .cn-switch-thumb-aria:is(:where(.group\/switch)[data-size="sm"] *):not([data-selected]) {
    --tw-translate-x: calc(4px * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-switch-thumb-aria:is(:where(.group\/switch)[data-size="default"] *)[data-selected], :is(:root, .style-nova) .cn-switch-thumb-aria:is(:where(.group\/switch)[data-size="sm"] *)[data-selected] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-switch-thumb-aria:is(.dark *):not([data-selected]) {
    background-color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-switch-thumb-aria:is(.dark *)[data-selected] {
    background-color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-table-container {
    width: 100%;
    position: relative;
    overflow-x: auto;
  }

  :is(:root, .style-nova) .cn-table {
    caption-side: bottom;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-table-header tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  :is(:root, .style-nova) .cn-table-body tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  :is(:root, .style-nova) .cn-table-footer {
    border-top-style: var(--tw-border-style);
    background-color: var(--muted);
    border-top-width: 1px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-table-footer {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-table-footer {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-table-footer > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  :is(:root, .style-nova) .cn-table-row {
    border-bottom-style: var(--tw-border-style);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-bottom-width: 1px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-table-row:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-table-row:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-table-row[data-state="selected"], :is(:root, .style-nova) .cn-table-row-aria[data-selected] {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-table-head {
    text-align: left;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium);
    height: 40px;
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--foreground);
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-table-head:has([role="checkbox"]), :is(:root, .style-nova) .cn-table-head-aria:has([data-slot="checkbox"]) {
    padding-right: 0;
  }

  :is(:root, .style-nova) .cn-table-cell {
    vertical-align: middle;
    white-space: nowrap;
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-table-cell:has([role="checkbox"]), :is(:root, .style-nova) .cn-table-cell-aria:has([data-slot="checkbox"]) {
    padding-right: 0;
  }

  :is(:root, .style-nova) .cn-table-caption {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    margin-top: 16px;
  }

  :is(:root, .style-nova) .cn-tabs {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-tabs-list {
    border-radius: var(--radius-4);
    padding: 3px;
  }

  :is(:root, .style-nova) .cn-tabs-list:is(:where(.group\/tabs)[data-horizontal] *) {
    height: 32px;
  }

  :is(:root, .style-nova) .cn-tabs-list[data-variant="line"] {
    border-radius: 0;
  }

  :is(:root, .style-nova) .cn-tabs-trigger {
    border-radius: var(--radius-3);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-width: 1px;
    border-color: #0000;
    gap: 6px;
    padding-block: 2px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-tabs-trigger:has([data-icon="inline-end"]) {
    padding-right: 4px;
  }

  :is(:root, .style-nova) .cn-tabs-trigger:has([data-icon="inline-start"]) {
    padding-left: 4px;
  }

  :is(:root, .style-nova) .cn-tabs-trigger:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-active] {
    --tw-shadow: var(--shadow-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-tabs-trigger:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-tabs-trigger svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-tabs-trigger-aria:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-selected] {
    --tw-shadow: var(--shadow-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-tabs-trigger-aria:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-selected] {
    --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);
  }

  :is(:root, .style-nova) .cn-tabs-content {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  :is(:root, .style-nova) .cn-textarea {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    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));
    background-color: #0000;
    padding-block: 8px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-textarea:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-textarea:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-textarea[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-textarea {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  :is(:root, .style-nova) .cn-textarea:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-textarea:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-textarea:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-textarea:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-textarea:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-toggle {
    border-radius: var(--radius-4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    gap: 4px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-toggle:hover {
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-toggle:focus-visible {
    border-color: var(--ring);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-toggle:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-toggle[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-toggle[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-toggle[aria-pressed="true"], :is(:root, .style-nova) .cn-toggle[data-state="on"] {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-toggle:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-toggle:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-toggle svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-toggle-aria[data-selected] {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-toggle-variant-default {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-toggle-variant-outline {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: #0000;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-toggle-variant-outline:hover {
      background-color: var(--muted);
    }
  }

  :is(:root, .style-nova) .cn-toggle-size-default {
    min-width: 32px;
    height: 32px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-toggle-size-default:has([data-icon="inline-end"]) {
    padding-right: 8px;
  }

  :is(:root, .style-nova) .cn-toggle-size-default:has([data-icon="inline-start"]) {
    padding-left: 8px;
  }

  :is(:root, .style-nova) .cn-toggle-size-sm {
    border-radius: min(var(--radius-md), 12px);
    min-width: 28px;
    height: 28px;
    padding-inline: 10px;
    font-size: .8rem;
  }

  :is(:root, .style-nova) .cn-toggle-size-sm:has([data-icon="inline-end"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-toggle-size-sm:has([data-icon="inline-start"]) {
    padding-left: 6px;
  }

  :is(:root, .style-nova) .cn-toggle-size-sm svg:not([class*="size-"]) {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-toggle-size-lg {
    min-width: 36px;
    height: 36px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-toggle-size-lg:has([data-icon="inline-end"]) {
    padding-right: 8px;
  }

  :is(:root, .style-nova) .cn-toggle-size-lg:has([data-icon="inline-start"]) {
    padding-left: 8px;
  }

  :is(:root, .style-nova) .cn-toggle-group {
    border-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-toggle-group[data-size="sm"] {
    border-radius: min(var(--radius-md), 10px);
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    border-radius: 0;
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-end"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-start"]) {
    padding-left: 6px;
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius-4);
    border-bottom-left-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius-4);
    border-top-right-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-horizontal] *)[data-spacing="0"]:last-child {
    border-top-right-radius: var(--radius-4);
    border-bottom-right-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-toggle-group-item:is(:where(.group\/toggle-group)[data-vertical] *)[data-spacing="0"]:last-child {
    border-bottom-right-radius: var(--radius-4);
    border-bottom-left-radius: var(--radius-4);
  }

  :is(:root, .style-nova) .cn-tooltip-content {
    border-radius: var(--radius-3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    align-items: center;
    gap: 6px;
    padding-block: 6px;
    padding-inline: 12px;
    display: inline-flex;
  }

  :is(:root, .style-nova) .cn-tooltip-content:has([data-slot="kbd"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-closed] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-open] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-side="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-side="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-side="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-side="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:is(:root, .style-nova) .cn-tooltip-content *)[data-slot="kbd"] {
    isolation: isolate;
    z-index: 50;
    border-radius: var(--radius-2);
    position: relative;
  }

  :is(:root, .style-nova) .cn-tooltip-content[data-state="delayed-open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-tooltip-content-logical[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-tooltip-content-logical[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-tooltip-arrow {
    --tw-translate-y: calc(-50% - 2px);
    width: 10px;
    height: 10px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: 2px;
    rotate: 45deg;
  }

  :is(:root, .style-nova) .cn-tooltip-arrow-logical[data-side="inline-end"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    left: -4px;
    top: 50% !important;
  }

  :is(:root, .style-nova) .cn-tooltip-arrow-logical[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    right: -4px;
    top: 50% !important;
  }

  :is(:root, .style-nova) .cn-input-group {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    height: 32px;
    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));
  }

  :where([data-slot="combobox-content"]) :is(:is(:root, .style-nova) .cn-input-group):focus-within {
    border-color: inherit;
    --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);
  }

  :is(:root, .style-nova) .cn-input-group:has(:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-group:has(:disabled) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-group:has(:disabled) {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-input-group:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-group:has([data-slot="input-group-control"]:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-group:has([data-slot][aria-invalid="true"]) {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-group:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-group:has( > [data-align="block-end"]), :is(:root, .style-nova) .cn-input-group:has( > [data-align="block-start"]) {
    flex-direction: column;
    height: auto;
  }

  :is(:root, .style-nova) .cn-input-group:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-group:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-group:is(.dark *):has(:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-group:is(.dark *):has(:disabled) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-group:is(.dark *):has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-input-group:is(.dark *):has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-input-group:has( > [data-align="block-end"]) > input {
    padding-top: 12px;
  }

  :is(:root, .style-nova) .cn-input-group:has( > [data-align="block-start"]) > input {
    padding-bottom: 12px;
  }

  :is(:root, .style-nova) .cn-input-group:has( > [data-align="inline-end"]) > input {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-input-group:has( > [data-align="inline-start"]) > input {
    padding-left: 6px;
  }

  :is(:root, .style-nova) .cn-input-group-addon {
    height: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    gap: 8px;
    padding-block: 6px;
  }

  :is(:root, .style-nova) .cn-input-group-addon:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  :is(:root, .style-nova) .cn-input-group-addon > kbd {
    border-radius: calc(var(--radius)  - 5px);
  }

  :is(:root, .style-nova) .cn-input-group-addon > svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-inline-start {
    padding-left: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-inline-start:has( > button) {
    margin-left: -.3rem;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-inline-start:has( > kbd) {
    margin-left: -.15rem;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-inline-end {
    padding-right: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-inline-end:has( > button) {
    margin-right: -.3rem;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-inline-end:has( > kbd) {
    margin-right: -.15rem;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-block-start {
    padding-inline: 10px;
    padding-top: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-block-start:is(:where(.group\/input-group):has( > input) *) {
    padding-top: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-block-start.border-b {
    padding-bottom: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-block-end {
    padding-inline: 10px;
    padding-bottom: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-block-end:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-addon-align-block-end.border-t {
    padding-top: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-button-size-xs {
    border-radius: calc(var(--radius)  - 3px);
    gap: 4px;
    height: 24px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-input-group-button-size-xs > svg:not([class*="size-"]) {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-input-group-button-size-icon-xs {
    border-radius: calc(var(--radius)  - 3px);
    width: 24px;
    height: 24px;
    padding: 0;
  }

  :is(:root, .style-nova) .cn-input-group-button-size-icon-xs:has( > svg) {
    padding: 0;
  }

  :is(:root, .style-nova) .cn-input-group-button-size-icon-sm {
    width: 32px;
    height: 32px;
    padding: 0;
  }

  :is(:root, .style-nova) .cn-input-group-button-size-icon-sm:has( > svg) {
    padding: 0;
  }

  :is(:root, .style-nova) .cn-input-group-text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-text svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-input-group-input {
    border-style: var(--tw-border-style);
    --tw-shadow: 0 0 #0000;
    --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);
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
  }

  :is(:root, .style-nova) .cn-input-group-input: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);
  }

  :is(:root, .style-nova) .cn-input-group-input:disabled {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-input-group-input[aria-invalid="true"] {
    --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);
  }

  :is(:root, .style-nova) .cn-input-group-input:is(.dark *), :is(:root, .style-nova) .cn-input-group-input:is(.dark *):disabled {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-input-group-textarea {
    border-style: var(--tw-border-style);
    --tw-shadow: 0 0 #0000;
    --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);
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding-block: 8px;
  }

  :is(:root, .style-nova) .cn-input-group-textarea: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);
  }

  :is(:root, .style-nova) .cn-input-group-textarea:disabled {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-input-group-textarea[aria-invalid="true"] {
    --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);
  }

  :is(:root, .style-nova) .cn-input-group-textarea:is(.dark *), :is(:root, .style-nova) .cn-input-group-textarea:is(.dark *):disabled {
    background-color: #0000;
  }

  :is(:root, .style-nova) .cn-menu-translucent {
    background-color: var(--popover);
    position: relative;
    animation: none !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-menu-translucent {
      background-color: color-mix(in oklab, var(--popover) 70%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-menu-translucent:before {
    content: var(--tw-content);
    pointer-events: none;
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    z-index: calc(1 * -1);
    content: var(--tw-content);
    border-radius: inherit;
    content: var(--tw-content);
    --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, );
    content: var(--tw-content);
    --tw-backdrop-saturate: saturate(150%);
    position: absolute;
    inset: 0;
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-item"]:focus {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-item"]:focus {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-item"][data-highlighted] {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-item"][data-highlighted] {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-separator"] {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-separator"] {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-trigger"]:focus {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-trigger"]:focus {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-trigger"][aria-expanded="true"] {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-slot$="-trigger"][aria-expanded="true"] {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
    }
  }

  :is(:is(:is(:root, .style-nova) .cn-menu-translucent *)[data-variant="destructive"] *), :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-variant="destructive"] {
    color: var(--accent-foreground) !important;
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-variant="destructive"]:focus {
    background-color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent) !important;
    }
  }

  :is(:is(:root, .style-nova) .cn-menu-translucent-aria *)[data-slot$="-item"][data-focused] {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-menu-translucent-aria *)[data-slot$="-item"][data-focused] {
      background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-bubble {
    gap: 4px;
    max-width: 80%;
  }

  :is(:root, .style-nova) .cn-bubble:is(:where(.group\/message)[data-align="end"] *), :is(:root, .style-nova) .cn-bubble[data-align="end"] {
    align-self: flex-end;
  }

  :is(:root, .style-nova) .cn-bubble[data-variant="ghost"] {
    max-width: 100%;
  }

  :is(:root, .style-nova) .cn-bubble-content {
    border-radius: var(--radius-5);
    border-style: var(--tw-border-style);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    border-width: 1px;
    border-color: #0000;
    padding-block: 8px;
    padding-inline: 12px;
  }

  :is(:root, .style-nova) .cn-bubble-content:is(:where(.group\/bubble)[data-align="end"] *) {
    align-self: flex-end;
  }

  :is(:root, .style-nova) .cn-bubble-content:is(button, a) {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(:root, .style-nova) .cn-bubble-content:is(button, a):focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-content:is(button, a):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-default > *)[data-slot="bubble-content"] {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-bubble-variant-default > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-default > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-secondary > *)[data-slot="bubble-content"] {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }

  :is(:root, .style-nova) .cn-bubble-variant-secondary > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-secondary > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklch, var(--secondary), var(--foreground) 5%);
    }
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-muted > *)[data-slot="bubble-content"], :is(:root, .style-nova) .cn-bubble-variant-muted > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-muted > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklch, var(--muted), var(--foreground) 5%);
    }
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-tinted > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) .93 calc(c * .4) h);
    color: var(--foreground);
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-tinted:is(.dark *) > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) .3 calc(c * .4) h);
  }

  :is(:root, .style-nova) .cn-bubble-variant-tinted > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: oklch(from var(--primary) .88 calc(c * .5) h);
  }

  :is(:root, .style-nova) .cn-bubble-variant-tinted:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: oklch(from var(--primary) .35 calc(c * .5) h);
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-outline > *)[data-slot="bubble-content"] {
    border-color: var(--border);
    background-color: var(--background);
  }

  :is(:root, .style-nova) .cn-bubble-variant-outline > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-bubble-variant-outline:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-outline:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-bubble-variant-ghost {
    --tw-border-style: none;
    border-style: none;
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-ghost > *)[data-slot="bubble-content"] {
    background-color: #0000;
    border-radius: 0;
    padding: 0;
  }

  :is(:root, .style-nova) .cn-bubble-variant-ghost > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-bubble-variant-ghost:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-ghost:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-destructive > *)[data-slot="bubble-content"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-bubble-variant-destructive > *)[data-slot="bubble-content"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-destructive > *)[data-slot="bubble-content"] {
    color: var(--destructive);
  }

  :is(:is(:root, .style-nova) .cn-bubble-variant-destructive:is(.dark *) > *)[data-slot="bubble-content"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-bubble-variant-destructive:is(.dark *) > *)[data-slot="bubble-content"] {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-bubble-variant-destructive > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-destructive > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-bubble-variant-destructive:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-bubble-variant-destructive:is(.dark *) > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-bubble-reactions {
    background-color: var(--muted);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--card);
    border-radius: 3.40282e38px;
    flex-shrink: 0;
    gap: 4px;
    padding-block: 2px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-bubble-reactions:has(:is(button)) {
    padding: 0;
  }

  :is(:root, .style-nova) .cn-bubble-reactions-side-top {
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    top: 0;
  }

  :is(:root, .style-nova) .cn-bubble-reactions-side-bottom {
    --tw-translate-y: calc(3 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    bottom: 0;
  }

  :is(:root, .style-nova) .cn-bubble-reactions-align-start {
    left: 12px;
  }

  :is(:root, .style-nova) .cn-bubble-reactions-align-end {
    right: 12px;
  }

  :is(:root, .style-nova) .cn-bubble-group {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-attachment {
    border-radius: var(--radius-5);
    width: fit-content;
  }

  :is(:root, .style-nova) .cn-attachment:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-attachment:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-attachment-orientation-horizontal {
    min-width: 160px;
  }

  :is(:root, .style-nova) .cn-attachment-orientation-vertical {
    width: 96px;
  }

  :is(:root, .style-nova) .cn-attachment-orientation-vertical:has([data-slot="attachment-content"]) {
    width: 120px;
  }

  :is(:root, .style-nova) .cn-attachment-size-default {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-attachment-size-default:has([data-slot="attachment-content"]) {
    padding-block: 8px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-attachment-size-default:has([data-slot="attachment-media"]) {
    padding: 8px;
  }

  :is(:root, .style-nova) .cn-attachment-size-sm {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    gap: 10px;
  }

  :is(:root, .style-nova) .cn-attachment-size-sm:has([data-slot="attachment-content"]) {
    padding-block: 6px;
    padding-inline: 8px;
  }

  :is(:root, .style-nova) .cn-attachment-size-sm:has([data-slot="attachment-media"]) {
    padding: 6px;
  }

  :is(:root, .style-nova) .cn-attachment-size-xs {
    border-radius: var(--radius-4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    gap: 6px;
  }

  :is(:root, .style-nova) .cn-attachment-size-xs:has([data-slot="attachment-content"]) {
    padding-block: 4px;
    padding-inline: 6px;
  }

  :is(:root, .style-nova) .cn-attachment-size-xs:has([data-slot="attachment-media"]) {
    padding: 4px;
  }

  :is(:root, .style-nova) .cn-attachment-media {
    border-radius: var(--radius-4);
    background-color: var(--muted);
    width: 40px;
    color: var(--foreground);
  }

  :is(:root, .style-nova) .cn-attachment-media:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    width: 100%;
  }

  :is(:root, .style-nova) .cn-attachment-media:is(:where(.group\/attachment)[data-size="sm"] *) {
    width: 32px;
  }

  :is(:root, .style-nova) .cn-attachment-media:is(:where(.group\/attachment)[data-size="xs"] *) {
    border-radius: var(--radius-3);
    width: 28px;
  }

  :is(:is(:root, .style-nova) .cn-attachment-media:is(:where(.group\/attachment)[data-orientation="vertical"] *) > *)[data-slot="spinner"] {
    width: 24px !important;
    height: 24px !important;
  }

  :is(:root, .style-nova) .cn-attachment-media svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-attachment-media:is(:where(.group\/attachment)[data-orientation="vertical"] *) svg:not([class*="size-"]) {
    width: 24px;
    height: 24px;
  }

  :is(:root, .style-nova) .cn-attachment-media:is(:where(.group\/attachment)[data-size="xs"] *) svg:not([class*="size-"]) {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-attachment-media-variant-image {
    opacity: .6;
  }

  :is(:root, .style-nova) .cn-attachment-media-variant-image:is(:where(.group\/attachment)[data-state="done"] *), :is(:root, .style-nova) .cn-attachment-media-variant-image:is(:where(.group\/attachment)[data-state="idle"] *) {
    opacity: 1;
  }

  :is(:root, .style-nova) .cn-attachment-content {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  :is(:root, .style-nova) .cn-attachment-content:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    padding-inline: 4px;
  }

  :is(:root, .style-nova) .cn-attachment-title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-attachment-description {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    margin-top: 2px;
  }

  :is(:root, .style-nova) .cn-attachment-actions {
    z-index: 20;
    position: relative;
  }

  :is(:root, .style-nova) .cn-attachment-actions:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    gap: 4px;
    position: absolute;
    top: 12px;
    right: 12px;
  }

  :is(:root, .style-nova) .cn-attachment-group {
    gap: 12px;
    padding-block: 4px;
    scroll-padding-inline: 4px;
  }

  :is(:root, .style-nova) .cn-attachment-trigger {
    z-index: 10;
    --tw-outline-style: none;
    outline-style: none;
    position: absolute;
    inset: 0;
  }

  :is(:root, .style-nova) .cn-marker {
    text-align: left;
    min-height: 16px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-marker svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-marker:is(a) {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-marker:is(a):hover {
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-marker-variant-separator:before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--border);
    flex: 1;
    min-width: 0;
    height: 1px;
    margin-right: 4px;
  }

  :is(:root, .style-nova) .cn-marker-variant-separator:after {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    background-color: var(--border);
    flex: 1;
    min-width: 0;
    height: 1px;
    margin-left: 4px;
  }

  :is(:root, .style-nova) .cn-marker-variant-border {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    padding-bottom: 8px;
  }

  :is(:root, .style-nova) .cn-marker-icon, :is(:root, .style-nova) .cn-marker-icon svg:not([class*="size-"]) {
    width: 16px;
    height: 16px;
  }

  :is(:root, .style-nova) .cn-marker-content:is(:where(.group\/marker)[data-variant="separator"] *) {
    text-align: center;
    flex: none;
  }

  :is(:is(:root, .style-nova) .cn-marker-content > *):is(a) {
    text-underline-offset: 3px;
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    :is(:is(:root, .style-nova) .cn-marker-content > *):is(a):hover {
      color: var(--foreground);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire {
    gap: 16px;
  }

  :is(:root, .style-nova) .cn-questionnaire-progress {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(:root, .style-nova) .cn-questionnaire-item {
    flex-direction: column;
    gap: 16px;
    display: flex;
  }

  :is(:root, .style-nova) .cn-questionnaire-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(:root, .style-nova) .cn-questionnaire-title:not(:has( ~ [data-slot="questionnaire-description"])) {
    margin-bottom: 16px;
  }

  :is(:root, .style-nova) .cn-questionnaire-description {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-questionnaire-choices {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-questionnaire-choice {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    background-color: #0000;
    gap: 10px;
    padding-block: 10px;
    padding-inline: 12px;
  }

  @media (hover: hover) {
    :is(:root, .style-nova) .cn-questionnaire-choice:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(:root, .style-nova) .cn-questionnaire-choice:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-choice:has( > input:focus-visible) {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-choice:has( > input:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-choice[data-checked] {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-choice[data-checked] {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-choice[data-checked] {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-questionnaire-choice[data-invalid] {
    border-color: var(--destructive);
  }

  :is(:root, .style-nova) .cn-questionnaire-choice:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-choice:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 20%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-choice:is(.dark *)[data-checked] {
    background-color: var(--muted);
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator {
    --tw-translate-y: calc(4px * .45);
    width: 16px;
    height: 16px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-color: var(--input);
    border-radius: 4px;
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator:is(:where(.group\/questionnaire-choice):has([data-slot="questionnaire-choice-description"]) *) {
    --tw-translate-y: calc(4px * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator:is(:where(.group\/questionnaire-choice)[data-checked] *) {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--primary-foreground);
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-choice-indicator:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator:is(.dark *):is(:where(.group\/questionnaire-choice)[data-checked] *) {
    background-color: var(--primary);
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator-dot {
    background-color: var(--primary-foreground);
    width: 8px;
    height: 8px;
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-indicator-check {
    width: 14px;
    height: 14px;
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-content {
    gap: 2px;
  }

  :is(:root, .style-nova) .cn-questionnaire-choice-description {
    color: var(--muted-foreground);
  }

  :is(:root, .style-nova) .cn-questionnaire-shortcut {
    --tw-translate-y: calc(4px * .45);
    width: 20px;
    height: 20px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--background);
    font-family: var(--font-mono);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-size: .625rem;
    line-height: 1;
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    justify-content: center;
    align-items: center;
  }

  :is(:root, .style-nova) .cn-questionnaire-shortcut:is(:where(.group\/questionnaire-choice):has([data-slot="questionnaire-choice-description"]) *) {
    --tw-translate-y: calc(4px * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-questionnaire-input-wrapper {
    width: 100%;
  }

  :is(:root, .style-nova) .cn-questionnaire-input {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    height: 32px;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    background-color: #0000;
    padding-block: 4px;
    padding-inline: 10px;
  }

  :is(:root, .style-nova) .cn-questionnaire-input:focus-visible {
    border-color: var(--ring);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-input:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-input[aria-invalid="true"] {
    border-color: var(--destructive);
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  @media (min-width: 48rem) {
    :is(:root, .style-nova) .cn-questionnaire-input {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-questionnaire-input:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-questionnaire-error {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    margin-top: 8px;
  }

  :is(:root, .style-nova) .cn-questionnaire-actions {
    gap: 8px;
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-questionnaire-actions {
      min-height: 32px;
    }
  }

  :is(:root, .style-nova) .cn-message-scroller-content {
    gap: 24px;
  }

  :is(:root, .style-nova) .cn-message {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-message-avatar {
    min-width: 32px;
  }

  :is(:root, .style-nova) .cn-message-avatar:is(:where(.group\/message):has([data-slot="message-footer"]) *) {
    --tw-translate-y: calc(4px * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(:root, .style-nova) .cn-message-content {
    gap: 10px;
  }

  :is(:is(:root, .style-nova) .cn-message-content:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] {
    align-self: flex-end;
  }

  :is(:root, .style-nova) .cn-message-header {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding-inline: 12px;
  }

  :is(:root, .style-nova) .cn-message-header:is(:where(.group\/message):has([data-variant="ghost"]) *) {
    padding-inline: 0;
  }

  :is(:root, .style-nova) .cn-message-footer {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    padding-inline: 12px;
  }

  :is(:root, .style-nova) .cn-message-footer:is(:where(.group\/message):has([data-variant="ghost"]) *) {
    padding-inline: 0;
  }

  :is(:root, .style-nova) .cn-message-group {
    gap: 8px;
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay-aria {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-alert-dialog-overlay-aria {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay-aria {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
  }

  :is(:root, .style-nova) .cn-alert-dialog-overlay-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    :is(:root, .style-nova) .cn-alert-dialog-overlay-aria {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-content-aria {
    border-radius: var(--radius-5);
    background-color: var(--popover);
    color: var(--popover-foreground);
    --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);
    --tw-ring-color: var(--foreground);
    gap: 16px;
    padding: 16px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-alert-dialog-content-aria {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-alert-dialog-content-aria {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-alert-dialog-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-alert-dialog-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-alert-dialog-content-aria[data-size="default"], :is(:root, .style-nova) .cn-alert-dialog-content-aria[data-size="sm"] {
    max-width: var(--container-xs);
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-alert-dialog-content-aria[data-size="default"] {
      max-width: var(--container-sm);
    }
  }

  :is(:root, .style-nova) .cn-combobox-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    max-height: 288px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    transition-duration: .1s;
    overflow: hidden;
  }

  :is(:root, .style-nova) .cn-combobox-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-combobox-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-combobox-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-combobox-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-combobox-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-combobox-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:is(:root, .style-nova) .cn-combobox-content-aria > *)[data-slot="input-group"] {
    border-color: var(--input);
    height: 32px;
    margin: 4px 4px 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-combobox-content-aria > *)[data-slot="input-group"] {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-combobox-content-aria > *)[data-slot="input-group"] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:is(:root, .style-nova) .cn-combobox-content-aria > *)[data-slot="input-group"] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(:is(:root, .style-nova) .cn-combobox-content-aria > *)[data-slot="input-group"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-context-menu-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dialog-overlay-aria {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dialog-overlay-aria {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dialog-overlay-aria {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dialog-overlay-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
  }

  :is(:root, .style-nova) .cn-dialog-overlay-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    :is(:root, .style-nova) .cn-dialog-overlay-aria {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  :is(:root, .style-nova) .cn-dialog-content-aria {
    border-radius: var(--radius-5);
    background-color: var(--popover);
    max-width: calc(100% - 2rem);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --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);
    --tw-ring-color: var(--foreground);
    gap: 16px;
    padding: 16px;
    display: grid;
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(:root, .style-nova) .cn-dialog-content-aria {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  :is(:root, .style-nova) .cn-dialog-content-aria {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dialog-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-dialog-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  @media (min-width: 40rem) {
    :is(:root, .style-nova) .cn-dialog-content-aria {
      max-width: var(--container-sm);
    }
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 128px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-dropdown-menu-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-popover-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    transition-duration: .1s;
    display: flex;
  }

  :is(:root, .style-nova) .cn-popover-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-popover-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-popover-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-popover-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-popover-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-popover-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    width: 256px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 10px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-hover-card-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-select-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 144px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-2);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-select-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-select-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-select-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-select-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-select-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-select-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria {
    border-radius: var(--radius-3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    align-items: center;
    gap: 6px;
    padding-block: 6px;
    padding-inline: 12px;
    display: inline-flex;
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria:has([data-slot="kbd"]) {
    padding-right: 6px;
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria[data-entering] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-enter-opacity: 0;
    --tw-enter-scale: .95;
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria[data-exiting] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
    --tw-exit-opacity: 0;
    --tw-exit-scale: .95;
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria[data-placement="bottom"] {
    --tw-enter-translate-y: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria[data-placement="left"] {
    --tw-enter-translate-x: calc(2 * var(--spacing));
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria[data-placement="right"] {
    --tw-enter-translate-x: calc(2 * var(--spacing) * -1);
  }

  :is(:root, .style-nova) .cn-tooltip-content-aria[data-placement="top"] {
    --tw-enter-translate-y: calc(2 * var(--spacing));
  }

  :is(:is(:root, .style-nova) .cn-tooltip-content-aria *)[data-slot="kbd"] {
    isolation: isolate;
    z-index: 50;
    border-radius: var(--radius-2);
    position: relative;
  }

  :is(:root, .style-nova) .cn-context-menu-sub-content-aria {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    background-color: var(--popover);
    min-width: 128px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-duration: .1s;
    border-width: 1px;
    padding: 4px;
    transition-duration: .1s;
  }

  :is(:root, .style-nova) .cn-dropdown-menu-sub-content-aria {
    border-radius: var(--radius-4);
    background-color: var(--popover);
    min-width: 96px;
    color: var(--popover-foreground);
    --tw-shadow: var(--shadow-3);
    --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);
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    --tw-duration: .1s;
    padding: 4px;
    transition-duration: .1s;
  }

  .notes-grid {
    gap: var(--gap-grid);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    align-content: start;
    display: grid;
  }

  @media (max-width: 640px) {
    .notes-grid {
      gap: var(--space-3);
      grid-template-columns: 1fr;
    }
  }

  .note-card__title {
    margin-bottom: var(--space-2);
    font-size: var(--fs-14);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .note-card__excerpt {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: var(--fs-12);
    line-height: var(--lh-normal);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .note-card__footer {
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-inline);
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--space-2-5);
    margin-top: var(--space-3);
    font-size: var(--fs-11);
    color: var(--text-muted);
    display: flex;
  }

  .note-card__time {
    font-family: var(--font-mono);
    font-size: var(--fs-10);
    color: var(--text-faint);
  }

  .tasks-grid {
    gap: var(--gap-grid);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    align-content: start;
    align-items: start;
    width: 100%;
    display: grid;
  }

  @media (max-width: 640px) {
    .tasks-grid {
      gap: var(--space-3);
      grid-template-columns: 1fr;
    }
  }

  .task-card {
    flex-direction: column;
    display: flex;
  }

  .task-card__head {
    align-items: center;
    gap: var(--space-2-5);
    width: 100%;
    display: flex;
  }

  .task-card__actions {
    align-items: center;
    gap: var(--space-1);
    display: flex;
  }

  .task-card__body {
    gap: var(--space-1-5);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .task-strip-group {
    gap: var(--space-1);
    width: 100%;
    padding-left: calc(var(--task-depth, 0) * var(--space-5));
    flex-direction: column;
    display: flex;
  }

  .task-strip {
    align-items: center;
    gap: var(--space-2);
    min-height: 36px;
    padding: 0 var(--space-2-5);
    transition: background-color var(--t-fast) var(--ease-out);
    border-radius: 8px;
    display: flex;
  }

  .task-strip:hover {
    background: #00000008;
  }

  :is(.dark *) .task-strip:hover {
    background: #ffffff0a;
  }

  .task-strip__toggle--placeholder {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
  }

  .task-strip__actions {
    align-items: center;
    gap: var(--space-1);
    opacity: 0;
    transition: opacity var(--t-fast) var(--ease-out);
    margin-left: auto;
    display: flex;
  }

  .task-strip:hover .task-strip__actions, .task-strip:focus-within .task-strip__actions {
    opacity: 1;
  }

  @media (hover: none), (max-width: 640px) {
    .task-strip .task-strip__actions {
      opacity: .85;
    }

    .task-strip-group {
      padding-left: calc(var(--task-depth, 0) * var(--space-3));
    }
  }

  .records-grid {
    gap: var(--gap-grid);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    align-content: start;
    align-items: start;
    display: grid;
  }

  @media (max-width: 640px) {
    .records-grid {
      gap: var(--space-3);
      grid-template-columns: 1fr;
    }
  }

  .record-card {
    gap: var(--gap-stack);
    flex-direction: column;
    display: flex;
  }

  .record-card__header {
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--gap-stack);
    display: flex;
  }

  .record-card__identity {
    align-items: flex-start;
    gap: var(--space-3);
    min-width: 0;
    display: flex;
  }

  .record-card__avatar {
    background: var(--accent-soft);
    width: 36px;
    height: 36px;
    color: var(--accent);
    border-radius: 10px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .record-card__avatar--rose {
    color: #f43f5e;
    background: #f43f5e1f;
  }

  .record-card__heading {
    gap: var(--space-1);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .record-card__name {
    font-size: var(--fs-14);
    font-weight: var(--fw-bold);
    line-height: var(--lh-tight);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    overflow: hidden;
  }

  .record-card__tags {
    align-items: center;
    gap: var(--space-1-5);
    flex-wrap: wrap;
    display: flex;
  }

  .record-card__ops {
    align-items: center;
    gap: var(--space-1);
    flex-shrink: 0;
    display: flex;
  }

  .record-card__body {
    gap: var(--space-2);
    flex-direction: column;
    display: flex;
  }

  .record-card__footer {
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-inline);
    font-size: var(--fs-11);
    color: var(--text-muted);
    border-top: 1px solid var(--border-subtle);
    padding-top: var(--space-2-5);
    margin-top: var(--space-1);
    display: flex;
  }

  .record-card__shield {
    align-items: center;
    gap: var(--space-1);
    font-size: var(--fs-11);
    color: var(--ok);
    display: flex;
  }

  .record-card__shield--off {
    color: var(--warn);
  }

  .record-card__time {
    font-family: var(--font-mono);
    font-size: var(--fs-10);
    color: var(--text-faint);
  }

  .editor-drawer {
    background: var(--surface-overlay);
    border-left: 1px solid var(--border-strong);
    width: min(860px, 94%);
    box-shadow: var(--elevation-drawer);
    z-index: var(--z-drawer);
    animation: drawer-slide-in var(--t-slow) var(--ease-out);
    grid-template-rows: auto auto minmax(0, 1fr);
    display: grid;
    position: absolute;
    inset: 0 0 0 auto;
  }

  @keyframes drawer-slide-in {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(0);
    }
  }

  .editor-drawer__topline {
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-stack);
    min-height: 52px;
    padding: 0 var(--gutter-x);
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-card);
    color: var(--text-strong);
    font-size: var(--fs-13);
    font-weight: var(--fw-bold);
    letter-spacing: -.01em;
    display: flex;
  }

  .editor-drawer__heading {
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-grid);
    padding: var(--space-4) var(--gutter-x);
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-card);
    display: flex;
  }

  .editor-drawer__actions {
    align-items: center;
    gap: var(--gap-inline);
    flex-shrink: 0;
    display: flex;
  }

  .editor-drawer__split {
    grid-template-columns: 1fr 1fr;
    min-height: 0;
    display: grid;
  }

  .editor-drawer__panel {
    min-height: 0;
    padding: var(--space-5) var(--gutter-x);
    overflow-y: auto;
  }

  .editor-drawer__panel--preview {
    border-left: 1px solid var(--border-subtle);
    background: var(--surface-sunken);
  }

  .markdown-editor {
    gap: var(--gap-stack);
    flex-direction: column;
    height: 100%;
    display: flex;
  }

  .markdown-editor__toolbar {
    gap: var(--gap-tight);
    padding: var(--space-1) var(--space-2);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-full);
    background: var(--surface-sunken);
    display: flex;
  }

  .markdown-preview h2 {
    margin-bottom: var(--space-3);
    color: var(--text-strong);
    font-size: var(--fs-20);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight);
  }

  .markdown-preview p {
    margin-bottom: var(--space-3);
    color: var(--text-default);
    font-size: var(--fs-14);
    line-height: var(--lh-relaxed);
  }

  .markdown-preview blockquote {
    margin: var(--space-3) 0;
    padding-left: var(--space-3);
    border-left: 3px solid var(--accent);
    color: var(--text-muted);
    font-style: italic;
  }

  @media (max-width: 1024px) {
    .editor-drawer {
      width: 100%;
    }

    .editor-drawer__split {
      grid-template-rows: minmax(0, 1fr);
      grid-template-columns: minmax(0, 1fr);
    }

    .editor-drawer__panel--preview {
      display: none;
    }
  }

  @media (max-width: 640px) {
    .editor-drawer__topline, .editor-drawer__heading, .editor-drawer__panel {
      padding-left: var(--space-4);
      padding-right: var(--space-4);
    }

    .editor-drawer__heading {
      align-items: stretch;
      gap: var(--gap-inline);
      flex-direction: column;
    }

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

  .record-confirm {
    background: var(--surface-overlay);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-modal);
    box-shadow: var(--elevation-modal);
    color: var(--text-strong);
  }

  .record-confirm__delete {
    background: var(--danger);
    color: var(--n-0);
  }

  .record-confirm__delete:hover {
    background: var(--danger-hover);
  }

  .splash {
    z-index: var(--z-splash);
    background: var(--surface-page);
    font-family: var(--font-sans);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .splash__card {
    align-items: center;
    gap: var(--space-5);
    width: 340px;
    max-width: 90vw;
    padding: var(--space-8) var(--space-8) var(--space-6);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-7);
    background: var(--surface-card);
    box-shadow: var(--elevation-card-hover);
    animation: splash-rise .35s var(--ease-out);
    flex-direction: column;
    display: flex;
  }

  @keyframes splash-rise {
    from {
      opacity: 0;
      transform: translateY(14px)scale(.96);
    }

    to {
      opacity: 1;
      transform: translateY(0)scale(1);
    }
  }

  .splash__brand {
    align-items: center;
    gap: var(--space-3);
    display: flex;
  }

  .splash__mark {
    border-radius: var(--radius-6);
    border: 1px solid var(--border-strong);
    background-color: var(--surface-sunken);
    object-fit: cover;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
  }

  .splash__text {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .splash__name {
    color: var(--text-strong);
    font-size: var(--fs-20);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight);
    line-height: var(--lh-tight);
  }

  .splash__tagline {
    font-family: var(--font-mono);
    font-size: var(--fs-10);
    color: var(--text-subtle);
    letter-spacing: var(--ls-wider);
    text-transform: uppercase;
  }

  .splash__track {
    border-radius: var(--radius-full);
    background: var(--surface-sunken);
    width: 100%;
    height: 4px;
    position: relative;
    overflow: hidden;
  }

  .splash__bar {
    border-radius: var(--radius-full);
    background: var(--surface-inverse);
    width: 40%;
    animation: splash-progress 1.4s var(--ease-in-out) infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  @keyframes splash-progress {
    0% {
      width: 40%;
      left: -40%;
    }

    50% {
      width: 60%;
      left: 30%;
    }

    100% {
      width: 40%;
      left: 100%;
    }
  }

  .splash__status {
    align-items: center;
    gap: var(--space-2);
    color: var(--text-muted);
    font-size: var(--fs-13);
    font-weight: var(--fw-medium);
    display: flex;
  }

  .splash__spinner {
    color: var(--text-default);
  }

  .canvas-workspace {
    background: var(--surface-card);
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
}
@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

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

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

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

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

  .top-0 {
    top: 0;
  }

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

  .right-0 {
    right: 0;
  }

  .bottom-0 {
    bottom: 0;
  }

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

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

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

  .isolate {
    isolation: isolate;
  }

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

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

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

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

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

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

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

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

  .m-\(--drawer-inset\,0px\) {
    margin: var(--drawer-inset, 0px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-1\.5 {
    margin-bottom: 6px;
  }

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

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

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

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .table {
    display: table;
  }

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

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

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

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

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

  .size-4\.5 {
    width: 18px;
    height: 18px;
  }

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

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

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

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

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

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

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

  .h-\(--drawer-content-height\) {
    height: var(--drawer-content-height);
  }

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

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

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

  .h-4 {
    height: 16px;
  }

  .h-5 {
    height: 20px;
  }

  .h-6 {
    height: 24px;
  }

  .h-7 {
    height: 28px;
  }

  .h-8 {
    height: 32px;
  }

  .h-10 {
    height: 40px;
  }

  .h-11 {
    height: 44px;
  }

  .h-14 {
    height: 56px;
  }

  .h-20 {
    height: 80px;
  }

  .h-64 {
    height: 256px;
  }

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

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

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

  .h-full {
    height: 100%;
  }

  .max-h-\(--drawer-content-max-height\,none\) {
    max-height: var(--drawer-content-max-height, none);
  }

  .max-h-72 {
    max-height: 288px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\(--drawer-content-width\,auto\) {
    width: var(--drawer-content-width, auto);
  }

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

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

  .w-4 {
    width: 16px;
  }

  .w-5 {
    width: 20px;
  }

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

  .w-6 {
    width: 24px;
  }

  .w-8 {
    width: 32px;
  }

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

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

  .w-\[unset\] {
    width: unset;
  }

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .w-screen {
    width: 100vw;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

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

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

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

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

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

  .transform-\[translate3d\(var\(--translate-x\,0px\)\,var\(--translate-y\,0px\)\,0\)_scale\(var\(--stack-scale\)\)\] {
    transform: translate3d(var(--translate-x, 0px), var(--translate-y, 0px), 0) scale(var(--stack-scale));
  }

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

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

  .cursor-grab {
    cursor: grab;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

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

  .resize-none {
    resize: none;
  }

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

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

  .snap-center {
    scroll-snap-align: center;
  }

  .snap-always {
    scroll-snap-stop: always;
  }

  .auto-rows-\[minmax\(280px\,1fr\)\] {
    grid-auto-rows: minmax(280px, 1fr);
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

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

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

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

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

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

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

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

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

  .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\.5 {
    gap: 2px;
  }

  .gap-1 {
    gap: 4px;
  }

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

  .gap-2 {
    gap: 8px;
  }

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

  .gap-3 {
    gap: 12px;
  }

  .gap-3\.5 {
    gap: 14px;
  }

  .gap-4 {
    gap: 16px;
  }

  .gap-6 {
    gap: 24px;
  }

  .gap-\[var\(--gap-grid\)\] {
    gap: var(--gap-grid);
  }

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

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

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

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

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

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

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

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .border-\[var\(--border-default\)\] {
    border-color: var(--border-default);
  }

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

  .border-\[var\(--danger-border\)\] {
    border-color: var(--danger-border);
  }

  .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-border, .border-border\/40 {
    border-color: var(--border);
  }

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

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

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

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

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

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

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

  .border-cyan-500\/20 {
    border-color: #00b7d733;
  }

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

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

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

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

  .border-rose-500\/20 {
    border-color: #ff235733;
  }

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

  .border-sky-500\/20 {
    border-color: #00a5ef33;
  }

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

  .border-zinc-500\/20 {
    border-color: #71717b33;
  }

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

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

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

  .bg-\[var\(--danger-soft\)\] {
    background-color: var(--danger-soft);
  }

  .bg-\[var\(--surface-card\)\] {
    background-color: var(--surface-card);
  }

  .bg-\[var\(--surface-inverse\)\] {
    background-color: var(--surface-inverse);
  }

  .bg-\[var\(--surface-page\)\] {
    background-color: var(--surface-page);
  }

  .bg-\[var\(--surface-strong\)\] {
    background-color: var(--surface-strong);
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

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

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

  .bg-border, .bg-border\/70 {
    background-color: var(--border);
  }

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

  .bg-card, .bg-card\/90 {
    background-color: var(--card);
  }

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

  .bg-cyan-500\/10 {
    background-color: #00b7d71a;
  }

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

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

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

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

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

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

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

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

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

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

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

  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }

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

  .bg-sky-500\/10 {
    background-color: #00a5ef1a;
  }

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

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

  .bg-zinc-500\/10 {
    background-color: #71717b1a;
  }

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

  .fill-current {
    fill: currentColor;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

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

  .p-0\.5 {
    padding: 2px;
  }

  .p-1 {
    padding: 4px;
  }

  .p-1\.5 {
    padding: 6px;
  }

  .p-2 {
    padding: 8px;
  }

  .p-2\.5 {
    padding: 10px;
  }

  .p-3 {
    padding: 12px;
  }

  .p-3\.5 {
    padding: 14px;
  }

  .p-4 {
    padding: 16px;
  }

  .p-4\.5 {
    padding: 18px;
  }

  .p-5 {
    padding: 20px;
  }

  .p-6 {
    padding: 24px;
  }

  .p-8 {
    padding: 32px;
  }

  .p-px {
    padding: 1px;
  }

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

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

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

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

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

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

  .px-5 {
    padding-inline: 20px;
  }

  .px-6 {
    padding-inline: 24px;
  }

  .py-0\.5 {
    padding-block: 2px;
  }

  .py-1 {
    padding-block: 4px;
  }

  .py-1\.5 {
    padding-block: 6px;
  }

  .py-2 {
    padding-block: 8px;
  }

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

  .ps-\(--tree-padding\) {
    padding-inline-start: var(--tree-padding);
  }

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

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

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

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

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

  .pt-3\.5 {
    padding-top: 14px;
  }

  .pt-6 {
    padding-top: 24px;
  }

  .pt-\[env\(safe-area-inset-top\,0px\)\] {
    padding-top: env(safe-area-inset-top, 0px);
  }

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

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

  .pb-4 {
    padding-bottom: 16px;
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+6rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px)  + 6rem);
  }

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

  .pl-8 {
    padding-left: 32px;
  }

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

  .text-left {
    text-align: left;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

  .whitespace-break-spaces {
    white-space: break-spaces;
  }

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

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[var\(--danger\)\] {
    color: var(--danger);
  }

  .text-\[var\(--text-default\)\] {
    color: var(--text-default);
  }

  .text-\[var\(--text-faint\)\] {
    color: var(--text-faint);
  }

  .text-\[var\(--text-muted\)\] {
    color: var(--text-muted);
  }

  .text-\[var\(--text-on-inverse\)\] {
    color: var(--text-on-inverse);
  }

  .text-\[var\(--text-strong\)\] {
    color: var(--text-strong);
  }

  .text-\[var\(--text-subtle\)\] {
    color: var(--text-subtle);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

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

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

  .text-amber-600 {
    color: var(--color-amber-600);
  }

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

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-destructive, .text-destructive\/80 {
    color: var(--destructive);
  }

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

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-foreground, .text-foreground\/60 {
    color: var(--foreground);
  }

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

  .text-foreground\/90 {
    color: var(--foreground);
  }

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

  .text-muted-foreground, .text-muted-foreground\/40 {
    color: var(--muted-foreground);
  }

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

  .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

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

  .text-muted-foreground\/60 {
    color: var(--muted-foreground);
  }

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

  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

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

  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
  }

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

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

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-transparent {
    color: #0000;
  }

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

  .text-zinc-800 {
    color: var(--color-zinc-800);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-\[max\(var\(--drawer-overlay-min-opacity\,0\)\,calc\(1-var\(--drawer-swipe-progress\)\)\)\] {
    opacity: max(var(--drawer-overlay-min-opacity, 0), calc(1 - var(--drawer-swipe-progress)));
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .shadow-2xl {
    --tw-shadow: var(--shadow-5);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--elevation-popover\)\] {
    --tw-shadow: var(--elevation-popover);
    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: var(--shadow-1);
    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: var(--shadow-4);
    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: var(--shadow-1);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

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

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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, );
  }

  .transition-\[transform\,height\,opacity\,filter\] {
    transition-property: transform, height, opacity, filter;
    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));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

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

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-450 {
    --tw-duration: .45s;
    transition-duration: .45s;
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\] {
    --tw-ease: cubic-bezier(.32, .72, 0, 1);
    transition-timing-function: cubic-bezier(.32, .72, 0, 1);
  }

  .ease-\[cubic-bezier\(0\.45\,1\.005\,0\,1\.005\)\] {
    --tw-ease: cubic-bezier(.45, 1.005, 0, 1.005);
    transition-timing-function: cubic-bezier(.45, 1.005, 0, 1.005);
  }

  .will-change-transform {
    will-change: transform;
  }

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

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

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

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

  .\[--bleed\:3rem\] {
    --bleed: 3rem;
  }

  .\[--drawer-content-height\:var\(--drawer-height\,auto\)\] {
    --drawer-content-height: var(--drawer-height, auto);
  }

  .\[--peek\:1rem\] {
    --peek: 1rem;
  }

  .\[--stack-height\:var\(--drawer-frontmost-height\,var\(--drawer-height\,0px\)\)\] {
    --stack-height: var(--drawer-frontmost-height, var(--drawer-height, 0px));
  }

  .\[--stack-peek-offset\:max\(0px\,calc\(\(var\(--nested-drawers\)-var\(--stack-progress\)\)\*var\(--peek\)\)\)\] {
    --stack-peek-offset: max(0px, calc((var(--nested-drawers)  - var(--stack-progress)) * var(--peek)));
  }

  .\[--stack-progress\:clamp\(0\,var\(--drawer-swipe-progress\)\,1\)\] {
    --stack-progress: clamp(0, var(--drawer-swipe-progress), 1);
  }

  .\[--stack-scale-base\:max\(0\,calc\(1-\(var\(--nested-drawers\)\*var\(--stack-step\)\)\)\)\] {
    --stack-scale-base: max(0, calc(1 - (var(--nested-drawers) * var(--stack-step))));
  }

  .\[--stack-scale\:clamp\(0\,calc\(var\(--stack-scale-base\)\+\(var\(--stack-step\)\*var\(--stack-progress\)\)\)\,1\)\] {
    --stack-scale: clamp(0, calc(var(--stack-scale-base)  + (var(--stack-step) * var(--stack-progress))), 1);
  }

  .\[--stack-shrink\:calc\(1-var\(--stack-scale\)\)\] {
    --stack-shrink: calc(1 - var(--stack-scale));
  }

  .\[--stack-step\:0\.05\] {
    --stack-step: .05;
  }

  .\[-webkit-text-security\:disc\] {
    -webkit-text-security: disc;
  }

  .\[-webkit-touch-callout\:none\] {
    -webkit-touch-callout: none;
  }

  .\[file\:line\] {
    file: line;
  }

  .\[interpolate-size\:allow-keywords\] {
    interpolate-size: allow-keywords;
  }

  .\[text-security\:disc\] {
    text-security: disc;
  }

  .running {
    animation-play-state: running;
  }

  .not-last\:pb-0\.5:not(:last-child) {
    padding-bottom: 2px;
  }

  .not-in-data-\[folder\=true\]\:ps-7:not(:where([data-folder="true"]) *) {
    padding-inline-start: 28px;
  }

  @media (hover: hover) {
    .group-hover\:text-primary:is(:where(.group):hover *) {
      color: var(--primary);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-data-nested-drawer-open\/drawer-popup\:opacity-0:is(:where(.group\/drawer-popup)[data-nested-drawer-open] *) {
    opacity: 0;
  }

  .group-data-nested-drawer-swiping\/drawer-popup\:opacity-100:is(:where(.group\/drawer-popup)[data-nested-drawer-swiping] *) {
    opacity: 1;
  }

  .group-data-swiping\/drawer-popup\:select-none:is(:where(.group\/drawer-popup)[data-swiping] *) {
    -webkit-user-select: none;
    user-select: none;
  }

  .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs)[data-vertical] *) {
    height: fit-content;
  }

  .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs)[data-vertical] *) {
    width: 100%;
  }

  .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs)[data-vertical] *) {
    flex-direction: column;
  }

  .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs)[data-vertical] *) {
    justify-content: flex-start;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: 10px;
    height: 10px;
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: 12px;
    height: 12px;
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    display: grid;
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: 8px;
    height: 8px;
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
    background-color: var(--destructive);
  }

  @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(--destructive) 10%, transparent);
    }
  }

  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state="error"] *), .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
      color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }

  .group-data-\[swipe-axis\=y\]\/drawer-popup\:text-center:is(:where(.group\/drawer-popup)[data-swipe-axis="y"] *) {
    text-align: center;
  }

  .group-data-\[swipe-direction\=left\]\/drawer-popup\:order-last:is(:where(.group\/drawer-popup)[data-swipe-direction="left"] *), .group-data-\[swipe-direction\=up\]\/drawer-popup\:order-last:is(:where(.group\/drawer-popup)[data-swipe-direction="up"] *) {
    order: 9999;
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .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-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:-top-\[3px\]:before {
    content: var(--tw-content);
    top: -3px;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: 0;
  }

  .before\:size-2:before {
    content: var(--tw-content);
    width: 8px;
    height: 8px;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

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

  .before\:border-primary:before {
    content: var(--tw-content);
    border-color: var(--primary);
  }

  .before\:bg-background:before {
    content: var(--tw-content);
    background-color: var(--background);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
  }

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: -12px;
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: -8px;
  }

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

  .after\:border-border:after {
    content: var(--tw-content);
    border-color: var(--border);
  }

  .after\:bg-\(--drawer-bleed-background\,var\(--color-popover\)\):after {
    content: var(--tw-content);
    background-color: var(--drawer-bleed-background, var(--color-popover));
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-horizontal] *):after {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-horizontal] *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-horizontal] *):after {
    content: var(--tw-content);
    height: 2px;
  }

  .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-vertical] *):after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-vertical] *):after {
    content: var(--tw-content);
    right: -4px;
  }

  .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-vertical] *):after {
    content: var(--tw-content);
    width: 2px;
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .hover\:border-border:hover, .hover\:border-border\/90:hover {
      border-color: var(--border);
    }

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

    .hover\:border-emerald-500:hover {
      border-color: var(--color-emerald-500);
    }

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

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

    .hover\:bg-accent:hover, .hover\:bg-accent\/60:hover {
      background-color: var(--accent);
    }

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

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

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

    .hover\:bg-emerald-500\/10:hover {
      background-color: #00bb7f1a;
    }

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

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

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

    .hover\:bg-muted\/80:hover {
      background-color: var(--muted);
    }

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

    .hover\:bg-primary\/20:hover {
      background-color: var(--primary);
    }

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

    .hover\:text-destructive:hover {
      color: var(--destructive);
    }

    .hover\:text-emerald-500\/60:hover {
      color: #00bb7f99;
    }

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

    .hover\:text-emerald-700:hover {
      color: var(--color-emerald-700);
    }

    .hover\:text-foreground:hover {
      color: var(--foreground);
    }

    .hover\:text-primary:hover {
      color: var(--primary);
    }

    .hover\:opacity-80:hover {
      opacity: .8;
    }

    .hover\:opacity-85:hover {
      opacity: .85;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

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

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

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

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

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

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

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

  :where(:focus-visible) .in-focus-visible\:ring-\[3px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where(:focus-visible) .in-focus-visible\:ring-ring\/50 {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(:focus-visible) .in-focus-visible\:ring-ring\/50 {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :where([aria-expanded="false"]) .in-aria-\[expanded\=false\]\:-rotate-90 {
    rotate: -90deg;
  }

  :where([data-drag-target="true"]) .in-data-\[drag-target\=true\]\:bg-accent {
    background-color: var(--accent);
  }

  :where([data-search-match="true"]) .in-data-\[search-match\=true\]\:bg-blue-50\! {
    background-color: var(--color-blue-50) !important;
  }

  :where([data-selected="true"]) .in-data-\[selected\=true\]\:bg-accent {
    background-color: var(--accent);
  }

  :where([data-selected="true"]) .in-data-\[selected\=true\]\:text-accent-foreground {
    color: var(--accent-foreground);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  @media (hover: hover) {
    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
      background-color: var(--muted);
    }

    @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(--muted) 50%, transparent);
      }
    }
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-active\:bg-background[data-active] {
    background-color: var(--background);
  }

  .data-active\:text-foreground[data-active] {
    color: var(--foreground);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-ending-style\:pointer-events-none[data-ending-style] {
    pointer-events: none;
  }

  .data-ending-style\:transform-\(--closed-transform\)[data-ending-style] {
    transform: var(--closed-transform);
  }

  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-ending-style\:opacity-\[0\.9999\][data-ending-style] {
    opacity: .9999;
  }

  .data-ending-style\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style] {
    --tw-duration: calc(var(--drawer-swipe-strength) * .4s);
    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
  }

  .data-horizontal\:flex-col[data-horizontal] {
    flex-direction: column;
  }

  .data-nested-drawer-open\:overflow-hidden[data-nested-drawer-open] {
    overflow: hidden;
  }

  .data-nested-drawer-open\:brightness-95[data-nested-drawer-open] {
    --tw-brightness: brightness(95%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .data-nested-drawer-swiping\:duration-0[data-nested-drawer-swiping] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .data-ending-style\:data-nested-drawer-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style][data-nested-drawer-swiping] {
    --tw-duration: calc(var(--drawer-swipe-strength) * .4s);
    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
  }

  .data-snap-points\:\[--drawer-overlay-min-opacity\:0\.5\][data-snap-points] {
    --drawer-overlay-min-opacity: .5;
  }

  .data-starting-style\:transform-\(--closed-transform\)[data-starting-style] {
    transform: var(--closed-transform);
  }

  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  .data-swiping\:duration-0[data-swiping] {
    --tw-duration: 0s;
    transition-duration: 0s;
  }

  .data-ending-style\:data-swiping\:duration-\[calc\(var\(--drawer-swipe-strength\)\*400ms\)\][data-ending-style][data-swiping] {
    --tw-duration: calc(var(--drawer-swipe-strength) * .4s);
    transition-duration: calc(var(--drawer-swipe-strength) * .4s);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[modal\=true\]\:pointer-events-auto[data-modal="true"] {
    pointer-events: auto;
  }

  .data-\[side\=bottom\]\:top-1[data-side="bottom"] {
    top: 4px;
  }

  .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-ending-style], .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\][data-side="bottom"][data-starting-style] {
    --tw-translate-y: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:top-1\/2\![data-side="left"] {
    top: 50% !important;
  }

  .data-\[side\=left\]\:-right-1[data-side="left"] {
    right: -4px;
  }

  .data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\][data-side="left"][data-ending-style], .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\][data-side="left"][data-starting-style] {
    --tw-translate-x: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:top-1\/2\![data-side="right"] {
    top: 50% !important;
  }

  .data-\[side\=right\]\:-left-1[data-side="right"] {
    left: -4px;
  }

  .data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\][data-side="right"][data-ending-style], .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\][data-side="right"][data-starting-style] {
    --tw-translate-x: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
    bottom: -10px;
  }

  .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\][data-side="top"][data-ending-style], .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\][data-side="top"][data-starting-style] {
    --tw-translate-y: -2.5rem;
    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;
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .data-\[state\=idle\]\:border-dashed[data-state="idle"] {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .data-\[swipe-axis\=x\]\:inset-y-0[data-swipe-axis="x"] {
    inset-block: 0;
  }

  .data-\[swipe-axis\=x\]\:flex-row[data-swipe-axis="x"] {
    flex-direction: row;
  }

  .data-\[swipe-axis\=x\]\:\[--drawer-content-width\:75\%\][data-swipe-axis="x"] {
    --drawer-content-width: 75%;
  }

  .data-\[swipe-axis\=x\]\:after\:inset-y-0[data-swipe-axis="x"]:after {
    content: var(--tw-content);
    inset-block: 0;
  }

  .data-\[swipe-axis\=x\]\:after\:w-\(--bleed\)[data-swipe-axis="x"]:after {
    content: var(--tw-content);
    width: var(--bleed);
  }

  .data-\[swipe-axis\=y\]\:inset-x-0[data-swipe-axis="y"] {
    inset-inline: 0;
  }

  .data-\[swipe-axis\=y\]\:\[--drawer-content-max-height\:calc\(100dvh-6rem\)\][data-swipe-axis="y"] {
    --drawer-content-max-height: calc(100dvh - 6rem);
  }

  .data-\[swipe-axis\=y\]\:after\:inset-x-0[data-swipe-axis="y"]:after {
    content: var(--tw-content);
    inset-inline: 0;
  }

  .data-\[swipe-axis\=y\]\:after\:h-\(--bleed\)[data-swipe-axis="y"]:after {
    content: var(--tw-content);
    height: var(--bleed);
  }

  .data-\[swipe-axis\=y\]\:data-nested-drawer-open\:h-\(--stack-height\)[data-swipe-axis="y"][data-nested-drawer-open] {
    height: var(--stack-height);
  }

  .data-\[swipe-axis\=y\]\:data-snap-points\:\[--drawer-content-height\:100dvh\][data-swipe-axis="y"][data-snap-points] {
    --drawer-content-height: 100dvh;
  }

  .data-\[swipe-direction\=down\]\:bottom-0[data-swipe-direction="down"] {
    bottom: 0;
  }

  .data-\[swipe-direction\=down\]\:origin-bottom[data-swipe-direction="down"] {
    transform-origin: bottom;
  }

  .data-\[swipe-direction\=down\]\:\[--closed-transform\:translate3d\(0\,calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\)\][data-swipe-direction="down"] {
    --closed-transform: translate3d(0, calc(100% + var(--drawer-inset, 0px)  + 2px), 0);
  }

  .data-\[swipe-direction\=down\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\][data-swipe-direction="down"] {
    --translate-y: calc(var(--drawer-snap-point-offset, 0px)  + var(--drawer-swipe-movement-y)  - var(--stack-peek-offset)  - (var(--stack-shrink) * var(--stack-height)));
  }

  .data-\[swipe-direction\=down\]\:after\:top-full[data-swipe-direction="down"]:after {
    content: var(--tw-content);
    top: 100%;
  }

  .data-\[swipe-direction\=left\]\:left-0[data-swipe-direction="left"] {
    left: 0;
  }

  .data-\[swipe-direction\=left\]\:origin-left[data-swipe-direction="left"] {
    transform-origin: 0;
  }

  .data-\[swipe-direction\=left\]\:\[--closed-transform\:translate3d\(calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\,0\)\][data-swipe-direction="left"] {
    --closed-transform: translate3d(calc(-100% - var(--drawer-inset, 0px)  - 2px), 0, 0);
  }

  .data-\[swipe-direction\=left\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*100\%\)\)\][data-swipe-direction="left"] {
    --translate-x: calc(var(--drawer-swipe-movement-x)  + var(--stack-peek-offset)  + (var(--stack-shrink) * 100%));
  }

  .data-\[swipe-direction\=left\]\:after\:right-full[data-swipe-direction="left"]:after {
    content: var(--tw-content);
    right: 100%;
  }

  .data-\[swipe-direction\=right\]\:right-0[data-swipe-direction="right"] {
    right: 0;
  }

  .data-\[swipe-direction\=right\]\:origin-right[data-swipe-direction="right"] {
    transform-origin: 100%;
  }

  .data-\[swipe-direction\=right\]\:\[--closed-transform\:translate3d\(calc\(100\%\+var\(--drawer-inset\,0px\)\+2px\)\,0\,0\)\][data-swipe-direction="right"] {
    --closed-transform: translate3d(calc(100% + var(--drawer-inset, 0px)  + 2px), 0, 0);
  }

  .data-\[swipe-direction\=right\]\:\[--translate-x\:calc\(var\(--drawer-swipe-movement-x\)-var\(--stack-peek-offset\)-\(var\(--stack-shrink\)\*100\%\)\)\][data-swipe-direction="right"] {
    --translate-x: calc(var(--drawer-swipe-movement-x)  - var(--stack-peek-offset)  - (var(--stack-shrink) * 100%));
  }

  .data-\[swipe-direction\=right\]\:after\:left-full[data-swipe-direction="right"]:after {
    content: var(--tw-content);
    left: 100%;
  }

  .data-\[swipe-direction\=up\]\:top-0[data-swipe-direction="up"] {
    top: 0;
  }

  .data-\[swipe-direction\=up\]\:origin-top[data-swipe-direction="up"] {
    transform-origin: top;
  }

  .data-\[swipe-direction\=up\]\:\[--closed-transform\:translate3d\(0\,calc\(-100\%-var\(--drawer-inset\,0px\)-2px\)\,0\)\][data-swipe-direction="up"] {
    --closed-transform: translate3d(0, calc(-100% - var(--drawer-inset, 0px)  - 2px), 0);
  }

  .data-\[swipe-direction\=up\]\:\[--translate-y\:calc\(var\(--drawer-snap-point-offset\,0px\)\+var\(--drawer-swipe-movement-y\)\+var\(--stack-peek-offset\)\+\(var\(--stack-shrink\)\*var\(--stack-height\)\)\)\][data-swipe-direction="up"] {
    --translate-y: calc(var(--drawer-snap-point-offset, 0px)  + var(--drawer-swipe-movement-y)  + var(--stack-peek-offset)  + (var(--stack-shrink) * var(--stack-height)));
  }

  .data-\[swipe-direction\=up\]\:after\:bottom-full[data-swipe-direction="up"]:after {
    content: var(--tw-content);
    bottom: 100%;
  }

  @supports (-webkit-touch-callout: none) {
    .supports-\[-webkit-touch-callout\:none\]\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:block {
      display: block;
    }

    .sm\:inline {
      display: inline;
    }

    .sm\:w-2 {
      width: 8px;
    }

    .sm\:w-auto {
      width: auto;
    }

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

    .sm\:flex-initial {
      flex: 0 auto;
    }

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

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

    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }

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

    .sm\:gap-1\.5 {
      gap: 6px;
    }

    .sm\:px-5 {
      padding-inline: 20px;
    }

    .data-\[swipe-axis\=x\]\:sm\:\[--drawer-content-width\:24rem\][data-swipe-axis="x"] {
      --drawer-content-width: 24rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }

    .md\:text-8xl {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
  }

  @media (min-width: 64rem) {
    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }

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

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

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

    .lg\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  }

  .dark\:bg-amber-500\/20:is(.dark *) {
    background-color: #f99c0033;
  }

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

  .dark\:bg-cyan-500\/20:is(.dark *) {
    background-color: #00b7d733;
  }

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

  .dark\:bg-rose-500\/20:is(.dark *) {
    background-color: #ff235733;
  }

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

  .dark\:bg-sky-500\/20:is(.dark *) {
    background-color: #00a5ef33;
  }

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

  .dark\:bg-zinc-500\/20:is(.dark *) {
    background-color: #71717b33;
  }

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

  .dark\:text-amber-400:is(.dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-cyan-400:is(.dark *) {
    color: var(--color-cyan-400);
  }

  .dark\:text-emerald-400:is(.dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--muted-foreground);
  }

  .dark\:text-rose-400:is(.dark *) {
    color: var(--color-rose-400);
  }

  .dark\:text-sky-400:is(.dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-zinc-200:is(.dark *) {
    color: var(--color-zinc-200);
  }

  .dark\:after\:mix-blend-lighten:is(.dark *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }

  @media (hover: hover) {
    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: var(--foreground);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-active\:border-input:is(.dark *)[data-active] {
    border-color: var(--input);
  }

  .dark\:data-active\:bg-input\/30:is(.dark *)[data-active] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-active\:bg-input\/30:is(.dark *)[data-active] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:data-active\:text-foreground:is(.dark *)[data-active] {
    color: var(--foreground);
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    border-color: #0000;
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-active] {
    background-color: #0000;
  }

  @media (pointer: coarse) {
    .pointer-coarse\:select-none {
      -webkit-user-select: none;
      user-select: none;
    }
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

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

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: 8px;
    height: 8px;
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --background: oklch(99% 0 0);
  --foreground: oklch(22% 0 0);
  --card: oklch(99% 0 0);
  --card-foreground: oklch(22% 0 0);
  --popover: oklch(99% 0 0);
  --popover-foreground: oklch(22% 0 0);
  --primary: oklch(97.2% 0 0);
  --primary-foreground: oklch(36% 0 0);
  --muted: oklch(94.5% 0 0);
  --muted-foreground: oklch(56% 0 0);
  --border: oklch(91% 0 0);
  --input: oklch(66% 0 0);
  --ring: oklch(67% .17 257.78);
  --destructive: oklch(57.7% .245 27.325);
  --accent: oklch(67% .17 257.78);
  --accent-foreground: oklch(100% 0 0);
  --chart-1: oklch(67% .17 257.78);
  --chart-2: oklch(59% .21 258.02);
  --chart-3: oklch(56% 0 0);
  --chart-4: oklch(74% 0 0);
  --chart-5: oklch(86.5% 0 0);
  --secondary: oklch(94.5% 0 0);
  --secondary-foreground: oklch(47% 0 0);
  --sidebar: oklch(97.2% 0 0);
  --sidebar-accent: oklch(94.5% 0 0);
  --sidebar-accent-foreground: oklch(47% 0 0);
  --sidebar-border: oklch(86.5% 0 0);
  --sidebar-foreground: oklch(22% 0 0);
  --sidebar-primary: oklch(67% .17 257.78);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-ring: oklch(67% .17 257.78);
  --radius: .625rem;
  --amber: oklch(77% .16 75);
  --amber-fg: oklch(22% 0 0);
  --amber-hover: oklch(71% .17 70);
  --blue: oklch(62% .19 256);
  --blue-fg: #fff;
  --blue-hover: oklch(56% .2 256);
  --green: oklch(70% .17 152);
  --green-fg: #fff;
  --green-hover: oklch(64% .18 152);
  --smooth-50: oklch(99% 0 0);
  --smooth-100: oklch(97.2% 0 0);
  --smooth-200: oklch(94.5% 0 0);
  --smooth-300: oklch(91% 0 0);
  --smooth-400: oklch(86.5% 0 0);
  --smooth-500: oklch(81% 0 0);
  --smooth-600: oklch(74% 0 0);
  --smooth-700: oklch(66% 0 0);
  --smooth-800: oklch(56% 0 0);
  --smooth-900: oklch(47% 0 0);
  --smooth-950: oklch(36% 0 0);
  --smooth-1000: oklch(22% 0 0);
}
::view-transition-old(root) {
  mix-blend-mode: normal;
  animation: none;
}
::view-transition-new(root) {
  mix-blend-mode: normal;
  animation: none;
}
.dark {
  --accent: oklch(67% .17 257.78);
  --accent-foreground: oklch(100% 0 0);
  --background: oklch(20% 0 0);
  --border: oklch(31.5% 0 0);
  --card: oklch(20% 0 0);
  --card-foreground: oklch(96% 0 0);
  --chart-1: oklch(67% .17 257.78);
  --chart-2: oklch(59% .21 258.02);
  --chart-3: oklch(66% 0 0);
  --chart-4: oklch(47% 0 0);
  --chart-5: oklch(36% 0 0);
  --destructive: oklch(70.4% .191 22.216);
  --foreground: oklch(96% 0 0);
  --input: oklch(55% 0 0);
  --muted: oklch(27.5% 0 0);
  --muted-foreground: oklch(66% 0 0);
  --popover: oklch(20% 0 0);
  --popover-foreground: oklch(96% 0 0);
  --primary: oklch(23.5% 0 0);
  --primary-foreground: oklch(85% 0 0);
  --ring: oklch(67% .17 257.78);
  --secondary: oklch(27.5% 0 0);
  --secondary-foreground: oklch(74% 0 0);
  --sidebar: oklch(23.5% 0 0);
  --sidebar-accent: oklch(27.5% 0 0);
  --sidebar-accent-foreground: oklch(74% 0 0);
  --sidebar-border: oklch(36% 0 0);
  --sidebar-foreground: oklch(96% 0 0);
  --sidebar-primary: oklch(67% .17 257.78);
  --sidebar-primary-foreground: oklch(100% 0 0);
  --sidebar-ring: oklch(67% .17 257.78);
  --amber: oklch(80% .15 75);
  --amber-fg: oklch(20% 0 0);
  --amber-hover: oklch(85% .14 72);
  --blue: oklch(66% .18 256);
  --blue-fg: #fff;
  --blue-hover: oklch(72% .16 256);
  --green: oklch(73% .16 152);
  --green-fg: oklch(20% 0 0);
  --green-hover: oklch(79% .15 152);
  --smooth-50: oklch(20% 0 0);
  --smooth-100: oklch(23.5% 0 0);
  --smooth-200: oklch(27.5% 0 0);
  --smooth-300: oklch(31.5% 0 0);
  --smooth-400: oklch(36% 0 0);
  --smooth-500: oklch(41% 0 0);
  --smooth-600: oklch(47% 0 0);
  --smooth-700: oklch(55% 0 0);
  --smooth-800: oklch(66% 0 0);
  --smooth-900: oklch(74% 0 0);
  --smooth-950: oklch(85% 0 0);
  --smooth-1000: oklch(96% 0 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-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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-tracking {
  syntax: "*";
  inherits: false
}
@property --tw-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: "";
}
@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-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
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}
@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }
}
@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))));
  }

  to {
    height: 0;
  }
}
@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}