/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, ds-preflight, base, ds-utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-sans);
    --font-mono: var(--font-mono);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.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);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --radius-md: 0.25rem;
    --radius-lg: 0.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-xs: 4px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: "PP Telegraf", sans-serif;
    --color-border: var(--border);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]), :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) *, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::after, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::after, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::before, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::before, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::backdrop, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::backdrop, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::file-selector-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]), :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  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;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h1, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h2, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h3, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h4, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h5, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h6 {
  font-size: inherit;
  font-weight: inherit;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) b, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) strong {
  font-weight: bolder;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) code, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) kbd, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) samp, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) 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;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) small {
  font-size: 80%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) sub, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) sub {
  bottom: -0.25em;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) sup {
  top: -0.5em;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :-moz-focusring {
  outline: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) progress {
  vertical-align: baseline;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) summary {
  display: list-item;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ol, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ul, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) menu {
  list-style: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) img, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) svg, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) video, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) canvas, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) audio, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) iframe, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) embed, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) object {
  display: block;
  vertical-align: middle;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) img, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) video {
  max-width: 100%;
  height: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) input, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) select, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) optgroup, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) textarea, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::file-selector-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::file-selector-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::file-selector-button {
  margin-inline-end: 4px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::placeholder, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::placeholder, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) textarea {
  resize: vertical;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-search-decoration, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-search-decoration {
  -webkit-appearance: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-date-and-time-value, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit {
  display: inline-flex;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-fields-wrapper, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-year-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-year-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-month-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-month-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-day-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-day-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-hour-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-hour-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-minute-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-minute-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-second-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-second-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-millisecond-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-millisecond-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-datetime-edit-meridiem-field, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-calendar-picker-indicator, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-calendar-picker-indicator {
  line-height: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :-moz-ui-invalid {
  box-shadow: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) input:where([type='button'], [type='reset'], [type='submit']), :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::file-selector-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::file-selector-button {
  appearance: button;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-inner-spin-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-inner-spin-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster])::-webkit-outer-spin-button, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) ::-webkit-outer-spin-button {
  height: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) [hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
@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: #ffffff;
  --foreground: #09090b;
  --card: #ffffff;
  --card-foreground: #09090b;
  --popover: #ffffff;
  --popover-foreground: #09090b;
  --primary: #09090b;
  --primary-foreground: #fafafa;
  --secondary: #f4f4f5;
  --secondary-foreground: #09090b;
  --muted: #f4f4f5;
  --muted-foreground: #71717a;
  --accent: #f4f4f5;
  --accent-foreground: #09090b;
  --destructive: #991b1b;
  --destructive-hover: #7f1d1d;
  --destructive-muted: #fee2e2;
  --destructive-border: #f87171;
  --destructive-fill: #dc2626;
  --destructive-fill-hover: #b91c1c;
  --destructive-fill-foreground: #fef2f2;
  --success: #064e3b;
  --success-muted: #d1fae5;
  --success-border: #10b981;
  --success-fill: #059669;
  --success-fill-foreground: #ecfdf5;
  --warning: #5c4102;
  --warning-muted: #fff5cc;
  --warning-border: #dda41a;
  --warning-fill: #dda41a;
  --info: #1d4ed8;
  --info-muted: #dbeafe;
  --info-border: #93c5fd;
  --brand: #E42B0C;
  --border: #e4e4e7;
  --input: #d4d4d8;
  --ring: #a1a1aa;
  --chart-1: #FF2C06;
  --chart-2: #FF5C19;
  --chart-3: #FF8139;
  --chart-4: #FFA768;
  --chart-5: #FFCA9E;
  --chart-success: #10B981;
  --chart-danger: #F87171;
  --chart-warning: #FBBF24;
  --chart-muted: #71717A;
  --radius: 0.5rem;
  --sidebar: #f4f4f5;
  --sidebar-foreground: #09090b;
  --sidebar-primary: #09090b;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #e4e4e7;
  --sidebar-accent-foreground: #09090b;
  --sidebar-active: #d4d4d8;
  --sidebar-muted-foreground: #71717a;
  --sidebar-border: #e4e4e7;
  --skeleton: #0515240f;
  --skeleton-subtle: #17171708;
  --sidebar-ring: oklch(0 0 0 / 30%);
}
.dark {
  --background: #18181b;
  --foreground: #f4f4f5;
  --card: #18181b;
  --card-foreground: #fafafa;
  --popover: #27272a;
  --popover-foreground: #fafafa;
  --primary: #e4e4e7;
  --primary-foreground: #09090b;
  --secondary: #27272a;
  --secondary-foreground: #e4e4e7;
  --muted: #3f3f46;
  --muted-foreground: #a1a1aa;
  --accent: #3f3f46;
  --accent-foreground: #f4f4f5;
  --destructive: #f87171;
  --destructive-hover: #fca5a5;
  --destructive-muted: rgba(239, 68, 68, 0.25);
  --destructive-border: rgba(239, 68, 68, 0.40);
  --destructive-fill: #ef4444;
  --destructive-fill-hover: #dc2626;
  --destructive-fill-foreground: #fef2f2;
  --success: #34d399;
  --success-muted: rgba(16, 185, 129, 0.25);
  --success-border: rgba(16, 185, 129, 0.40);
  --success-fill: #10b981;
  --success-fill-foreground: #ecfdf5;
  --warning: #dda41a;
  --warning-muted: rgba(203, 147, 14, 0.25);
  --warning-border: rgba(203, 147, 14, 0.40);
  --warning-fill: #ebb52d;
  --info: #60a5fa;
  --info-muted: rgba(59, 130, 246, 0.25);
  --info-border: rgba(59, 130, 246, 0.40);
  --brand: #F32B09;
  --border: #ffffff26;
  --input: #ffffff26;
  --ring: #52525b;
  --chart-1: #FF2C06;
  --chart-2: #FF5C19;
  --chart-3: #FF8139;
  --chart-4: #FFA768;
  --chart-5: #FFCA9E;
  --chart-success: #10B981;
  --chart-danger: #EF4444;
  --chart-warning: #F59E0B;
  --chart-muted: #52525B;
  --sidebar: #27272a;
  --sidebar-foreground: #e4e4e7;
  --sidebar-primary: #09090b;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #3f3f46;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-active: #52525b;
  --sidebar-muted-foreground: #a1a1aa;
  --sidebar-border: #ffffff26;
  --skeleton: #ffffff1a;
  --skeleton-subtle: #ffffff0d;
  --sidebar-ring: oklch(1 0 0 / 30%);
}
.skeleton-shimmer {
  background-color: var(--skeleton);
  animation: skeleton-pulse 1.5s linear infinite alternate;
}
@keyframes skeleton-pulse {
  to {
    background-color: var(--skeleton-subtle);
  }
}
@media (prefers-reduced-motion: reduce) {
  .skeleton-shimmer {
    animation: none;
  }
}
.fluid-skeleton-breathe {
  background-color: var(--muted);
  animation: fluid-morph 3.5s cubic-bezier(0.22, 1.80, 0.36, 0.85) infinite;
}
@keyframes fluid-morph {
  0% {
    border-radius: 8px;
  }
  25% {
    border-radius: 32px;
  }
  50% {
    border-radius: 4px;
  }
  75% {
    border-radius: 16px;
  }
  100% {
    border-radius: 8px;
  }
}
.fluid-skeleton-breathe-variable {
  background-color: var(--muted);
  transform-origin: left center;
  animation: fluid-morph-var-a 3.5s cubic-bezier(0.22, 1.80, 0.36, 0.85) infinite;
}
.fluid-skeleton-breathe-variable[data-morph="b"] {
  animation-name: fluid-morph-var-b;
}
.fluid-skeleton-breathe-variable[data-morph="c"] {
  animation-name: fluid-morph-var-c;
}
.fluid-skeleton-breathe-variable[data-morph="d"] {
  animation-name: fluid-morph-var-d;
}
@keyframes fluid-morph-var-a {
  0% {
    border-radius: 8px;
    transform: scaleX(1);
  }
  25% {
    border-radius: 32px;
    transform: scaleX(0.88);
  }
  50% {
    border-radius: 4px;
    transform: scaleX(0.95);
  }
  75% {
    border-radius: 16px;
    transform: scaleX(0.85);
  }
  100% {
    border-radius: 8px;
    transform: scaleX(1);
  }
}
@keyframes fluid-morph-var-b {
  0% {
    border-radius: 8px;
    transform: scaleX(1);
  }
  25% {
    border-radius: 32px;
    transform: scaleX(0.92);
  }
  50% {
    border-radius: 4px;
    transform: scaleX(0.84);
  }
  75% {
    border-radius: 16px;
    transform: scaleX(0.96);
  }
  100% {
    border-radius: 8px;
    transform: scaleX(1);
  }
}
@keyframes fluid-morph-var-c {
  0% {
    border-radius: 8px;
    transform: scaleX(1);
  }
  25% {
    border-radius: 32px;
    transform: scaleX(0.86);
  }
  50% {
    border-radius: 4px;
    transform: scaleX(0.91);
  }
  75% {
    border-radius: 16px;
    transform: scaleX(0.88);
  }
  100% {
    border-radius: 8px;
    transform: scaleX(1);
  }
}
@keyframes fluid-morph-var-d {
  0% {
    border-radius: 8px;
    transform: scaleX(1);
  }
  25% {
    border-radius: 32px;
    transform: scaleX(0.94);
  }
  50% {
    border-radius: 4px;
    transform: scaleX(0.87);
  }
  75% {
    border-radius: 16px;
    transform: scaleX(0.93);
  }
  100% {
    border-radius: 8px;
    transform: scaleX(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fluid-skeleton-breathe, .fluid-skeleton-breathe-variable {
    animation: none;
    background-color: var(--muted);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]), :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) * {
  border-color: var(--border);
  outline-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
    outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}
.ds-scope {
  background-color: var(--background);
  color: var(--foreground);
  --ph-duotone-opacity: 0.15;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h1, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h2, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h3, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h4, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h5, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) h6 {
  font-family: var(--font-display);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) [data-slot="sidebar-menu-button"] {
  cursor: pointer;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) [data-slot="sidebar-menu-button"][data-active], :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) [data-slot="sidebar-menu-button"][data-active]:hover {
  background-color: var(--sidebar-active) !important;
}
@media (prefers-reduced-motion: reduce) {
  :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]), :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) *, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) *::before, :is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.tiptap p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: var(--muted-foreground);
  pointer-events: none;
  height: 0;
}
.tiptap .mention {
  font-weight: 600;
  color: var(--info);
  background: var(--info-muted);
  border-radius: 2px;
  padding: 0 2px;
}
.tiptap .mention-self {
  color: var(--warning);
  background: var(--warning-muted);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --spacing: calc(0.25rem * 16 / 14);
  --text-xs: calc(0.75rem * 16 / 14);
  --text-sm: calc(0.875rem * 16 / 14);
  --text-base: calc(1rem * 16 / 14);
  --text-lg: calc(1.125rem * 16 / 14);
  --text-xl: calc(1.25rem * 16 / 14);
  --text-2xl: calc(1.5rem * 16 / 14);
  --radius: calc(0.5rem * 16 / 14);
  --container-3xs: calc(16rem * 16 / 14);
  --container-2xs: calc(18rem * 16 / 14);
  --container-xs: calc(20rem * 16 / 14);
  --container-sm: calc(24rem * 16 / 14);
  --container-md: calc(28rem * 16 / 14);
  --container-lg: calc(32rem * 16 / 14);
  --container-xl: calc(36rem * 16 / 14);
  --container-2xl: calc(42rem * 16 / 14);
  --container-3xl: calc(48rem * 16 / 14);
  --container-4xl: calc(56rem * 16 / 14);
  --container-5xl: calc(64rem * 16 / 14);
  --container-6xl: calc(72rem * 16 / 14);
  --container-7xl: calc(80rem * 16 / 14);
  font-size: calc(1rem * 16 / 14);
  --font-sans: 'Mulish', 'Muli', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'Modern Gothic Mono Regular', 'JetBrains Mono', ui-monospace,
    'SFMono-Regular', Menlo, monospace;
  font-family: var(--font-sans);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded.rounded,
.rounded.rounded:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(0.25rem * 16 / 14) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-sm.rounded-sm,
.rounded-sm.rounded-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(0.125rem * 16 / 14) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-lg.rounded-lg,
.rounded-lg.rounded-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(0.5rem * 16 / 14) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-md.rounded-md,
.rounded-md.rounded-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(0.25rem * 16 / 14) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-xl.rounded-xl,
.rounded-xl.rounded-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(1rem * 16 / 14) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-2xl.rounded-2xl,
.rounded-2xl.rounded-2xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(1.5rem * 16 / 14) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-3xl.text-3xl,
.text-3xl.text-3xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: calc(2rem * 16 / 14);
  line-height: var(--tw-leading, calc(2.5rem * 16 / 14));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-4xl.text-4xl,
.text-4xl.text-4xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: calc(2.5rem * 16 / 14);
  line-height: var(--tw-leading, calc(3rem * 16 / 14));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-5xl.text-5xl,
.text-5xl.text-5xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: calc(3.5rem * 16 / 14);
  line-height: var(--tw-leading, calc(4rem * 16 / 14));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) a:hover {
  color: inherit;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border,
.border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :is(a, button).bg-primary:focus {
  background-color: var(--primary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :is(a, button).bg-secondary:focus {
  background-color: var(--secondary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) :is(code, kbd, samp, pre) {
  color: inherit;
  font-size: inherit;
  font-family: var(--font-mono);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]),
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) * {
  scrollbar-width: thin;
}
:has(> :is([data-slot="select-content"], [data-slot="combobox-content"], [data-slot="popover-content"], [data-slot="tooltip-content"], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="context-menu-content"], [data-slot="context-menu-sub-content"])) {
  isolation: isolate;
  outline: none;
  z-index: 1100;
}
[data-slot='dialog-overlay'],
[data-slot='dialog-content'],
[data-slot='alert-dialog-overlay'],
[data-slot='alert-dialog-content'],
[data-slot='sheet-overlay'],
[data-slot='sheet-content'] {
  z-index: 1100 !important;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-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-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  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;
}
@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));
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --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-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;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@container\/field-group, .\@container\/field-group:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  container-type: inline-size;
  container-name: field-group;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@container, .\@container:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  container-type: inline-size;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pointer-events-auto, .pointer-events-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  pointer-events: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pointer-events-none, .pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  pointer-events: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .collapse, .collapse:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  visibility: collapse;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .invisible, .invisible:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  visibility: hidden;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .visible, .visible:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  visibility: visible;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sr-only, .sr-only:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .absolute, .absolute:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  position: absolute;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .fixed, .fixed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  position: fixed;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .relative, .relative:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  position: relative;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .static, .static:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  position: static;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sticky, .sticky:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  position: sticky;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .inset-0, .inset-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  inset: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .inset-x-0, .inset-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  inset-inline: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .inset-y-0, .inset-y-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  inset-block: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .start, .start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  inset-inline-start: var(--spacing);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .end, .end:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  inset-inline-end: var(--spacing);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-top-1\.5, .-top-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(var(--spacing) * -1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-0, .top-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-1\.5, .top-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(var(--spacing) * 1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-1\/2, .top-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(1 / 2 * 100%);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-1\/3, .top-1\/3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(1 / 3 * 100%);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-2\.5, .top-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(var(--spacing) * 2.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-3\.5, .top-3\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(var(--spacing) * 3.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-4, .top-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-\[50\%\], .top-\[50\%\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: 50%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-\[60\%\], .top-\[60\%\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: 60%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-full, .top-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .top-px, .top-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  top: 1px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-right-1\.5, .-right-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  right: calc(var(--spacing) * -1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .right-0, .right-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  right: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .right-1, .right-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  right: calc(var(--spacing) * 1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .right-2, .right-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  right: calc(var(--spacing) * 2);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .right-3, .right-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  right: calc(var(--spacing) * 3);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .right-4, .right-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  right: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-bottom-1\.5, .-bottom-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  bottom: calc(var(--spacing) * -1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bottom-0, .bottom-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  bottom: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-left-1\.5, .-left-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  left: calc(var(--spacing) * -1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .left-0, .left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  left: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .left-1\/2, .left-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  left: calc(1 / 2 * 100%);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .left-\[50\%\], .left-\[50\%\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  left: 50%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .isolate, .isolate:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  isolation: isolate;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .z-0, .z-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  z-index: 0;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .z-1, .z-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  z-index: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .z-10, .z-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  z-index: 10;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .z-20, .z-20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  z-index: 20;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .z-50, .z-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  z-index: 50;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .order-first, .order-first:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  order: -9999;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .order-last, .order-last:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  order: 9999;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .col-3, .col-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-column: 3;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .col-6, .col-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-column: 6;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .col-9, .col-9:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-column: 9;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .col-12, .col-12:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-column: 12;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .container, .container:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-mx-1, .-mx-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-inline: calc(var(--spacing) * -1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mx-0, .mx-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-inline: calc(var(--spacing) * 0) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mx-1\.5, .mx-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-inline: calc(var(--spacing) * 1.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mx-2, .mx-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-inline: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mx-auto, .mx-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-inline: auto !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-my-2, .-my-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * -2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .my-0, .my-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * 0) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .my-0\.5, .my-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * 0.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .my-1, .my-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .my-2, .my-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .my-6, .my-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .my-8, .my-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-block: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ms-\[21px\], .ms-\[21px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-inline-start: 21px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!mt-4, .\!mt-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-mt-1, .-mt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * -1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-mt-8, .-mt-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * -8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-0\.5, .mt-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 0.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-1, .mt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-1\.5, .mt-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 1.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-2, .mt-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-3, .mt-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-4, .mt-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-5, .mt-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-6, .mt-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-8, .mt-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-\[3px\], .mt-\[3px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: 3px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mt-auto, .mt-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-top: auto !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mr-1, .mr-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-right: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mr-2, .mr-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-right: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mr-3\.5, .mr-3\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-right: calc(var(--spacing) * 3.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-0\.5, .mb-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 0.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-1, .mb-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-2, .mb-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-3, .mb-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-4, .mb-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-5, .mb-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-6, .mb-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-8, .mb-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .mb-10, .mb-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-bottom: calc(var(--spacing) * 10) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-ml-2, .-ml-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: calc(var(--spacing) * -2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-ml-3, .-ml-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: calc(var(--spacing) * -3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ml-1, .ml-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ml-3, .ml-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ml-4, .ml-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ml-\[18px\], .ml-\[18px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: 18px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ml-\[240px\], .ml-\[240px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: 240px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ml-auto, .ml-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  margin-left: auto !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .line-clamp-1, .line-clamp-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .line-clamp-2, .line-clamp-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .block, .block:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: block;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .contents, .contents:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: contents;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex, .flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: flex;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid, .grid:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: grid;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hidden, .hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .inline, .inline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: inline;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .inline-flex, .inline-flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: inline-flex;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .table, .table:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: table;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .table-caption, .table-caption:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: table-caption;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .table-cell, .table-cell:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: table-cell;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .table-row, .table-row:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  display: table-row;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .field-sizing-content, .field-sizing-content:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  field-sizing: content;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aspect-square, .aspect-square:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  aspect-ratio: 1 / 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aspect-video, .aspect-video:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  aspect-ratio: var(--aspect-video);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!size-4, .\!size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 4) !important;
  height: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-\(--cell-size\), .size-\(--cell-size\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: var(--cell-size);
  height: var(--cell-size);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-0, .size-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-1\.5, .size-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-2, .size-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-2\.5, .size-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 2.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-3, .size-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-3\.5, .size-3\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-4, .size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-5, .size-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 5);
  height: calc(var(--spacing) * 5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-6, .size-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 6);
  height: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-7, .size-7:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 7);
  height: calc(var(--spacing) * 7);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-8, .size-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-9, .size-9:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 9);
  height: calc(var(--spacing) * 9);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-10, .size-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 10);
  height: calc(var(--spacing) * 10);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-12, .size-12:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 12);
  height: calc(var(--spacing) * 12);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-16, .size-16:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 16);
  height: calc(var(--spacing) * 16);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-\[10px\], .size-\[10px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 10px;
  height: 10px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-auto, .size-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: auto;
  height: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .size-full, .size-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 100%;
  height: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!h-auto, .\!h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: auto !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\(--cell-size\), .h-\(--cell-size\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: var(--cell-size);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\(--collapsible-panel-height\), .h-\(--collapsible-panel-height\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: var(--collapsible-panel-height);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\(--popup-height\), .h-\(--popup-height\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: var(--popup-height);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\(--positioner-height\), .h-\(--positioner-height\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: var(--positioner-height);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-0\.5, .h-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 0.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-1\.5, .h-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-2, .h-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 2);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-2\.5, .h-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 2.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-3, .h-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 3);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-4, .h-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-5, .h-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-6, .h-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-7, .h-7:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 7);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-8, .h-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-8\!, .h-8\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-9, .h-9:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 9);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-10, .h-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 10);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-12, .h-12:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 12);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-16, .h-16:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: calc(var(--spacing) * 16);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[18px\], .h-\[18px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 18px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[48px\], .h-\[48px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 48px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[64px\], .h-\[64px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 64px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[80px\], .h-\[80px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 80px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[110px\], .h-\[110px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 110px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[144px\], .h-\[144px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 144px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-\[var\(--collapsible-panel-height\)\], .h-\[var\(--collapsible-panel-height\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: var(--collapsible-panel-height);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-auto, .h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-full, .h-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-px, .h-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 1px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-screen, .h-screen:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 100vh;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .h-svh, .h-svh:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  height: 100svh;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-\(--available-height\), .max-h-\(--available-height\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: var(--available-height);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-72, .max-h-72:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: calc(var(--spacing) * 72);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-\[55vh\], .max-h-\[55vh\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: 55vh;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-\[600px\], .max-h-\[600px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: 600px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\],.max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-\[min\(var\(--available-height\)\,240px\)\],.max-h-\[min\(var\(--available-height\)\,240px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: min(var(--available-height), 240px);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-h-full, .max-h-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-height: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-0, .min-h-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-8, .min-h-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-16, .min-h-16:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: calc(var(--spacing) * 16);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-\[6rem\], .min-h-\[6rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: 6rem;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-\[80px\], .min-h-\[80px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: 80px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-px, .min-h-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: 1px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-screen, .min-h-screen:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: 100vh;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-h-svh, .min-h-svh:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-height: 100svh;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\(--anchor-width\), .w-\(--anchor-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: var(--anchor-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\(--cell-size\), .w-\(--cell-size\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: var(--cell-size);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\(--popup-width\), .w-\(--popup-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: var(--popup-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\(--positioner-width\), .w-\(--positioner-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: var(--positioner-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\(--sidebar-width\), .w-\(--sidebar-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: var(--sidebar-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-0, .w-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-1, .w-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-2, .w-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 2);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-2\.5, .w-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 2.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-4, .w-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-5, .w-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-6, .w-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-8, .w-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-24, .w-24:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 24);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-28, .w-28:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 28);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-72, .w-72:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 72);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-100, .w-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: calc(var(--spacing) * 100);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[22px\], .w-\[22px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 22px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[37rem\], .w-\[37rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 37rem;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[48px\], .w-\[48px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 48px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[64px\], .w-\[64px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 64px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[140px\], .w-\[140px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 140px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[200px\], .w-\[200px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 200px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[240px\], .w-\[240px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 240px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-\[260px\], .w-\[260px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 260px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-auto, .w-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-fit, .w-fit:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: fit-content;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-full, .w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-max, .w-max:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: max-content;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .w-px, .w-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  width: 1px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\(--available-width\), .max-w-\(--available-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: var(--available-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\(--skeleton-width\), .max-w-\(--skeleton-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: var(--skeleton-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-7xl, .max-w-7xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: var(--container-7xl);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-80, .max-w-80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: calc(var(--spacing) * 80);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\[204px\], .max-w-\[204px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: 204px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\[560px\], .max-w-\[560px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: 560px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\[600px\], .max-w-\[600px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: 600px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\[640px\], .max-w-\[640px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: 640px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\[900px\], .max-w-\[900px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: 900px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-\[calc\(100\%-2rem\)\], .max-w-\[calc\(100\%-2rem\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: calc(100% - 2rem);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-full, .max-w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-max, .max-w-max:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: max-content;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-md, .max-w-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: var(--container-md);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-none, .max-w-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .max-w-xs, .max-w-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  max-width: var(--container-xs);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\(--anchor-width\), .min-w-\(--anchor-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: var(--anchor-width);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\(--cell-size\), .min-w-\(--cell-size\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: var(--cell-size);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-0, .min-w-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-4, .min-w-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-5, .min-w-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-6, .min-w-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-8, .min-w-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-16, .min-w-16:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 16);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-32, .min-w-32:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 32);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-36, .min-w-36:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 36);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-56, .min-w-56:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--spacing) * 56);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\[18px\], .min-w-\[18px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: 18px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\[96px\], .min-w-\[96px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: 96px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\[120px\], .min-w-\[120px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: 120px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\[400px\], .min-w-\[400px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: 400px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\], .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-1, .flex-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-none, .flex-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-shrink, .flex-shrink:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-shrink: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shrink, .shrink:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-shrink: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shrink-0, .shrink-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-shrink: 0;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-grow, .flex-grow:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-grow: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grow, .grow:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-grow: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .basis-full, .basis-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-basis: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .caption-bottom, .caption-bottom:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  caption-side: bottom;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-collapse, .border-collapse:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-collapse: collapse;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .origin-\(--transform-origin\), .origin-\(--transform-origin\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transform-origin: var(--transform-origin);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-translate-x-1\/2, .-translate-x-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-translate-x-px, .-translate-x-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-translate-x: -1px;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-translate-y-1\/2, .-translate-y-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .translate-y-0, .translate-y-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .translate-y-0\.5, .translate-y-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-translate-y: calc(var(--spacing) * 0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .translate-y-\[calc\(-50\%-2px\)\], .translate-y-\[calc\(-50\%-2px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-translate-y: calc(-50% - 2px);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .scale-0, .scale-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-scale-x: 0%;
  --tw-scale-y: 0%;
  --tw-scale-z: 0%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rotate-45, .rotate-45:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  rotate: 45deg;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[transform\:translate\(-50\%\,-50\%\)_scale\(1\)\],.\[transform\:translate\(-50\%\,-50\%\)_scale\(1\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transform: translate(-50%,-50%) scale(1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transform, .transform:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .animate-spin, .animate-spin:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  animation: var(--animate-spin);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .cursor-default, .cursor-default:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  cursor: default;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .cursor-pointer, .cursor-pointer:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  cursor: pointer;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .cursor-text, .cursor-text:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  cursor: text;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .touch-none, .touch-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  touch-action: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .resize, .resize:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  resize: both;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .resize-none, .resize-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  resize: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .scroll-my-1, .scroll-my-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  scroll-margin-block: calc(var(--spacing) * 1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .scroll-py-1, .scroll-py-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  scroll-padding-block: calc(var(--spacing) * 1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .list-decimal, .list-decimal:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  list-style-type: decimal;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .list-disc, .list-disc:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  list-style-type: disc;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .list-none, .list-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  list-style-type: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-1, .grid-cols-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-2, .grid-cols-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-4, .grid-cols-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-\[0fr\], .grid-cols-\[0fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: 0fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-\[1fr\], .grid-cols-\[1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: 1fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-\[140px_1fr\], .grid-cols-\[140px_1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: 140px 1fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-\[220px_1fr\], .grid-cols-\[220px_1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: 220px 1fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-cols-\[auto_1fr\], .grid-cols-\[auto_1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-columns: auto 1fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-rows-\[0fr\], .grid-rows-\[0fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-rows: 0fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .grid-rows-\[1fr\], .grid-rows-\[1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  grid-template-rows: 1fr;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-col, .flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-direction: column;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-col-reverse, .flex-col-reverse:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-direction: column-reverse;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-row, .flex-row:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-direction: row;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .flex-wrap, .flex-wrap:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  flex-wrap: wrap;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .place-content-center, .place-content-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  place-content: center;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .content-start, .content-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-content: flex-start;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!items-center, .\!items-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-items: center !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .items-baseline, .items-baseline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-items: baseline;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .items-center, .items-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-items: center;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .items-end, .items-end:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-items: flex-end;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .items-start, .items-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-items: flex-start;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .items-stretch, .items-stretch:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-items: stretch;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .justify-between, .justify-between:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  justify-content: space-between;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .justify-center, .justify-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  justify-content: center;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .justify-end, .justify-end:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  justify-content: flex-end;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .justify-start, .justify-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  justify-content: flex-start;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-0, .gap-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 0);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-0\.5, .gap-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 0.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-1, .gap-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-1\.5, .gap-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 1.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-2, .gap-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 2);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-2\.5, .gap-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 2.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-3, .gap-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 3);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-3\.5, .gap-3\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 3.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-4, .gap-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-6, .gap-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-8, .gap-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-\[--spacing\(var\(--gap\)\)\], .gap-\[--spacing\(var\(--gap\)\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  gap: calc(var(--spacing) * var(--gap));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-0\.5, .space-y-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-1, .space-y-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-1\.5, .space-y-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-2, .space-y-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-2\.5, .space-y-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-3, .space-y-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-4, .space-y-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-6, .space-y-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-y-14, .space-y-14:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-x-2\.5, .gap-x-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  column-gap: calc(var(--spacing) * 2.5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .gap-x-4, .gap-x-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  column-gap: calc(var(--spacing) * 4);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .-space-x-2, .-space-x-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .space-x-2, .space-x-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .self-start, .self-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-self: flex-start;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .self-stretch, .self-stretch:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  align-self: stretch;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .truncate, .truncate:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overflow-auto, .overflow-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overflow-clip, .overflow-clip:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow: clip;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overflow-hidden, .overflow-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow: hidden;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overflow-x-auto, .overflow-x-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow-x: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overflow-x-hidden, .overflow-x-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow-x: hidden;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overflow-y-auto, .overflow-y-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow-y: auto;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .overscroll-contain, .overscroll-contain:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overscroll-behavior: contain;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded, .rounded:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 0.25rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-\(--cell-radius\), .rounded-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: var(--cell-radius) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-2xl, .rounded-2xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 1.5rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-\[2px\], .rounded-\[2px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 2px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-\[4px\], .rounded-\[4px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 4px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-\[inherit\], .rounded-\[inherit\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: inherit !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-\[min\(var\(--radius-md\)\,10px\)\],.rounded-\[min\(var\(--radius-md\)\,10px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: min(var(--radius-md), 10px) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-full, .rounded-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: calc(infinity * 1px) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-lg, .rounded-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 0.5rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-lg\!, .rounded-lg\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 0.5rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-md, .rounded-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 0.25rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-none, .rounded-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 0 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-sm, .rounded-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 0.125rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-xl, .rounded-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 1rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-xl\!, .rounded-xl\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-radius: 1rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-t-lg, .rounded-t-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-l-\(--cell-radius\), .rounded-l-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-top-left-radius: var(--cell-radius) !important;
  border-bottom-left-radius: var(--cell-radius) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-tl-sm, .rounded-tl-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-top-left-radius: 0.125rem !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rounded-r-\(--cell-radius\), .rounded-r-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-top-right-radius: var(--cell-radius) !important;
  border-bottom-right-radius: var(--cell-radius) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border, .border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-0, .border-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-2, .border-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-\[1\.5px\], .border-\[1\.5px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-style: var(--tw-border-style) !important;
  border-width: 1.5px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-\[3px\], .border-\[3px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-style: var(--tw-border-style) !important;
  border-width: 3px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-t, .border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-r, .border-r:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-right-style: var(--tw-border-style) !important;
  border-right-width: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-b, .border-b:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-l, .border-l:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-left-style: var(--tw-border-style) !important;
  border-left-width: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-dashed, .border-dashed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-border-style: dashed;
  border-style: dashed !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!border-border, .\!border-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-\(--color-border\), .border-\(--color-border\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--color-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-\[\#9D1700\], .border-\[\#9D1700\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: #9D1700 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-\[\#CB930E\], .border-\[\#CB930E\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: #CB930E !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-\[\#EDEDED\], .border-\[\#EDEDED\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: #EDEDED !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-background\/80, .border-background\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--background) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--background) 80%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-border, .border-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-border\/50, .border-border\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--border) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--border) 50%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-destructive, .border-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--destructive) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-destructive-border, .border-destructive-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--destructive-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-gray-200, .border-gray-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: #e4e4e7 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-gray-300, .border-gray-300:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: #d4d4d8 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-green-500, .border-green-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: #10b981 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-input, .border-input:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--input) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-input\/30, .border-input\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--input) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-primary, .border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--primary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-primary\/20, .border-primary\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--primary) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--primary) 20%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-primary\/80, .border-primary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--primary) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--primary) 80%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-secondary, .border-secondary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--secondary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-sidebar-border, .border-sidebar-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--sidebar-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-success-border, .border-success-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--success-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-success-fill, .border-success-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--success-fill) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-transparent, .border-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: transparent !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-warning-border, .border-warning-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--warning-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-white, .border-white:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--color-white) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .border-white\/10, .border-white\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: color-mix(in srgb, #fff 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!bg-secondary, .\!bg-secondary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--secondary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\(--color-bg\), .bg-\(--color-bg\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--color-bg) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#3B3B3B\], .bg-\[\#3B3B3B\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #3B3B3B !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#9D1700\], .bg-\[\#9D1700\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #9D1700 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#808080\], .bg-\[\#808080\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #808080 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#CB930E\], .bg-\[\#CB930E\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #CB930E !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#F04D31\], .bg-\[\#F04D31\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #F04D31 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#F9F9F9\], .bg-\[\#F9F9F9\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #F9F9F9 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#FBDC7B\], .bg-\[\#FBDC7B\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #FBDC7B !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#d9d9d9\], .bg-\[\#d9d9d9\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #d9d9d9 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-\[\#f4f4f5\], .bg-\[\#f4f4f5\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #f4f4f5 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-accent, .bg-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--accent) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-background, .bg-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--background) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-background\/80, .bg-background\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--background) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--background) 80%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-black, .bg-black:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--color-black) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-black\/10, .bg-black\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: color-mix(in srgb, #000 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-black\/15, .bg-black\/15:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: color-mix(in srgb, #000 15%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 15%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-black\/20, .bg-black\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: color-mix(in srgb, #000 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-border, .bg-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-brand, .bg-brand:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--brand) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-card, .bg-card:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--card) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-destructive-fill, .bg-destructive-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--destructive-fill) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-destructive-fill-hover, .bg-destructive-fill-hover:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--destructive-fill-hover) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-destructive-muted, .bg-destructive-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--destructive-muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-foreground, .bg-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--foreground) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-gray-200, .bg-gray-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #e4e4e7 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-green-200, .bg-green-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #a7f3d0 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-green-500, .bg-green-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: #10b981 !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-input, .bg-input:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--input) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-input\/30, .bg-input\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--input) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-muted, .bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-muted\/30, .bg-muted\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--muted) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 30%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-muted\/50, .bg-muted\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--muted) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-popover, .bg-popover:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--popover) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-primary, .bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--primary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-primary-foreground, .bg-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--primary-foreground) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-primary\/80, .bg-primary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--primary) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--primary) 80%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-ring, .bg-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--ring) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-secondary, .bg-secondary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--secondary) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-secondary\/40, .bg-secondary\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--secondary) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--secondary) 40%, transparent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-sidebar, .bg-sidebar:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--sidebar) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-sidebar-accent, .bg-sidebar-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--sidebar-accent) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-sidebar-border, .bg-sidebar-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--sidebar-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-success-border, .bg-success-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--success-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-success-fill, .bg-success-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--success-fill) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-success-muted, .bg-success-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--success-muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-transparent, .bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: transparent !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-warning-fill, .bg-warning-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--warning-fill) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-warning-muted, .bg-warning-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--warning-muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-white, .bg-white:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--color-white) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-zinc-200, .bg-zinc-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--color-zinc-200) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .scroll-fade, .scroll-fade:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --scroll-fade-size: 24px;
  mask-image: linear-gradient( to bottom, transparent, black var(--scroll-fade-size), black calc(100% - var(--scroll-fade-size)), transparent );
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-clip-border, .bg-clip-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-clip: border-box;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-clip-padding, .bg-clip-padding:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-clip: padding-box;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .fill-foreground, .fill-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  fill: var(--foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .stroke-destructive\/20, .stroke-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  stroke: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    stroke: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .stroke-green-500, .stroke-green-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  stroke: #10b981;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .stroke-muted, .stroke-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  stroke: var(--muted);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .stroke-primary, .stroke-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  stroke: var(--primary);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .stroke-yellow-500, .stroke-yellow-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  stroke: #cb930e;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .object-contain, .object-contain:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  object-fit: contain;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .object-cover, .object-cover:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  object-fit: cover;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!p-0, .\!p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 0) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-0, .p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 0) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-0\.5, .p-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 0.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-1, .p-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-1\.5, .p-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 1.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-2, .p-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-2\.5, .p-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 2.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-3, .p-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-4, .p-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-5, .p-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-6, .p-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-8, .p-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .p-px, .p-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-\(--cell-size\), .px-\(--cell-size\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: var(--cell-size) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-1, .px-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-1\.5, .px-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 1.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-2, .px-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-2\.5, .px-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 2.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-3, .px-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-4, .px-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-6, .px-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .px-12, .px-12:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-inline: calc(var(--spacing) * 12) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-0\.5, .py-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 0.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-1, .py-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-1\.5, .py-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 1.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-2, .py-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-2\.5, .py-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 2.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-3, .py-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-4, .py-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-5, .py-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-6, .py-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-8, .py-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .py-12, .py-12:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-block: calc(var(--spacing) * 12) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-0, .pt-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 0) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-1, .pt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-2, .pt-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-3, .pt-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-4, .pt-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-6, .pt-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-8, .pt-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pt-px, .pt-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-top: 1px !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-0\.5, .pr-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 0.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-0\.75, .pr-0\.75:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 0.75) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-2, .pr-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-2\!, .pr-2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-2\.5, .pr-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 2.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-8, .pr-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 8) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pr-9, .pr-9:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-right: calc(var(--spacing) * 9) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-0, .pb-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 0) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-1, .pb-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 1) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-2, .pb-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-3, .pb-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-4, .pb-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-6, .pb-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 6) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pb-16, .pb-16:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-bottom: calc(var(--spacing) * 16) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pl-2, .pl-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-left: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pl-2\!, .pl-2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-left: calc(var(--spacing) * 2) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pl-2\.5, .pl-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-left: calc(var(--spacing) * 2.5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pl-3, .pl-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-left: calc(var(--spacing) * 3) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pl-4, .pl-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-left: calc(var(--spacing) * 4) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .pl-5, .pl-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  padding-left: calc(var(--spacing) * 5) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-center, .text-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-align: center;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-left, .text-left:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-align: left;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .align-middle, .align-middle:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  vertical-align: middle;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-display, .font-display:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-family: "PP Telegraf", sans-serif;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-mono, .font-mono:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-family: var(--font-mono);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-sans, .font-sans:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-family: var(--font-sans);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-2xl, .text-2xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-3xl, .text-3xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 2rem;
  line-height: var(--tw-leading, 2.5rem);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-base, .text-base:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-lg, .text-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-sm, .text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-xl, .text-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-xl\/6, .text-xl\/6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-xl);
  line-height: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-xs, .text-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[0\.8rem\], .text-\[0\.8rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 0.8rem;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[11px\], .text-\[11px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 11px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[12px\], .text-\[12px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 12px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[13px\], .text-\[13px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 13px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[14px\], .text-\[14px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 14px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[15px\], .text-\[15px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 15px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[18px\], .text-\[18px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 18px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[20px\], .text-\[20px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 20px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[24px\], .text-\[24px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 24px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[36px\], .text-\[36px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-size: 36px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-5, .leading-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-6, .leading-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-7, .leading-7:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-8, .leading-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: calc(var(--spacing) * 8);
  line-height: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[0\], .leading-\[0\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 0;
  line-height: 0;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[13px\], .leading-\[13px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 13px;
  line-height: 13px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[15px\], .leading-\[15px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 15px;
  line-height: 15px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[16px\], .leading-\[16px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 16px;
  line-height: 16px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[18px\], .leading-\[18px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 18px;
  line-height: 18px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[20px\], .leading-\[20px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 20px;
  line-height: 20px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[22px\], .leading-\[22px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 22px;
  line-height: 22px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[24px\], .leading-\[24px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 24px;
  line-height: 24px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[26px\], .leading-\[26px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 26px;
  line-height: 26px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[28px\], .leading-\[28px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 28px;
  line-height: 28px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-\[40px\], .leading-\[40px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 40px;
  line-height: 40px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-none, .leading-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: 1;
  line-height: 1;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-normal, .leading-normal:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .leading-snug, .leading-snug:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-bold, .font-bold:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-light, .font-light:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-medium, .font-medium:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-normal, .font-normal:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .font-semibold, .font-semibold:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-\[-0\.5px\], .tracking-\[-0\.5px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: -0.5px;
  letter-spacing: -0.5px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-\[-1\.5px\], .tracking-\[-1\.5px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: -1.5px;
  letter-spacing: -1.5px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-\[0\.5px\], .tracking-\[0\.5px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: 0.5px;
  letter-spacing: 0.5px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-\[0\.6px\], .tracking-\[0\.6px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: 0.6px;
  letter-spacing: 0.6px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-\[0\.84px\], .tracking-\[0\.84px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: 0.84px;
  letter-spacing: 0.84px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-wide, .tracking-wide:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-wider, .tracking-wider:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tracking-widest, .tracking-widest:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\!text-pretty, .\!text-pretty:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-wrap: pretty !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-balance, .text-balance:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-wrap: balance;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-wrap, .text-wrap:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-wrap: wrap;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .break-words, .break-words:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow-wrap: break-word;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .wrap-break-word, .wrap-break-word:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow-wrap: break-word;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .whitespace-nowrap, .whitespace-nowrap:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  white-space: nowrap;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .whitespace-pre-wrap, .whitespace-pre-wrap:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  white-space: pre-wrap;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[\#1A1A1A\], .text-\[\#1A1A1A\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: #1A1A1A;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[\#676767\], .text-\[\#676767\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: #676767;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-\[\#CC0000\], .text-\[\#CC0000\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: #CC0000;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-accent-foreground, .text-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--accent-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-background, .text-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--background);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-black, .text-black:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--color-black);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-brand, .text-brand:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--brand);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-card-foreground, .text-card-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--card-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-current, .text-current:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: currentcolor;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-destructive, .text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--destructive);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-destructive-fill, .text-destructive-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--destructive-fill);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-destructive-fill-foreground, .text-destructive-fill-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--destructive-fill-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-foreground, .text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-foreground\/70, .text-foreground\/70:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--foreground) 70%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-green-500, .text-green-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: #10b981;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-muted, .text-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--muted);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-muted-foreground, .text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--muted-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-muted-foreground\/40, .text-muted-foreground\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-muted-foreground\/60, .text-muted-foreground\/60:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-popover-foreground, .text-popover-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--popover-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-primary-foreground, .text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--primary-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-secondary-foreground, .text-secondary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--secondary-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-sidebar-foreground, .text-sidebar-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--sidebar-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-sidebar-foreground\/70, .text-sidebar-foreground\/70:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--sidebar-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-sidebar-foreground\/75, .text-sidebar-foreground\/75:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--sidebar-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--sidebar-foreground) 75%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-sidebar-muted-foreground, .text-sidebar-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--sidebar-muted-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-success, .text-success:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--success);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-success-border, .text-success-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--success-border);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-success-fill, .text-success-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--success-fill);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-success-fill-foreground, .text-success-fill-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--success-fill-foreground);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-warning, .text-warning:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--warning);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-warning-fill, .text-warning-fill:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--warning-fill);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .text-white, .text-white:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  color: var(--color-white);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .capitalize, .capitalize:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-transform: capitalize;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .lowercase, .lowercase:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-transform: lowercase;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .uppercase, .uppercase:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-transform: uppercase;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .italic, .italic:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  font-style: italic;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .tabular-nums, .tabular-nums:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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,);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .line-through, .line-through:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-decoration-line: line-through;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .no-underline, .no-underline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-decoration-line: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .underline, .underline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-decoration-line: underline;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .decoration-muted-foreground\/50, .decoration-muted-foreground\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-decoration-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
    text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .underline-offset-2, .underline-offset-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-underline-offset: 2px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .underline-offset-4, .underline-offset-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  text-underline-offset: 4px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .opacity-0, .opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  opacity: 0%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .opacity-50, .opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  opacity: 50%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .opacity-80, .opacity-80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  opacity: 80%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .opacity-100, .opacity-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  opacity: 100%;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .bg-blend-color, .bg-blend-color:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-blend-mode: color;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow, .shadow:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\], .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-lg, .shadow-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-md, .shadow-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-none, .shadow-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-none\!, .shadow-none\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-sm, .shadow-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-xl, .shadow-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .shadow-xs, .shadow-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring, .ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-0, .ring-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-1, .ring-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-2, .ring-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-3, .ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --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) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-background, .ring-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--background);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-destructive\/20, .ring-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-foreground\/10, .ring-foreground\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-foreground\/\[0\.06\], .ring-foreground\/\[0\.06\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--foreground) 6%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-ring, .ring-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--ring);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-ring\/50, .ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ring-sidebar-ring, .ring-sidebar-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ring-color: var(--sidebar-ring);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .outline-hidden, .outline-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .outline, .outline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .blur, .blur:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .filter, .filter:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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,);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition, .transition:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[color\,box-shadow\,border-color\],.transition-\[color\,box-shadow\,border-color\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: color,box-shadow,border-color;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[color\,box-shadow\],.transition-\[color\,box-shadow\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[grid-template-columns\,margin\],.transition-\[grid-template-columns\,margin\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: grid-template-columns,margin;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[grid-template-rows\], .transition-\[grid-template-rows\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: grid-template-rows;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[height\], .transition-\[height\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[left\,right\,width\],.transition-\[left\,right\,width\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: left,right,width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[margin\,opacity\],.transition-\[margin\,opacity\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: margin,opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[opacity\,transform\,translate\],.transition-\[opacity\,transform\,translate\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: opacity,transform,translate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[opacity\,transform\,width\,height\,scale\,translate\],.transition-\[opacity\,transform\,width\,height\,scale\,translate\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: opacity,transform,width,height,scale,translate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[opacity\,transform\],.transition-\[opacity\,transform\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: opacity,transform;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[opacity\,width\,height\,margin\],.transition-\[opacity\,width\,height\,margin\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: opacity,width,height,margin;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[opacity\,width\,height\],.transition-\[opacity\,width\,height\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: opacity,width,height;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[padding\], .transition-\[padding\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: padding;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[stroke-dashoffset\], .transition-\[stroke-dashoffset\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: stroke-dashoffset;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[top\,left\,right\,bottom\],.transition-\[top\,left\,right\,bottom\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[width\,height\,padding\],.transition-\[width\,height\,padding\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-\[width\], .transition-\[width\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: width;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-all, .transition-all:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-colors, .transition-colors:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-opacity, .transition-opacity:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-shadow, .transition-shadow:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-transform, .transition-transform:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  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));
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .transition-none, .transition-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-property: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .delay-75, .delay-75:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-delay: 75ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .duration-100, .duration-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .duration-150, .duration-150:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .duration-200, .duration-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .duration-300, .duration-300:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .duration-500, .duration-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .duration-\[0\.35s\], .duration-\[0\.35s\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-duration: 0.35s;
  transition-duration: 0.35s;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\],.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ease: cubic-bezier(0.22,1,0.36,1);
  transition-timing-function: cubic-bezier(0.22,1,0.36,1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ease-in-out, .ease-in-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ease-linear, .ease-linear:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ease: linear;
  transition-timing-function: linear;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ease-out, .ease-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[transition-timing-function\:cubic-bezier\(0\.4\,0\,0\.2\,1\)\],.\[transition-timing-function\:cubic-bezier\(0\.4\,0\,0\.2\,1\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  transition-timing-function: cubic-bezier(0.4,0,0.2,1);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .delay-75, .delay-75:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  animation-delay: calc(75*1ms);
  animation-delay: 75ms;
  --tw-animation-delay: calc(75*1ms);
  --tw-animation-delay: 75ms;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .outline-none, .outline-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-outline-style: none;
  outline-style: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .select-none, .select-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  -webkit-user-select: none;
  user-select: none;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[--cell-radius\:var\(--radius-md\)\], .\[--cell-radius\:var\(--radius-md\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --cell-radius: var(--radius-md);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[--cell-size\:--spacing\(8\)\], .\[--cell-size\:--spacing\(8\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --cell-size: calc(var(--spacing) * 8);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[--sidebar-active\:rgba\(243\,44\,9\,0\.15\)\],.\[--sidebar-active\:rgba\(243\,44\,9\,0\.15\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --sidebar-active: rgba(243,44,9,0.15);
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[overflow-clip-margin\:6px\], .\[overflow-clip-margin\:6px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  overflow-clip-margin: 6px;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .fade-out, .fade-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  --tw-exit-opacity: 0;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .paused, .paused:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  animation-play-state: paused;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .running, .running:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  animation-play-state: running;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:w-full, .\*\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-focus-within\/menu-item\:opacity-100, .group-focus-within\/menu-item\:opacity-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/menu-item):focus-within *) {
    opacity: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-hover\/menu-item\:opacity-100, .group-hover\/menu-item\:opacity-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/menu-item):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-hover\/step\:ml-0, .group-hover\/step\:ml-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/step):hover *) {
    @media (hover: hover) {
      margin-left: calc(var(--spacing) * 0) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-hover\/step\:grid-cols-\[1fr\], .group-hover\/step\:grid-cols-\[1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/step):hover *) {
    @media (hover: hover) {
      grid-template-columns: 1fr;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-focus\/context-menu-item\:text-foreground, .group-focus\/context-menu-item\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/context-menu-item):focus *) {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-focus\/dropdown-menu-item\:text-foreground, .group-focus\/dropdown-menu-item\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-horizontal\/field\:text-balance, .group-has-data-horizontal\/field\:text-balance:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/field):has(*[data-horizontal]) *) {
    text-wrap: balance;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8, .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/menu-item):has(*[data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[size\=lg\]\/avatar-group\:size-10, .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[size\=lg\]\/avatar-group\:text-sm, .group-has-data-\[size\=lg\]\/avatar-group\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[size\=sm\]\/avatar-group\:size-6, .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[size\=sm\]\/avatar-group\:text-\[10px\], .group-has-data-\[size\=sm\]\/avatar-group\:text-\[10px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
    font-size: 10px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden, .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/command-item):has(*[data-slot="command-shortcut"]) *) {
    display: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5, .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/item):has(*[data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[slot\=item-description\]\/item\:self-start, .group-has-data-\[slot\=item-description\]\/item\:self-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/item):has(*[data-slot="item-description"]) *) {
    align-self: flex-start;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-\[\>input\]\/input-group\:pt-2, .group-has-\[\>input\]\/input-group\:pt-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/input-group):has(>input) *) {
    padding-top: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-\[\>input\]\/input-group\:pb-2, .group-has-\[\>input\]\/input-group\:pb-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/input-group):has(>input) *) {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-\[\>svg\]\/alert\:col-start-2, .group-has-\[\>svg\]\/alert\:col-start-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/alert):has(>svg) *) {
    grid-column-start: 2;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-checked\/checkbox-box\:border-primary, .group-data-checked\/checkbox-box\:border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/checkbox-box)[data-checked] *) {
    border-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-checked\/checkbox-box\:bg-primary, .group-data-checked\/checkbox-box\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/checkbox-box)[data-checked] *) {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-checked\/radio-box\:scale-100, .group-data-checked\/radio-box\:scale-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/radio-box)[data-checked] *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-checked\/radio-box\:border-primary, .group-data-checked\/radio-box\:border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/radio-box)[data-checked] *) {
    border-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-checked\/radio-box\:bg-primary, .group-data-checked\/radio-box\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/radio-box)[data-checked] *) {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-empty\/combobox-content\:flex, .group-data-empty\/combobox-content\:flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/combobox-content)[data-empty] *) {
    display: flex;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-open\/navigation-menu-trigger\:rotate-180, .group-data-open\/navigation-menu-trigger\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu-trigger)[data-open] *) {
    rotate: 180deg;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-popup-open\/navigation-menu-trigger\:rotate-180, .group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
    rotate: 180deg;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-selected\/command-item\:text-foreground, .group-data-selected\/command-item\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/command-item)[data-selected] *) {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[checked\=true\]\/command-item\:opacity-100, .group-data-\[checked\=true\]\/command-item\:opacity-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/command-item)[data-checked="true"] *) {
    opacity: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:pointer-events-none, .group-data-\[collapsible\=icon\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:m-0, .group-data-\[collapsible\=icon\]\:m-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    margin: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:-mt-8, .group-data-\[collapsible\=icon\]\:-mt-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:mt-1, .group-data-\[collapsible\=icon\]\:mt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * 1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:hidden, .group-data-\[collapsible\=icon\]\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:size-8, .group-data-\[collapsible\=icon\]\:size-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:size-8\!, .group-data-\[collapsible\=icon\]\:size-8\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:h-0, .group-data-\[collapsible\=icon\]\:h-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    height: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\), .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:w-0, .group-data-\[collapsible\=icon\]\:w-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\], .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\], .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:flex-col, .group-data-\[collapsible\=icon\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:items-center, .group-data-\[collapsible\=icon\]\:items-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    align-items: center;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:justify-center, .group-data-\[collapsible\=icon\]\:justify-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    justify-content: center;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:gap-0, .group-data-\[collapsible\=icon\]\:gap-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    gap: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:overflow-auto, .group-data-\[collapsible\=icon\]\:overflow-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:overflow-hidden, .group-data-\[collapsible\=icon\]\:overflow-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:p-0, .group-data-\[collapsible\=icon\]\:p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:p-0\!, .group-data-\[collapsible\=icon\]\:p-0\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:p-2\!, .group-data-\[collapsible\=icon\]\:p-2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:px-2, .group-data-\[collapsible\=icon\]\:px-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:py-4, .group-data-\[collapsible\=icon\]\:py-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding-block: calc(var(--spacing) * 4) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:pb-3, .group-data-\[collapsible\=icon\]\:pb-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:opacity-0, .group-data-\[collapsible\=icon\]\:opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:opacity-100, .group-data-\[collapsible\=icon\]\:opacity-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:ring-1, .group-data-\[collapsible\=icon\]\:ring-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    --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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:ring-border, .group-data-\[collapsible\=icon\]\:ring-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    --tw-ring-color: var(--border);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=offcanvas\]\:w-0, .group-data-\[collapsible\=offcanvas\]\:w-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=offcanvas\]\:translate-x-0, .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[complete\]\/progress\:bg-green-500, .group-data-\[complete\]\/progress\:bg-green-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/progress)[data-complete] *) {
    background-color: #10b981 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[disabled\=true\]\:pointer-events-none, .group-data-\[disabled\=true\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[disabled\=true\]\:opacity-50, .group-data-\[disabled\=true\]\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-disabled="true"] *) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[disabled\=true\]\/field\:opacity-50, .group-data-\[disabled\=true\]\/field\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[disabled\=true\]\/input-group\:opacity-50, .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[focused\=true\]\/day\:relative, .group-data-\[focused\=true\]\/day\:relative:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[focused\=true\]\/day\:z-10, .group-data-\[focused\=true\]\/day\:z-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[focused\=true\]\/day\:border-ring, .group-data-\[focused\=true\]\/day\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[focused\=true\]\/day\:ring-\[3px\], .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[focused\=true\]\/day\:ring-ring\/50, .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[panel-open\]\:rotate-180, .group-data-\[panel-open\]\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-panel-open] *) {
    rotate: 180deg;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[side\=left\]\:-right-4, .group-data-\[side\=left\]\:-right-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[side\=left\]\:border-r, .group-data-\[side\=left\]\:border-r:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[side\=right\]\:left-0, .group-data-\[side\=right\]\:left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[side\=right\]\:rotate-180, .group-data-\[side\=right\]\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[side\=right\]\:border-l, .group-data-\[side\=right\]\:border-l:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=default\]\/avatar\:size-2\.5, .group-data-\[size\=default\]\/avatar\:size-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=default\]\/switch\:size-4, .group-data-\[size\=default\]\/switch\:size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=lg\]\/avatar\:size-3, .group-data-\[size\=lg\]\/avatar\:size-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=lg\]\/avatar\:text-sm, .group-data-\[size\=lg\]\/avatar\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="lg"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/alert-dialog-content\:grid, .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    display: grid;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2, .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/avatar\:size-2, .group-data-\[size\=sm\]\/avatar\:size-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/avatar\:text-\[10px\], .group-data-\[size\=sm\]\/avatar\:text-\[10px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: 10px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/item\:size-8, .group-data-\[size\=sm\]\/item\:size-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/item)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/switch\:size-3, .group-data-\[size\=sm\]\/switch\:size-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=xs\]\/item\:size-6, .group-data-\[size\=xs\]\/item\:size-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/item)[data-size="xs"] *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=xs\]\/item\:gap-0, .group-data-\[size\=xs\]\/item\:gap-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/item)[data-size="xs"] *) {
    gap: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=xs\]\/item\:text-xs, .group-data-\[size\=xs\]\/item\:text-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/item)[data-size="xs"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[spacing\=0\]\/toggle-group\:rounded-none, .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    border-radius: 0 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[spacing\=0\]\/toggle-group\:px-2, .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[variant\=floating\]\:rounded-lg, .group-data-\[variant\=floating\]\:rounded-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-variant="floating"] *) {
    border-radius: 0.5rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[variant\=floating\]\:shadow-sm, .group-data-\[variant\=floating\]\:shadow-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[variant\=floating\]\:ring-1, .group-data-\[variant\=floating\]\:ring-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-variant="floating"] *) {
    --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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[variant\=floating\]\:ring-sidebar-border, .group-data-\[variant\=floating\]\:ring-sidebar-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-color: var(--sidebar-border);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[variant\=outline\]\/field-group\:-mb-2, .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md, .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: 0.25rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover, .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    background-color: var(--popover) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground, .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    color: var(--popover-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:shadow, .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:ring-1, .group-data-\[viewport\=false\]\/navigation-menu\:ring-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10, .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:duration-300, .group-data-\[viewport\=false\]\/navigation-menu\:duration-300:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-hover\/menu-button\:text-sidebar-accent-foreground, .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer\/menu-button):hover ~ *) {
    @media (hover: hover) {
      color: var(--sidebar-accent-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-disabled\:cursor-not-allowed, .peer-disabled\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-disabled\:opacity-50, .peer-disabled\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer):disabled ~ *) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-data-active\/menu-button\:text-sidebar-accent-foreground, .peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer\/menu-button)[data-active] ~ *) {
    color: var(--sidebar-accent-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-data-disabled\:cursor-not-allowed, .peer-data-disabled\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer)[data-disabled] ~ *) {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-data-disabled\:opacity-50, .peer-data-disabled\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer)[data-disabled] ~ *) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-data-\[size\=default\]\/menu-button\:top-1\.5, .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-data-\[size\=lg\]\/menu-button\:top-2\.5, .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .peer-data-\[size\=sm\]\/menu-button\:top-1, .peer-data-\[size\=sm\]\/menu-button\:top-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:inline-flex, .file\:inline-flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    display: inline-flex;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:h-7, .file\:h-7:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    height: calc(var(--spacing) * 7);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:border-0, .file\:border-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:bg-transparent, .file\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    background-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:text-sm, .file\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:font-medium, .file\:font-medium:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .file\:text-foreground, .file\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::file-selector-button {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .placeholder\:text-muted-foreground, .placeholder\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::placeholder {
    color: var(--muted-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .placeholder\:text-sidebar-muted-foreground, .placeholder\:text-sidebar-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::placeholder {
    color: var(--sidebar-muted-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:pointer-events-none, .before\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:absolute, .before\:absolute:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:inset-x-0, .before\:inset-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:top-0, .before\:top-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:right-0, .before\:right-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:bottom-0, .before\:bottom-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:left-0, .before\:left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:z-10, .before\:z-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    z-index: 10;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:h-1, .before\:h-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:h-px, .before\:h-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    height: 1px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:bg-border, .before\:bg-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    background-color: var(--border) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .before\:bg-brand, .before\:bg-brand:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::before {
    content: var(--tw-content);
    background-color: var(--brand) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:absolute, .after\:absolute:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:-inset-2, .after\:-inset-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:-inset-x-3, .after\:-inset-x-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:-inset-y-2, .after\:-inset-y-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:inset-y-0, .after\:inset-y-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:start-1\/2, .after\:start-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    inset-inline-start: calc(1/2 * 100%);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:right-0, .after\:right-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:left-0, .after\:left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:left-1\/2, .after\:left-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    left: calc(1 / 2 * 100%);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:w-1, .after\:w-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:w-4, .after\:w-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:w-\[2px\], .after\:w-\[2px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    width: 2px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:-translate-x-1\/2, .after\:-translate-x-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .after\:bg-muted, .after\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &::after {
    content: var(--tw-content);
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:after\:hidden, .group-data-\[collapsible\=icon\]\:after\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    &::after {
      content: var(--tw-content);
      display: none;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=offcanvas\]\:after\:left-full, .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
    &::after {
      content: var(--tw-content);
      left: 100%;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .first\:pt-0, .first\:pt-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:first-child {
    padding-top: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .last\:mt-0, .last\:mt-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:last-child {
    margin-top: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-within\:border-ring, .focus-within\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-within {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-within\:ring-3, .focus-within\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-within\:ring-ring\/50, .focus-within\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-within {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:border-foreground, .hover\:border-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      border-color: var(--foreground) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:border-foreground\/20, .hover\:border-foreground\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      border-color: var(--foreground) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--foreground) 20%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:border-gray-200, .hover\:border-gray-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      border-color: #e4e4e7 !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:border-muted-foreground, .hover\:border-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      border-color: var(--muted-foreground) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:border-primary\/80, .hover\:border-primary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      border-color: var(--primary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 80%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:border-sidebar-border, .hover\:border-sidebar-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      border-color: var(--sidebar-border) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-background\/80, .hover\:bg-background\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--background) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--background) 80%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-black\/40, .hover\:bg-black\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 40%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-destructive-fill-hover, .hover\:bg-destructive-fill-hover:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--destructive-fill-hover) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-gray-200, .hover\:bg-gray-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: #e4e4e7 !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-muted, .hover\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--muted) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-muted\/50, .hover\:bg-muted\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--muted) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-muted\/80, .hover\:bg-muted\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--muted) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--muted) 80%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-primary\/50, .hover\:bg-primary\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--primary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 50%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-primary\/80, .hover\:bg-primary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--primary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-red-200, .hover\:bg-red-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: #fecaca !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-secondary\/80, .hover\:bg-secondary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--secondary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:bg-sidebar-accent, .hover\:bg-sidebar-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      background-color: var(--sidebar-accent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:text-accent-foreground, .hover\:text-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      color: var(--accent-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:text-foreground, .hover\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      color: var(--foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:text-muted-foreground, .hover\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      color: var(--muted-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:text-sidebar-accent-foreground, .hover\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      color: var(--sidebar-accent-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:decoration-foreground, .hover\:decoration-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      text-decoration-color: var(--foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\], .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(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) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:ring-4, .hover\:ring-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:delay-75, .hover\:delay-75:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      transition-delay: 75ms;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:delay-75, .hover\:delay-75:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      animation-delay: calc(75*1ms);
      animation-delay: 75ms;
      --tw-animation-delay: calc(75*1ms);
      --tw-animation-delay: 75ms;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:hover\:bg-transparent, .group-data-\[collapsible\=icon\]\:hover\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[collapsible\=icon\]\:hover\:ring-foreground, .group-data-\[collapsible\=icon\]\:hover\:ring-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group)[data-collapsible="icon"] *) {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar, .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      &:is(:where(.group)[data-collapsible="offcanvas"] *) {
        background-color: var(--sidebar) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .hover\:after\:bg-sidebar-border, .hover\:after\:bg-sidebar-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:hover {
    @media (hover: hover) {
      &::after {
        content: var(--tw-content);
        background-color: var(--sidebar-border) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:not-sr-only, .focus\:not-sr-only:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:fixed, .focus\:fixed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    position: fixed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:top-4, .focus\:top-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    top: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:left-4, .focus\:left-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    left: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:z-10, .focus\:z-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    z-index: 10;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:z-50, .focus\:z-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    z-index: 50;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:rounded-md, .focus\:rounded-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    border-radius: 0.25rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:bg-background, .focus\:bg-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    background-color: var(--background) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:bg-muted, .focus\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:px-4, .focus\:px-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:py-2, .focus\:py-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    padding-block: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:text-sm, .focus\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:font-semibold, .focus\:font-semibold:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:text-foreground, .focus\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:shadow-md, .focus\:shadow-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:ring-2, .focus\:ring-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:ring-ring, .focus\:ring-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    --tw-ring-color: var(--ring);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:\*\*\:text-foreground, .focus\:\*\*\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    :is(& *) {
      color: var(--foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .not-data-\[variant\=destructive\]\:focus\:\*\*\:text-foreground, .not-data-\[variant\=destructive\]\:focus\:\*\*\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:not(*[data-variant="destructive"]) {
    &:focus {
      :is(& *) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:z-10, .focus-visible\:z-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    z-index: 10;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:border-destructive-fill\/40, .focus-visible\:border-destructive-fill\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    border-color: var(--destructive-fill) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--destructive-fill) 40%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:border-ring, .focus-visible\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-0, .focus-visible\:ring-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-2, .focus-visible\:ring-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-3, .focus-visible\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-4, .focus-visible\:ring-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-\[3px\], .focus-visible\:ring-\[3px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-background\/50, .focus-visible\:ring-background\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--background) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-destructive-fill\/20, .focus-visible\:ring-destructive-fill\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--destructive-fill);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive-fill) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-destructive\/20, .focus-visible\:ring-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-ring, .focus-visible\:ring-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--ring);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-ring\/50, .focus-visible\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-success\/20, .focus-visible\:ring-success\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--success);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:ring-warning\/20, .focus-visible\:ring-warning\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-ring-color: var(--warning);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:outline-hidden, .focus-visible\:outline-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:outline-1, .focus-visible\:outline-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:outline-ring, .focus-visible\:outline-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    outline-color: var(--ring);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus-visible\:outline-none, .focus-visible\:outline-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:focus-visible\:relative, .\*\:focus-visible\:relative:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:focus-visible {
      position: relative;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:focus-visible\:z-10, .\*\:focus-visible\:z-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:focus-visible {
      z-index: 10;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:bg-background\/70, .active\:bg-background\/70:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    background-color: var(--background) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 70%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:bg-primary, .active\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:bg-secondary\/60, .active\:bg-secondary\/60:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    background-color: var(--secondary) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 60%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:bg-sidebar-accent, .active\:bg-sidebar-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    background-color: var(--sidebar-accent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:text-foreground, .active\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:text-sidebar-accent-foreground, .active\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    color: var(--sidebar-accent-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:delay-0, .active\:delay-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    transition-delay: 0ms;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .active\:delay-0, .active\:delay-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:active {
    animation-delay: calc(0*1ms);
    animation-delay: 0s;
    --tw-animation-delay: calc(0*1ms);
    --tw-animation-delay: 0s;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .disabled\:pointer-events-none, .disabled\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:disabled {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .disabled\:cursor-not-allowed, .disabled\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:disabled {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .disabled\:opacity-50, .disabled\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:disabled {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[side\=left\]\:cursor-w-resize, .in-data-\[side\=left\]\:cursor-w-resize:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-side="left"]) & {
    cursor: w-resize;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[side\=right\]\:cursor-e-resize, .in-data-\[side\=right\]\:cursor-e-resize:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-side="right"]) & {
    cursor: e-resize;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[slot\=card-content\]\:bg-transparent, .in-data-\[slot\=card-content\]\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-slot="card-content"]) & {
    background-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit, .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-slot="combobox-content"]) & {
    &:focus-within {
      border-color: inherit !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0, .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-slot="combobox-content"]) & {
    &:focus-within {
      --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) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[slot\=dialog-content\]\:rounded-lg\!, .in-data-\[slot\=dialog-content\]\:rounded-lg\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-slot="dialog-content"]) & {
    border-radius: 0.5rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[slot\=dropdown-menu-content\]\:p-0, .in-data-\[slot\=dropdown-menu-content\]\:p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-slot="dropdown-menu-content"]) & {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .in-data-\[slot\=popover-content\]\:bg-transparent, .in-data-\[slot\=popover-content\]\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :where(*[data-slot="popover-content"]) & {
    background-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-disabled\:pointer-events-none, .has-disabled\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:disabled) {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-disabled\:cursor-not-allowed, .has-disabled\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:disabled) {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-disabled\:opacity-50, .has-disabled\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:disabled) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-aria-invalid\:border-destructive, .has-aria-invalid\:border-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[aria-invalid="true"]) {
    border-color: var(--destructive) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-aria-invalid\:ring-3, .has-aria-invalid\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[aria-invalid="true"]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-aria-invalid\:ring-destructive\/20, .has-aria-invalid\:ring-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-checked\:border-primary\/30, .has-data-checked\:border-primary\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-checked]) {
    border-color: var(--primary) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-checked\:bg-primary\/5, .has-data-checked\:bg-primary\/5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-checked]) {
    background-color: var(--primary) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[icon\=inline-end\]\:pr-1, .has-data-\[icon\=inline-end\]\:pr-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[icon\=inline-end\]\:pr-1\.5, .has-data-\[icon\=inline-end\]\:pr-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[icon\=inline-end\]\:pr-3, .has-data-\[icon\=inline-end\]\:pr-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 3) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[icon\=inline-start\]\:pl-1, .has-data-\[icon\=inline-start\]\:pl-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[icon\=inline-start\]\:pl-1\.5, .has-data-\[icon\=inline-start\]\:pl-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[icon\=inline-start\]\:pl-3, .has-data-\[icon\=inline-start\]\:pl-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 3) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[size\=sm\]\:gap-2\.5, .has-data-\[size\=sm\]\:gap-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-size="sm"]) {
    gap: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[size\=xs\]\:gap-2, .has-data-\[size\=xs\]\:gap-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-size="xs"]) {
    gap: calc(var(--spacing) * 2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[slot\=alert-action\]\:relative, .has-data-\[slot\=alert-action\]\:relative:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-slot="alert-action"]) {
    position: relative;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[slot\=alert-action\]\:pr-18, .has-data-\[slot\=alert-action\]\:pr-18:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-slot="alert-action"]) {
    padding-right: calc(var(--spacing) * 18) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[slot\=alert-title\]\:items-start, .has-data-\[slot\=alert-title\]\:items-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-slot="alert-title"]) {
    align-items: flex-start;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[slot\=combobox-chip\]\:px-1\.5, .has-data-\[slot\=combobox-chip\]\:px-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-slot="combobox-chip"]) {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[slot\=kbd\]\:pr-1\.5, .has-data-\[slot\=kbd\]\:pr-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[variant\=inset\]\:bg-sidebar, .has-data-\[variant\=inset\]\:bg-sidebar:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-variant="inset"]) {
    background-color: var(--sidebar) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\:focus-visible\]\:border-ring, .has-\[\:focus-visible\]\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is(:focus-visible)) {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\:focus-visible\]\:ring-3, .has-\[\:focus-visible\]\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is(: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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\:focus-visible\]\:ring-ring\/50, .has-\[\:focus-visible\]\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is(:focus-visible)) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-disabled\]\]\:pointer-events-none, .has-\[\[data-disabled\]\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-disabled])) {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-disabled\]\]\:cursor-not-allowed, .has-\[\[data-disabled\]\]\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-disabled])) {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-disabled\]\]\:opacity-50, .has-\[\[data-disabled\]\]\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-disabled])) {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-disabled\]\]\:hover\:border-input, .has-\[\[data-disabled\]\]\:hover\:border-input:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-disabled])) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--input) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\=combobox-group\]\]\:p-0, .has-\[\[data-slot\=combobox-group\]\]\:p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot=combobox-group])) {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring, .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3, .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot=input-group-control]: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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50, .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot=input-group-control]:focus-visible)) {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive, .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot][aria-invalid=true])) {
    border-color: var(--destructive) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3, .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot][aria-invalid=true])) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20, .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is([data-slot][aria-invalid=true])) {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=block-end\]\]\:h-auto, .has-\[\>\[data-align\=block-end\]\]\:h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=block-end]) {
    height: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=block-end\]\]\:flex-col, .has-\[\>\[data-align\=block-end\]\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=block-end]) {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=block-start\]\]\:h-auto, .has-\[\>\[data-align\=block-start\]\]\:h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=block-start]) {
    height: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=block-start\]\]\:flex-col, .has-\[\>\[data-align\=block-start\]\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=block-start]) {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=button-group\]\]\:gap-2, .has-\[\>\[data-slot\=button-group\]\]\:gap-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=button-group]) {
    gap: calc(var(--spacing) * 2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3, .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=checkbox-group]) {
    gap: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=field-content\]\]\:items-start, .has-\[\>\[data-slot\=field-content\]\]\:items-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=field-content]) {
    align-items: flex-start;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=field\]\]\:w-full, .has-\[\>\[data-slot\=field\]\]\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=field]) {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=field\]\]\:flex-col, .has-\[\>\[data-slot\=field\]\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=field]) {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=field\]\]\:rounded-md, .has-\[\>\[data-slot\=field\]\]\:rounded-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=field]) {
    border-radius: 0.25rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=field\]\]\:border, .has-\[\>\[data-slot\=field\]\]\:border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=field]) {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=radio-group\]\]\:gap-3, .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=radio-group]) {
    gap: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>button\]\:-mr-1, .has-\[\>button\]\:-mr-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>button) {
    margin-right: calc(var(--spacing) * -1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>button\]\:-ml-1, .has-\[\>button\]\:-ml-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>button) {
    margin-left: calc(var(--spacing) * -1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>img\:first-child\]\:pt-0, .has-\[\>img\:first-child\]\:pt-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>img:first-child) {
    padding-top: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>kbd\]\:mr-\[-0\.15rem\], .has-\[\>kbd\]\:mr-\[-0\.15rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>kbd) {
    margin-right: -0.15rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>kbd\]\:ml-\[-0\.15rem\], .has-\[\>kbd\]\:ml-\[-0\.15rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>kbd) {
    margin-left: -0.15rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>svg\]\:grid-cols-\[auto_1fr\], .has-\[\>svg\]\:grid-cols-\[auto_1fr\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>svg) {
    grid-template-columns: auto 1fr;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>svg\]\:gap-x-2\.5, .has-\[\>svg\]\:gap-x-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>svg) {
    column-gap: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>svg\]\:p-0, .has-\[\>svg\]\:p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>svg) {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>textarea\]\:h-auto, .has-\[\>textarea\]\:h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>textarea) {
    height: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-disabled\:pointer-events-none, .aria-disabled\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-disabled="true"] {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-disabled\:opacity-50, .aria-disabled\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-disabled="true"] {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-expanded\:border-primary, .aria-expanded\:border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-expanded="true"] {
    border-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-expanded\:bg-muted, .aria-expanded\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-expanded="true"] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-expanded\:bg-primary, .aria-expanded\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-expanded="true"] {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-expanded\:text-accent-foreground, .aria-expanded\:text-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-expanded="true"] {
    color: var(--accent-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-expanded\:text-primary-foreground, .aria-expanded\:text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-expanded="true"] {
    color: var(--primary-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-expanded\:opacity-100, .aria-expanded\:opacity-100:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-expanded="true"] {
    opacity: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-invalid\:border-destructive, .aria-invalid\:border-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-invalid="true"] {
    border-color: var(--destructive) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-invalid\:ring-0, .aria-invalid\:ring-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-invalid\:ring-3, .aria-invalid\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-invalid\:ring-destructive\/20, .aria-invalid\:ring-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-invalid\:aria-checked\:border-primary, .aria-invalid\:aria-checked\:border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-invalid="true"] {
    &[aria-checked="true"] {
      border-color: var(--primary) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-pressed\:border-primary, .aria-pressed\:border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-pressed="true"] {
    border-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-pressed\:bg-primary, .aria-pressed\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-pressed="true"] {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-pressed\:text-primary-foreground, .aria-pressed\:text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-pressed="true"] {
    color: var(--primary-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-selected\:text-muted-foreground, .aria-selected\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-selected="true"] {
    color: var(--muted-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:h-px, .aria-\[orientation\=horizontal\]\:h-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    height: 1px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:w-full, .aria-\[orientation\=horizontal\]\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:after\:left-0, .aria-\[orientation\=horizontal\]\:after\:left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:after\:h-1, .aria-\[orientation\=horizontal\]\:after\:h-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:after\:w-full, .aria-\[orientation\=horizontal\]\:after\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:after\:translate-x-0, .aria-\[orientation\=horizontal\]\:after\:translate-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2, .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="horizontal"] {
    &::after {
      content: var(--tw-content);
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .aria-\[orientation\=vertical\]\:flex-col, .aria-\[orientation\=vertical\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation="vertical"] {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-active\:bg-accent, .data-active\:bg-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active] {
    background-color: var(--accent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-active\:bg-sidebar-accent, .data-active\:bg-sidebar-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active] {
    background-color: var(--sidebar-accent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-active\:font-medium, .data-active\:font-medium:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-active\:text-accent-foreground, .data-active\:text-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active] {
    color: var(--accent-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-active\:text-sidebar-accent-foreground, .data-active\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active] {
    color: var(--sidebar-accent-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-checked\:border-foreground\/30, .data-checked\:border-foreground\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-checked] {
    border-color: var(--foreground) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-checked\:border-primary, .data-checked\:border-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-checked] {
    border-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-checked\:bg-primary, .data-checked\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-checked] {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-checked\:bg-primary\/5, .data-checked\:bg-primary\/5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-checked] {
    background-color: var(--primary) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-checked\:text-primary-foreground, .data-checked\:text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-checked] {
    color: var(--primary-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\], .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/switch)[data-size="default"] *) {
    &[data-checked] {
      --tw-translate-x: calc(100% - 2px);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\], .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-closed\:\[transform\:translate\(-50\%\,-48\%\)_scale\(0\.92\)\],.data-closed\:\[transform\:translate\(-50\%\,-48\%\)_scale\(0\.92\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-closed] {
    transform: translate(-50%,-48%) scale(0.92);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-closed\:animate-out, .data-closed\:animate-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-closed\:overflow-hidden, .data-closed\:overflow-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-closed] {
    overflow: hidden;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-closed\:opacity-0, .data-closed\:opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-closed] {
    opacity: 0%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-closed\:fade-out-0, .data-closed\:fade-out-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-closed] {
    --tw-exit-opacity: calc(0/100);
    --tw-exit-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-closed\:zoom-out-95, .data-closed\:zoom-out-95:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-closed] {
    --tw-exit-scale: calc(95*1%);
    --tw-exit-scale: .95;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out, .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0, .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    &[data-closed] {
      --tw-exit-opacity: calc(0/100);
      --tw-exit-opacity: 0;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95, .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    &[data-closed] {
      --tw-exit-scale: calc(95*1%);
      --tw-exit-scale: .95;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-disabled\:pointer-events-none, .data-disabled\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-disabled\:cursor-default, .data-disabled\:cursor-default:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    cursor: default;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-disabled\:cursor-not-allowed, .data-disabled\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-disabled\:text-zinc-400, .data-disabled\:text-zinc-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    color: var(--color-zinc-400);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-disabled\:opacity-50, .data-disabled\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-empty\:p-0, .data-empty\:p-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-empty] {
    padding: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-ending-style\:h-0, .data-ending-style\:h-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-ending-style] {
    height: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-ending-style\:scale-90, .data-ending-style\:scale-90:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-ending-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-ending-style\:opacity-0, .data-ending-style\:opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-ending-style] {
    opacity: 0%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-ending-style\:duration-150, .data-ending-style\:duration-150:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-ending-style] {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-highlighted\:bg-muted, .data-highlighted\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-highlighted] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-highlighted\:text-foreground, .data-highlighted\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-highlighted] {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-foreground, .not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:not(*[data-variant="destructive"]) {
    &[data-highlighted] {
      :is(& *) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:mx-px, .data-horizontal\:mx-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    margin-inline: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:h-1\.5, .data-horizontal\:h-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    height: calc(var(--spacing) * 1.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:h-2\.5, .data-horizontal\:h-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    height: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:h-full, .data-horizontal\:h-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    height: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:w-auto, .data-horizontal\:w-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    width: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:w-full, .data-horizontal\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:flex-col, .data-horizontal\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:border-t, .data-horizontal\:border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-horizontal\:border-t-transparent, .data-horizontal\:border-t-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-horizontal] {
    border-top-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-inset\:pl-8, .data-inset\:pl-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-inset] {
    padding-left: calc(var(--spacing) * 8) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-instant\:transition-none, .data-instant\:transition-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-instant] {
    transition-property: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:animate-in, .data-open\:animate-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:bg-muted, .data-open\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:bg-muted\/50, .data-open\:bg-muted\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    background-color: var(--muted) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:text-foreground, .data-open\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:fade-in-0, .data-open\:fade-in-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:zoom-in-95, .data-open\:zoom-in-95:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in, .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &: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);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0, .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    &[data-open] {
      --tw-enter-opacity: calc(0/100);
      --tw-enter-opacity: 0;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95, .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    &[data-open] {
      --tw-enter-scale: calc(95*1%);
      --tw-enter-scale: .95;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:hover\:bg-muted, .data-open\:hover\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:hover\:bg-sidebar-accent, .data-open\:hover\:bg-sidebar-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sidebar-accent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:hover\:text-sidebar-accent-foreground, .data-open\:hover\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    &:hover {
      @media (hover: hover) {
        color: var(--sidebar-accent-foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-open\:focus\:bg-muted, .data-open\:focus\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-open] {
    &:focus {
      background-color: var(--muted) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-placeholder\:text-muted-foreground, .data-placeholder\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-placeholder] {
    color: var(--muted-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-popup-open\:bg-muted, .data-popup-open\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-popup-open] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-popup-open\:bg-muted\/50, .data-popup-open\:bg-muted\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-popup-open] {
    background-color: var(--muted) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-popup-open\:text-foreground, .data-popup-open\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-popup-open] {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-popup-open\:hover\:bg-muted, .data-popup-open\:hover\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-popup-open] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-selected\:bg-muted, .data-selected\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-selected] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-selected\:text-foreground, .data-selected\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-selected] {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-slot\:rounded-r-none, .\*\:data-slot\:rounded-r-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot] {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-slot\:rounded-b-none, .\*\:data-slot\:rounded-b-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot] {
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-starting-style\:h-0, .data-starting-style\:h-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-starting-style] {
    height: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-starting-style\:scale-90, .data-starting-style\:scale-90:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-starting-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-starting-style\:opacity-0, .data-starting-style\:opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-starting-style] {
    opacity: 0%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-unchecked\:bg-input, .data-unchecked\:bg-input:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-unchecked] {
    background-color: var(--input) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0, .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/switch)[data-size="default"] *) {
    &[data-unchecked] {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0, .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/switch)[data-size="sm"] *) {
    &[data-unchecked] {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:my-px, .data-vertical\:my-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    margin-block: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:h-auto, .data-vertical\:h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    height: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:h-full, .data-vertical\:h-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    height: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:min-h-40, .data-vertical\:min-h-40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    min-height: calc(var(--spacing) * 40);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:w-1\.5, .data-vertical\:w-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    width: calc(var(--spacing) * 1.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:w-2\.5, .data-vertical\:w-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    width: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:w-auto, .data-vertical\:w-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    width: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:w-full, .data-vertical\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:flex-col, .data-vertical\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:items-stretch, .data-vertical\:items-stretch:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    align-items: stretch;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:border-l, .data-vertical\:border-l:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-vertical\:border-l-transparent, .data-vertical\:border-l-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-vertical] {
    border-left-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[active\=true\]\:bg-muted\/50, .data-\[active\=true\]\:bg-muted\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active="true"] {
    background-color: var(--muted) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[active\=true\]\:hover\:bg-muted, .data-\[active\=true\]\:hover\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active="true"] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[active\=true\]\:focus\:bg-muted, .data-\[active\=true\]\:focus\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-active="true"] {
    &:focus {
      background-color: var(--muted) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[align-trigger\=true\]\:animate-none, .data-\[align-trigger\=true\]\:animate-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-align-trigger="true"] {
    animation: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[chips\=true\]\:min-w-\(--anchor-width\), .data-\[chips\=true\]\:min-w-\(--anchor-width\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-chips="true"] {
    min-width: var(--anchor-width);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[disabled\]\:pointer-events-none, .data-\[disabled\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[disabled\]\:cursor-not-allowed, .data-\[disabled\]\:cursor-not-allowed:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    cursor: not-allowed;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[disabled\]\:opacity-50, .data-\[disabled\]\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled] {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[disabled\=true\]\:pointer-events-none, .data-\[disabled\=true\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled="true"] {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[disabled\=true\]\:opacity-50, .data-\[disabled\=true\]\:opacity-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-disabled="true"] {
    opacity: 50%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[drag-active\]\:border-muted-foreground, .data-\[drag-active\]\:border-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-drag-active] {
    border-color: var(--muted-foreground) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[drag-active\]\:bg-muted\/50, .data-\[drag-active\]\:bg-muted\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-drag-active] {
    background-color: var(--muted) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[ending-style\]\:h-0, .data-\[ending-style\]\:h-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-ending-style] {
    height: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[focused\]\:border-ring, .data-\[focused\]\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-focused] {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[focused\]\:ring-2, .data-\[focused\]\:ring-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-focused] {
    --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) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[focused\]\:ring-ring\/50, .data-\[focused\]\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-focused] {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[focused\=true\]\:border-ring, .data-\[focused\=true\]\:border-ring:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-focused="true"] {
    border-color: var(--ring) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[focused\=true\]\:ring-3, .data-\[focused\=true\]\:ring-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-focused="true"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[focused\=true\]\:ring-ring\/50, .data-\[focused\=true\]\:ring-ring\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-focused="true"] {
    --tw-ring-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[invalid\=true\]\:text-destructive, .data-\[invalid\=true\]\:text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-invalid="true"] {
    color: var(--destructive);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\=from-end\]\:slide-in-from-right-52, .data-\[motion\=from-end\]\:slide-in-from-right-52:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52*var(--spacing));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\=from-start\]\:slide-in-from-left-52, .data-\[motion\=from-start\]\:slide-in-from-left-52:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52*var(--spacing)*-1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\=to-end\]\:slide-out-to-right-52, .data-\[motion\=to-end\]\:slide-out-to-right-52:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52*var(--spacing));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\=to-start\]\:slide-out-to-left-52, .data-\[motion\=to-start\]\:slide-out-to-left-52:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52*var(--spacing)*-1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\^\=from-\]\:animate-in, .data-\[motion\^\=from-\]\:animate-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\^\=from-\]\:fade-in, .data-\[motion\^\=from-\]\:fade-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\^\=to-\]\:animate-out, .data-\[motion\^\=to-\]\:animate-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[motion\^\=to-\]\:fade-out, .data-\[motion\^\=to-\]\:fade-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:h-8, .data-\[orientation\=horizontal\]\:h-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 8);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:h-12, .data-\[orientation\=horizontal\]\:h-12:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 12);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:h-\[calc\(100\%-1px\)\], .data-\[orientation\=horizontal\]\:h-\[calc\(100\%-1px\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    height: calc(100% - 1px);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:h-px, .data-\[orientation\=horizontal\]\:h-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    height: 1px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:w-full, .data-\[orientation\=horizontal\]\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:flex-1, .data-\[orientation\=horizontal\]\:flex-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    flex: 1;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:flex-col, .data-\[orientation\=horizontal\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:justify-center, .data-\[orientation\=horizontal\]\:justify-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    justify-content: center;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:px-3, .data-\[orientation\=horizontal\]\:px-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:py-1, .data-\[orientation\=horizontal\]\:py-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    padding-block: calc(var(--spacing) * 1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:text-zinc-600, .data-\[orientation\=horizontal\]\:text-zinc-600:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    color: var(--color-zinc-600);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:hover\:text-foreground, .data-\[orientation\=horizontal\]\:hover\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:data-active\:text-foreground, .data-\[orientation\=horizontal\]\:data-active\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    &[data-active] {
      color: var(--foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:data-disabled\:text-zinc-400, .data-\[orientation\=horizontal\]\:data-disabled\:text-zinc-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    &[data-disabled] {
      color: var(--color-zinc-400);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=horizontal\]\:data-disabled\:hover\:text-zinc-400, .data-\[orientation\=horizontal\]\:data-disabled\:hover\:text-zinc-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="horizontal"] {
    &[data-disabled] {
      &:hover {
        @media (hover: hover) {
          color: var(--color-zinc-400);
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:sticky, .data-\[orientation\=vertical\]\:sticky:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    position: sticky;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:top-6, .data-\[orientation\=vertical\]\:top-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    top: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:hidden, .data-\[orientation\=vertical\]\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    display: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:h-8, .data-\[orientation\=vertical\]\:h-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    height: calc(var(--spacing) * 8);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:h-fit, .data-\[orientation\=vertical\]\:h-fit:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    height: fit-content;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:w-48, .data-\[orientation\=vertical\]\:w-48:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    width: calc(var(--spacing) * 48);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:w-full, .data-\[orientation\=vertical\]\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:w-px, .data-\[orientation\=vertical\]\:w-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    width: 1px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:shrink-0, .data-\[orientation\=vertical\]\:shrink-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    flex-shrink: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:flex-col, .data-\[orientation\=vertical\]\:flex-col:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    flex-direction: column;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:items-stretch, .data-\[orientation\=vertical\]\:items-stretch:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    align-items: stretch;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:justify-start, .data-\[orientation\=vertical\]\:justify-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    justify-content: flex-start;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:gap-2, .data-\[orientation\=vertical\]\:gap-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    gap: calc(var(--spacing) * 2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:gap-6, .data-\[orientation\=vertical\]\:gap-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    gap: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:self-start, .data-\[orientation\=vertical\]\:self-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    align-self: flex-start;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:self-stretch, .data-\[orientation\=vertical\]\:self-stretch:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    align-self: stretch;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:bg-transparent, .data-\[orientation\=vertical\]\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    background-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:p-2, .data-\[orientation\=vertical\]\:p-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    padding: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:text-foreground, .data-\[orientation\=vertical\]\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:transition-none, .data-\[orientation\=vertical\]\:transition-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    transition-property: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:not-data-active\:hover\:bg-muted, .data-\[orientation\=vertical\]\:not-data-active\:hover\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    &:not(*[data-active]) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--muted) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:data-active\:bg-accent, .data-\[orientation\=vertical\]\:data-active\:bg-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    &[data-active] {
      background-color: var(--accent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:data-active\:font-medium, .data-\[orientation\=vertical\]\:data-active\:font-medium:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    &[data-active] {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[orientation\=vertical\]\:data-active\:text-accent-foreground, .data-\[orientation\=vertical\]\:data-active\:text-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-orientation="vertical"] {
    &[data-active] {
      color: var(--accent-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-end\=true\]\:rounded-\(--cell-radius\), .data-\[range-end\=true\]\:rounded-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-end="true"] {
    border-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\), .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-end="true"] {
    border-top-right-radius: var(--cell-radius) !important;
    border-bottom-right-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-end\=true\]\:bg-primary, .data-\[range-end\=true\]\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-end="true"] {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-end\=true\]\:text-primary-foreground, .data-\[range-end\=true\]\:text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-end="true"] {
    color: var(--primary-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-middle\=true\]\:rounded-none, .data-\[range-middle\=true\]\:rounded-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-middle="true"] {
    border-radius: 0 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-middle\=true\]\:bg-muted, .data-\[range-middle\=true\]\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-middle="true"] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-middle\=true\]\:text-foreground, .data-\[range-middle\=true\]\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-middle="true"] {
    color: var(--foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-start\=true\]\:rounded-\(--cell-radius\), .data-\[range-start\=true\]\:rounded-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-start="true"] {
    border-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\), .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-start="true"] {
    border-top-left-radius: var(--cell-radius) !important;
    border-bottom-left-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-start\=true\]\:bg-primary, .data-\[range-start\=true\]\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-start="true"] {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[range-start\=true\]\:text-primary-foreground, .data-\[range-start\=true\]\:text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-range-start="true"] {
    color: var(--primary-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[selected-single\=true\]\:bg-primary, .data-\[selected-single\=true\]\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-selected-single="true"] {
    background-color: var(--primary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[selected-single\=true\]\:text-primary-foreground, .data-\[selected-single\=true\]\:text-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-selected-single="true"] {
    color: var(--primary-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[selected\=true\]\:rounded-none, .data-\[selected\=true\]\:rounded-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-selected="true"] {
    border-radius: 0 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:inset-x-0, .data-\[side\=bottom\]\:inset-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:top-1, .data-\[side\=bottom\]\:top-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    top: calc(var(--spacing) * 1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:bottom-0, .data-\[side\=bottom\]\:bottom-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:h-auto, .data-\[side\=bottom\]\:h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    height: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:border-t, .data-\[side\=bottom\]\:border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:slide-in-from-top-2, .data-\[side\=bottom\]\:slide-in-from-top-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:before\:top-\[-10px\], .data-\[side\=bottom\]\:before\:top-\[-10px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    &::before {
      content: var(--tw-content);
      top: -10px;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:before\:right-0, .data-\[side\=bottom\]\:before\:right-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:before\:left-0, .data-\[side\=bottom\]\:before\:left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    &::before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\], .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    &[data-ending-style] {
      --tw-translate-y: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\], .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="bottom"] {
    &[data-starting-style] {
      --tw-translate-y: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-end\]\:top-1\/2\!, .data-\[side\=inline-end\]\:top-1\/2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-end"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-end\]\:-left-1, .data-\[side\=inline-end\]\:-left-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-end"] {
    left: calc(var(--spacing) * -1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-end\]\:-translate-y-1\/2, .data-\[side\=inline-end\]\:-translate-y-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-end"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-end\]\:slide-in-from-left-2, .data-\[side\=inline-end\]\:slide-in-from-left-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-end"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-start\]\:top-1\/2\!, .data-\[side\=inline-start\]\:top-1\/2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-start"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-start\]\:-right-1, .data-\[side\=inline-start\]\:-right-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-start"] {
    right: calc(var(--spacing) * -1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-start\]\:-translate-y-1\/2, .data-\[side\=inline-start\]\:-translate-y-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=inline-start\]\:slide-in-from-right-2, .data-\[side\=inline-start\]\:slide-in-from-right-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="inline-start"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:inset-y-0, .data-\[side\=left\]\:inset-y-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    inset-block: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:top-1\/2\!, .data-\[side\=left\]\:top-1\/2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:-right-1, .data-\[side\=left\]\:-right-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    right: calc(var(--spacing) * -1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:left-0, .data-\[side\=left\]\:left-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    left: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:h-full, .data-\[side\=left\]\:h-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    height: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:w-3\/4, .data-\[side\=left\]\:w-3\/4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    width: calc(3 / 4 * 100%);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:-translate-y-1\/2, .data-\[side\=left\]\:-translate-y-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:border-r, .data-\[side\=left\]\:border-r:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:slide-in-from-right-2, .data-\[side\=left\]\:slide-in-from-right-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\], .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      left: calc(var(--sidebar-width) * -1);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\], .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    &[data-ending-style] {
      --tw-translate-x: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\], .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    &[data-starting-style] {
      --tw-translate-x: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:inset-y-0, .data-\[side\=right\]\:inset-y-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    inset-block: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:top-1\/2\!, .data-\[side\=right\]\:top-1\/2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    top: calc(1 / 2 * 100%) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:right-0, .data-\[side\=right\]\:right-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    right: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:-left-1, .data-\[side\=right\]\:-left-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    left: calc(var(--spacing) * -1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:h-full, .data-\[side\=right\]\:h-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    height: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:w-3\/4, .data-\[side\=right\]\:w-3\/4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    width: calc(3 / 4 * 100%);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:-translate-y-1\/2, .data-\[side\=right\]\:-translate-y-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:border-l, .data-\[side\=right\]\:border-l:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:slide-in-from-left-2, .data-\[side\=right\]\:slide-in-from-left-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\], .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    &:is(:where(.group)[data-collapsible="offcanvas"] *) {
      right: calc(var(--sidebar-width) * -1);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\], .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    &[data-ending-style] {
      --tw-translate-x: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\], .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    &[data-starting-style] {
      --tw-translate-x: 2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:inset-x-0, .data-\[side\=top\]\:inset-x-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:top-0, .data-\[side\=top\]\:top-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    top: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:-bottom-2\.5, .data-\[side\=top\]\:-bottom-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    bottom: calc(var(--spacing) * -2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:h-auto, .data-\[side\=top\]\:h-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    height: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:border-b, .data-\[side\=top\]\:border-b:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:slide-in-from-bottom-2, .data-\[side\=top\]\:slide-in-from-bottom-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\], .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    &[data-ending-style] {
      --tw-translate-y: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\], .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="top"] {
    &[data-starting-style] {
      --tw-translate-y: -2.5rem;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=default\]\:h-8, .data-\[size\=default\]\:h-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=default\]\:h-\[18\.4px\], .data-\[size\=default\]\:h-\[18\.4px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="default"] {
    height: 18.4px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=default\]\:w-\[32px\], .data-\[size\=default\]\:w-\[32px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="default"] {
    width: 32px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=lg\]\:size-10, .data-\[size\=lg\]\:size-10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=md\]\:text-sm, .data-\[size\=md\]\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="md"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=sm\]\:size-6, .data-\[size\=sm\]\:size-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=sm\]\:h-6, .data-\[size\=sm\]\:h-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="sm"] {
    height: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=sm\]\:h-\[14px\], .data-\[size\=sm\]\:h-\[14px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="sm"] {
    height: 14px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=sm\]\:w-\[24px\], .data-\[size\=sm\]\:w-\[24px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="sm"] {
    width: 24px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[size\=sm\]\:text-xs, .data-\[size\=sm\]\:text-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=avatar\]\:ring-2, .\*\:data-\[slot\=avatar\]\:ring-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[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) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=avatar\]\:ring-background, .\*\:data-\[slot\=avatar\]\:ring-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="avatar"] {
      --tw-ring-color: var(--background);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[slot\=checkbox-group\]\:gap-3, .data-\[slot\=checkbox-group\]\:gap-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=field\]\:p-3, .\*\:data-\[slot\=field\]\:p-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="field"] {
      padding: calc(var(--spacing) * 3) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=field-group\]\:gap-4, .\*\:data-\[slot\=field-group\]\:gap-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="field-group"] {
      gap: calc(var(--spacing) * 4);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=field-label\]\:flex-auto, .\*\:data-\[slot\=field-label\]\:flex-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="field-label"] {
      flex: auto;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group\]\:m-1, .\*\:data-\[slot\=input-group\]\:m-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="input-group"] {
      margin: calc(var(--spacing) * 1) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group\]\:mb-0, .\*\:data-\[slot\=input-group\]\:mb-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="input-group"] {
      margin-bottom: calc(var(--spacing) * 0) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group\]\:h-8, .\*\:data-\[slot\=input-group\]\:h-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="input-group"] {
      height: calc(var(--spacing) * 8);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group\]\:border-input\/30, .\*\:data-\[slot\=input-group\]\:border-input\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="input-group"] {
      border-color: var(--input) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group\]\:bg-input\/30, .\*\:data-\[slot\=input-group\]\:bg-input\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="input-group"] {
      background-color: var(--input) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group\]\:shadow-none, .\*\:data-\[slot\=input-group\]\:shadow-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[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) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=input-group-addon\]\:pl-2\!, .\*\:data-\[slot\=input-group-addon\]\:pl-2\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="input-group-addon"] {
      padding-left: calc(var(--spacing) * 2) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:data-\[slot\=kbd\]\:relative, .\*\*\:data-\[slot\=kbd\]\:relative:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &[data-slot="kbd"] {
      position: relative;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:data-\[slot\=kbd\]\:isolate, .\*\*\:data-\[slot\=kbd\]\:isolate:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &[data-slot="kbd"] {
      isolation: isolate;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:data-\[slot\=kbd\]\:z-50, .\*\*\:data-\[slot\=kbd\]\:z-50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &[data-slot="kbd"] {
      z-index: 50;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:data-\[slot\=kbd\]\:rounded-sm, .\*\*\:data-\[slot\=kbd\]\:rounded-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &[data-slot="kbd"] {
      border-radius: 0.125rem !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0, .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &[data-slot="navigation-menu-link"] {
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none, .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &[data-slot="navigation-menu-link"] {
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=select-value\]\:line-clamp-1, .\*\:data-\[slot\=select-value\]\:line-clamp-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="select-value"] {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=select-value\]\:flex, .\*\:data-\[slot\=select-value\]\:flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="select-value"] {
      display: flex;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=select-value\]\:items-center, .\*\:data-\[slot\=select-value\]\:items-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="select-value"] {
      align-items: center;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:data-\[slot\=select-value\]\:gap-1\.5, .\*\:data-\[slot\=select-value\]\:gap-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &[data-slot="select-value"] {
      gap: calc(var(--spacing) * 1.5);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-md, .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-horizontal] *) {
    &[data-spacing="0"] {
      &:first-child {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-md, .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-vertical] *) {
    &[data-spacing="0"] {
      &:first-child {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-md, .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-horizontal] *) {
    &[data-spacing="0"] {
      &:last-child {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-md, .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-vertical] *) {
    &[data-spacing="0"] {
      &:last-child {
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[starting-style\]\:h-0, .data-\[starting-style\]\:h-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-starting-style] {
    height: calc(var(--spacing) * 0);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[starting-style\]\:\[transform\:translate\(-50\%\,-48\%\)_scale\(0\.92\)\],.data-\[starting-style\]\:\[transform\:translate\(-50\%\,-48\%\)_scale\(0\.92\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-starting-style] {
    transform: translate(-50%,-48%) scale(0.92);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[starting-style\]\:opacity-0, .data-\[starting-style\]\:opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-starting-style] {
    opacity: 0%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=delayed-open\]\:animate-in, .data-\[state\=delayed-open\]\:animate-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=delayed-open\]\:fade-in-0, .data-\[state\=delayed-open\]\:fade-in-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-state="delayed-open"] {
    --tw-enter-opacity: calc(0/100);
    --tw-enter-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=delayed-open\]\:zoom-in-95, .data-\[state\=delayed-open\]\:zoom-in-95:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-state="delayed-open"] {
    --tw-enter-scale: calc(95*1%);
    --tw-enter-scale: .95;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=hidden\]\:animate-out, .data-\[state\=hidden\]\:animate-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=hidden\]\:fade-out, .data-\[state\=hidden\]\:fade-out:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=selected\]\:bg-muted, .data-\[state\=selected\]\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-state="selected"] {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=visible\]\:animate-in, .data-\[state\=visible\]\:animate-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[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);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[state\=visible\]\:fade-in, .data-\[state\=visible\]\:fade-in:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-state="visible"] {
    --tw-enter-opacity: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[variant\=destructive\]\:text-destructive, .data-\[variant\=destructive\]\:text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-variant="destructive"] {
    color: var(--destructive);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[variant\=destructive\]\:focus\:bg-destructive\/10, .data-\[variant\=destructive\]\:focus\:bg-destructive\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-variant="destructive"] {
    &:focus {
      background-color: var(--destructive) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--destructive) 10%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[variant\=destructive\]\:focus\:text-destructive, .data-\[variant\=destructive\]\:focus\:text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-variant="destructive"] {
    &:focus {
      color: var(--destructive);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[variant\=label\]\:text-sm, .data-\[variant\=label\]\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[variant\=legend\]\:text-base, .data-\[variant\=legend\]\:text-base:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0, .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-horizontal] *) {
    &[data-spacing="0"] {
      &[data-variant="outline"] {
        border-left-style: var(--tw-border-style) !important;
        border-left-width: 0px !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0, .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-vertical] *) {
    &[data-spacing="0"] {
      &[data-variant="outline"] {
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 0px !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l, .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-horizontal] *) {
    &[data-spacing="0"] {
      &[data-variant="outline"] {
        &:first-child {
          border-left-style: var(--tw-border-style) !important;
          border-left-width: 1px !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t, .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/toggle-group)[data-vertical] *) {
    &[data-spacing="0"] {
      &[data-variant="outline"] {
        &:first-child {
          border-top-style: var(--tw-border-style) !important;
          border-top-width: 1px !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .nth-last-2\:-mt-1, .nth-last-2\:-mt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .supports-backdrop-filter\:backdrop-blur-xs, .supports-backdrop-filter\:backdrop-blur-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @supports (backdrop-filter: var(--tw)) {
    --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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .min-\[1170px\]\:flex-row, .min-\[1170px\]\:flex-row:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 1170px) {
    flex-direction: row;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:block, .sm\:block:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    display: block;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:flex, .sm\:flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    display: flex;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:max-w-\[480px\], .sm\:max-w-\[480px\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    max-width: 480px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:max-w-md, .sm\:max-w-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    max-width: var(--container-md);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:flex-row, .sm\:flex-row:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:justify-end, .sm\:justify-end:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    justify-content: flex-end;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:gap-2\.5, .sm\:gap-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2, .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 40rem) {
    &:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      grid-row: span 2 / span 2;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=left\]\:sm\:max-w-sm, .data-\[side\=left\]\:sm\:max-w-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="left"] {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[side\=right\]\:sm\:max-w-sm, .data-\[side\=right\]\:sm\:max-w-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-side="right"] {
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:block, .md\:block:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    display: block;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:flex, .md\:flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    display: flex;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:grid-cols-3, .md\:grid-cols-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:flex-row, .md\:flex-row:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:text-sm, .md\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:text-pretty, .md\:text-pretty:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    text-wrap: pretty;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:opacity-0, .md\:opacity-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    opacity: 0%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:peer-data-\[variant\=inset\]\:m-2, .md\:peer-data-\[variant\=inset\]\:m-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:peer-data-\[variant\=inset\]\:ml-0, .md\:peer-data-\[variant\=inset\]\:ml-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:peer-data-\[variant\=inset\]\:rounded-xl, .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: 1rem !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:peer-data-\[variant\=inset\]\:shadow-sm, .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      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(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2, .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    &:is(:where(.peer)[data-variant="inset"] ~ *) {
      &:is(:where(.peer)[data-state="collapsed"] ~ *) {
        margin-left: calc(var(--spacing) * 2) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .md\:after\:hidden, .md\:after\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @media (width >= 48rem) {
    &::after {
      content: var(--tw-content);
      display: none;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@md\/field-group\:flex-row, .\@md\/field-group\:flex-row:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @container field-group (width >= 28rem) {
    flex-direction: row;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@md\/field-group\:items-center, .\@md\/field-group\:items-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @container field-group (width >= 28rem) {
    align-items: center;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@md\/field-group\:\*\:w-auto, .\@md\/field-group\:\*\:w-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @container field-group (width >= 28rem) {
    :is(& > *) {
      width: auto;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start, .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @container field-group (width >= 28rem) {
    &:has(>[data-slot=field-content]) {
      align-items: flex-start;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto, .\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @container field-group (width >= 28rem) {
    :is(& > *) {
      &[data-slot="field-label"] {
        flex: auto;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .ltr\:-translate-x-1\/2, .ltr\:-translate-x-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rtl\:-translate-x-1\/2, .rtl\:-translate-x-1\/2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-foreground\/20, .dark\:border-foreground\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: var(--foreground) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 20%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-gray-600, .dark\:border-gray-600:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: #52525b !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-gray-700, .dark\:border-gray-700:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: #3f3f46 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-gray-800, .dark\:border-gray-800:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: #27272a !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-green-400, .dark\:border-green-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: #34d399 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-input, .dark\:border-input:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: var(--input) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:border-transparent, .dark\:border-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    border-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-\[\#4d4d4d\], .dark\:bg-\[\#4d4d4d\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: #4d4d4d !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-accent, .dark\:bg-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--accent) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-foreground\/15, .dark\:bg-foreground\/15:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--foreground) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 15%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-foreground\/20, .dark\:bg-foreground\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--foreground) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 20%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-gray-800, .dark\:bg-gray-800:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: #27272a !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-green-400, .dark\:bg-green-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: #34d399 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-green-800, .dark\:bg-green-800:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: #065f46 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-input\/30, .dark\:bg-input\/30:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--input) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-muted, .dark\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--muted) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-secondary, .dark\:bg-secondary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--secondary) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-transparent, .dark\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-white\/5, .dark\:bg-white\/5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: color-mix(in srgb, #fff 5%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:bg-zinc-700, .dark\:bg-zinc-700:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    background-color: var(--color-zinc-700) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:stroke-green-400, .dark\:stroke-green-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    stroke: #34d399;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:stroke-yellow-300, .dark\:stroke-yellow-300:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    stroke: #ebb52d;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:text-green-400, .dark\:text-green-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    color: #34d399;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:ring-foreground\/20, .dark\:ring-foreground\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    --tw-ring-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:\[--sidebar-active\:rgba\(243\,43\,9\,0\.25\)\],.dark\:\[--sidebar-active\:rgba\(243\,43\,9\,0\.25\)\]:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    --sidebar-active: rgba(243,43,9,0.25);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:group-data-checked\/checkbox-box\:bg-primary, .dark\:group-data-checked\/checkbox-box\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:is(:where(.group\/checkbox-box)[data-checked] *) {
      background-color: var(--primary) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:group-data-checked\/radio-box\:bg-primary, .dark\:group-data-checked\/radio-box\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:is(:where(.group\/radio-box)[data-checked] *) {
      background-color: var(--primary) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:group-data-\[collapsible\=icon\]\:ring-input, .dark\:group-data-\[collapsible\=icon\]\:ring-input:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:is(:where(.group)[data-collapsible="icon"] *) {
      --tw-ring-color: var(--input);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:group-data-\[complete\]\/progress\:bg-green-400, .dark\:group-data-\[complete\]\/progress\:bg-green-400:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:is(:where(.group\/progress)[data-complete] *) {
      background-color: #34d399 !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:border-foreground, .dark\:hover\:border-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--foreground) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:border-gray-600, .dark\:hover\:border-gray-600:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: #52525b !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:border-gray-800, .dark\:hover\:border-gray-800:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: #27272a !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:bg-accent, .dark\:hover\:bg-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:bg-foreground\/20, .dark\:hover\:bg-foreground\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--foreground) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--foreground) 20%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:bg-gray-800, .dark\:hover\:bg-gray-800:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: #27272a !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:bg-input\/50, .dark\:hover\:bg-input\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--input) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--input) 50%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:bg-red-500\/35, .dark\:hover\:bg-red-500\/35:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #ef4444 35%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:hover\:text-foreground, .dark\:hover\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:focus-visible\:border-destructive-fill\/60, .dark\:focus-visible\:border-destructive-fill\/60:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:focus-visible {
      border-color: var(--destructive-fill) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive-fill) 60%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:focus-visible\:ring-destructive-fill\/40, .dark\:focus-visible\:ring-destructive-fill\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:focus-visible {
      --tw-ring-color: var(--destructive-fill);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive-fill) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:focus-visible\:ring-destructive\/40, .dark\:focus-visible\:ring-destructive\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:focus-visible {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:focus-visible\:ring-foreground\/15, .dark\:focus-visible\:ring-foreground\/15:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:focus-visible {
      --tw-ring-color: var(--foreground);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 15%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:focus-visible\:ring-success\/40, .dark\:focus-visible\:ring-success\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:focus-visible {
      --tw-ring-color: var(--success);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--success) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:focus-visible\:ring-warning\/40, .dark\:focus-visible\:ring-warning\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:focus-visible {
      --tw-ring-color: var(--warning);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--warning) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:active\:bg-foreground\/25, .dark\:active\:bg-foreground\/25:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:active {
      background-color: var(--foreground) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--foreground) 25%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:has-aria-invalid\:border-destructive\/50, .dark\:has-aria-invalid\:border-destructive\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:has(*[aria-invalid="true"]) {
      border-color: var(--destructive) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:has-aria-invalid\:ring-destructive\/40, .dark\:has-aria-invalid\:ring-destructive\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:has(*[aria-invalid="true"]) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:has-data-checked\:border-primary\/20, .dark\:has-data-checked\:border-primary\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:has(*[data-checked]) {
      border-color: var(--primary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--primary) 20%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:has-data-checked\:bg-primary\/10, .dark\:has-data-checked\:bg-primary\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:has(*[data-checked]) {
      background-color: var(--primary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40, .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &:has(*:is([data-slot][aria-invalid=true])) {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:aria-expanded\:bg-accent, .dark\:aria-expanded\:bg-accent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[aria-expanded="true"] {
      background-color: var(--accent) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:aria-invalid\:border-destructive\/50, .dark\:aria-invalid\:border-destructive\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[aria-invalid="true"] {
      border-color: var(--destructive) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:aria-invalid\:ring-destructive\/40, .dark\:aria-invalid\:ring-destructive\/40:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-checked\:bg-primary, .dark\:data-checked\:bg-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-checked] {
      background-color: var(--primary) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-checked\:bg-primary-foreground, .dark\:data-checked\:bg-primary-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-checked] {
      background-color: var(--primary-foreground) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-checked\:bg-primary\/10, .dark\:data-checked\:bg-primary\/10:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-checked] {
      background-color: var(--primary) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-disabled\:text-zinc-500, .dark\:data-disabled\:text-zinc-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-disabled] {
      color: var(--color-zinc-500);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-unchecked\:bg-foreground, .dark\:data-unchecked\:bg-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-unchecked] {
      background-color: var(--foreground) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-unchecked\:bg-input\/80, .dark\:data-unchecked\:bg-input\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-unchecked] {
      background-color: var(--input) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--input) 80%, transparent) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-\[orientation\=horizontal\]\:text-muted-foreground, .dark\:data-\[orientation\=horizontal\]\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-orientation="horizontal"] {
      color: var(--muted-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-\[orientation\=horizontal\]\:data-active\:text-foreground, .dark\:data-\[orientation\=horizontal\]\:data-active\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-orientation="horizontal"] {
      &[data-active] {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-\[orientation\=horizontal\]\:data-disabled\:text-zinc-500, .dark\:data-\[orientation\=horizontal\]\:data-disabled\:text-zinc-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-orientation="horizontal"] {
      &[data-disabled] {
        color: var(--color-zinc-500);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-\[orientation\=horizontal\]\:data-disabled\:hover\:text-zinc-500, .dark\:data-\[orientation\=horizontal\]\:data-disabled\:hover\:text-zinc-500:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-orientation="horizontal"] {
      &[data-disabled] {
        &:hover {
          @media (hover: hover) {
            color: var(--color-zinc-500);
          }
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-\[orientation\=vertical\]\:bg-transparent, .dark\:data-\[orientation\=vertical\]\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-orientation="vertical"] {
      background-color: transparent !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20, .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.dark *) {
    &[data-variant="destructive"] {
      &:focus {
        background-color: var(--destructive) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 20%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\]\:\!border-destructive-border, .\[\&\]\:\!border-destructive-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--destructive-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\]\:\!border-success-border, .\[\&\]\:\!border-success-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--success-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\]\:\!border-warning-border, .\[\&\]\:\!border-warning-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  border-color: var(--warning-border) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\]\:\!bg-destructive-muted, .\[\&\]\:\!bg-destructive-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--destructive-muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\]\:\!bg-success-muted, .\[\&\]\:\!bg-success-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--success-muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\]\:\!bg-warning-muted, .\[\&\]\:\!bg-warning-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  background-color: var(--warning-muted) !important;
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.linenumber\]\:\!text-sidebar-muted-foreground, .\[\&_\.linenumber\]\:\!text-sidebar-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .linenumber {
    color: var(--sidebar-muted-foreground) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.linenumber\]\:\!not-italic, .\[\&_\.linenumber\]\:\!not-italic:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .linenumber {
    font-style: normal !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground, .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50, .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-cartesian-grid line[stroke='#ccc'] {
    stroke: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border, .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent, .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-dot[stroke='#fff'] {
    stroke: transparent;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-layer\]\:outline-hidden, .\[\&_\.recharts-layer\]\:outline-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border, .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-polar-grid [stroke='#ccc'] {
    stroke: var(--border);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted, .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-radial-bar-background-sector {
    fill: var(--muted);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted, .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border, .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-reference-line [stroke='#ccc'] {
    stroke: var(--border);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-sector\]\:outline-hidden, .\[\&_\.recharts-sector\]\:outline-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent, .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-sector[stroke='#fff'] {
    stroke: transparent;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\.recharts-surface\]\:outline-hidden, .\[\&_\.recharts-surface\]\:outline-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\[data-icon\]\]\:\!text-destructive, .\[\&_\[data-icon\]\]\:\!text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & [data-icon] {
    color: var(--destructive) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\[data-icon\]\]\:\!text-success, .\[\&_\[data-icon\]\]\:\!text-success:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & [data-icon] {
    color: var(--success) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\[data-icon\]\]\:\!text-warning, .\[\&_\[data-icon\]\]\:\!text-warning:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & [data-icon] {
    color: var(--warning) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\[data-slot\=label\]\]\:text-sm, .\[\&_\[data-slot\=label\]\]\:text-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & [data-slot=label] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\[data-slot\=label\]\]\:font-normal, .\[\&_\[data-slot\=label\]\]\:font-normal:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & [data-slot=label] {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_\[data-slot\=label\]\]\:tracking-normal, .\[\&_\[data-slot\=label\]\]\:tracking-normal:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & [data-slot=label] {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_a\]\:underline, .\[\&_a\]\:underline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & a {
    text-decoration-line: underline;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_a\]\:underline-offset-3, .\[\&_a\]\:underline-offset-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & a {
    text-underline-offset: 3px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_a\]\:hover\:text-foreground, .\[\&_a\]\:hover\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & a {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_img\]\:size-full, .\[\&_img\]\:size-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & img {
    width: 100%;
    height: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_img\]\:object-cover, .\[\&_img\]\:object-cover:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & img {
    object-fit: cover;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_p\:not\(\:last-child\)\]\:mb-4, .\[\&_p\:not\(\:last-child\)\]\:mb-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_pre\]\:\!pl-0, .\[\&_pre\]\:\!pl-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & pre {
    padding-left: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\]\:pointer-events-none, .\[\&_svg\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\]\:\!size-5, .\[\&_svg\]\:\!size-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\]\:size-4, .\[\&_svg\]\:size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\]\:shrink-0, .\[\&_svg\]\:shrink-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg {
    flex-shrink: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\.tree-chevron\]\:transition-transform, .\[\&_svg\.tree-chevron\]\:transition-transform:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg.tree-chevron {
    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));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\.tree-chevron\]\:duration-200, .\[\&_svg\.tree-chevron\]\:duration-200:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg.tree-chevron {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[panel-open\]\:\[\&_svg\.tree-chevron\]\:rotate-90, .data-\[panel-open\]\:\[\&_svg\.tree-chevron\]\:rotate-90:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-panel-open] {
    & svg.tree-chevron {
      rotate: 90deg;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4, .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6, .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & svg:not([class*='size-']) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_tr\]\:border-b, .\[\&_tr\]\:border-b:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & tr {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&_tr\:last-child\]\:border-0, .\[\&_tr\:last-child\]\:border-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  & tr:last-child {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\+\[data-slot\=empty-description\]\]\:mt-1, .\[\&\+\[data-slot\=empty-description\]\]\:mt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &+[data-slot=empty-description] {
    margin-top: calc(var(--spacing) * 1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\+\[data-slot\=item-content\]\]\:flex-none, .\[\&\+\[data-slot\=item-content\]\]\:flex-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &+[data-slot=item-content] {
    flex: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\), .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:first-child[data-selected=true] button {
    border-top-left-radius: var(--cell-radius) !important;
    border-bottom-left-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:has\(\[data-description\]\)\]\:\!items-start, .\[\&\:has\(\[data-description\]\)\]\:\!items-start:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has([data-description]) {
    align-items: flex-start !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:has\(\[data-description\]\)_\[data-icon\]\]\:translate-y-0\.5, .\[\&\:has\(\[data-description\]\)_\[data-icon\]\]\:translate-y-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has([data-description]) [data-icon] {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:has\(\[data-slot\=combobox-clear\]\)\>\[data-slot\=combobox-trigger\]\]\:hidden, .\[\&\:has\(\[data-slot\=combobox-clear\]\)\>\[data-slot\=combobox-trigger\]\]\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has([data-slot=combobox-clear])>[data-slot=combobox-trigger] {
    display: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0, .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has([role=checkbox]) {
    padding-right: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\.border-b\]\:pb-2, .\[\.border-b\]\:pb-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.border-b) {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\.border-t\]\:pt-2, .\[\.border-t\]\:pt-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(.border-t) {
    padding-top: calc(var(--spacing) * 2) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rtl\:\*\*\:\[\.rdp-button\\\\_next\>svg\]\:rotate-180, .rtl\:\*\*\:\[\.rdp-button\\\\_next\>svg\]\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &:is(.rdp-button\_next>svg) {
        rotate: 180deg;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rtl\:\*\*\:\[\.rdp-button\\\\_previous\>svg\]\:rotate-180, .rtl\:\*\*\:\[\.rdp-button\\\\_previous\>svg\]\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &:is(.rdp-button\_previous>svg) {
        rotate: 180deg;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180, .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &:is(.rdp-button_next>svg) {
        rotate: 180deg;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180, .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    :is(& *) {
      &:is(.rdp-button_previous>svg) {
        rotate: 180deg;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:\[\[cmdk-group-heading\]\]\:px-2, .\*\*\:\[\[cmdk-group-heading\]\]\:px-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &:is([cmdk-group-heading]) {
      padding-inline: calc(var(--spacing) * 2) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5, .\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &:is([cmdk-group-heading]) {
      padding-block: calc(var(--spacing) * 1.5) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:\[\[cmdk-group-heading\]\]\:text-xs, .\*\*\:\[\[cmdk-group-heading\]\]\:text-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &:is([cmdk-group-heading]) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:\[\[cmdk-group-heading\]\]\:font-medium, .\*\*\:\[\[cmdk-group-heading\]\]\:font-medium:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &:is([cmdk-group-heading]) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground, .\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& *) {
    &:is([cmdk-group-heading]) {
      color: var(--muted-foreground);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:transition-colors, .\[a\]\:transition-colors:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    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));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[a\]\:underline, .\*\:\[a\]\:underline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(a) {
      text-decoration-line: underline;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[a\]\:underline-offset-3, .\*\:\[a\]\:underline-offset-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(a) {
      text-underline-offset: 3px;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:bg-destructive-muted\/80, .\[a\]\:hover\:bg-destructive-muted\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive-muted) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive-muted) 80%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:bg-muted, .\[a\]\:hover\:bg-muted:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted) !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:bg-primary\/80, .\[a\]\:hover\:bg-primary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 80%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:bg-secondary\/80, .\[a\]\:hover\:bg-secondary\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:bg-success-muted\/80, .\[a\]\:hover\:bg-success-muted\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--success-muted) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--success-muted) 80%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:bg-warning-muted\/80, .\[a\]\:hover\:bg-warning-muted\/80:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--warning-muted) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--warning-muted) 80%, transparent) !important;
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[a\]\:hover\:text-muted-foreground, .\[a\]\:hover\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(a) {
    &:hover {
      @media (hover: hover) {
        color: var(--muted-foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[a\]\:hover\:text-foreground, .\*\:\[a\]\:hover\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(a) {
      &:hover {
        @media (hover: hover) {
          color: var(--foreground);
        }
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[img\:first-child\]\:rounded-t-xl, .\*\:\[img\:first-child\]\:rounded-t-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(img:first-child) {
      border-top-left-radius: 1rem !important;
      border-top-right-radius: 1rem !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[img\:last-child\]\:rounded-b-xl, .\*\:\[img\:last-child\]\:rounded-b-xl:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(img:last-child) {
      border-bottom-right-radius: 1rem !important;
      border-bottom-left-radius: 1rem !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[span\]\:last\:flex, .\*\:\[span\]\:last\:flex:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(span) {
      &:last-child {
        display: flex;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[span\]\:last\:items-center, .\*\:\[span\]\:last\:items-center:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(span) {
      &:last-child {
        align-items: center;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[span\]\:last\:gap-2, .\*\:\[span\]\:last\:gap-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(span) {
      &:last-child {
        gap: calc(var(--spacing) * 2);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[svg\]\:row-span-2, .\*\:\[svg\]\:row-span-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(svg) {
      grid-row: span 2 / span 2;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[svg\]\:text-destructive, .\*\:\[svg\]\:text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(svg) {
      color: var(--destructive);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[svg\]\:text-warning, .\*\:\[svg\]\:text-warning:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(svg) {
      color: var(--warning);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .focus\:\*\:\[svg\]\:text-foreground, .focus\:\*\:\[svg\]\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:focus {
    :is(& > *) {
      &:is(svg) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-data-\[slot\=alert-title\]\:\*\:\[svg\]\:translate-y-0\.5, .has-data-\[slot\=alert-title\]\:\*\:\[svg\]\:translate-y-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*[data-slot="alert-title"]) {
    :is(& > *) {
      &:is(svg) {
        --tw-translate-y: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-selected\:\*\*\:\[svg\]\:text-foreground, .data-selected\:\*\*\:\[svg\]\:text-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-selected] {
    :is(& *) {
      &:is(svg) {
        color: var(--foreground);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive, .data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[data-variant="destructive"] {
    :is(& > *) {
      &:is(svg) {
        color: var(--destructive);
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4, .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(svg:not([class*='size-'])) {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8, .\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  :is(& > *) {
    &:is(svg:not([class*='size-'])) {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\), .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:last-child[data-selected=true] button {
    border-top-right-radius: var(--cell-radius) !important;
    border-bottom-right-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\), .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:nth-child(2)[data-selected=true] button {
    border-top-left-radius: var(--cell-radius) !important;
    border-bottom-left-radius: var(--cell-radius) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\*\]\:truncate, .\[\&\>\*\]\:truncate:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>* {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\*\:not\(\:first-child\)\]\:border-t, .\[\&\>\*\:not\(\:first-child\)\]\:border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>*:not(:first-child) {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\.sr-only\]\:w-auto, .\[\&\>\.sr-only\]\:w-auto:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>.sr-only {
    width: auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=collapsible\]\]\:overflow-hidden, .\[\&\>\[data-slot\=collapsible\]\]\:overflow-hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=collapsible] {
    overflow: hidden;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=collapsible\]\]\:rounded-lg, .\[\&\>\[data-slot\=collapsible\]\]\:rounded-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=collapsible] {
    border-radius: 0.5rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=collapsible\]\]\:border, .\[\&\>\[data-slot\=collapsible\]\]\:border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=collapsible] {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=collapsible\]\]\:bg-background, .\[\&\>\[data-slot\=collapsible\]\]\:bg-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=collapsible] {
    background-color: var(--background) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=detail-section-header\]\+\*\]\:border-t, .\[\&\>\[data-slot\=detail-section-header\]\+\*\]\:border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=detail-section-header]+* {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=detail-section-item\]\]\:rounded-lg, .\[\&\>\[data-slot\=detail-section-item\]\]\:rounded-lg:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=detail-section-item] {
    border-radius: 0.5rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=detail-section-item\]\]\:border, .\[\&\>\[data-slot\=detail-section-item\]\]\:border:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=detail-section-item] {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=detail-section-item\]\]\:bg-background, .\[\&\>\[data-slot\=detail-section-item\]\]\:bg-background:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=detail-section-item] {
    background-color: var(--background) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=select-trigger\]\]\:w-fit, .\[\&\>\[data-slot\=select-trigger\]\]\:w-fit:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=select-trigger] {
    width: fit-content;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md, .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(*:is(select[aria-hidden=true]:last-child)) {
    &>[data-slot=select-trigger]:last-of-type {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=tabs-trigger\]\]\:flex-initial, .\[\&\>\[data-slot\=tabs-trigger\]\]\:flex-initial:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=tabs-trigger] {
    flex: 0 auto;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=tabs-trigger\]\]\:bg-transparent, .\[\&\>\[data-slot\=tabs-trigger\]\]\:bg-transparent:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=tabs-trigger] {
    background-color: transparent !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=tabs-trigger\]\]\:px-0, .\[\&\>\[data-slot\=tabs-trigger\]\]\:px-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=tabs-trigger] {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=tabs-trigger\]\]\:font-semibold, .\[\&\>\[data-slot\=tabs-trigger\]\]\:font-semibold:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=tabs-trigger] {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=tabs-trigger\]\]\:tracking-wide, .\[\&\>\[data-slot\=tabs-trigger\]\]\:tracking-wide:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=tabs-trigger] {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\=tabs-trigger\]\+\[data-slot\=tabs-trigger\]\]\:mt-1, .\[\&\>\[data-slot\=tabs-trigger\]\+\[data-slot\=tabs-trigger\]\]\:mt-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot=tabs-trigger]+[data-slot=tabs-trigger] {
    margin-top: calc(var(--spacing) * 1) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-md\!, .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-md\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot]:not(:has(~[data-slot])) {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-md\!, .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-md\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot]:not(:has(~[data-slot])) {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none, .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot]~[data-slot] {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none, .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot]~[data-slot] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0, .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot]~[data-slot] {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0, .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>[data-slot]~[data-slot] {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px,.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-slot=field-content]) {
    &>[role=checkbox],[role=radio] {
      margin-top: 1px !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px,.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  @container field-group (width >= 28rem) {
    &:has(>[data-slot=field-content]) {
      &>[role=checkbox],[role=radio] {
        margin-top: 1px !important;
      }
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>a\]\:underline, .\[\&\>a\]\:underline:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>a {
    text-decoration-line: underline;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>a\]\:underline-offset-4, .\[\&\>a\]\:underline-offset-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>a {
    text-underline-offset: 4px;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>a\:hover\]\:text-primary, .\[\&\>a\:hover\]\:text-primary:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>a:hover {
    color: var(--primary);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>button\]\:hidden, .\[\&\>button\]\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>button {
    display: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>div\]\:w-full, .\[\&\>div\]\:w-full:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>div {
    width: 100%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>input\]\:flex-1, .\[\&\>input\]\:flex-1:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>input {
    flex: 1;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3, .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=block-end]) {
    &>input {
      padding-top: calc(var(--spacing) * 3) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3, .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=block-start]) {
    &>input {
      padding-bottom: calc(var(--spacing) * 3) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5, .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=inline-end]) {
    &>input {
      padding-right: calc(var(--spacing) * 1.5) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5, .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:has(>[data-align=inline-start]) {
    &>input {
      padding-left: calc(var(--spacing) * 1.5) !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>kbd\]\:rounded-sm, .\[\&\>kbd\]\:rounded-sm:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>kbd {
    border-radius: 0.125rem !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>span\]\:text-xs, .\[\&\>span\]\:text-xs:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>span\]\:opacity-70, .\[\&\>span\]\:opacity-70:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>span {
    opacity: 70%;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>span\:last-child\]\:truncate, .\[\&\>span\:last-child\]\:truncate:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:pointer-events-none, .\[\&\>svg\]\:pointer-events-none:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    pointer-events: none;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:mt-0\.5, .\[\&\>svg\]\:mt-0\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    margin-top: calc(var(--spacing) * 0.5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:size-3, .\[\&\>svg\]\:size-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:size-3\!, .\[\&\>svg\]\:size-3\!:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:size-3\.5, .\[\&\>svg\]\:size-3\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:size-4, .\[\&\>svg\]\:size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:h-2\.5, .\[\&\>svg\]\:h-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    height: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:h-3, .\[\&\>svg\]\:h-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    height: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:w-2\.5, .\[\&\>svg\]\:w-2\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    width: calc(var(--spacing) * 2.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:w-3, .\[\&\>svg\]\:w-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    width: calc(var(--spacing) * 3);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:shrink-0, .\[\&\>svg\]\:shrink-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    flex-shrink: 0;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:text-muted-foreground, .\[\&\>svg\]\:text-muted-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    color: var(--muted-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:text-sidebar-accent-foreground, .\[\&\>svg\]\:text-sidebar-accent-foreground:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    color: var(--sidebar-accent-foreground);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\]\:text-success, .\[\&\>svg\]\:text-success:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg {
    color: var(--success);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5, .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar-group):has(*[data-size="lg"]) *) {
    &>svg {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3, .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar-group):has(*[data-size="sm"]) *) {
    &>svg {
      width: calc(var(--spacing) * 3);
      height: calc(var(--spacing) * 3);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2, .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="default"] *) {
    &>svg {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="lg"] *) {
    &>svg {
      width: calc(var(--spacing) * 2);
      height: calc(var(--spacing) * 2);
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden, .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &:is(:where(.group\/avatar)[data-size="sm"] *) {
    &>svg {
      display: none;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\:first-child\]\:\!size-5, .\[\&\>svg\:first-child\]\:\!size-5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg:first-child {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5, .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg:not([class*='size-']) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4, .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>svg:not([class*='size-']) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\>tr\]\:last\:border-b-0, .\[\&\>tr\]\:last\:border-b-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &>tr {
    &:last-child {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0px !important;
    }
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90, .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  &[aria-orientation=horizontal]>div {
    rotate: 90deg;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-panel-open\]_\&\]\:rotate-90, .\[\[data-panel-open\]_\&\]\:rotate-90:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-panel-open] & {
    rotate: 90deg;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2, .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-side=left][data-collapsible=offcanvas] & {
    right: calc(var(--spacing) * -2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize, .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-side=left][data-state=collapsed] & {
    cursor: e-resize;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2, .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-side=right][data-collapsible=offcanvas] & {
    left: calc(var(--spacing) * -2);
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize, .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-side=right][data-state=collapsed] & {
    cursor: w-resize;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5, .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-variant=legend]+& {
    margin-top: calc(var(--spacing) * -1.5) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-variant\=scroll\]_\&\]\:border-t, .\[\[data-variant\=scroll\]_\&\]\:border-t:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-variant=scroll] & {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-variant\=scroll\]_\&\]\:px-6, .\[\[data-variant\=scroll\]_\&\]\:px-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-variant=scroll] & {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-variant\=scroll\]_\&\]\:py-6, .\[\[data-variant\=scroll\]_\&\]\:py-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-variant=scroll] & {
    padding-block: calc(var(--spacing) * 6) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-variant\=scroll\]_\&\]\:pt-6, .\[\[data-variant\=scroll\]_\&\]\:pt-6:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-variant=scroll] & {
    padding-top: calc(var(--spacing) * 6) !important;
  }
}
:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) .\[\[data-variant\=scroll\]_\&\]\:pb-0, .\[\[data-variant\=scroll\]_\&\]\:pb-0:is(.ds-scope, [data-slot$="-content"], [data-slot$="-overlay"], [data-sonner-toaster]) {
  [data-variant=scroll] & {
    padding-bottom: calc(var(--spacing) * 0) !important;
  }
}