@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-700: oklch(50% 0.134 242.749); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-800: oklch(42.4% 0.199 265.638); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-gray-400: oklch(70.7% 0.022 261.325); --color-zinc-900: oklch(21% 0.006 285.885); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --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); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 0.125rem; --radius-2xl: 1rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-2xl: 40px; --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); --color-background: var(--background); --color-foreground: var(--foreground); --color-secondary: var(--secondary); --color-muted-foreground: var(--muted-foreground); --color-tertiary: var(--tertiary); --color-border: var(--border); --color-ring: var(--ring); }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px solid; }
  html, :host { line-height: 1.5; 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; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; border-radius: 0px; background-color: transparent; opacity: 1; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
  ::placeholder {
  color: currentcolor;
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(currentcolor, transparent);
}
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer utilities {
  .\@container\/browser-toolbar { container: browser-toolbar / inline-size; }
  .\@container\/card-header { container: card-header / inline-size; }
  .\@container\/detail { container: detail / inline-size; }
  .\@container\/field-group { container: field-group / inline-size; }
  .\@container\/file-tree-header { container: file-tree-header / inline-size; }
  .\@container\/pane-header { container: pane-header / inline-size; }
  .\@container\/record-actions { container: record-actions / inline-size; }
  .\@container\/strip { container: strip / inline-size; }
  .\@container\/topbar { container: topbar / inline-size; }
  .\@container\/turn-card { container: turn-card / inline-size; }
  .\@container { container-type: inline-size; }
  .pointer-events-auto { pointer-events: auto; }
  .pointer-events-none { pointer-events: none; }
  .collapse { visibility: collapse; }
  .invisible { visibility: hidden; }
  .visible { visibility: visible; }
  .sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .sticky { position: sticky; }
  .inset-0 { inset: calc(var(--spacing) * 0); }
  .inset-2 { inset: calc(var(--spacing) * 2); }
  .inset-x-0 { inset-inline: calc(var(--spacing) * 0); }
  .inset-x-3 { inset-inline: calc(var(--spacing) * 3); }
  .inset-x-4 { inset-inline: calc(var(--spacing) * 4); }
  .inset-y-0 { inset-block: calc(var(--spacing) * 0); }
  .\!start { inset-inline-start: var(--spacing) !important; }
  .start { inset-inline-start: var(--spacing); }
  .start-auto\! { inset-inline-start: auto !important; }
  .\!end { inset-inline-end: var(--spacing) !important; }
  .end { inset-inline-end: var(--spacing); }
  .end-0 { inset-inline-end: calc(var(--spacing) * 0); }
  .end-2\! { inset-inline-end: calc(var(--spacing) * 2) !important; }
  .\!top-\[calc\(50\%-min\(35vh\,320px\)\)\] { top: calc(50% - min(35vh, 320px)) !important; }
  .-top-0\.5 { top: calc(var(--spacing) * -0.5); }
  .-top-1 { top: calc(var(--spacing) * -1); }
  .-top-2 { top: calc(var(--spacing) * -2); }
  .-top-4 { top: calc(var(--spacing) * -4); }
  .-top-6 { top: calc(var(--spacing) * -6); }
  .-top-12 { top: calc(var(--spacing) * -12); }
  .-top-px { top: -1px; }
  .top-0 { top: calc(var(--spacing) * 0); }
  .top-0\.5 { top: calc(var(--spacing) * 0.5); }
  .top-1 { top: calc(var(--spacing) * 1); }
  .top-1\.5 { top: calc(var(--spacing) * 1.5); }
  .top-1\/2 { top: calc(50%); }
  .top-2 { top: calc(var(--spacing) * 2); }
  .top-2\! { top: calc(var(--spacing) * 2) !important; }
  .top-3 { top: calc(var(--spacing) * 3); }
  .top-3\.5 { top: calc(var(--spacing) * 3.5); }
  .top-4 { top: calc(var(--spacing) * 4); }
  .top-5 { top: calc(var(--spacing) * 5); }
  .top-6 { top: calc(var(--spacing) * 6); }
  .top-7 { top: calc(var(--spacing) * 7); }
  .top-10 { top: calc(var(--spacing) * 10); }
  .top-14 { top: calc(var(--spacing) * 14); }
  .top-20 { top: calc(var(--spacing) * 20); }
  .top-32 { top: calc(var(--spacing) * 32); }
  .top-\[1px\] { top: 1px; }
  .top-\[3px\] { top: 3px; }
  .top-\[14\%\] { top: 14%; }
  .top-\[50\%\] { top: 50%; }
  .top-\[60\%\] { top: 60%; }
  .top-full { top: 100%; }
  .-right-0\.5 { right: calc(var(--spacing) * -0.5); }
  .-right-1 { right: calc(var(--spacing) * -1); }
  .-right-2 { right: calc(var(--spacing) * -2); }
  .-right-12 { right: calc(var(--spacing) * -12); }
  .-right-\[3px\] { right: calc(-3px); }
  .right-0 { right: calc(var(--spacing) * 0); }
  .right-0\.5 { right: calc(var(--spacing) * 0.5); }
  .right-1 { right: calc(var(--spacing) * 1); }
  .right-1\.5 { right: calc(var(--spacing) * 1.5); }
  .right-2 { right: calc(var(--spacing) * 2); }
  .right-2\.5 { right: calc(var(--spacing) * 2.5); }
  .right-3 { right: calc(var(--spacing) * 3); }
  .right-3\.5 { right: calc(var(--spacing) * 3.5); }
  .right-4 { right: calc(var(--spacing) * 4); }
  .right-6 { right: calc(var(--spacing) * 6); }
  .right-12 { right: calc(var(--spacing) * 12); }
  .right-32 { right: calc(var(--spacing) * 32); }
  .-bottom-0\.5 { bottom: calc(var(--spacing) * -0.5); }
  .-bottom-3 { bottom: calc(var(--spacing) * -3); }
  .-bottom-12 { bottom: calc(var(--spacing) * -12); }
  .-bottom-px { bottom: -1px; }
  .bottom-0 { bottom: calc(var(--spacing) * 0); }
  .bottom-1 { bottom: calc(var(--spacing) * 1); }
  .bottom-2 { bottom: calc(var(--spacing) * 2); }
  .bottom-3 { bottom: calc(var(--spacing) * 3); }
  .bottom-4 { bottom: calc(var(--spacing) * 4); }
  .bottom-6 { bottom: calc(var(--spacing) * 6); }
  .bottom-9 { bottom: calc(var(--spacing) * 9); }
  .bottom-16 { bottom: calc(var(--spacing) * 16); }
  .bottom-full { bottom: 100%; }
  .-left-1 { left: calc(var(--spacing) * -1); }
  .-left-2 { left: calc(var(--spacing) * -2); }
  .-left-12 { left: calc(var(--spacing) * -12); }
  .left-0 { left: calc(var(--spacing) * 0); }
  .left-1\.5 { left: calc(var(--spacing) * 1.5); }
  .left-1\/2 { left: calc(50%); }
  .left-2 { left: calc(var(--spacing) * 2); }
  .left-2\.5 { left: calc(var(--spacing) * 2.5); }
  .left-3 { left: calc(var(--spacing) * 3); }
  .left-3\.5 { left: calc(var(--spacing) * 3.5); }
  .left-4 { left: calc(var(--spacing) * 4); }
  .left-6 { left: calc(var(--spacing) * 6); }
  .left-\[6\%\] { left: 6%; }
  .left-\[15\.5px\] { left: 15.5px; }
  .left-\[50\%\] { left: 50%; }
  .left-full { left: 100%; }
  .isolate { isolation: isolate; }
  .z-10 { z-index: 10; }
  .z-20 { z-index: 20; }
  .z-30 { z-index: 30; }
  .z-40 { z-index: 40; }
  .z-50 { z-index: 50; }
  .z-\[1\] { z-index: 1; }
  .z-\[5\] { z-index: 5; }
  .z-\[100\] { z-index: 100; }
  .z-\[110\] { z-index: 110; }
  .order-first { order: -9999; }
  .order-last { order: 9999; }
  .col-start-1 { grid-column-start: 1; }
  .col-start-2 { grid-column-start: 2; }
  .row-0 { }
  .row-1 { grid-row: 1; }
  .row-10 { grid-row: 10; }
  .row-70 { grid-row: 70; }
  .row-span-2 { grid-row: span 2 / span 2; }
  .row-start-1 { grid-row-start: 1; }
  .\!container {
  width: 100% !important;
  @media (width >= 40rem) {
  max-width: 40rem !important;
}
  @media (width >= 48rem) {
  max-width: 48rem !important;
}
  @media (width >= 64rem) {
  max-width: 64rem !important;
}
  @media (width >= 80rem) {
  max-width: 80rem !important;
}
  @media (width >= 96rem) {
  max-width: 96rem !important;
}
}
  .container {
  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;
}
}
  .\!m-0 { margin: calc(var(--spacing) * 0) !important; }
  .-m-1 { margin: calc(var(--spacing) * -1); }
  .-m-1\.5 { margin: calc(var(--spacing) * -1.5); }
  .m-0 { margin: calc(var(--spacing) * 0); }
  .m-1 { margin: calc(var(--spacing) * 1); }
  .m-2 { margin: calc(var(--spacing) * 2); }
  .m-auto { margin: auto; }
  .-mx-1 { margin-inline: calc(var(--spacing) * -1); }
  .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); }
  .-mx-2 { margin-inline: calc(var(--spacing) * -2); }
  .-mx-2\.5 { margin-inline: calc(var(--spacing) * -2.5); }
  .-mx-3 { margin-inline: calc(var(--spacing) * -3); }
  .-mx-6 { margin-inline: calc(var(--spacing) * -6); }
  .-mx-px { margin-inline: -1px; }
  .mx-0\.5 { margin-inline: calc(var(--spacing) * 0.5); }
  .mx-1 { margin-inline: calc(var(--spacing) * 1); }
  .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); }
  .mx-2 { margin-inline: calc(var(--spacing) * 2); }
  .mx-3 { margin-inline: calc(var(--spacing) * 3); }
  .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); }
  .mx-4 { margin-inline: calc(var(--spacing) * 4); }
  .mx-6 { margin-inline: calc(var(--spacing) * 6); }
  .mx-auto { margin-inline: auto; }
  .-my-0\.5 { margin-block: calc(var(--spacing) * -0.5); }
  .-my-2 { margin-block: calc(var(--spacing) * -2); }
  .-my-px { margin-block: -1px; }
  .my-0 { margin-block: calc(var(--spacing) * 0); }
  .my-0\.5 { margin-block: calc(var(--spacing) * 0.5); }
  .my-1 { margin-block: calc(var(--spacing) * 1); }
  .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); }
  .my-2 { margin-block: calc(var(--spacing) * 2); }
  .my-3 { margin-block: calc(var(--spacing) * 3); }
  .my-4 { margin-block: calc(var(--spacing) * 4); }
  .my-6 { margin-block: calc(var(--spacing) * 6); }
  .my-8 { margin-block: calc(var(--spacing) * 8); }
  .my-auto { margin-block: auto; }
  .ms-1\.5\! { margin-inline-start: calc(var(--spacing) * 1.5) !important; }
  .ms-auto { margin-inline-start: auto; }
  .-mt-1 { margin-top: calc(var(--spacing) * -1); }
  .-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); }
  .-mt-2 { margin-top: calc(var(--spacing) * -2); }
  .-mt-4 { margin-top: calc(var(--spacing) * -4); }
  .-mt-10 { margin-top: calc(var(--spacing) * -10); }
  .-mt-px { margin-top: -1px; }
  .mt-0 { margin-top: calc(var(--spacing) * 0); }
  .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); }
  .mt-1 { margin-top: calc(var(--spacing) * 1); }
  .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
  .mt-2 { margin-top: calc(var(--spacing) * 2); }
  .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-3\.5 { margin-top: calc(var(--spacing) * 3.5); }
  .mt-4 { margin-top: calc(var(--spacing) * 4); }
  .mt-5 { margin-top: calc(var(--spacing) * 5); }
  .mt-6 { margin-top: calc(var(--spacing) * 6); }
  .mt-8 { margin-top: calc(var(--spacing) * 8); }
  .mt-10 { margin-top: calc(var(--spacing) * 10); }
  .mt-14 { margin-top: calc(var(--spacing) * 14); }
  .mt-\[1px\] { margin-top: 1px; }
  .mt-auto { margin-top: auto; }
  .mt-px { margin-top: 1px; }
  .-mr-1\.5 { margin-right: calc(var(--spacing) * -1.5); }
  .-mr-2 { margin-right: calc(var(--spacing) * -2); }
  .-mr-2\.5 { margin-right: calc(var(--spacing) * -2.5); }
  .-mr-\[3px\] { margin-right: calc(-3px); }
  .mr-0\.5 { margin-right: calc(var(--spacing) * 0.5); }
  .mr-1 { margin-right: calc(var(--spacing) * 1); }
  .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); }
  .mr-2 { margin-right: calc(var(--spacing) * 2); }
  .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5); }
  .mr-4 { margin-right: calc(var(--spacing) * 4); }
  .mr-auto { margin-right: auto; }
  .-mb-1 { margin-bottom: calc(var(--spacing) * -1); }
  .-mb-3 { margin-bottom: calc(var(--spacing) * -3); }
  .-mb-px { margin-bottom: -1px; }
  .mb-0 { margin-bottom: calc(var(--spacing) * 0); }
  .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); }
  .mb-1 { margin-bottom: calc(var(--spacing) * 1); }
  .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); }
  .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
  .mb-3 { margin-bottom: calc(var(--spacing) * 3); }
  .mb-4 { margin-bottom: calc(var(--spacing) * 4); }
  .mb-5 { margin-bottom: calc(var(--spacing) * 5); }
  .mb-6 { margin-bottom: calc(var(--spacing) * 6); }
  .mb-7 { margin-bottom: calc(var(--spacing) * 7); }
  .mb-8 { margin-bottom: calc(var(--spacing) * 8); }
  .mb-16 { margin-bottom: calc(var(--spacing) * 16); }
  .-ml-0\.5 { margin-left: calc(var(--spacing) * -0.5); }
  .-ml-1 { margin-left: calc(var(--spacing) * -1); }
  .-ml-1\.5 { margin-left: calc(var(--spacing) * -1.5); }
  .-ml-2 { margin-left: calc(var(--spacing) * -2); }
  .-ml-3 { margin-left: calc(var(--spacing) * -3); }
  .-ml-4 { margin-left: calc(var(--spacing) * -4); }
  .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); }
  .ml-1 { margin-left: calc(var(--spacing) * 1); }
  .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); }
  .ml-2 { margin-left: calc(var(--spacing) * 2); }
  .ml-2\.5 { margin-left: calc(var(--spacing) * 2.5); }
  .ml-3 { margin-left: calc(var(--spacing) * 3); }
  .ml-3\.5 { margin-left: calc(var(--spacing) * 3.5); }
  .ml-4 { margin-left: calc(var(--spacing) * 4); }
  .ml-5 { margin-left: calc(var(--spacing) * 5); }
  .ml-6 { margin-left: calc(var(--spacing) * 6); }
  .ml-\[3\.75rem\] { margin-left: 3.75rem; }
  .ml-\[7px\] { margin-left: 7px; }
  .ml-\[15px\] { margin-left: 15px; }
  .ml-\[18px\] { margin-left: 18px; }
  .ml-auto { margin-left: auto; }
  .box-border { box-sizing: border-box; }
  .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
  .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
  .line-clamp-4 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
  .line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }
  .block { display: block; }
  .contents { display: contents; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .inline { display: inline; }
  .inline-block { display: inline-block; }
  .inline-flex { display: inline-flex; }
  .inline-grid { display: inline-grid; }
  .list-item { display: list-item; }
  .table { display: table; }
  .table-caption { display: table-caption; }
  .table-cell { display: table-cell; }
  .table-row { display: table-row; }
  .field-sizing-content { field-sizing: content; }
  .aspect-\[2\/1\] { aspect-ratio: 2 / 1; }
  .aspect-\[3\/2\] { aspect-ratio: 3 / 2; }
  .aspect-\[9\/19\.5\] { aspect-ratio: 9 / 19.5; }
  .aspect-\[11\/8\] { aspect-ratio: 11 / 8; }
  .aspect-\[1280\/560\] { aspect-ratio: 1280 / 560; }
  .aspect-auto { aspect-ratio: auto; }
  .aspect-square { aspect-ratio: 1 / 1; }
  .aspect-video { aspect-ratio: var(--aspect-video); }
  .\!size-3 { width: calc(var(--spacing) * 3) !important; height: calc(var(--spacing) * 3) !important; }
  .\!size-3\.5 { width: calc(var(--spacing) * 3.5) !important; height: calc(var(--spacing) * 3.5) !important; }
  .\!size-5 { width: calc(var(--spacing) * 5) !important; height: calc(var(--spacing) * 5) !important; }
  .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); }
  .size-0 { width: calc(var(--spacing) * 0); height: calc(var(--spacing) * 0); }
  .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); }
  .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); }
  .size-1\/2 { width: calc(50%); height: calc(50%); }
  .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); }
  .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); }
  .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
  .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
  .size-3\/5 { width: calc(60%); height: calc(60%); }
  .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
  .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); }
  .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
  .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
  .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); }
  .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
  .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); }
  .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
  .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); }
  .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); }
  .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); }
  .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); }
  .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40); }
  .size-48 { width: calc(var(--spacing) * 48); height: calc(var(--spacing) * 48); }
  .size-\[0\.6rem\] { width: 0.6rem; height: 0.6rem; }
  .size-\[0\.45rem\] { width: 0.45rem; height: 0.45rem; }
  .size-\[1\.05em\] { width: 1.05em; height: 1.05em; }
  .size-\[1em\] { width: 1em; height: 1em; }
  .size-\[9px\] { width: 9px; height: 9px; }
  .size-\[11px\] { width: 11px; height: 11px; }
  .size-\[18px\] { width: 18px; height: 18px; }
  .size-\[22px\] { width: 22px; height: 22px; }
  .size-\[23px\] { width: 23px; height: 23px; }
  .size-\[26px\] { width: 26px; height: 26px; }
  .size-\[30px\] { width: 30px; height: 30px; }
  .size-\[180px\] { width: 180px; height: 180px; }
  .size-auto { width: auto; height: auto; }
  .size-full { width: 100%; height: 100%; }
  .h-\(--cell-size\) { height: var(--cell-size); }
  .h-0 { height: calc(var(--spacing) * 0); }
  .h-0\.5 { height: calc(var(--spacing) * 0.5); }
  .h-1 { height: calc(var(--spacing) * 1); }
  .h-1\.5 { height: calc(var(--spacing) * 1.5); }
  .h-2 { height: calc(var(--spacing) * 2); }
  .h-2\.5 { height: calc(var(--spacing) * 2.5); }
  .h-3 { height: calc(var(--spacing) * 3); }
  .h-3\.5 { height: calc(var(--spacing) * 3.5); }
  .h-4 { height: calc(var(--spacing) * 4); }
  .h-5 { height: calc(var(--spacing) * 5); }
  .h-6 { height: calc(var(--spacing) * 6); }
  .h-7 { height: calc(var(--spacing) * 7); }
  .h-8 { height: calc(var(--spacing) * 8); }
  .h-9 { height: calc(var(--spacing) * 9); }
  .h-10 { height: calc(var(--spacing) * 10); }
  .h-11 { height: calc(var(--spacing) * 11); }
  .h-12 { height: calc(var(--spacing) * 12); }
  .h-14 { height: calc(var(--spacing) * 14); }
  .h-16 { height: calc(var(--spacing) * 16); }
  .h-20 { height: calc(var(--spacing) * 20); }
  .h-24 { height: calc(var(--spacing) * 24); }
  .h-28 { height: calc(var(--spacing) * 28); }
  .h-32 { height: calc(var(--spacing) * 32); }
  .h-36 { height: calc(var(--spacing) * 36); }
  .h-40 { height: calc(var(--spacing) * 40); }
  .h-56 { height: calc(var(--spacing) * 56); }
  .h-64 { height: calc(var(--spacing) * 64); }
  .h-72 { height: calc(var(--spacing) * 72); }
  .h-80 { height: calc(var(--spacing) * 80); }
  .h-\[1\.15rem\] { height: 1.15rem; }
  .h-\[1lh\] { height: 1lh; }
  .h-\[11px\] { height: 11px; }
  .h-\[18px\] { height: 18px; }
  .h-\[22px\] { height: 22px; }
  .h-\[46px\] { height: 46px; }
  .h-\[60px\] { height: 60px; }
  .h-\[68px\] { height: 68px; }
  .h-\[70px\] { height: 70px; }
  .h-\[80vh\] { height: 80vh; }
  .h-\[88vh\] { height: 88vh; }
  .h-\[108px\] { height: 108px; }
  .h-\[160px\] { height: 160px; }
  .h-\[220px\] { height: 220px; }
  .h-\[240px\] { height: 240px; }
  .h-\[296px\] { height: 296px; }
  .h-\[320px\] { height: 320px; }
  .h-\[340px\] { height: 340px; }
  .h-\[346px\] { height: 346px; }
  .h-\[360px\] { height: 360px; }
  .h-\[454px\] { height: 454px; }
  .h-\[520px\] { height: 520px; }
  .h-\[600px\] { height: 600px; }
  .h-\[640px\] { height: 640px; }
  .h-\[700px\] { height: 700px; }
  .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); }
  .h-\[min\(540px\,calc\(100vh-2rem\)\)\] { height: min(540px, -2rem + 100vh); }
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); }
  .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); }
  .h-auto { height: auto; }
  .h-fit { height: fit-content; }
  .h-full { height: 100%; }
  .h-px { height: 1px; }
  .h-screen { height: 100vh; }
  .h-svh { height: 100svh; }
  .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); }
  .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); }
  .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); }
  .max-h-24 { max-height: calc(var(--spacing) * 24); }
  .max-h-28 { max-height: calc(var(--spacing) * 28); }
  .max-h-32 { max-height: calc(var(--spacing) * 32); }
  .max-h-36 { max-height: calc(var(--spacing) * 36); }
  .max-h-40 { max-height: calc(var(--spacing) * 40); }
  .max-h-44 { max-height: calc(var(--spacing) * 44); }
  .max-h-48 { max-height: calc(var(--spacing) * 48); }
  .max-h-56 { max-height: calc(var(--spacing) * 56); }
  .max-h-60 { max-height: calc(var(--spacing) * 60); }
  .max-h-64 { max-height: calc(var(--spacing) * 64); }
  .max-h-72 { max-height: calc(var(--spacing) * 72); }
  .max-h-80 { max-height: calc(var(--spacing) * 80); }
  .max-h-96 { max-height: calc(var(--spacing) * 96); }
  .max-h-\[22rem\] { max-height: 22rem; }
  .max-h-\[50vh\] { max-height: 50vh; }
  .max-h-\[60vh\] { max-height: 60vh; }
  .max-h-\[70vh\] { max-height: 70vh; }
  .max-h-\[80\%\] { max-height: 80%; }
  .max-h-\[80vh\] { max-height: 80vh; }
  .max-h-\[85vh\] { max-height: 85vh; }
  .max-h-\[90vh\] { max-height: 90vh; }
  .max-h-\[180px\] { max-height: 180px; }
  .max-h-\[200px\] { max-height: 200px; }
  .max-h-\[240px\] { max-height: 240px; }
  .max-h-\[288px\] { max-height: 288px; }
  .max-h-\[300px\] { max-height: 300px; }
  .max-h-\[320px\] { max-height: 320px; }
  .max-h-\[400px\] { max-height: 400px; }
  .max-h-\[420px\] { max-height: 420px; }
  .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(-2rem + 100vh); }
  .max-h-\[calc\(100vh-4rem\)\] { max-height: calc(-4rem + 100vh); }
  .max-h-\[min\(70vh\,40rem\)\] { max-height: min(70vh, 40rem); }
  .max-h-\[min\(72vh\,640px\)\] { max-height: min(72vh, 640px); }
  .max-h-\[min\(264px\,45vh\)\] { max-height: min(264px, 45vh); }
  .max-h-\[min\(280px\,var\(--radix-popover-content-available-height\)\)\] { max-height: min(280px, var(--radix-popover-content-available-height)); }
  .max-h-\[min\(320px\,var\(--radix-popover-content-available-height\)\)\] { max-height: min(320px, var(--radix-popover-content-available-height)); }
  .max-h-\[min\(400px\,var\(--radix-popover-content-available-height\)\)\] { max-height: min(400px, var(--radix-popover-content-available-height)); }
  .max-h-full { max-height: 100%; }
  .min-h-0 { min-height: calc(var(--spacing) * 0); }
  .min-h-4 { min-height: calc(var(--spacing) * 4); }
  .min-h-6 { min-height: calc(var(--spacing) * 6); }
  .min-h-7 { min-height: calc(var(--spacing) * 7); }
  .min-h-8 { min-height: calc(var(--spacing) * 8); }
  .min-h-9 { min-height: calc(var(--spacing) * 9); }
  .min-h-10 { min-height: calc(var(--spacing) * 10); }
  .min-h-11 { min-height: calc(var(--spacing) * 11); }
  .min-h-12 { min-height: calc(var(--spacing) * 12); }
  .min-h-14 { min-height: calc(var(--spacing) * 14); }
  .min-h-16 { min-height: calc(var(--spacing) * 16); }
  .min-h-20 { min-height: calc(var(--spacing) * 20); }
  .min-h-24 { min-height: calc(var(--spacing) * 24); }
  .min-h-28 { min-height: calc(var(--spacing) * 28); }
  .min-h-36 { min-height: calc(var(--spacing) * 36); }
  .min-h-40 { min-height: calc(var(--spacing) * 40); }
  .min-h-72 { min-height: calc(var(--spacing) * 72); }
  .min-h-80 { min-height: calc(var(--spacing) * 80); }
  .min-h-\[2lh\] { min-height: 2lh; }
  .min-h-\[30px\] { min-height: 30px; }
  .min-h-\[52px\] { min-height: 52px; }
  .min-h-\[60px\] { min-height: 60px; }
  .min-h-\[80px\] { min-height: 80px; }
  .min-h-\[100px\] { min-height: 100px; }
  .min-h-\[160px\] { min-height: 160px; }
  .min-h-\[200px\] { min-height: 200px; }
  .min-h-\[220px\] { min-height: 220px; }
  .min-h-\[240px\] { min-height: 240px; }
  .min-h-\[calc\(3lh\+1\.125rem\)\] { min-height: calc(3lh + 1.125rem); }
  .min-h-full { min-height: 100%; }
  .min-h-screen { min-height: 100vh; }
  .min-h-svh { min-height: 100svh; }
  .\!w-\[744px\] { width: 744px !important; }
  .w-\(--cell-size\) { width: var(--cell-size); }
  .w-\(--radix-dropdown-menu-trigger-width\) { width: var(--radix-dropdown-menu-trigger-width); }
  .w-\(--radix-select-trigger-width\) { width: var(--radix-select-trigger-width); }
  .w-\(--sidebar-width\) { width: var(--sidebar-width); }
  .w-0 { width: calc(var(--spacing) * 0); }
  .w-0\.5 { width: calc(var(--spacing) * 0.5); }
  .w-1 { width: calc(var(--spacing) * 1); }
  .w-1\.5 { width: calc(var(--spacing) * 1.5); }
  .w-1\/2 { width: calc(50%); }
  .w-1\/3 { width: calc(33.3333%); }
  .w-2 { width: calc(var(--spacing) * 2); }
  .w-2\.5 { width: calc(var(--spacing) * 2.5); }
  .w-2\/3 { width: calc(66.6667%); }
  .w-3 { width: calc(var(--spacing) * 3); }
  .w-3\.5 { width: calc(var(--spacing) * 3.5); }
  .w-3\/4 { width: calc(75%); }
  .w-3\/5 { width: calc(60%); }
  .w-4 { width: calc(var(--spacing) * 4); }
  .w-4\/5 { width: calc(80%); }
  .w-5 { width: calc(var(--spacing) * 5); }
  .w-5\/6 { width: calc(83.3333%); }
  .w-6 { width: calc(var(--spacing) * 6); }
  .w-7 { width: calc(var(--spacing) * 7); }
  .w-8 { width: calc(var(--spacing) * 8); }
  .w-8\/12 { width: calc(66.6667%); }
  .w-9 { width: calc(var(--spacing) * 9); }
  .w-10 { width: calc(var(--spacing) * 10); }
  .w-10\/12 { width: calc(83.3333%); }
  .w-11 { width: calc(var(--spacing) * 11); }
  .w-11\/12 { width: calc(91.6667%); }
  .w-12 { width: calc(var(--spacing) * 12); }
  .w-14 { width: calc(var(--spacing) * 14); }
  .w-16 { width: calc(var(--spacing) * 16); }
  .w-20 { width: calc(var(--spacing) * 20); }
  .w-22 { width: calc(var(--spacing) * 22); }
  .w-24 { width: calc(var(--spacing) * 24); }
  .w-28 { width: calc(var(--spacing) * 28); }
  .w-32 { width: calc(var(--spacing) * 32); }
  .w-36 { width: calc(var(--spacing) * 36); }
  .w-40 { width: calc(var(--spacing) * 40); }
  .w-44 { width: calc(var(--spacing) * 44); }
  .w-48 { width: calc(var(--spacing) * 48); }
  .w-52 { width: calc(var(--spacing) * 52); }
  .w-56 { width: calc(var(--spacing) * 56); }
  .w-60 { width: calc(var(--spacing) * 60); }
  .w-64 { width: calc(var(--spacing) * 64); }
  .w-66 { width: calc(var(--spacing) * 66); }
  .w-70 { width: calc(var(--spacing) * 70); }
  .w-72 { width: calc(var(--spacing) * 72); }
  .w-80 { width: calc(var(--spacing) * 80); }
  .w-96 { width: calc(var(--spacing) * 96); }
  .w-\[--radix-dropdown-menu-trigger-width\] { }
  .w-\[--radix-popover-trigger-width\] { }
  .w-\[3\.25rem\] { width: 3.25rem; }
  .w-\[12\%\] { width: 12%; }
  .w-\[13\%\] { width: 13%; }
  .w-\[14\%\] { width: 14%; }
  .w-\[16\%\] { width: 16%; }
  .w-\[18\%\] { width: 18%; }
  .w-\[20\%\] { width: 20%; }
  .w-\[22rem\] { width: 22rem; }
  .w-\[26rem\] { width: 26rem; }
  .w-\[28rem\] { width: 28rem; }
  .w-\[30px\] { width: 30px; }
  .w-\[32rem\] { width: 32rem; }
  .w-\[34px\] { width: 34px; }
  .w-\[35px\] { width: 35px; }
  .w-\[46\%\] { width: 46%; }
  .w-\[50px\] { width: 50px; }
  .w-\[78\%\] { width: 78%; }
  .w-\[92px\] { width: 92px; }
  .w-\[100px\] { width: 100px; }
  .w-\[120px\] { width: 120px; }
  .w-\[140px\] { width: 140px; }
  .w-\[156px\] { width: 156px; }
  .w-\[165\%\] { width: 165%; }
  .w-\[180px\] { width: 180px; }
  .w-\[200px\] { width: 200px; }
  .w-\[220px\] { width: 220px; }
  .w-\[240px\] { width: 240px; }
  .w-\[249px\] { width: 249px; }
  .w-\[260px\] { width: 260px; }
  .w-\[268px\] { width: 268px; }
  .w-\[280px\] { width: 280px; }
  .w-\[296px\] { width: 296px; }
  .w-\[300px\] { width: 300px; }
  .w-\[320px\] { width: 320px; }
  .w-\[340px\] { width: 340px; }
  .w-\[352px\] { width: 352px; }
  .w-\[356px\] { width: 356px; }
  .w-\[360px\] { width: 360px; }
  .w-\[361px\] { width: 361px; }
  .w-\[372px\] { width: 372px; }
  .w-\[380px\] { width: 380px; }
  .w-\[400px\] { width: 400px; }
  .w-\[412px\] { width: 412px; }
  .w-\[420px\] { width: 420px; }
  .w-\[440px\] { width: 440px; }
  .w-\[460px\] { width: 460px; }
  .w-\[495px\] { width: 495px; }
  .w-\[520px\] { width: 520px; }
  .w-\[640px\] { width: 640px; }
  .w-\[760px\] { width: 760px; }
  .w-\[800px\] { width: 800px; }
  .w-\[820px\] { width: 820px; }
  .w-\[880px\] { width: 880px; }
  .w-\[900px\] { width: 900px; }
  .w-\[calc\(100\%\+1px\)\] { width: calc(100% + 1px); }
  .w-\[calc\(100\%-1rem\)\] { width: calc(100% - 1rem); }
  .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); }
  .w-\[min\(32rem\,calc\(100vw-3rem\)\)\] { width: min(32rem, -3rem + 100vw); }
  .w-\[min\(744px\,calc\(100vw-2rem\)\)\] { width: min(744px, -2rem + 100vw); }
  .w-\[var\(--radix-dropdown-menu-trigger-width\)\] { width: var(--radix-dropdown-menu-trigger-width); }
  .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width); }
  .w-auto { width: auto; }
  .w-fit { width: fit-content; }
  .w-full { width: 100%; }
  .w-max { width: max-content; }
  .w-px { width: 1px; }
  .w-screen { width: 100vw; }
  .\!max-w-\[60vw\] { max-width: 60vw !important; }
  .\!max-w-\[720px\] { max-width: 720px !important; }
  .\!max-w-\[744px\] { max-width: 744px !important; }
  .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); }
  .max-w-0 { max-width: calc(var(--spacing) * 0); }
  .max-w-2xl { max-width: var(--container-2xl); }
  .max-w-3xl { max-width: var(--container-3xl); }
  .max-w-4xl { max-width: var(--container-4xl); }
  .max-w-5xl { max-width: var(--container-5xl); }
  .max-w-6xl { max-width: var(--container-6xl); }
  .max-w-7xl { max-width: var(--container-7xl); }
  .max-w-20 { max-width: calc(var(--spacing) * 20); }
  .max-w-24 { max-width: calc(var(--spacing) * 24); }
  .max-w-28 { max-width: calc(var(--spacing) * 28); }
  .max-w-32 { max-width: calc(var(--spacing) * 32); }
  .max-w-36 { max-width: calc(var(--spacing) * 36); }
  .max-w-40 { max-width: calc(var(--spacing) * 40); }
  .max-w-44 { max-width: calc(var(--spacing) * 44); }
  .max-w-48 { max-width: calc(var(--spacing) * 48); }
  .max-w-52 { max-width: calc(var(--spacing) * 52); }
  .max-w-56 { max-width: calc(var(--spacing) * 56); }
  .max-w-64 { max-width: calc(var(--spacing) * 64); }
  .max-w-72 { max-width: calc(var(--spacing) * 72); }
  .max-w-80 { max-width: calc(var(--spacing) * 80); }
  .max-w-96 { max-width: calc(var(--spacing) * 96); }
  .max-w-\[8rem\] { max-width: 8rem; }
  .max-w-\[12rem\] { max-width: 12rem; }
  .max-w-\[14rem\] { max-width: 14rem; }
  .max-w-\[16rem\] { max-width: 16rem; }
  .max-w-\[18rem\] { max-width: 18rem; }
  .max-w-\[24rem\] { max-width: 24rem; }
  .max-w-\[36rem\] { max-width: 36rem; }
  .max-w-\[40\%\] { max-width: 40%; }
  .max-w-\[45\%\] { max-width: 45%; }
  .max-w-\[50\%\] { max-width: 50%; }
  .max-w-\[52ch\] { max-width: 52ch; }
  .max-w-\[76rem\] { max-width: 76rem; }
  .max-w-\[80\%\] { max-width: 80%; }
  .max-w-\[85\%\] { max-width: 85%; }
  .max-w-\[90\%\] { max-width: 90%; }
  .max-w-\[90vw\] { max-width: 90vw; }
  .max-w-\[100px\] { max-width: 100px; }
  .max-w-\[120px\] { max-width: 120px; }
  .max-w-\[140px\] { max-width: 140px; }
  .max-w-\[160px\] { max-width: 160px; }
  .max-w-\[180px\] { max-width: 180px; }
  .max-w-\[200px\] { max-width: 200px; }
  .max-w-\[240px\] { max-width: 240px; }
  .max-w-\[252px\] { max-width: 252px; }
  .max-w-\[260px\] { max-width: 260px; }
  .max-w-\[300px\] { max-width: 300px; }
  .max-w-\[320px\] { max-width: 320px; }
  .max-w-\[340px\] { max-width: 340px; }
  .max-w-\[360px\] { max-width: 360px; }
  .max-w-\[380px\] { max-width: 380px; }
  .max-w-\[400px\] { max-width: 400px; }
  .max-w-\[420px\] { max-width: 420px; }
  .max-w-\[434px\] { max-width: 434px; }
  .max-w-\[440px\] { max-width: 440px; }
  .max-w-\[480px\] { max-width: 480px; }
  .max-w-\[500px\] { max-width: 500px; }
  .max-w-\[520px\] { max-width: 520px; }
  .max-w-\[560px\] { max-width: 560px; }
  .max-w-\[640px\] { max-width: 640px; }
  .max-w-\[672px\] { max-width: 672px; }
  .max-w-\[680px\] { max-width: 680px; }
  .max-w-\[744px\] { max-width: 744px; }
  .max-w-\[760px\] { max-width: 760px; }
  .max-w-\[960px\] { max-width: 960px; }
  .max-w-\[1400px\] { max-width: 1400px; }
  .max-w-\[calc\(100\%-0\.5rem\)\] { max-width: calc(100% - 0.5rem); }
  .max-w-\[calc\(100\%-1\.5rem\)\] { max-width: calc(100% - 1.5rem); }
  .max-w-\[calc\(100\%-1rem\)\] { max-width: calc(100% - 1rem); }
  .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); }
  .max-w-\[calc\(100\%-3\.25rem\)\] { max-width: calc(100% - 3.25rem); }
  .max-w-\[calc\(100\%-7\.5rem\)\] { max-width: calc(100% - 7.5rem); }
  .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(-2rem + 100vw); }
  .max-w-\[calc\(100vw-24px\)\] { max-width: calc(-24px + 100vw); }
  .max-w-\[min\(100\%\,36rem\)\] { max-width: min(100%, 36rem); }
  .max-w-\[min\(100\%\,260px\)\] { max-width: min(100%, 260px); }
  .max-w-\[min\(100\%\,480px\)\] { max-width: min(100%, 480px); }
  .max-w-full { max-width: 100%; }
  .max-w-lg { max-width: var(--container-lg); }
  .max-w-max { max-width: max-content; }
  .max-w-md { max-width: var(--container-md); }
  .max-w-none { max-width: none; }
  .max-w-prose { max-width: 65ch; }
  .max-w-sm { max-width: var(--container-sm); }
  .max-w-xl { max-width: var(--container-xl); }
  .max-w-xs { max-width: var(--container-xs); }
  .min-w-\(--cell-size\) { min-width: var(--cell-size); }
  .min-w-0 { min-width: calc(var(--spacing) * 0); }
  .min-w-2\.5 { min-width: calc(var(--spacing) * 2.5); }
  .min-w-3 { min-width: calc(var(--spacing) * 3); }
  .min-w-4 { min-width: calc(var(--spacing) * 4); }
  .min-w-5 { min-width: calc(var(--spacing) * 5); }
  .min-w-6 { min-width: calc(var(--spacing) * 6); }
  .min-w-7 { min-width: calc(var(--spacing) * 7); }
  .min-w-8 { min-width: calc(var(--spacing) * 8); }
  .min-w-9 { min-width: calc(var(--spacing) * 9); }
  .min-w-10 { min-width: calc(var(--spacing) * 10); }
  .min-w-24 { min-width: calc(var(--spacing) * 24); }
  .min-w-32 { min-width: calc(var(--spacing) * 32); }
  .min-w-40 { min-width: calc(var(--spacing) * 40); }
  .min-w-44 { min-width: calc(var(--spacing) * 44); }
  .min-w-48 { min-width: calc(var(--spacing) * 48); }
  .min-w-56 { min-width: calc(var(--spacing) * 56); }
  .min-w-60 { min-width: calc(var(--spacing) * 60); }
  .min-w-\[3ch\] { min-width: 3ch; }
  .min-w-\[5\.5rem\] { min-width: 5.5rem; }
  .min-w-\[8rem\] { min-width: 8rem; }
  .min-w-\[11px\] { min-width: 11px; }
  .min-w-\[12rem\] { min-width: 12rem; }
  .min-w-\[13rem\] { min-width: 13rem; }
  .min-w-\[14rem\] { min-width: 14rem; }
  .min-w-\[120px\] { min-width: 120px; }
  .min-w-\[140px\] { min-width: 140px; }
  .min-w-\[160px\] { min-width: 160px; }
  .min-w-\[240px\] { min-width: 240px; }
  .min-w-\[260px\] { min-width: 260px; }
  .min-w-\[280px\] { min-width: 280px; }
  .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); }
  .min-w-full { min-width: 100%; }
  .min-w-max { min-width: max-content; }
  .flex-1 { flex: 1 1 0%; }
  .flex-auto { flex: 1 1 auto; }
  .flex-initial { flex: 0 1 auto; }
  .flex-none { flex: 0 0 auto; }
  .flex-shrink { flex-shrink: 1; }
  .flex-shrink-0 { flex-shrink: 0; }
  .shrink { flex-shrink: 1; }
  .shrink-0 { flex-shrink: 0; }
  .shrink-\[100\] { flex-shrink: 100; }
  .shrink-\[999\] { flex-shrink: 999; }
  .grow { flex-grow: 1; }
  .grow-0 { flex-grow: 0; }
  .basis-0 { flex-basis: calc(var(--spacing) * 0); }
  .basis-64 { flex-basis: calc(var(--spacing) * 64); }
  .basis-full { flex-basis: 100%; }
  .table-auto { table-layout: auto; }
  .table-fixed { table-layout: fixed; }
  .caption-bottom { caption-side: bottom; }
  .border-collapse { border-collapse: collapse; }
  .border-separate { border-collapse: separate; }
  .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); }
  .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin); }
  .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); }
  .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); }
  .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); }
  .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); }
  .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); }
  .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); }
  .origin-center { transform-origin: center center; }
  .origin-left { transform-origin: 0px center; }
  .origin-top-left { transform-origin: 0px 0px; }
  .origin-top-right { transform-origin: 100% 0px; }
  .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-x-2 { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-\[0\.5px\] { --tw-translate-x: 0.5px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .\!-translate-y-0 { --tw-translate-y: calc(var(--spacing) * -0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; }
  .\!translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; }
  .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .-translate-y-px { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-0\.5 { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-1 { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-\[5px\] { --tw-translate-y: 5px; translate: var(--tw-translate-x) var(--tw-translate-y); }
  .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); }
  .scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); }
  .scale-\[0\.98\] { scale: 0.98; }
  .scale-\[6\] { scale: 6; }
  .-rotate-45 { rotate: calc(-45deg); }
  .-rotate-90 { rotate: calc(-90deg); }
  .rotate-0 { rotate: 0deg; }
  .rotate-45 { rotate: 45deg; }
  .rotate-90 { rotate: 90deg; }
  .rotate-180 { rotate: 180deg; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .transform-none\! { transform: none !important; }
  .animate-block-fade { animation: 320ms ease-out 0s 1 normal both running block-fade; }
  .animate-caret-blink { animation: 1.25s ease-out 0s infinite normal none running caret-blink; }
  .animate-in { 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); }
  .animate-ping { animation: var(--animate-ping); }
  .animate-pulse { animation: var(--animate-pulse); }
  .animate-shimmer { animation: shimmer var(--shimmer-duration, 2s) linear infinite; }
  .animate-spin { animation: var(--animate-spin); }
  .animate-spin-slow { animation: 3.6s linear 0s infinite normal none running spin-slow; }
  .animate-thinking-pulse { animation: 1.8s ease-in-out 0s infinite normal none running thinking-pulse; }
  .animate-wave-cell { animation: 1.2s steps(3) 0s infinite normal both running wave-cell; }
  .cursor-col-resize { cursor: col-resize; }
  .cursor-default { cursor: default; }
  .cursor-ew-resize { cursor: ew-resize; }
  .cursor-grab { cursor: grab; }
  .cursor-grabbing { cursor: grabbing; }
  .cursor-help { cursor: help; }
  .cursor-not-allowed { cursor: not-allowed; }
  .cursor-pointer { cursor: pointer; }
  .cursor-row-resize { cursor: row-resize; }
  .cursor-text { cursor: text; }
  .cursor-wait { cursor: wait; }
  .cursor-zoom-in { cursor: zoom-in; }
  .touch-none { touch-action: none; }
  .resize { resize: both; }
  .resize-none { resize: none; }
  .resize-y { resize: vertical; }
  .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); }
  .scroll-mt-9 { scroll-margin-top: calc(var(--spacing) * 9); }
  .scroll-px-1 { scroll-padding-inline: calc(var(--spacing) * 1); }
  .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); }
  .list-inside { list-style-position: inside; }
  .list-decimal { list-style-type: decimal; }
  .list-disc { list-style-type: disc; }
  .list-none { list-style-type: none; }
  .\[appearance\:textfield\] { appearance: textfield; }
  .appearance-none { appearance: none; }
  .auto-cols-max { grid-auto-columns: max-content; }
  .grid-flow-col { grid-auto-flow: column; }
  .auto-rows-min { grid-auto-rows: min-content; }
  .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }
  .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
  .grid-cols-\[0_1fr\] { grid-template-columns: 0px 1fr; }
  .grid-cols-\[1fr_280px\] { grid-template-columns: 1fr 280px; }
  .grid-cols-\[1rem_minmax\(0\,1fr\)\] { grid-template-columns: 1rem minmax(0px, 1fr); }
  .grid-cols-\[3\.5rem_minmax\(0\,1fr\)\] { grid-template-columns: 3.5rem minmax(0px, 1fr); }
  .grid-cols-\[8rem_1fr\] { grid-template-columns: 8rem 1fr; }
  .grid-cols-\[88px_128px_1fr\] { grid-template-columns: 88px 128px 1fr; }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0px, 1fr) auto; }
  .grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1fr); }
  .grid-cols-\[minmax\(0\,1fr\)_7rem\] { grid-template-columns: minmax(0px, 1fr) 7rem; }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px, 1fr) auto; }
  .grid-cols-\[minmax\(0\,9rem\)_1fr_2\.5rem_5rem\] { grid-template-columns: minmax(0px, 9rem) 1fr 2.5rem 5rem; }
  .grid-cols-\[minmax\(0\,max-content\)_1fr\] { grid-template-columns: minmax(0px, max-content) 1fr; }
  .grid-cols-\[repeat\(3\,3px\)\] { grid-template-columns: repeat(3, 3px); }
  .grid-cols-\[repeat\(auto-fill\,101px\)\] { grid-template-columns: repeat(auto-fill, 101px); }
  .grid-cols-\[repeat\(auto-fill\,minmax\(160px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
  .grid-cols-\[repeat\(auto-fill\,minmax\(220px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
  .grid-rows-2 { grid-template-rows: repeat(2, minmax(0px, 1fr)); }
  .grid-rows-\[0fr\] { grid-template-rows: 0fr; }
  .grid-rows-\[1fr\] { grid-template-rows: 1fr; }
  .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; }
  .grid-rows-\[repeat\(3\,3px\)\] { grid-template-rows: repeat(3, 3px); }
  .flex-col { flex-direction: column; }
  .flex-col-reverse { flex-direction: column-reverse; }
  .flex-row { flex-direction: row; }
  .flex-row-reverse { flex-direction: row-reverse; }
  .flex-nowrap { flex-wrap: nowrap; }
  .flex-wrap { flex-wrap: wrap; }
  .place-content-center { place-content: center; }
  .place-items-center { place-items: center; }
  .content-start { align-content: flex-start; }
  .items-baseline { align-items: baseline; }
  .items-center { align-items: center; }
  .items-end { align-items: flex-end; }
  .items-start { align-items: flex-start; }
  .items-stretch { align-items: stretch; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .justify-start { justify-content: flex-start; }
  .justify-items-end { justify-items: end; }
  .justify-items-start { justify-items: start; }
  .gap-0 { gap: calc(var(--spacing) * 0); }
  .gap-0\.5 { gap: calc(var(--spacing) * 0.5); }
  .gap-1 { gap: calc(var(--spacing) * 1); }
  .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  .gap-3\.5 { gap: calc(var(--spacing) * 3.5); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  .gap-5 { gap: calc(var(--spacing) * 5); }
  .gap-6 { gap: calc(var(--spacing) * 6); }
  .gap-7 { gap: calc(var(--spacing) * 7); }
  .gap-8 { gap: calc(var(--spacing) * 8); }
  .gap-10 { gap: calc(var(--spacing) * 10); }
  .gap-12 { gap: calc(var(--spacing) * 12); }
  .gap-\[--spacing\(var\(--gap\)\)\] { gap: calc(var(--spacing) * var(--gap)); }
  .gap-\[3px\] { gap: 3px; }
  .gap-\[5px\] { gap: 5px; }
  .gap-\[7px\] { gap: 7px; }
  .gap-px { gap: 1px; }
  .space-y-0 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-0\.5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-1 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-1\.5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-2 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-3 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-4 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-5 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-6 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-7 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-8 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-10 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); }
}
  .space-y-12 {
  :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); }
}
  .gap-x-1 { column-gap: calc(var(--spacing) * 1); }
  .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); }
  .gap-x-2 { column-gap: calc(var(--spacing) * 2); }
  .gap-x-3 { column-gap: calc(var(--spacing) * 3); }
  .gap-x-4 { column-gap: calc(var(--spacing) * 4); }
  .gap-x-6 { column-gap: calc(var(--spacing) * 6); }
  .-space-x-0\.5 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -0.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -0.5) * calc(1 - var(--tw-space-x-reverse))); }
}
  .-space-x-1 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))); }
}
  .-space-x-2 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); }
}
  .space-x-2 {
  :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }
}
  .gap-y-0\.5 { row-gap: calc(var(--spacing) * 0.5); }
  .gap-y-1 { row-gap: calc(var(--spacing) * 1); }
  .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); }
  .gap-y-2 { row-gap: calc(var(--spacing) * 2); }
  .gap-y-3 { row-gap: calc(var(--spacing) * 3); }
  .divide-x {
  :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); }
}
  .divide-y {
  :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
}
  .divide-border {
  :where(& > :not(:last-child)) { border-color: var(--border); }
}
  .divide-border\/40 {
  :where(& > :not(:last-child)) {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 40%, transparent);
}
}
}
  .divide-border\/50 {
  :where(& > :not(:last-child)) {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 50%, transparent);
}
}
}
  .divide-border\/60 {
  :where(& > :not(:last-child)) {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
}
  .divide-border\/70 {
  :where(& > :not(:last-child)) {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 70%, transparent);
}
}
}
  .self-center { align-self: center; }
  .self-end { align-self: flex-end; }
  .self-start { align-self: flex-start; }
  .self-stretch { align-self: stretch; }
  .justify-self-end { justify-self: flex-end; }
  .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .overflow-auto { overflow: auto; }
  .overflow-clip { overflow: clip; }
  .overflow-hidden { overflow: hidden; }
  .overflow-visible { overflow: visible; }
  .overflow-x-auto { overflow-x: auto; }
  .overflow-x-clip { overflow-x: clip; }
  .overflow-x-hidden { overflow-x: hidden; }
  .overflow-y-auto { overflow-y: auto; }
  .overflow-y-hidden { overflow-y: hidden; }
  .overscroll-contain { overscroll-behavior: contain; }
  .\!rounded-none { border-radius: 0px !important; }
  .rounded { border-radius: 0.25rem; }
  .rounded-2xl { border-radius: var(--radius-2xl); }
  .rounded-\[0\.5px\] { border-radius: 0.5px; }
  .rounded-\[0\.625rem\] { border-radius: 0.625rem; }
  .rounded-\[0\.875rem\] { border-radius: 0.875rem; }
  .rounded-\[1px\] { border-radius: 1px; }
  .rounded-\[2px\] { border-radius: 2px; }
  .rounded-\[3px\] { border-radius: 3px; }
  .rounded-\[4px\] { border-radius: 4px; }
  .rounded-\[5px\] { border-radius: 5px; }
  .rounded-\[6px\] { border-radius: 6px; }
  .rounded-\[7px\] { border-radius: 7px; }
  .rounded-\[8px\] { border-radius: 8px; }
  .rounded-\[10px\] { border-radius: 10px; }
  .rounded-\[12px\] { border-radius: 12px; }
  .rounded-\[13px\] { border-radius: 13px; }
  .rounded-\[20px\] { border-radius: 20px; }
  .rounded-\[22\%\] { border-radius: 22%; }
  .rounded-\[22px\] { border-radius: 22px; }
  .rounded-\[42px\] { border-radius: 42px; }
  .rounded-\[50px\] { border-radius: 50px; }
  .rounded-\[calc\(var\(--radius\)-5px\)\] { border-radius: calc(var(--radius) - 5px); }
  .rounded-\[inherit\] { border-radius: inherit; }
  .rounded-full { border-radius: calc(infinity * 1px); }
  .rounded-lg { border-radius: var(--radius); }
  .rounded-md { border-radius: calc(var(--radius) - 2px); }
  .rounded-none { border-radius: 0px; }
  .rounded-sm { border-radius: calc(var(--radius) - 4px); }
  .rounded-xl { border-radius: calc(var(--radius) + 4px); }
  .rounded-xs { border-radius: var(--radius-xs); }
  .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); }
  .rounded-t-\[7px\] { border-top-left-radius: 7px; border-top-right-radius: 7px; }
  .rounded-t-lg { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
  .rounded-t-md { border-top-left-radius: calc(var(--radius) - 2px); border-top-right-radius: calc(var(--radius) - 2px); }
  .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
  .rounded-l-full { border-top-left-radius: calc(infinity * 1px); border-bottom-left-radius: calc(infinity * 1px); }
  .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
  .rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .rounded-tl-lg { border-top-left-radius: var(--radius); }
  .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }
  .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
  .rounded-r-full { border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); }
  .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
  .rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
  .rounded-b-md { border-bottom-right-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
  .rounded-bl-sm { border-bottom-left-radius: calc(var(--radius) - 4px); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-0 { border-style: var(--tw-border-style); border-width: 0px; }
  .border-2 { border-style: var(--tw-border-style); border-width: 2px; }
  .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: 0.5px; }
  .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
  .border-\[8px\] { border-style: var(--tw-border-style); border-width: 8px; }
  .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; }
  .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
  .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
  .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
  .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
  .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; }
  .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; }
  .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; }
  .border-dashed { --tw-border-style: dashed; border-style: dashed; }
  .border-none { --tw-border-style: none; border-style: none; }
  .border-solid { --tw-border-style: solid; border-style: solid; }
  .border-\(--color-border\) { border-color: var(--color-border); }
  .border-\[\#d97757\] { border-color: rgb(217, 119, 87); }
  .border-accent-foreground\/20 {
  border-color: var(--accent-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--accent-foreground) 20%, transparent);
}
}
  .border-amber-200 { border-color: var(--color-amber-200); }
  .border-amber-500\/20 {
  border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
  .border-amber-500\/40 {
  border-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
  .border-background { border-color: var(--background); }
  .border-border { border-color: var(--border); }
  .border-border\/20 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 20%, transparent);
}
}
  .border-border\/40 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 40%, transparent);
}
}
  .border-border\/50 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 50%, transparent);
}
}
  .border-border\/60 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
  .border-border\/70 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 70%, transparent);
}
}
  .border-border\/80 {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 80%, transparent);
}
}
  .border-card { border-color: var(--card); }
  .border-current { border-color: currentcolor; }
  .border-destructive { border-color: var(--destructive); }
  .border-destructive\/20 {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
  .border-destructive\/25 {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 25%, transparent);
}
}
  .border-destructive\/30 {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
  .border-destructive\/40 {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
}
}
  .border-destructive\/50 {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
  .border-emerald-500\/20 {
  border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
  .border-emerald-500\/25 {
  border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent);
}
}
  .border-emerald-500\/30 {
  border-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
  .border-foreground { border-color: var(--foreground); }
  .border-foreground\/10 {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
  .border-foreground\/20 {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
}
  .border-foreground\/25 {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
}
}
  .border-foreground\/30 {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
  .border-foreground\/50 {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
}
}
  .border-foreground\/60 {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
  .border-foreground\/\[0\.07\] {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 7.000000000000001%, transparent);
}
}
  .border-foreground\/\[0\.08\] {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 8%, transparent);
}
}
  .border-input { border-color: var(--input); }
  .border-link\/40 {
  border-color: var(--link);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--link) 40%, transparent);
}
}
  .border-muted { border-color: var(--muted); }
  .border-muted-foreground { border-color: var(--muted-foreground); }
  .border-muted-foreground\/20 {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
}
}
  .border-muted-foreground\/30 {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
  .border-muted-foreground\/40 {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
  .border-muted-foreground\/50 {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
  .border-muted-foreground\/60 {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
  .border-neutral-700 { border-color: var(--color-neutral-700); }
  .border-primary { border-color: var(--primary); }
  .border-primary-foreground\/20 {
  border-color: var(--primary-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
}
}
  .border-primary\/15 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
  .border-primary\/20 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
  .border-primary\/30 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
  .border-primary\/40 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
  .border-primary\/50 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 50%, transparent);
}
}
  .border-primary\/60 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 60%, transparent);
}
}
  .border-primary\/70 {
  border-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--primary) 70%, transparent);
}
}
  .border-red-500\/20 {
  border-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
}
}
  .border-ring { border-color: var(--ring); }
  .border-ring\/60 {
  border-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--ring) 60%, transparent);
}
}
  .border-sidebar { border-color: var(--sidebar); }
  .border-sidebar-border { border-color: var(--sidebar-border); }
  .border-transparent { border-color: transparent; }
  .border-warning { border-color: var(--warning); }
  .border-warning\/30 {
  border-color: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--warning) 30%, transparent);
}
}
  .border-warning\/40 {
  border-color: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--warning) 40%, transparent);
}
}
  .border-white\/10 {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
  .border-yellow-200 { border-color: var(--color-yellow-200); }
  .border-t-transparent { border-top-color: transparent; }
  .border-b-border { border-bottom-color: var(--border); }
  .border-b-transparent { border-bottom-color: transparent; }
  .border-l-border { border-left-color: var(--border); }
  .border-l-green-500 { border-left-color: var(--color-green-500); }
  .border-l-primary-foreground\/20 {
  border-left-color: var(--primary-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-left-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);
}
}
  .border-l-red-500 { border-left-color: var(--color-red-500); }
  .border-l-transparent { border-left-color: transparent; }
  .\!bg-transparent { background-color: transparent !important; }
  .bg-\(--color-bg\) { background-color: var(--color-bg); }
  .bg-\[\#0a0a0f\] { background-color: rgb(10, 10, 15); }
  .bg-\[\#0d0d0d\] { background-color: rgb(13, 13, 13); }
  .bg-\[\#0d99ff\] { background-color: rgb(13, 153, 255); }
  .bg-\[\#0d99ff\]\/10 { background-color: color-mix(rgb(13, 153, 255) 10%, transparent); }
  .bg-\[\#28c840\] { background-color: rgb(40, 200, 64); }
  .bg-\[\#080a12\] { background-color: rgb(8, 10, 18); }
  .bg-\[\#100f0e\] { background-color: rgb(16, 15, 14); }
  .bg-\[\#151110\] { background-color: rgb(21, 17, 16); }
  .bg-\[\#dcfae8\] { background-color: rgb(220, 250, 232); }
  .bg-\[\#febc2e\] { background-color: rgb(254, 188, 46); }
  .bg-\[\#ff5f57\] { background-color: rgb(255, 95, 87); }
  .bg-\[color-mix\(in_oklab\,var\(--link\)_15\%\,var\(--background\)\)\] {
  background-color: var(--link);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab,var(--link) 15%,var(--background));
}
}
  .bg-\[color-mix\(in_oklab\,var\(--muted\)_40\%\,var\(--background\)\)\] {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab,var(--muted) 40%,var(--background));
}
}
  .bg-\[color-mix\(in_oklab\,var\(--muted\)_45\%\,var\(--background\)\)\] {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab,var(--muted) 45%,var(--background));
}
}
  .bg-\[color-mix\(in_srgb\,currentColor_12\%\,transparent\)\] {
  background-color: currentcolor;
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in srgb, currentcolor 12%, transparent);
}
}
  .bg-\[var\(--sdm-tbg\)\] { background-color: var(--sdm-tbg); }
  .bg-accent { background-color: var(--accent); }
  .bg-accent\/10 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 10%, transparent);
}
}
  .bg-accent\/20 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 20%, transparent);
}
}
  .bg-accent\/30 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 30%, transparent);
}
}
  .bg-accent\/40 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
  .bg-accent\/50 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
  .bg-accent\/60 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
  .bg-accent\/70 {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 70%, transparent);
}
}
  .bg-amber-100 { background-color: var(--color-amber-100); }
  .bg-amber-400\/10 {
  background-color: color-mix(in srgb, oklch(0.828 0.189 84.429) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
}
}
  .bg-amber-400\/15 {
  background-color: color-mix(in srgb, oklch(0.828 0.189 84.429) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
}
}
  .bg-amber-500 { background-color: var(--color-amber-500); }
  .bg-amber-500\/10 {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
}
}
  .bg-amber-500\/15 {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
}
}
  .bg-amber-500\/20 {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
  .bg-amber-500\/30 {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);
}
}
  .bg-amber-500\/80 {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent);
}
}
  .bg-amber-500\/90 {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
}
}
  .bg-background { background-color: var(--background); }
  .bg-background\/40 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 40%, transparent);
}
}
  .bg-background\/50 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 50%, transparent);
}
}
  .bg-background\/60 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 60%, transparent);
}
}
  .bg-background\/70 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 70%, transparent);
}
}
  .bg-background\/80 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 80%, transparent);
}
}
  .bg-background\/85 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 85%, transparent);
}
}
  .bg-background\/90 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 90%, transparent);
}
}
  .bg-background\/95 {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 95%, transparent);
}
}
  .bg-black { background-color: var(--color-black); }
  .bg-black\/10 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}
}
  .bg-black\/40 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}
}
  .bg-black\/50 {
  background-color: color-mix(in srgb, rgb(0, 0, 0), transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
  .bg-black\/85 {
  background-color: color-mix(in srgb, rgb(0, 0, 0) 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
}
}
  .bg-blue-500 { background-color: var(--color-blue-500); }
  .bg-blue-500\/5 {
  background-color: color-mix(in srgb, oklch(0.623 0.214 259.815) 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
}
}
  .bg-blue-500\/10 {
  background-color: color-mix(in srgb, oklch(0.623 0.214 259.815) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
}
}
  .bg-blue-600 { background-color: var(--color-blue-600); }
  .bg-blue-800 { background-color: var(--color-blue-800); }
  .bg-border { background-color: var(--border); }
  .bg-border\/30 {
  background-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--border) 30%, transparent);
}
}
  .bg-border\/50 {
  background-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--border) 50%, transparent);
}
}
  .bg-border\/60 {
  background-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
  .bg-card { background-color: var(--card); }
  .bg-card\/40 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--card) 40%, transparent);
}
}
  .bg-card\/50 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--card) 50%, transparent);
}
}
  .bg-card\/60 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--card) 60%, transparent);
}
}
  .bg-card\/80 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--card) 80%, transparent);
}
}
  .bg-card\/90 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--card) 90%, transparent);
}
}
  .bg-card\/95 {
  background-color: var(--card);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--card) 95%, transparent);
}
}
  .bg-current { background-color: currentcolor; }
  .bg-destructive { background-color: var(--destructive); }
  .bg-destructive\/5 {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
}
}
  .bg-destructive\/10 {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
  .bg-destructive\/15 {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
}
}
  .bg-destructive\/60 {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
}
}
  .bg-destructive\/\[0\.04\] {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 4%, transparent);
}
}
  .bg-emerald-400 { background-color: var(--color-emerald-400); }
  .bg-emerald-500 { background-color: var(--color-emerald-500); }
  .bg-emerald-500\/10 {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
}
}
  .bg-emerald-500\/15 {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
}
}
  .bg-emerald-500\/20 {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
  .bg-emerald-500\/30 {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
  .bg-emerald-500\/50 {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48), transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);
}
}
  .bg-emerald-500\/\[0\.08\] {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent);
}
}
  .bg-emerald-600 { background-color: var(--color-emerald-600); }
  .bg-fill-hover { background-color: var(--fill-hover); }
  .bg-fill-hover\/40 {
  background-color: var(--fill-hover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--fill-hover) 40%, transparent);
}
}
  .bg-fill-hover\/60 {
  background-color: var(--fill-hover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--fill-hover) 60%, transparent);
}
}
  .bg-fill-selected { background-color: var(--fill-selected); }
  .bg-foreground { background-color: var(--foreground); }
  .bg-foreground\/5 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
  .bg-foreground\/8 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
}
}
  .bg-foreground\/10 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
  .bg-foreground\/12 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 12%, transparent);
}
}
  .bg-foreground\/15 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
  .bg-foreground\/20 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
}
  .bg-foreground\/30 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
  .bg-foreground\/40 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 40%, transparent);
}
}
  .bg-foreground\/45 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 45%, transparent);
}
}
  .bg-foreground\/50 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 50%, transparent);
}
}
  .bg-foreground\/60 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
  .bg-foreground\/75 {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 75%, transparent);
}
}
  .bg-foreground\/\[0\.02\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 2%, transparent);
}
}
  .bg-foreground\/\[0\.03\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 3%, transparent);
}
}
  .bg-foreground\/\[0\.04\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
}
}
  .bg-foreground\/\[0\.05\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
  .bg-foreground\/\[0\.06\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
}
}
  .bg-foreground\/\[0\.07\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 7.000000000000001%, transparent);
}
}
  .bg-foreground\/\[0\.12\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 12%, transparent);
}
}
  .bg-foreground\/\[0\.14\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 14.000000000000002%, transparent);
}
}
  .bg-foreground\/\[0\.28\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 28.000000000000004%, transparent);
}
}
  .bg-foreground\/\[0\.035\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 3.5000000000000004%, transparent);
}
}
  .bg-foreground\/\[0\.045\] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 4.5%, transparent);
}
}
  .bg-green-400 { background-color: var(--color-green-400); }
  .bg-green-400\/10 {
  background-color: color-mix(in srgb, oklch(0.792 0.209 151.711) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent);
}
}
  .bg-green-500 { background-color: var(--color-green-500); }
  .bg-green-500\/10 {
  background-color: color-mix(in srgb, oklch(0.723 0.219 149.579) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
}
}
  .bg-green-500\/15 {
  background-color: color-mix(in srgb, oklch(0.723 0.219 149.579) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
}
}
  .bg-highlight { background-color: var(--highlight); }
  .bg-highlight-match { background-color: var(--highlight-match); }
  .bg-input { background-color: var(--input); }
  .bg-muted { background-color: var(--muted); }
  .bg-muted-foreground { background-color: var(--muted-foreground); }
  .bg-muted-foreground\/10 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
}
}
  .bg-muted-foreground\/15 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
}
}
  .bg-muted-foreground\/20 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
}
}
  .bg-muted-foreground\/30 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
  .bg-muted-foreground\/35 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
}
}
  .bg-muted-foreground\/40 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
  .bg-muted-foreground\/50 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
  .bg-muted-foreground\/60 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
  .bg-muted-foreground\/80 {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
}
}
  .bg-muted\/10 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 10%, transparent);
}
}
  .bg-muted\/20 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 20%, transparent);
}
}
  .bg-muted\/25 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 25%, transparent);
}
}
  .bg-muted\/30 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
  .bg-muted\/35 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 35%, transparent);
}
}
  .bg-muted\/40 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 40%, transparent);
}
}
  .bg-muted\/45 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 45%, transparent);
}
}
  .bg-muted\/50 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
  .bg-muted\/60 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
  .bg-muted\/70 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 70%, transparent);
}
}
  .bg-muted\/80 {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 80%, transparent);
}
}
  .bg-neutral-500 { background-color: var(--color-neutral-500); }
  .bg-neutral-600 { background-color: var(--color-neutral-600); }
  .bg-orange-600 { background-color: var(--color-orange-600); }
  .bg-popover { background-color: var(--popover); }
  .bg-popover\/70 {
  background-color: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--popover) 70%, transparent);
}
}
  .bg-popover\/85 {
  background-color: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--popover) 85%, transparent);
}
}
  .bg-popover\/90 {
  background-color: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--popover) 90%, transparent);
}
}
  .bg-popover\/95 {
  background-color: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--popover) 95%, transparent);
}
}
  .bg-primary { background-color: var(--primary); }
  .bg-primary-foreground\/10 {
  background-color: var(--primary-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);
}
}
  .bg-primary-foreground\/15 {
  background-color: var(--primary-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary-foreground) 15%, transparent);
}
}
  .bg-primary\/5 {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
  .bg-primary\/10 {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
  .bg-primary\/15 {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 15%, transparent);
}
}
  .bg-primary\/20 {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
  .bg-primary\/60 {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 60%, transparent);
}
}
  .bg-primary\/\[0\.04\] {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 4%, transparent);
}
}
  .bg-purple-500\/10 {
  background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
}
}
  .bg-purple-700 { background-color: var(--color-purple-700); }
  .bg-red-50 { background-color: var(--color-red-50); }
  .bg-red-100 { background-color: var(--color-red-100); }
  .bg-red-400 { background-color: var(--color-red-400); }
  .bg-red-400\/10 {
  background-color: color-mix(in srgb, oklch(0.704 0.191 22.216) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
}
}
  .bg-red-400\/50 {
  background-color: color-mix(in srgb, oklch(0.704 0.191 22.216), transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-400) 50%, transparent);
}
}
  .bg-red-500 { background-color: var(--color-red-500); }
  .bg-red-500\/10 {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
  .bg-red-500\/15 {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
}
}
  .bg-red-500\/70 {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-500) 70%, transparent);
}
}
  .bg-red-500\/80 {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);
}
}
  .bg-red-600 { background-color: var(--color-red-600); }
  .bg-red-800 { background-color: var(--color-red-800); }
  .bg-rose-500\/10 {
  background-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
}
}
  .bg-rose-500\/20 {
  background-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
}
}
  .bg-rose-500\/30 {
  background-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
}
}
  .bg-secondary { background-color: var(--secondary); }
  .bg-secondary\! { background-color: var(--secondary) !important; }
  .bg-secondary\/40 {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--secondary) 40%, transparent);
}
}
  .bg-secondary\/50 {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
}
}
  .bg-sidebar { background-color: var(--sidebar); }
  .bg-sidebar-border { background-color: var(--sidebar-border); }
  .bg-sidebar\/80 {
  background-color: var(--sidebar);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--sidebar) 80%, transparent);
}
}
  .bg-sidebar\/90 {
  background-color: var(--sidebar);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--sidebar) 90%, transparent);
}
}
  .bg-sky-500 { background-color: var(--color-sky-500); }
  .bg-sky-500\/10 {
  background-color: color-mix(in srgb, oklch(0.685 0.169 237.323) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
}
}
  .bg-slate-400 { background-color: var(--color-slate-400); }
  .bg-success { background-color: var(--success); }
  .bg-success\/15 {
  background-color: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--success) 15%, transparent);
}
}
  .bg-success\/60 {
  background-color: var(--success);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--success) 60%, transparent);
}
}
  .bg-transparent { background-color: transparent; }
  .bg-violet-500\/10 {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
}
}
  .bg-violet-500\/15 {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
}
}
  .bg-violet-500\/20 {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
}
  .bg-violet-500\/30 {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
}
}
  .bg-warning\/10 {
  background-color: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--warning) 10%, transparent);
}
}
  .bg-warning\/\[0\.04\] {
  background-color: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--warning) 4%, transparent);
}
}
  .bg-white { background-color: var(--color-white); }
  .bg-white\/10 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
  .bg-white\/55 {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
  .bg-yellow-50 { background-color: var(--color-yellow-50); }
  .bg-yellow-400 { background-color: var(--color-yellow-400); }
  .bg-yellow-500 { background-color: var(--color-yellow-500); }
  .bg-zinc-900 { background-color: var(--color-zinc-900); }
  .bg-linear-to-t {
  --tw-gradient-position: to top;
  @supports (background-image: linear-gradient(in lab, red, red)) {
  --tw-gradient-position: to top in oklab;
}
  background-image: linear-gradient(var(--tw-gradient-stops));
}
  .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
  .\[background-image\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-foreground\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\,linear-gradient\(color-mix\(in_oklab\,var\(--color-foreground\)_40\%\,transparent\)\,color-mix\(in_oklab\,var\(--color-foreground\)_40\%\,transparent\)\)\] {
  background-image: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-foreground),#0000 calc(50% + var(--spread))),linear-gradient(var(--color-foreground),var(--color-foreground));
  @supports (color: color-mix(in lab, red, red)) {
  background-image: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-foreground),#0000 calc(50% + var(--spread))),linear-gradient(color-mix(in oklab,var(--color-foreground) 40%,transparent),color-mix(in oklab,var(--color-foreground) 40%,transparent));
}
}
  .bg-\[radial-gradient\(circle_at_50\%_35\%\,rgba\(255\,255\,255\,0\.14\)\,transparent_34\%\)\,linear-gradient\(to_bottom\,rgba\(0\,0\,0\,0\.04\)\,rgba\(0\,0\,0\,0\.5\)\)\] { background-image: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.14), transparent 34%), linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.5)); }
  .from-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-black\/85 {
  --tw-gradient-from: color-mix(in srgb, #000 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .from-popover { --tw-gradient-from: var(--popover); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-popover\/80 {
  --tw-gradient-from: var(--popover);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-gradient-from: color-mix(in oklab, var(--popover) 80%, transparent);
}
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
  .from-slate-400 { --tw-gradient-from: var(--color-slate-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .via-black\/30 {
  --tw-gradient-via: color-mix(in srgb, #000 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
  .via-black\/70 {
  --tw-gradient-via: color-mix(in srgb, #000 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-gradient-via: color-mix(in oklab, var(--color-black) 70%, transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
  .via-foreground\/25 {
  --tw-gradient-via: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-gradient-via: color-mix(in oklab, var(--foreground) 25%, transparent);
}
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);
}
  .via-35\% { --tw-gradient-via-position: 35%; }
  .to-slate-500 { --tw-gradient-to: var(--color-slate-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
  .to-70\% { --tw-gradient-to-position: 70%; }
  .\[mask-image\:linear-gradient\(to_bottom\,black_60\%\,transparent\)\] { mask-image: linear-gradient(black 60%, transparent); }
  .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
  .bg-\[length\:250\%_100\%\,auto\] { background-size: 250% 100%, auto; }
  .bg-clip-text { background-clip: text; }
  .bg-no-repeat { background-repeat: no-repeat; }
  .fill-amber-400 { fill: var(--color-amber-400); }
  .fill-background { fill: var(--background); }
  .fill-current { fill: currentcolor; }
  .fill-emerald-600 { fill: var(--color-emerald-600); }
  .fill-primary { fill: var(--primary); }
  .fill-red-600 { fill: var(--color-red-600); }
  .stroke-amber-500 { stroke: var(--color-amber-500); }
  .stroke-amber-500\/25 {
  stroke: color-mix(in srgb, oklch(0.769 0.188 70.08) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  stroke: color-mix(in oklab, var(--color-amber-500) 25%, transparent);
}
}
  .stroke-emerald-500\/35 {
  stroke: color-mix(in srgb, oklch(0.696 0.17 162.48) 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  stroke: color-mix(in oklab, var(--color-emerald-500) 35%, transparent);
}
}
  .stroke-foreground\/15 {
  stroke: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  stroke: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
  .stroke-foreground\/80 {
  stroke: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  stroke: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
  .stroke-\[4\] { stroke-width: 4; }
  .object-contain { object-fit: contain; }
  .object-cover { object-fit: cover; }
  .object-top { object-position: center top; }
  .\!p-0 { padding: calc(var(--spacing) * 0) !important; }
  .p-0 { padding: calc(var(--spacing) * 0); }
  .p-0\.5 { padding: calc(var(--spacing) * 0.5); }
  .p-1 { padding: calc(var(--spacing) * 1); }
  .p-1\.5 { padding: calc(var(--spacing) * 1.5); }
  .p-2 { padding: calc(var(--spacing) * 2); }
  .p-2\.5 { padding: calc(var(--spacing) * 2.5); }
  .p-3 { padding: calc(var(--spacing) * 3); }
  .p-3\.5 { padding: calc(var(--spacing) * 3.5); }
  .p-4 { padding: calc(var(--spacing) * 4); }
  .p-5 { padding: calc(var(--spacing) * 5); }
  .p-6 { padding: calc(var(--spacing) * 6); }
  .p-8 { padding: calc(var(--spacing) * 8); }
  .p-10 { padding: calc(var(--spacing) * 10); }
  .p-12 { padding: calc(var(--spacing) * 12); }
  .p-\[1\.5px\] { padding: 1.5px; }
  .p-\[3px\] { padding: 3px; }
  .p-\[5px\] { padding: 5px; }
  .p-px { padding: 1px; }
  .px-\(--cell-size\) { padding-inline: var(--cell-size); }
  .px-0 { padding-inline: calc(var(--spacing) * 0); }
  .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); }
  .px-1 { padding-inline: calc(var(--spacing) * 1); }
  .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); }
  .px-2 { padding-inline: calc(var(--spacing) * 2); }
  .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); }
  .px-3 { padding-inline: calc(var(--spacing) * 3); }
  .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); }
  .px-4 { padding-inline: calc(var(--spacing) * 4); }
  .px-5 { padding-inline: calc(var(--spacing) * 5); }
  .px-6 { padding-inline: calc(var(--spacing) * 6); }
  .px-8 { padding-inline: calc(var(--spacing) * 8); }
  .px-12 { padding-inline: calc(var(--spacing) * 12); }
  .px-14 { padding-inline: calc(var(--spacing) * 14); }
  .px-\[7px\] { padding-inline: 7px; }
  .px-\[max\(0px\,calc\(1\.5rem-var\(--scrollbar-gutter\,0px\)\)\)\] { padding-inline: max(0px, calc(1.5rem - var(--scrollbar-gutter,0px))); }
  .\!py-2\.5 { padding-block: calc(var(--spacing) * 2.5) !important; }
  .py-0 { padding-block: calc(var(--spacing) * 0); }
  .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); }
  .py-1 { padding-block: calc(var(--spacing) * 1); }
  .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
  .py-2 { padding-block: calc(var(--spacing) * 2); }
  .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
  .py-3 { padding-block: calc(var(--spacing) * 3); }
  .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); }
  .py-4 { padding-block: calc(var(--spacing) * 4); }
  .py-5 { padding-block: calc(var(--spacing) * 5); }
  .py-6 { padding-block: calc(var(--spacing) * 6); }
  .py-8 { padding-block: calc(var(--spacing) * 8); }
  .py-10 { padding-block: calc(var(--spacing) * 10); }
  .py-12 { padding-block: calc(var(--spacing) * 12); }
  .py-16 { padding-block: calc(var(--spacing) * 16); }
  .py-20 { padding-block: calc(var(--spacing) * 20); }
  .py-\[1px\] { padding-block: 1px; }
  .py-\[3px\] { padding-block: 3px; }
  .py-\[5px\] { padding-block: 5px; }
  .py-\[7px\] { padding-block: 7px; }
  .py-\[18px\] { padding-block: 18px; }
  .py-px { padding-block: 1px; }
  .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); }
  .ps-2 { padding-inline-start: calc(var(--spacing) * 2); }
  .pt-0 { padding-top: calc(var(--spacing) * 0); }
  .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); }
  .pt-1 { padding-top: calc(var(--spacing) * 1); }
  .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); }
  .pt-2 { padding-top: calc(var(--spacing) * 2); }
  .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); }
  .pt-3 { padding-top: calc(var(--spacing) * 3); }
  .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); }
  .pt-4 { padding-top: calc(var(--spacing) * 4); }
  .pt-5 { padding-top: calc(var(--spacing) * 5); }
  .pt-6 { padding-top: calc(var(--spacing) * 6); }
  .pt-7 { padding-top: calc(var(--spacing) * 7); }
  .pt-8 { padding-top: calc(var(--spacing) * 8); }
  .pt-9 { padding-top: calc(var(--spacing) * 9); }
  .pt-10 { padding-top: calc(var(--spacing) * 10); }
  .pt-11 { padding-top: calc(var(--spacing) * 11); }
  .pt-\[3px\] { padding-top: 3px; }
  .pt-\[10vh\] { padding-top: 10vh; }
  .pt-\[11px\] { padding-top: 11px; }
  .pt-px { padding-top: 1px; }
  .pr-0\.5 { padding-right: calc(var(--spacing) * 0.5); }
  .pr-1 { padding-right: calc(var(--spacing) * 1); }
  .pr-1\.5 { padding-right: calc(var(--spacing) * 1.5); }
  .pr-2 { padding-right: calc(var(--spacing) * 2); }
  .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); }
  .pr-3 { padding-right: calc(var(--spacing) * 3); }
  .pr-3\.5 { padding-right: calc(var(--spacing) * 3.5); }
  .pr-4 { padding-right: calc(var(--spacing) * 4); }
  .pr-6 { padding-right: calc(var(--spacing) * 6); }
  .pr-7 { padding-right: calc(var(--spacing) * 7); }
  .pr-8 { padding-right: calc(var(--spacing) * 8); }
  .pr-9 { padding-right: calc(var(--spacing) * 9); }
  .pr-10 { padding-right: calc(var(--spacing) * 10); }
  .pr-12 { padding-right: calc(var(--spacing) * 12); }
  .pr-20 { padding-right: calc(var(--spacing) * 20); }
  .pr-\[var\(--pane-aside-inset\,0px\)\] { padding-right: var(--pane-aside-inset,0px); }
  .pb-0 { padding-bottom: calc(var(--spacing) * 0); }
  .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); }
  .pb-1 { padding-bottom: calc(var(--spacing) * 1); }
  .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); }
  .pb-2 { padding-bottom: calc(var(--spacing) * 2); }
  .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); }
  .pb-3 { padding-bottom: calc(var(--spacing) * 3); }
  .pb-4 { padding-bottom: calc(var(--spacing) * 4); }
  .pb-5 { padding-bottom: calc(var(--spacing) * 5); }
  .pb-6 { padding-bottom: calc(var(--spacing) * 6); }
  .pb-7 { padding-bottom: calc(var(--spacing) * 7); }
  .pb-8 { padding-bottom: calc(var(--spacing) * 8); }
  .pb-10 { padding-bottom: calc(var(--spacing) * 10); }
  .pb-12 { padding-bottom: calc(var(--spacing) * 12); }
  .pb-16 { padding-bottom: calc(var(--spacing) * 16); }
  .pb-\[8vh\] { padding-bottom: 8vh; }
  .pb-\[18px\] { padding-bottom: 18px; }
  .pl-0 { padding-left: calc(var(--spacing) * 0); }
  .pl-0\.5 { padding-left: calc(var(--spacing) * 0.5); }
  .pl-1 { padding-left: calc(var(--spacing) * 1); }
  .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); }
  .pl-2 { padding-left: calc(var(--spacing) * 2); }
  .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); }
  .pl-3 { padding-left: calc(var(--spacing) * 3); }
  .pl-4 { padding-left: calc(var(--spacing) * 4); }
  .pl-5 { padding-left: calc(var(--spacing) * 5); }
  .pl-6 { padding-left: calc(var(--spacing) * 6); }
  .pl-7 { padding-left: calc(var(--spacing) * 7); }
  .pl-8 { padding-left: calc(var(--spacing) * 8); }
  .pl-9 { padding-left: calc(var(--spacing) * 9); }
  .pl-10 { padding-left: calc(var(--spacing) * 10); }
  .pl-11 { padding-left: calc(var(--spacing) * 11); }
  .pl-12 { padding-left: calc(var(--spacing) * 12); }
  .pl-\[1\.375rem\] { padding-left: 1.375rem; }
  .pl-\[3\.6rem\] { padding-left: 3.6rem; }
  .pl-\[13px\] { padding-left: 13px; }
  .pl-\[26px\] { padding-left: 26px; }
  .pl-\[42px\] { padding-left: 42px; }
  .pl-\[50px\] { padding-left: 50px; }
  .text-center { text-align: center; }
  .text-left { text-align: left; }
  .text-right { text-align: right; }
  .text-start { text-align: start; }
  .align-\[-0\.15em\] { vertical-align: -0.15em; }
  .align-baseline { vertical-align: baseline; }
  .align-bottom { vertical-align: bottom; }
  .align-middle { vertical-align: middle; }
  .align-text-bottom { vertical-align: text-bottom; }
  .align-top { vertical-align: top; }
  .font-\[inherit\] { font-family: inherit; }
  .font-mono { font-family: var(--font-mono); }
  .font-sans { font-family: var(--font-sans); }
  .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); }
  .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); }
  .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); }
  .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); }
  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
  .text-sm\/relaxed { font-size: var(--text-sm); line-height: var(--leading-relaxed); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); }
  .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
  .text-\[0\.7rem\] { font-size: 0.7rem; }
  .text-\[0\.8rem\] { font-size: 0.8rem; }
  .text-\[0\.9em\] { font-size: 0.9em; }
  .text-\[0\.625rem\] { font-size: 0.625rem; }
  .text-\[1\.1em\] { font-size: 1.1em; }
  .text-\[1\.15em\] { font-size: 1.15em; }
  .text-\[1\.75rem\] { font-size: 1.75rem; }
  .text-\[6\.5px\] { font-size: 6.5px; }
  .text-\[7\.5px\] { font-size: 7.5px; }
  .text-\[8px\] { font-size: 8px; }
  .text-\[9\.5px\] { font-size: 9.5px; }
  .text-\[9px\] { font-size: 9px; }
  .text-\[10\.5px\] { font-size: 10.5px; }
  .text-\[10px\] { font-size: 10px; }
  .text-\[11px\] { font-size: 11px; }
  .text-\[12\.5px\] { font-size: 12.5px; }
  .text-\[12px\] { font-size: 12px; }
  .text-\[13\.5px\] { font-size: 13.5px; }
  .text-\[13px\] { font-size: 13px; }
  .text-\[14px\] { font-size: 14px; }
  .text-\[15px\] { font-size: 15px; }
  .text-\[17px\] { font-size: 17px; }
  .text-\[22px\] { font-size: 22px; }
  .text-\[26px\] { font-size: 26px; }
  .text-\[32px\] { font-size: 32px; }
  .text-\[36px\] { font-size: 36px; }
  .leading-2\.5 { --tw-leading: calc(var(--spacing) * 2.5); line-height: calc(var(--spacing) * 2.5); }
  .leading-3 { --tw-leading: calc(var(--spacing) * 3); line-height: calc(var(--spacing) * 3); }
  .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); }
  .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); }
  .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }
  .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; }
  .leading-\[1\.12\] { --tw-leading: 1.12; line-height: 1.12; }
  .leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; }
  .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; }
  .leading-\[1\.625\] { --tw-leading: 1.625; line-height: 1.625; }
  .leading-\[1\.4667\] { --tw-leading: 1.4667; line-height: 1.4667; }
  .leading-\[1\.6875rem\] { --tw-leading: 1.6875rem; line-height: 1.6875rem; }
  .leading-\[11px\] { --tw-leading: 11px; line-height: 11px; }
  .leading-\[18px\] { --tw-leading: 18px; line-height: 18px; }
  .leading-\[21px\] { --tw-leading: 21px; line-height: 21px; }
  .leading-none { --tw-leading: 1; line-height: 1; }
  .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); }
  .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
  .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
  .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
  .font-\[450\] { --tw-font-weight: 450; font-weight: 450; }
  .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
  .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; }
  .tracking-\[0\.1em\] { --tw-tracking: 0.1em; letter-spacing: 0.1em; }
  .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; }
  .tracking-\[0\.04em\] { --tw-tracking: 0.04em; letter-spacing: 0.04em; }
  .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; }
  .tracking-\[0\.08em\] { --tw-tracking: 0.08em; letter-spacing: 0.08em; }
  .tracking-\[0\.12em\] { --tw-tracking: 0.12em; letter-spacing: 0.12em; }
  .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; }
  .tracking-\[0\.075em\] { --tw-tracking: 0.075em; letter-spacing: 0.075em; }
  .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); }
  .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
  .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter); }
  .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
  .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
  .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
  .text-balance { text-wrap: balance; }
  .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; }
  .break-words { overflow-wrap: break-word; }
  .wrap-anywhere { overflow-wrap: anywhere; }
  .wrap-break-word { overflow-wrap: break-word; }
  .break-all { word-break: break-all; }
  .text-ellipsis { text-overflow: ellipsis; }
  .whitespace-normal { white-space: normal; }
  .whitespace-nowrap { white-space: nowrap; }
  .whitespace-pre { white-space: pre; }
  .whitespace-pre-line { white-space: pre-line; }
  .whitespace-pre-wrap { white-space: pre-wrap; }
  .text-\[\#0d99ff\] { color: rgb(13, 153, 255); }
  .text-\[\#00a558\] { color: rgb(0, 165, 88); }
  .text-\[\#d97757\] { color: rgb(217, 119, 87); }
  .text-\[\#eae8e6\] { color: rgb(234, 232, 230); }
  .text-\[var\(--sdm-c\,inherit\)\] { color: var(--sdm-c,inherit); }
  .text-accent-foreground { color: var(--accent-foreground); }
  .text-amber-300 { color: var(--color-amber-300); }
  .text-amber-400 { color: var(--color-amber-400); }
  .text-amber-500 { color: var(--color-amber-500); }
  .text-amber-500\/70 {
  color: color-mix(in srgb, oklch(0.769 0.188 70.08) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
}
}
  .text-amber-500\/90 {
  color: color-mix(in srgb, oklch(0.769 0.188 70.08) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-amber-500) 90%, transparent);
}
}
  .text-amber-600 { color: var(--color-amber-600); }
  .text-amber-700 { color: var(--color-amber-700); }
  .text-background { color: var(--background); }
  .text-black { color: var(--color-black); }
  .text-blue-400 { color: var(--color-blue-400); }
  .text-blue-500 { color: var(--color-blue-500); }
  .text-blue-600 { color: var(--color-blue-600); }
  .text-border { color: var(--border); }
  .text-card-foreground { color: var(--card-foreground); }
  .text-current { color: currentcolor; }
  .text-destructive { color: var(--destructive); }
  .text-destructive-foreground { color: var(--destructive-foreground); }
  .text-destructive\/60 {
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--destructive) 60%, transparent);
}
}
  .text-destructive\/70 {
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--destructive) 70%, transparent);
}
}
  .text-destructive\/80 {
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--destructive) 80%, transparent);
}
}
  .text-destructive\/90 {
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
  .text-emerald-300 { color: var(--color-emerald-300); }
  .text-emerald-400 { color: var(--color-emerald-400); }
  .text-emerald-500 { color: var(--color-emerald-500); }
  .text-emerald-500\/90 {
  color: color-mix(in srgb, oklch(0.696 0.17 162.48) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent);
}
}
  .text-emerald-600 { color: var(--color-emerald-600); }
  .text-emerald-600\/80 {
  color: color-mix(in srgb, oklch(0.596 0.145 163.225) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent);
}
}
  .text-emerald-700 { color: var(--color-emerald-700); }
  .text-foreground { color: var(--foreground); }
  .text-foreground\/25 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 25%, transparent);
}
}
  .text-foreground\/30 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
  .text-foreground\/35 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 35%, transparent);
}
}
  .text-foreground\/40 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 40%, transparent);
}
}
  .text-foreground\/45 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 45%, transparent);
}
}
  .text-foreground\/50 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 50%, transparent);
}
}
  .text-foreground\/55 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 55%, transparent);
}
}
  .text-foreground\/60 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
  .text-foreground\/65 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 65%, transparent);
}
}
  .text-foreground\/70 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 70%, transparent);
}
}
  .text-foreground\/75 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 75%, transparent);
}
}
  .text-foreground\/80 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
  .text-foreground\/85 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 85%, transparent);
}
}
  .text-foreground\/90 {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 90%, transparent);
}
}
  .text-gray-400 { color: var(--color-gray-400); }
  .text-green-400 { color: var(--color-green-400); }
  .text-green-500 { color: var(--color-green-500); }
  .text-green-600 { color: var(--color-green-600); }
  .text-green-700 { color: var(--color-green-700); }
  .text-highlight { color: var(--highlight); }
  .text-inherit { color: inherit; }
  .text-input { color: var(--input); }
  .text-link { color: var(--link); }
  .text-muted-foreground { color: var(--muted-foreground); }
  .text-muted-foreground\/30 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
  .text-muted-foreground\/40 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
  .text-muted-foreground\/50 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
  .text-muted-foreground\/55 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 55%, transparent);
}
}
  .text-muted-foreground\/60 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
  .text-muted-foreground\/70 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
  .text-muted-foreground\/80 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
}
}
  .text-muted-foreground\/90 {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 90%, transparent);
}
}
  .text-orange-400 { color: var(--color-orange-400); }
  .text-orange-500 { color: var(--color-orange-500); }
  .text-orange-600 { color: var(--color-orange-600); }
  .text-pink-400 { color: var(--color-pink-400); }
  .text-pink-500 { color: var(--color-pink-500); }
  .text-popover-foreground { color: var(--popover-foreground); }
  .text-primary { color: var(--primary); }
  .text-primary-foreground { color: var(--primary-foreground); }
  .text-primary-foreground\/85 {
  color: var(--primary-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--primary-foreground) 85%, transparent);
}
}
  .text-primary\/80 {
  color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
  .text-purple-400 { color: var(--color-purple-400); }
  .text-purple-500 { color: var(--color-purple-500); }
  .text-purple-600 { color: var(--color-purple-600); }
  .text-purple-700 { color: var(--color-purple-700); }
  .text-red-300\/70 {
  color: color-mix(in srgb, oklch(0.808 0.114 19.571) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-red-300) 70%, transparent);
}
}
  .text-red-400 { color: var(--color-red-400); }
  .text-red-400\/70 {
  color: color-mix(in srgb, oklch(0.704 0.191 22.216) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-red-400) 70%, transparent);
}
}
  .text-red-400\/90 {
  color: color-mix(in srgb, oklch(0.704 0.191 22.216) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-red-400) 90%, transparent);
}
}
  .text-red-500 { color: var(--color-red-500); }
  .text-red-600 { color: var(--color-red-600); }
  .text-red-600\/80 {
  color: color-mix(in srgb, oklch(0.577 0.245 27.325) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-red-600) 80%, transparent);
}
}
  .text-red-700 { color: var(--color-red-700); }
  .text-red-800 { color: var(--color-red-800); }
  .text-rose-500 { color: var(--color-rose-500); }
  .text-rose-600 { color: var(--color-rose-600); }
  .text-secondary-foreground { color: var(--secondary-foreground); }
  .text-secondary-foreground\! { color: var(--secondary-foreground) !important; }
  .text-sidebar-foreground { color: var(--sidebar-foreground); }
  .text-sidebar-foreground\/70 {
  color: var(--sidebar-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
}
}
  .text-sky-500 { color: var(--color-sky-500); }
  .text-sky-700 { color: var(--color-sky-700); }
  .text-success { color: var(--success); }
  .text-transparent { color: transparent; }
  .text-violet-400 { color: var(--color-violet-400); }
  .text-violet-500 { color: var(--color-violet-500); }
  .text-violet-600 { color: var(--color-violet-600); }
  .text-warning { color: var(--warning); }
  .text-white { color: var(--color-white); }
  .text-white\/55 {
  color: color-mix(in srgb, rgb(255, 255, 255) 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 55%, transparent);
}
}
  .text-white\/70 {
  color: color-mix(in srgb, rgb(255, 255, 255) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
  .text-white\/80 {
  color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
  .text-yellow-400 { color: var(--color-yellow-400); }
  .text-yellow-500 { color: var(--color-yellow-500); }
  .text-yellow-600 { color: var(--color-yellow-600); }
  .text-yellow-700 { color: var(--color-yellow-700); }
  .capitalize { text-transform: capitalize; }
  .lowercase { text-transform: lowercase; }
  .normal-case { text-transform: none; }
  .uppercase { text-transform: uppercase; }
  .italic { font-style: italic; }
  .not-italic { font-style: normal; }
  .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); }
  .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); }
  .line-through { text-decoration-line: line-through; }
  .no-underline { text-decoration-line: none; }
  .underline { text-decoration-line: underline; }
  .decoration-current\/40 {
  text-decoration-color: currentcolor;
  @supports (color: color-mix(in lab, red, red)) {
  text-decoration-color: color-mix(currentcolor 40%, transparent);
}
}
  .decoration-foreground\/30 {
  text-decoration-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  text-decoration-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
  .decoration-muted-foreground\/40 {
  text-decoration-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  text-decoration-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
  .underline-offset-2 { text-underline-offset: 2px; }
  .underline-offset-4 { text-underline-offset: 4px; }
  .caret-transparent { caret-color: transparent; }
  .opacity-0 { opacity: 0; }
  .opacity-25 { opacity: 0.25; }
  .opacity-30 { opacity: 0.3; }
  .opacity-35 { opacity: 0.35; }
  .opacity-40 { opacity: 0.4; }
  .opacity-45 { opacity: 0.45; }
  .opacity-50 { opacity: 0.5; }
  .opacity-55 { opacity: 0.55; }
  .opacity-60 { opacity: 0.6; }
  .opacity-70 { opacity: 0.7; }
  .opacity-75 { opacity: 0.75; }
  .opacity-80 { opacity: 0.8; }
  .opacity-85 { opacity: 0.85; }
  .opacity-90 { opacity: 0.9; }
  .opacity-100 { opacity: 1; }
  .opacity-\[0\.08\] { opacity: 0.08; }
  .mix-blend-screen { mix-blend-mode: screen; }
  .shadow { --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); }
  .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[-8px_0_16px_-8px_rgb\(0_0_0\/0\.18\)\] { --tw-shadow: -8px 0 16px -8px var(--tw-shadow-color, rgb(0 0 0/0.18)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --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); }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.12\)\,0_0_0_0\.5px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 0 0 0.5px var(--tw-shadow-color, rgba(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); }
  .shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 1px 4px var(--tw-shadow-color, rgba(0,0,0,0.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_4px_16px_-4px_rgba\(0\,0\,0\,0\.12\)\,0_2px_4px_-2px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 4px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_4px_16px_-4px_rgba\(0\,0\,0\,0\.25\)\,0_2px_4px_-2px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 4px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.25)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[0_4px_18px_-6px_color-mix\(in_srgb\,var\(--foreground\)_7\%\,transparent\)\] {
  --tw-shadow: 0 4px 18px -6px var(--tw-shadow-color, var(--foreground));
  @supports (color: color-mix(in lab, red, red)) {
  --tw-shadow: 0 4px 18px -6px var(--tw-shadow-color, color-mix(in srgb,var(--foreground) 7%,transparent));
}
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
  .shadow-\[0_6px_24px_-10px_rgba\(0\,0\,0\,0\.3\)\] { --tw-shadow: 0 6px 24px -10px var(--tw-shadow-color, rgba(0,0,0,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[inset_0_-1px_0_0_var\(--color-border\)\] { --tw-shadow: inset 0 -1px 0 0 var(--tw-shadow-color, var(--color-border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-\[inset_0_-1px_0_var\(--border\)\] { --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--border)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, 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); }
  .shadow-md { --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); }
  .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, 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); }
  .shadow-xl { --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); }
  .shadow-xs { --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); }
  .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-\[0\.5px\] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-\[1\.5px\] { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
  .ring-\[color-mix\(in_oklab\,var\(--muted\)_30\%\,var\(--background\)\)\] {
  --tw-ring-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab,var(--muted) 30%,var(--background));
}
}
  .ring-accent { --tw-ring-color: var(--accent); }
  .ring-accent\/40 {
  --tw-ring-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
  .ring-amber-500\/35 {
  --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent);
}
}
  .ring-amber-500\/50 {
  --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
}
}
  .ring-background { --tw-ring-color: var(--background); }
  .ring-black\/20 {
  --tw-ring-color: color-mix(in srgb, #000 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
  .ring-blue-500\/70 {
  --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent);
}
}
  .ring-border { --tw-ring-color: var(--border); }
  .ring-border\/40 {
  --tw-ring-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--border) 40%, transparent);
}
}
  .ring-border\/50 {
  --tw-ring-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--border) 50%, transparent);
}
}
  .ring-border\/60 {
  --tw-ring-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent);
}
}
  .ring-card { --tw-ring-color: var(--card); }
  .ring-destructive\/20 {
  --tw-ring-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
  .ring-destructive\/25 {
  --tw-ring-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--destructive) 25%, transparent);
}
}
  .ring-destructive\/35 {
  --tw-ring-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--destructive) 35%, transparent);
}
}
  .ring-emerald-500\/30 {
  --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
  .ring-emerald-500\/70 {
  --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
}
}
  .ring-foreground\/60 {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
  .ring-foreground\/\[0\.06\] {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--foreground) 6%, transparent);
}
}
  .ring-input { --tw-ring-color: var(--input); }
  .ring-popover { --tw-ring-color: var(--popover); }
  .ring-primary { --tw-ring-color: var(--primary); }
  .ring-primary\/30 {
  --tw-ring-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
}
}
  .ring-primary\/40 {
  --tw-ring-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
  .ring-primary\/60 {
  --tw-ring-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
}
}
  .ring-ring { --tw-ring-color: var(--ring); }
  .ring-ring\/50 {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
  .ring-sidebar { --tw-ring-color: var(--sidebar); }
  .ring-sidebar-ring { --tw-ring-color: var(--sidebar-ring); }
  .ring-sky-500\/30 {
  --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent);
}
}
  .ring-white { --tw-ring-color: var(--color-white); }
  .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
  .ring-offset-background { --tw-ring-offset-color: var(--background); }
  .outline-hidden {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline: transparent solid 2px; outline-offset: 2px;
}
}
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; }
  .outline-offset-2 { outline-offset: 2px; }
  .outline-foreground { outline-color: var(--foreground); }
  .outline-transparent { outline-color: transparent; }
  .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .blur-\[5px\] { --tw-blur: blur(5px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .brightness-0 { --tw-brightness: brightness(0%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); 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-saturate-150 { --tw-backdrop-saturate: saturate(150%); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[border-color\,box-shadow\] { transition-property: border-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[border-color\,opacity\] { transition-property: border-color, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[color\,background-color\,opacity\] { transition-property: color, background-color, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[color\,opacity\] { transition-property: color, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[filter\] { transition-property: filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[flex-grow\] { transition-property: flex-grow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[grid-template-rows\,opacity\] { transition-property: grid-template-rows, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[left\,right\,width\] { 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)); }
  .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[opacity\,color\,background-color\] { transition-property: opacity, color, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[opacity\,scale\,color\] { transition-property: opacity, scale, color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[opacity\,transform\] { transition-property: opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[opacity\,translate\,scale\,visibility\] { transition-property: opacity, translate, scale, visibility; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[opacity\,translate\] { transition-property: opacity, translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[opacity\,visibility\] { transition-property: opacity, visibility; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[padding\] { transition-property: padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[stroke-dashoffset\] { transition-property: stroke-dashoffset; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[transform\,box-shadow\] { transition-property: transform, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-\[width\,height\,padding\] { 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)); }
  .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
  .transition-none { transition-property: none; }
  .duration-0 { --tw-duration: 0ms; transition-duration: 0ms; }
  .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; }
  .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; }
  .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; }
  .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; }
  .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; }
  .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; }
  .duration-\[240ms\] { --tw-duration: 240ms; transition-duration: 240ms; }
  .ease-\[cubic-bezier\(\.23\,1\,\.32\,1\)\] { --tw-ease: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .ease-\[cubic-bezier\(0\.4\,0\,1\,1\)\] { --tw-ease: cubic-bezier(0.4,0,1,1); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  .ease-\[cubic-bezier\(0\.22\,1\.1\,0\.36\,1\)\] { --tw-ease: cubic-bezier(0.22,1.1,0.36,1); transition-timing-function: cubic-bezier(0.22, 1.1, 0.36, 1); }
  .ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\] { --tw-ease: cubic-bezier(0.23,1,0.32,1); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }
  .ease-\[ease\] { --tw-ease: ease; transition-timing-function: ease; }
  .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
  .ease-linear { --tw-ease: linear; transition-timing-function: linear; }
  .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
  .will-change-\[opacity\,translate\,scale\] { will-change: opacity, translate, scale; }
  .fade-in-0 { --tw-enter-opacity: 0; }
  .outline-none { --tw-outline-style: none; outline-style: none; }
  .select-all { user-select: all; }
  .select-none { user-select: none; }
  .select-text { user-select: text; }
  .zoom-in-95 { --tw-enter-scale: .95; }
  .\!paused { animation-play-state: paused !important; }
  .\!running { animation-play-state: running !important; }
  .\[--cell-size\:--spacing\(8\)\] { --cell-size: calc(var(--spacing) * 8); }
  .\[--rail\:color-mix\(in_oklab\,var\(--color-foreground\)_14\%\,var\(--color-background\)\)\] {
  --rail: var(--color-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --rail: color-mix(in oklab,var(--color-foreground) 14%,var(--color-background));
}
}
  .\[contain-intrinsic-size\:auto_240px\] { contain-intrinsic-size: auto 240px; }
  .\[contain-intrinsic-size\:auto_320px\] { contain-intrinsic-size: auto 320px; }
  .\[content-visibility\:auto\] { content-visibility: auto; }
  .\[counter-increment\:line_0\] { counter-increment: line 0; }
  .\[counter-reset\:line\] { counter-reset: line 0; }
  .\[direction\:ltr\] { direction: ltr; }
  .\[direction\:rtl\] { direction: rtl; }
  .\[fs\:debug\] { }
  .\[grid-area\:header\] { grid-area: header; }
  .\[grid-area\:main\] { grid-area: main; }
  .\[grid-area\:side-header\] { grid-area: side-header; }
  .\[grid-area\:side\] { grid-area: side; }
  .\[grid-template-areas\:\'header_side-header\'_\'main_main\'_\'side_side\'\] { grid-template-areas: "header side-header" "main main" "side side"; }
  .\[overflow-anchor\:none\] { overflow-anchor: none; }
  .\[scrollbar-gutter\:stable_both-edges\] { scrollbar-gutter: stable both-edges; }
  .\[scrollbar-width\:none\] { scrollbar-width: none; }
  .fade-in { --tw-enter-opacity: 0; }
  .paused { animation-play-state: paused; }
  .ring-inset { --tw-ring-inset: inset; }
  .running { animation-play-state: running; }
  .slide-in-from-bottom-1 { --tw-enter-translate-y: calc(1*var(--spacing)); }
  .slide-in-from-bottom-2 { --tw-enter-translate-y: calc(2*var(--spacing)); }
  .slide-in-from-top-2 { --tw-enter-translate-y: calc(2*var(--spacing)*-1); }
  .\*\:rounded-\[22\%\] {
  :is(& > *) { border-radius: 22%; }
}
  .\*\:\[grid-area\:1\/1\] {
  :is(& > *) { grid-area: 1 / 1; }
}
  .not-first\:mt-1 {
  &:not(:first-child) { margin-top: calc(var(--spacing) * 1); }
}
  .not-first\:border-t {
  &:not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 1px; }
}
  .not-first\:pt-1 {
  &:not(:first-child) { padding-top: calc(var(--spacing) * 1); }
}
  .group-first\/row\:border-t-0 {
  &:is(:where(.group\/row):first-child *) { border-top-style: var(--tw-border-style); border-top-width: 0px; }
}
  .group-focus-within\:pointer-events-auto {
  &:is(:where(.group):focus-within *) { pointer-events: auto; }
}
  .group-focus-within\:invisible {
  &:is(:where(.group):focus-within *) { visibility: hidden; }
}
  .group-focus-within\:flex {
  &:is(:where(.group):focus-within *) { display: flex; }
}
  .group-focus-within\:hidden {
  &:is(:where(.group):focus-within *) { display: none; }
}
  .group-focus-within\:opacity-0 {
  &:is(:where(.group):focus-within *) { opacity: 0; }
}
  .group-focus-within\:opacity-100 {
  &:is(:where(.group):focus-within *) { opacity: 1; }
}
  .group-focus-within\/command-row\:opacity-100 {
  &:is(:where(.group\/command-row):focus-within *) { opacity: 1; }
}
  .group-focus-within\/menu-item\:opacity-100 {
  &:is(:where(.group\/menu-item):focus-within *) { opacity: 1; }
}
  .group-focus-within\/row\:visible {
  &:is(:where(.group\/row):focus-within *) { visibility: visible; }
}
  .group-focus-within\/star-toast\:opacity-100 {
  &:is(:where(.group\/star-toast):focus-within *) { opacity: 1; }
}
  .group-focus-within\/toast\:opacity-100 {
  &:is(:where(.group\/toast):focus-within *) { opacity: 1; }
}
  .group-focus-within\/toast\:opacity-100\! {
  &:is(:where(.group\/toast):focus-within *) { opacity: 1 !important; }
}
  .group-focus-within\/tool\:opacity-100 {
  &:is(:where(.group\/tool):focus-within *) { opacity: 1; }
}
  .group-hover\:pointer-events-auto {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  pointer-events: auto;
}
}
}
  .group-hover\:invisible {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  visibility: hidden;
}
}
}
  .group-hover\:visible {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  visibility: visible;
}
}
}
  .group-hover\:block {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  display: block;
}
}
}
  .group-hover\:flex {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  display: flex;
}
}
}
  .group-hover\:hidden {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  display: none;
}
}
}
  .group-hover\:inline-flex {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  display: inline-flex;
}
}
}
  .group-hover\:translate-x-0\.5 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .group-hover\:translate-x-px {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .group-hover\:-translate-y-px {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .group-hover\:scale-\[1\.04\] {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  scale: 1.04;
}
}
}
  .group-hover\:border-foreground\/40 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 40%, transparent);
}
}
}
}
  .group-hover\:border-muted-foreground\/70 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
}
}
  .group-hover\:bg-accent {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
  .group-hover\:bg-accent\/40 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
}
}
  .group-hover\:bg-accent\/80 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 80%, transparent);
}
}
}
}
  .group-hover\:bg-foreground\/20 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
}
}
}
  .group-hover\:bg-highlight {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  background-color: var(--highlight);
}
}
}
  .group-hover\:bg-secondary\/80 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
}
}
  .group-hover\:fill-amber-400\/70 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  fill: color-mix(in srgb, oklch(0.828 0.189 84.429) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  fill: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
}
}
}
}
  .group-hover\:text-amber-400\/70 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: color-mix(in srgb, oklch(0.828 0.189 84.429) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
}
}
}
}
  .group-hover\:text-foreground {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--foreground);
}
}
}
  .group-hover\:text-foreground\/60 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
}
}
  .group-hover\:text-foreground\/75 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 75%, transparent);
}
}
}
}
  .group-hover\:text-highlight-foreground {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--highlight-foreground);
}
}
}
  .group-hover\:text-muted-foreground {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  color: var(--muted-foreground);
}
}
}
  .group-hover\:opacity-0 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  opacity: 0;
}
}
}
  .group-hover\:opacity-60 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  opacity: 0.6;
}
}
}
  .group-hover\:opacity-90 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  opacity: 0.9;
}
}
}
  .group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\:brightness-150 {
  &:is(:where(.group):hover *) {
  @media (hover: hover) {
  --tw-brightness: brightness(150%); 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,);
}
}
}
  .group-hover\/addrepo\:block {
  &:is(:where(.group\/addrepo):hover *) {
  @media (hover: hover) {
  display: block;
}
}
}
  .group-hover\/addrepo\:hidden {
  &:is(:where(.group\/addrepo):hover *) {
  @media (hover: hover) {
  display: none;
}
}
}
  .group-hover\/attachment\:opacity-100 {
  &:is(:where(.group\/attachment):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/branch\:opacity-100 {
  &:is(:where(.group\/branch):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/check\:opacity-100 {
  &:is(:where(.group\/check):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/chip\:flex {
  &:is(:where(.group\/chip):hover *) {
  @media (hover: hover) {
  display: flex;
}
}
}
  .group-hover\/chip\:\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-34px\)\,transparent_calc\(100\%-26px\)\)\] {
  &:is(:where(.group\/chip):hover *) {
  @media (hover: hover) {
  mask-image: linear-gradient(to right, black calc(100% - 34px), transparent calc(100% - 26px));
}
}
}
  .group-hover\/command-row\:opacity-100 {
  &:is(:where(.group\/command-row):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/comment\:opacity-100 {
  &:is(:where(.group\/comment):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/filename\:opacity-100 {
  &:is(:where(.group\/filename):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/header\:flex {
  &:is(:where(.group\/header):hover *) {
  @media (hover: hover) {
  display: flex;
}
}
}
  .group-hover\/header\:opacity-100 {
  &:is(:where(.group\/header):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/image\:opacity-100 {
  &:is(:where(.group\/image):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/menu-item\:opacity-100 {
  &:is(:where(.group\/menu-item):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/message\:opacity-100 {
  &:is(:where(.group\/message):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/msg\:pointer-events-auto {
  &:is(:where(.group\/msg):hover *) {
  @media (hover: hover) {
  pointer-events: auto;
}
}
}
  .group-hover\/msg\:opacity-100 {
  &:is(:where(.group\/msg):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/panel-resizer\:opacity-100 {
  &:is(:where(.group\/panel-resizer):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/phase\:text-foreground\/80 {
  &:is(:where(.group\/phase):hover *) {
  @media (hover: hover) {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
}
}
  .group-hover\/phase\:opacity-0 {
  &:is(:where(.group\/phase):hover *) {
  @media (hover: hover) {
  opacity: 0;
}
}
}
  .group-hover\/phase\:opacity-100 {
  &:is(:where(.group\/phase):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/pill\:opacity-100 {
  &:is(:where(.group\/pill):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/port\:opacity-100 {
  &:is(:where(.group\/port):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/row\:visible {
  &:is(:where(.group\/row):hover *) {
  @media (hover: hover) {
  visibility: visible;
}
}
}
  .group-hover\/row\:opacity-100 {
  &:is(:where(.group\/row):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/star-toast\:opacity-100 {
  &:is(:where(.group\/star-toast):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/tab\:pointer-events-auto {
  &:is(:where(.group\/tab):hover *) {
  @media (hover: hover) {
  pointer-events: auto;
}
}
}
  .group-hover\/tab\:opacity-100 {
  &:is(:where(.group\/tab):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/task-row\:flex {
  &:is(:where(.group\/task-row):hover *) {
  @media (hover: hover) {
  display: flex;
}
}
}
  .group-hover\/task-row\:\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-30px\)\,transparent_calc\(100\%-22px\)\)\] {
  &:is(:where(.group\/task-row):hover *) {
  @media (hover: hover) {
  mask-image: linear-gradient(to right, black calc(100% - 30px), transparent calc(100% - 22px));
}
}
}
  .group-hover\/thumb\:opacity-100 {
  &:is(:where(.group\/thumb):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/toast\:opacity-100\! {
  &:is(:where(.group\/toast):hover *) {
  @media (hover: hover) {
  opacity: 1 !important;
}
}
}
  .group-hover\/tool\:opacity-100 {
  &:is(:where(.group\/tool):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-hover\/wsheader\:opacity-100 {
  &:is(:where(.group\/wsheader):hover *) {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .group-focus-visible\:visible {
  &:is(:where(.group):focus-visible *) { visibility: visible; }
}
  .group-focus-visible\:opacity-100 {
  &:is(:where(.group):focus-visible *) { opacity: 1; }
}
  .group-focus-visible\/panel-resizer\:opacity-100 {
  &:is(:where(.group\/panel-resizer):focus-visible *) { opacity: 1; }
}
  .group-active\:fill-amber-400 {
  &:is(:where(.group):active *) { fill: var(--color-amber-400); }
}
  .group-active\:text-amber-400 {
  &:is(:where(.group):active *) { color: var(--color-amber-400); }
}
  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8 {
  &:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); }
}
  .group-has-\[\:focus\]\:flex {
  &:is(:where(.group):has(:is(:focus)) *) { display: flex; }
}
  .group-has-\[\:focus-visible\]\:flex {
  &:is(:where(.group):has(:is(:focus-visible)) *) { display: flex; }
}
  .group-has-\[\:focus-visible\]\:hidden {
  &:is(:where(.group):has(:is(:focus-visible)) *) { display: none; }
}
  .group-has-\[\:focus-visible\]\/chip\:flex {
  &:is(:where(.group\/chip):has(:is(:focus-visible)) *) { display: flex; }
}
  .group-has-\[\:focus-visible\]\/chip\:\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-34px\)\,transparent_calc\(100\%-26px\)\)\] {
  &:is(:where(.group\/chip):has(:is(:focus-visible)) *) { mask-image: linear-gradient(to right, black calc(100% - 34px), transparent calc(100% - 26px)); }
}
  .group-has-\[\:focus-visible\]\/task-row\:flex {
  &:is(:where(.group\/task-row):has(:is(:focus-visible)) *) { display: flex; }
}
  .group-has-\[\:focus-visible\]\/task-row\:\[mask-image\:linear-gradient\(to_right\,black_calc\(100\%-30px\)\,transparent_calc\(100\%-22px\)\)\] {
  &:is(:where(.group\/task-row):has(:is(:focus-visible)) *) { mask-image: linear-gradient(to right, black calc(100% - 30px), transparent calc(100% - 22px)); }
}
  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance {
  &:is(:where(.group\/field):has(:is([data-orientation="horizontal"])) *) { text-wrap: balance; }
}
  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5 {
  &:is(:where(.group\/item):has(:is([data-slot="item-description"])) *) { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start {
  &:is(:where(.group\/item):has(:is([data-slot="item-description"])) *) { align-self: flex-start; }
}
  .group-has-\[\[data-state\=open\]\]\:invisible {
  &:is(:where(.group):has(:is([data-state="open"])) *) { visibility: hidden; }
}
  .group-has-\[\[data-state\=open\]\]\:hidden {
  &:is(:where(.group):has(:is([data-state="open"])) *) { display: none; }
}
  .group-has-\[\>input\]\/input-group\:pt-2\.5 {
  &:is(:where(.group\/input-group):has(> input) *) { padding-top: calc(var(--spacing) * 2.5); }
}
  .group-has-\[\>input\]\/input-group\:pb-2\.5 {
  &:is(:where(.group\/input-group):has(> input) *) { padding-bottom: calc(var(--spacing) * 2.5); }
}
  .group-data-\[collapsible\=icon\]\:-mt-8 {
  &:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); }
}
  .group-data-\[collapsible\=icon\]\:hidden {
  &:is(:where(.group)[data-collapsible="icon"] *) { display: none; }
}
  .group-data-\[collapsible\=icon\]\:size-8\! {
  &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; }
}
  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\) {
  &:is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); }
}
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\] {
  &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4))); }
}
  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\] {
  &:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px); }
}
  .group-data-\[collapsible\=icon\]\:overflow-hidden {
  &:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; }
}
  .group-data-\[collapsible\=icon\]\:p-0\! {
  &:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; }
}
  .group-data-\[collapsible\=icon\]\:p-2\! {
  &:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; }
}
  .group-data-\[collapsible\=icon\]\:opacity-0 {
  &:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; }
}
  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); }
}
  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); }
}
  .group-data-\[collapsible\=offcanvas\]\:w-0 {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing) * 0); }
}
  .group-data-\[collapsible\=offcanvas\]\:translate-x-0 {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .group-data-\[disabled\=true\]\:pointer-events-none {
  &:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; }
}
  .group-data-\[disabled\=true\]\:opacity-50 {
  &:is(:where(.group)[data-disabled="true"] *) { opacity: 0.5; }
}
  .group-data-\[disabled\=true\]\/field\:opacity-50 {
  &:is(:where(.group\/field)[data-disabled="true"] *) { opacity: 0.5; }
}
  .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
  &:is(:where(.group\/input-group)[data-disabled="true"] *) { opacity: 0.5; }
}
  .group-data-\[focused\=true\]\/day\:relative {
  &:is(:where(.group\/day)[data-focused="true"] *) { position: relative; }
}
  .group-data-\[focused\=true\]\/day\:z-10 {
  &:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; }
}
  .group-data-\[focused\=true\]\/day\:border-ring {
  &:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); }
}
  .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  &:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
  &: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);
}
}
}
  .group-data-\[selected\=true\]\:block {
  &:is(:where(.group)[data-selected="true"] *) { display: block; }
}
  .group-data-\[selected\=true\]\:hidden {
  &:is(:where(.group)[data-selected="true"] *) { display: none; }
}
  .group-data-\[selected\=true\]\:inline {
  &:is(:where(.group)[data-selected="true"] *) { display: inline; }
}
  .group-data-\[selected\=true\]\:inline-flex {
  &:is(:where(.group)[data-selected="true"] *) { display: inline-flex; }
}
  .group-data-\[side\=left\]\:-right-4 {
  &:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); }
}
  .group-data-\[side\=left\]\:border-r {
  &:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; }
}
  .group-data-\[side\=right\]\:left-0 {
  &:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); }
}
  .group-data-\[side\=right\]\:rotate-180 {
  &:is(:where(.group)[data-side="right"] *) { rotate: 180deg; }
}
  .group-data-\[side\=right\]\:border-l {
  &:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; }
}
  .group-data-\[state\=checked\]\:visible {
  &:is(:where(.group)[data-state="checked"] *) { visibility: visible; }
}
  .group-data-\[state\=closed\]\:-rotate-90 {
  &:is(:where(.group)[data-state="closed"] *) { rotate: calc(-90deg); }
}
  .group-data-\[state\=open\]\:rotate-180 {
  &:is(:where(.group)[data-state="open"] *) { rotate: 180deg; }
}
  .group-data-\[state\=open\]\:opacity-100 {
  &:is(:where(.group)[data-state="open"] *) { opacity: 1; }
}
  .group-data-\[state\=open\]\/app\:rotate-90 {
  &:is(:where(.group\/app)[data-state="open"] *) { rotate: 90deg; }
}
  .group-data-\[state\=open\]\/section\:rotate-90 {
  &:is(:where(.group\/section)[data-state="open"] *) { rotate: 90deg; }
}
  .group-data-\[variant\=floating\]\:rounded-lg {
  &:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); }
}
  .group-data-\[variant\=floating\]\:border {
  &:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; }
}
  .group-data-\[variant\=floating\]\:border-sidebar-border {
  &:is(:where(.group)[data-variant="floating"] *) { border-color: var(--sidebar-border); }
}
  .group-data-\[variant\=floating\]\:shadow-sm {
  &: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); }
}
  .group-data-\[variant\=outline\]\/field-group\:-mb-2 {
  &:is(:where(.group\/field-group)[data-variant="outline"] *) { margin-bottom: calc(var(--spacing) * -2); }
}
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block {
  &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { display: block; }
}
  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center {
  &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) { text-align: center; }
}
  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center {
  &:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) { text-align: center; }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:top-full {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { top: 100%; }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5 {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { margin-top: calc(var(--spacing) * 1.5); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { overflow: hidden; }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-radius: calc(var(--radius) - 2px); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:border {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { border-style: var(--tw-border-style); border-width: 1px; }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { background-color: var(--popover); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { color: var(--popover-foreground); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
  &: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); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) { --tw-duration: 200ms; transition-duration: 200ms; }
}
  .group-\[\.is-assistant\]\:w-full {
  &:is(:where(.group):is(.is-assistant) *) { width: 100%; }
}
  .group-\[\.is-assistant\]\:text-foreground {
  &:is(:where(.group):is(.is-assistant) *) { color: var(--foreground); }
}
  .group-\[\.is-user\]\:ml-auto {
  &:is(:where(.group):is(.is-user) *) { margin-left: auto; }
}
  .group-\[\.is-user\]\:w-fit {
  &:is(:where(.group):is(.is-user) *) { width: fit-content; }
}
  .group-\[\.is-user\]\:rounded-full {
  &:is(:where(.group):is(.is-user) *) { border-radius: calc(infinity * 1px); }
}
  .group-\[\.is-user\]\:rounded-lg {
  &:is(:where(.group):is(.is-user) *) { border-radius: var(--radius); }
}
  .group-\[\.is-user\]\:rounded-xl {
  &:is(:where(.group):is(.is-user) *) { border-radius: calc(var(--radius) + 4px); }
}
  .group-\[\.is-user\]\:bg-foreground\/10 {
  &:is(:where(.group):is(.is-user) *) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
}
  .group-\[\.is-user\]\:bg-secondary {
  &:is(:where(.group):is(.is-user) *) { background-color: var(--secondary); }
}
  .group-\[\.is-user\]\:px-3 {
  &:is(:where(.group):is(.is-user) *) { padding-inline: calc(var(--spacing) * 3); }
}
  .group-\[\.is-user\]\:px-4 {
  &:is(:where(.group):is(.is-user) *) { padding-inline: calc(var(--spacing) * 4); }
}
  .group-\[\.is-user\]\:py-2 {
  &:is(:where(.group):is(.is-user) *) { padding-block: calc(var(--spacing) * 2); }
}
  .group-\[\.is-user\]\:py-3 {
  &:is(:where(.group):is(.is-user) *) { padding-block: calc(var(--spacing) * 3); }
}
  .group-\[\.is-user\]\:text-foreground {
  &:is(:where(.group):is(.is-user) *) { color: var(--foreground); }
}
  .group-\[\:focus-within\:not\(\:focus\:not\(\:focus-visible\)\)\]\:invisible {
  &:is(:where(.group):is(:focus-within:not(:focus:not(:focus-visible))) *) { visibility: hidden; }
}
  .group-\[\:focus-within\:not\(\:focus\:not\(\:focus-visible\)\)\]\:flex {
  &:is(:where(.group):is(:focus-within:not(:focus:not(:focus-visible))) *) { display: flex; }
}
  .group-\[\:focus-within\:not\(\:focus\:not\(\:focus-visible\)\)\]\:hidden {
  &:is(:where(.group):is(:focus-within:not(:focus:not(:focus-visible))) *) { display: none; }
}
  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
  &:is(:where(.peer\/menu-button):hover ~ *) {
  @media (hover: hover) {
  color: var(--sidebar-accent-foreground);
}
}
}
  .peer-disabled\:cursor-not-allowed {
  &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
}
  .peer-disabled\:opacity-50 {
  &:is(:where(.peer):disabled ~ *) { opacity: 0.5; }
}
  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
  &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) { color: var(--sidebar-accent-foreground); }
}
  .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
  &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); }
}
  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 {
  &:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); }
}
  .peer-data-\[size\=sm\]\/menu-button\:top-1 {
  &:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing) * 1); }
}
  .first-letter\:uppercase {
  &::first-letter { text-transform: uppercase; }
}
  .selection\:bg-primary {
  & ::selection { background-color: var(--primary); }
  &::selection { background-color: var(--primary); }
}
  .selection\:text-primary-foreground {
  & ::selection { color: var(--primary-foreground); }
  &::selection { color: var(--primary-foreground); }
}
  .file\:inline-flex {
  &::file-selector-button { display: inline-flex; }
}
  .file\:h-7 {
  &::file-selector-button { height: calc(var(--spacing) * 7); }
}
  .file\:border-0 {
  &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; }
}
  .file\:bg-transparent {
  &::file-selector-button { background-color: transparent; }
}
  .file\:text-sm {
  &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
  .file\:font-medium {
  &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
  .file\:text-foreground {
  &::file-selector-button { color: var(--foreground); }
}
  .placeholder\:text-muted-foreground {
  &::placeholder { color: var(--muted-foreground); }
}
  .placeholder\:text-muted-foreground\/40 {
  &::placeholder {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
}
}
}
  .placeholder\:text-muted-foreground\/50 {
  &::placeholder {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
}
  .placeholder\:text-muted-foreground\/60 {
  &::placeholder {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
}
  .placeholder\:text-muted-foreground\/70 {
  &::placeholder {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
}
  .before\:absolute {
  &::before { content: var(--tw-content); position: absolute; }
}
  .before\:top-0 {
  &::before { content: var(--tw-content); top: calc(var(--spacing) * 0); }
}
  .before\:left-\[6px\] {
  &::before { content: var(--tw-content); left: 6px; }
}
  .before\:mr-4 {
  &::before { content: var(--tw-content); margin-right: calc(var(--spacing) * 4); }
}
  .before\:inline-block {
  &::before { content: var(--tw-content); display: inline-block; }
}
  .before\:h-full {
  &::before { content: var(--tw-content); height: 100%; }
}
  .before\:w-6 {
  &::before { content: var(--tw-content); width: calc(var(--spacing) * 6); }
}
  .before\:w-px {
  &::before { content: var(--tw-content); width: 1px; }
}
  .before\:animate-\[ascii-bar_480ms_step-end_infinite\] {
  &::before { content: var(--tw-content); animation: 480ms step-end 0s infinite normal none running ascii-bar; }
}
  .before\:animate-braille-spin {
  &::before { content: var(--tw-content); animation: 0.8s step-end 0s infinite normal none running braille-spin; }
}
  .before\:bg-\(--rail\) {
  &::before { content: var(--tw-content); background-color: var(--rail); }
}
  .before\:text-right {
  &::before { content: var(--tw-content); text-align: right; }
}
  .before\:font-mono {
  &::before { content: var(--tw-content); font-family: var(--font-mono); }
}
  .before\:text-\[13px\] {
  &::before { content: var(--tw-content); font-size: 13px; }
}
  .before\:text-muted-foreground\/50 {
  &::before {
  content: var(--tw-content); color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
}
}
}
  .before\:content-\[counter\(line\)\] {
  &::before { --tw-content: counter(line); content: var(--tw-content); }
}
  .before\:content-\[var\(--bidi-mark\)\] {
  &::before { --tw-content: var(--bidi-mark); content: var(--tw-content); }
}
  .before\:select-none {
  &::before { content: var(--tw-content); user-select: none; }
}
  .before\:\[counter-increment\:line\] {
  &::before { content: var(--tw-content); counter-increment: line 1; }
}
  .after\:pointer-events-none {
  &::after { content: var(--tw-content); pointer-events: none; }
}
  .after\:absolute {
  &::after { content: var(--tw-content); position: absolute; }
}
  .after\:-inset-2 {
  &::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); }
}
  .after\:inset-0 {
  &::after { content: var(--tw-content); inset: calc(var(--spacing) * 0); }
}
  .after\:inset-x-0 {
  &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); }
}
  .after\:inset-x-1\.5 {
  &::after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 1.5); }
}
  .after\:inset-y-0 {
  &::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); }
}
  .after\:top-0 {
  &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); }
}
  .after\:top-1\/2 {
  &::after { content: var(--tw-content); top: calc(50%); }
}
  .after\:top-\[6px\] {
  &::after { content: var(--tw-content); top: 6px; }
}
  .after\:right-0 {
  &::after { content: var(--tw-content); right: calc(var(--spacing) * 0); }
}
  .after\:right-2 {
  &::after { content: var(--tw-content); right: calc(var(--spacing) * 2); }
}
  .after\:-bottom-1\.5 {
  &::after { content: var(--tw-content); bottom: calc(var(--spacing) * -1.5); }
}
  .after\:-bottom-px {
  &::after { content: var(--tw-content); bottom: -1px; }
}
  .after\:bottom-0 {
  &::after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); }
}
  .after\:left-0 {
  &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); }
}
  .after\:left-1\/2 {
  &::after { content: var(--tw-content); left: calc(50%); }
}
  .after\:left-2 {
  &::after { content: var(--tw-content); left: calc(var(--spacing) * 2); }
}
  .after\:left-\[6px\] {
  &::after { content: var(--tw-content); left: 6px; }
}
  .after\:size-2 {
  &::after { content: var(--tw-content); width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); }
}
  .after\:h-0\.5 {
  &::after { content: var(--tw-content); height: calc(var(--spacing) * 0.5); }
}
  .after\:h-full {
  &::after { content: var(--tw-content); height: 100%; }
}
  .after\:h-px {
  &::after { content: var(--tw-content); height: 1px; }
}
  .after\:w-1 {
  &::after { content: var(--tw-content); width: calc(var(--spacing) * 1); }
}
  .after\:w-2 {
  &::after { content: var(--tw-content); width: calc(var(--spacing) * 2); }
}
  .after\:w-\[2px\] {
  &::after { content: var(--tw-content); width: 2px; }
}
  .after\:w-px {
  &::after { content: var(--tw-content); width: 1px; }
}
  .after\:-translate-x-1\/2 {
  &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .after\:-translate-y-1\/2 {
  &::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .after\:rounded-full {
  &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); }
}
  .after\:rounded-lg {
  &::after { content: var(--tw-content); border-radius: var(--radius); }
}
  .after\:rounded-bl-\[8px\] {
  &::after { content: var(--tw-content); border-bottom-left-radius: 8px; }
}
  .after\:border-b {
  &::after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
}
  .after\:border-l {
  &::after { content: var(--tw-content); border-left-style: var(--tw-border-style); border-left-width: 1px; }
}
  .after\:border-\(--rail\) {
  &::after { content: var(--tw-content); border-color: var(--rail); }
}
  .after\:bg-border {
  &::after { content: var(--tw-content); background-color: var(--border); }
}
  .after\:bg-fill-hover {
  &::after { content: var(--tw-content); background-color: var(--fill-hover); }
}
  .after\:bg-foreground {
  &::after { content: var(--tw-content); background-color: var(--foreground); }
}
  .after\:bg-transparent {
  &::after { content: var(--tw-content); background-color: transparent; }
}
  .after\:opacity-0 {
  &::after { content: var(--tw-content); opacity: 0; }
}
  .after\:transition-colors {
  &::after { content: var(--tw-content); 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)); }
}
  .after\:transition-opacity {
  &::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }
}
  .after\:content-\[var\(--bidi-mark\)\] {
  &::after { --tw-content: var(--bidi-mark); content: var(--tw-content); }
}
  .group-data-\[collapsible\=offcanvas\]\:after\:left-full {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) {
  &::after { content: var(--tw-content); left: 100%; }
}
}
  .first\:mt-0 {
  &:first-child { margin-top: calc(var(--spacing) * 0); }
}
  .first\:rounded-l-md {
  &:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
}
  .first\:border-t-0 {
  &:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; }
}
  .first\:border-l {
  &:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; }
}
  .first\:pt-0 {
  &:first-child { padding-top: calc(var(--spacing) * 0); }
}
  .first\:pt-1 {
  &:first-child { padding-top: calc(var(--spacing) * 1); }
}
  .first\:pt-3 {
  &:first-child { padding-top: calc(var(--spacing) * 3); }
}
  .first\:pl-0 {
  &:first-child { padding-left: calc(var(--spacing) * 0); }
}
  .first\:before\:pointer-events-none {
  &:first-child {
  &::before { content: var(--tw-content); pointer-events: none; }
}
}
  .first\:before\:float-left {
  &:first-child {
  &::before { content: var(--tw-content); float: left; }
}
}
  .first\:before\:h-0 {
  &:first-child {
  &::before { content: var(--tw-content); height: calc(var(--spacing) * 0); }
}
}
  .first\:before\:text-muted-foreground {
  &:first-child {
  &::before { content: var(--tw-content); color: var(--muted-foreground); }
}
}
  .first\:before\:content-\[attr\(data-placeholder\)\] {
  &:first-child {
  &::before { --tw-content: attr(data-placeholder); content: var(--tw-content); }
}
}
  .last\:mt-0 {
  &:last-child { margin-top: calc(var(--spacing) * 0); }
}
  .last\:mb-0 {
  &:last-child { margin-bottom: calc(var(--spacing) * 0); }
}
  .last\:rounded-r-md {
  &:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
}
  .last\:border-b-0 {
  &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
}
  .last\:pr-0 {
  &:last-child { padding-right: calc(var(--spacing) * 0); }
}
  .last\:pb-3 {
  &:last-child { padding-bottom: calc(var(--spacing) * 3); }
}
  .last\:before\:h-\[7px\] {
  &:last-child {
  &::before { content: var(--tw-content); height: 7px; }
}
}
  .empty\:hidden {
  &:empty { display: none; }
}
  .focus-within\:border-foreground\/25 {
  &:focus-within {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
}
}
}
  .focus-within\:border-ring {
  &:focus-within { border-color: var(--ring); }
}
  .focus-within\:bg-foreground\/\[0\.04\] {
  &:focus-within {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
}
}
}
  .focus-within\:opacity-100 {
  &:focus-within { opacity: 1; }
}
  .focus-within\:ring-1 {
  &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus-within\:ring-2 {
  &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus-within\:ring-\[3px\] {
  &: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); }
}
  .focus-within\:ring-ring {
  &:focus-within { --tw-ring-color: var(--ring); }
}
  .focus-within\:ring-ring\/40 {
  &:focus-within {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
}
}
}
  .focus-within\:ring-ring\/50 {
  &: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);
}
}
}
  .hover\:-translate-y-0\.5 {
  &:hover {
  @media (hover: hover) {
  --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
}
  .hover\:scale-110 {
  &:hover {
  @media (hover: hover) {
  --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
  .hover\:border-solid {
  &:hover {
  @media (hover: hover) {
  --tw-border-style: solid; border-style: solid;
}
}
}
  .hover\:border-border {
  &:hover {
  @media (hover: hover) {
  border-color: var(--border);
}
}
}
  .hover\:border-border\/80 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--border) 80%, transparent);
}
}
}
}
  .hover\:border-destructive\/50 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
}
}
  .hover\:border-foreground\/25 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 25%, transparent);
}
}
}
}
  .hover\:border-muted-foreground\/30 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
}
}
}
}
  .hover\:border-muted-foreground\/60 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
}
}
  .hover\:border-muted-foreground\/70 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
}
}
  .hover\:border-ring\/60 {
  &:hover {
  @media (hover: hover) {
  border-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--ring) 60%, transparent);
}
}
}
}
  .hover\:bg-\[\#0d99ff\]\/90 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(rgb(13, 153, 255) 90%, transparent);
}
}
}
  .hover\:bg-accent {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
  .hover\:bg-accent\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 30%, transparent);
}
}
}
}
  .hover\:bg-accent\/40 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
}
}
  .hover\:bg-accent\/50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
}
  .hover\:bg-accent\/60 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
}
}
  .hover\:bg-accent\/70 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 70%, transparent);
}
}
}
}
  .hover\:bg-accent\/80 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 80%, transparent);
}
}
}
}
  .hover\:bg-amber-400\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.828 0.189 84.429) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
}
}
}
}
  .hover\:bg-amber-500\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
}
}
}
}
  .hover\:bg-amber-500\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
}
}
  .hover\:bg-background {
  &:hover {
  @media (hover: hover) {
  background-color: var(--background);
}
}
}
  .hover\:bg-background\/50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 50%, transparent);
}
}
}
}
  .hover\:bg-background\/60 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 60%, transparent);
}
}
}
}
  .hover\:bg-blue-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-blue-500);
}
}
}
  .hover\:bg-destructive\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
}
}
  .hover\:bg-destructive\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
  .hover\:bg-destructive\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
}
}
}
}
  .hover\:bg-destructive\/90 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
}
}
  .hover\:bg-emerald-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-emerald-500);
}
}
}
  .hover\:bg-emerald-500\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
}
}
}
}
  .hover\:bg-emerald-500\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
}
}
}
}
  .hover\:bg-emerald-500\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);
}
}
}
}
  .hover\:bg-emerald-500\/\[0\.12\] {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 12%, transparent);
}
}
}
}
  .hover\:bg-fill-hover {
  &:hover {
  @media (hover: hover) {
  background-color: var(--fill-hover);
}
}
}
  .hover\:bg-fill-hover\/40 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--fill-hover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--fill-hover) 40%, transparent);
}
}
}
}
  .hover\:bg-fill-hover\/60 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--fill-hover);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--fill-hover) 60%, transparent);
}
}
}
}
  .hover\:bg-fill-selected {
  &:hover {
  @media (hover: hover) {
  background-color: var(--fill-selected);
}
}
}
  .hover\:bg-foreground\/5 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
}
}
  .hover\:bg-foreground\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
}
}
  .hover\:bg-foreground\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
}
}
  .hover\:bg-foreground\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.03\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 3%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.04\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 4%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.05\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.06\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 6%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.07\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 7.000000000000001%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.08\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 8%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.09\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 9%, transparent);
}
}
}
}
  .hover\:bg-foreground\/\[0\.12\] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 12%, transparent);
}
}
}
}
  .hover\:bg-muted {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
}
}
}
  .hover\:bg-muted-foreground\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
}
}
}
}
  .hover\:bg-muted-foreground\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
}
}
}
}
  .hover\:bg-muted\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 20%, transparent);
}
}
}
}
  .hover\:bg-muted\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
}
}
  .hover\:bg-muted\/40 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 40%, transparent);
}
}
}
}
  .hover\:bg-muted\/50 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
}
  .hover\:bg-muted\/60 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
}
}
  .hover\:bg-muted\/70 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 70%, transparent);
}
}
}
}
  .hover\:bg-neutral-400 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-neutral-400);
}
}
}
  .hover\:bg-primary\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 20%, transparent);
}
}
}
}
  .hover\:bg-primary\/90 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
}
}
  .hover\:bg-purple-500\/30 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.627 0.265 303.9) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent);
}
}
}
}
  .hover\:bg-red-500 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--color-red-500);
}
}
}
  .hover\:bg-red-500\/25 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.637 0.237 25.331) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
}
}
}
}
  .hover\:bg-rose-500\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
}
}
}
}
  .hover\:bg-secondary {
  &:hover {
  @media (hover: hover) {
  background-color: var(--secondary);
}
}
}
  .hover\:bg-secondary\/80 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
}
}
}
}
  .hover\:bg-secondary\/80\! {
  &: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;
}
}
}
}
  .hover\:bg-sidebar-accent {
  &:hover {
  @media (hover: hover) {
  background-color: var(--sidebar-accent);
}
}
}
  .hover\:bg-tertiary\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--tertiary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--tertiary) 20%, transparent);
}
}
}
}
  .hover\:bg-tertiary\/60 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--tertiary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--tertiary) 60%, transparent);
}
}
}
}
  .hover\:bg-transparent {
  &:hover {
  @media (hover: hover) {
  background-color: transparent;
}
}
}
  .hover\:bg-violet-500\/15 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
}
}
}
}
  .hover\:bg-warning\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--warning) 20%, transparent);
}
}
}
}
  .hover\:bg-white\/10 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
}
  .hover\:bg-white\/20 {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
}
}
  .hover\:bg-\[image\:linear-gradient\(var\(--fill-hover\)\,var\(--fill-hover\)\)\] {
  &:hover {
  @media (hover: hover) {
  background-image: linear-gradient(var(--fill-hover),var(--fill-hover));
}
}
}
  .hover\:text-accent-foreground {
  &:hover {
  @media (hover: hover) {
  color: var(--accent-foreground);
}
}
}
  .hover\:text-amber-300 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-amber-300);
}
}
}
  .hover\:text-amber-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-amber-500);
}
}
}
  .hover\:text-destructive {
  &:hover {
  @media (hover: hover) {
  color: var(--destructive);
}
}
}
  .hover\:text-foreground {
  &:hover {
  @media (hover: hover) {
  color: var(--foreground);
}
}
}
  .hover\:text-foreground\/80 {
  &:hover {
  @media (hover: hover) {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 80%, transparent);
}
}
}
}
  .hover\:text-foreground\/90 {
  &:hover {
  @media (hover: hover) {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 90%, transparent);
}
}
}
}
  .hover\:text-link-hover {
  &:hover {
  @media (hover: hover) {
  color: var(--link-hover);
}
}
}
  .hover\:text-muted-foreground {
  &:hover {
  @media (hover: hover) {
  color: var(--muted-foreground);
}
}
}
  .hover\:text-muted-foreground\/70 {
  &:hover {
  @media (hover: hover) {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
}
}
  .hover\:text-primary {
  &:hover {
  @media (hover: hover) {
  color: var(--primary);
}
}
}
  .hover\:text-primary\/80 {
  &:hover {
  @media (hover: hover) {
  color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
}
}
  .hover\:text-red-500 {
  &:hover {
  @media (hover: hover) {
  color: var(--color-red-500);
}
}
}
  .hover\:text-sidebar-accent-foreground {
  &:hover {
  @media (hover: hover) {
  color: var(--sidebar-accent-foreground);
}
}
}
  .hover\:text-sidebar-foreground {
  &:hover {
  @media (hover: hover) {
  color: var(--sidebar-foreground);
}
}
}
  .hover\:text-warning\/80 {
  &:hover {
  @media (hover: hover) {
  color: var(--warning);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--warning) 80%, transparent);
}
}
}
}
  .hover\:text-white {
  &:hover {
  @media (hover: hover) {
  color: var(--color-white);
}
}
}
  .hover\:no-underline {
  &:hover {
  @media (hover: hover) {
  text-decoration-line: none;
}
}
}
  .hover\:underline {
  &:hover {
  @media (hover: hover) {
  text-decoration-line: underline;
}
}
}
  .hover\:decoration-foreground {
  &:hover {
  @media (hover: hover) {
  text-decoration-color: var(--foreground);
}
}
}
  .hover\:opacity-80 {
  &:hover {
  @media (hover: hover) {
  opacity: 0.8;
}
}
}
  .hover\:opacity-90 {
  &:hover {
  @media (hover: hover) {
  opacity: 0.9;
}
}
}
  .hover\:opacity-100 {
  &:hover {
  @media (hover: hover) {
  opacity: 1;
}
}
}
  .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\] {
  &: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);
}
}
}
  .hover\:shadow-lg {
  &:hover {
  @media (hover: hover) {
  --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);
}
}
}
  .hover\:ring-0 {
  &:hover {
  @media (hover: hover) {
  --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);
}
}
}
  .hover\:ring-4 {
  &: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);
}
}
}
  .hover\:brightness-120 {
  &:hover {
  @media (hover: hover) {
  --tw-brightness: brightness(120%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
}
}
  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
  &:hover {
  @media (hover: hover) {
  &:is(:where(.group)[data-collapsible="offcanvas"] *) { background-color: var(--sidebar); }
}
}
}
  .hover\:after\:bg-border {
  &:hover {
  @media (hover: hover) {
  &::after { content: var(--tw-content); background-color: var(--border); }
}
}
}
  .hover\:after\:bg-sidebar-border {
  &:hover {
  @media (hover: hover) {
  &::after { content: var(--tw-content); background-color: var(--sidebar-border); }
}
}
}
  .hover\:after\:opacity-100 {
  &:hover {
  @media (hover: hover) {
  &::after { content: var(--tw-content); opacity: 1; }
}
}
}
  .focus\:z-10 {
  &:focus { z-index: 10; }
}
  .focus\:border-accent {
  &:focus { border-color: var(--accent); }
}
  .focus\:border-foreground {
  &:focus { border-color: var(--foreground); }
}
  .focus\:border-ring {
  &:focus { border-color: var(--ring); }
}
  .focus\:bg-accent {
  &:focus { background-color: var(--accent); }
}
  .focus\:bg-secondary {
  &:focus { background-color: var(--secondary); }
}
  .focus\:text-start {
  &:focus { text-align: start; }
}
  .focus\:text-accent-foreground {
  &:focus { color: var(--accent-foreground); }
}
  .focus\:text-destructive {
  &:focus { color: var(--destructive); }
}
  .focus\:text-foreground {
  &:focus { color: var(--foreground); }
}
  .focus\:text-muted-foreground {
  &:focus { color: var(--muted-foreground); }
}
  .focus\:ring-1 {
  &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus\:ring-2 {
  &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus\:ring-ring {
  &:focus { --tw-ring-color: var(--ring); }
}
  .focus\:ring-ring\/40 {
  &:focus {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
}
}
}
  .focus\:ring-offset-2 {
  &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
}
  .focus\:outline-hidden {
  &:focus {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline: transparent solid 2px; outline-offset: 2px;
}
}
}
  .focus\:outline-none {
  &:focus { --tw-outline-style: none; outline-style: none; }
}
  .focus\:after\:bg-border {
  &:focus {
  &::after { content: var(--tw-content); background-color: var(--border); }
}
}
  .focus-visible\:visible {
  &:focus-visible { visibility: visible; }
}
  .focus-visible\:z-10 {
  &:focus-visible { z-index: 10; }
}
  .focus-visible\:flex {
  &:focus-visible { display: flex; }
}
  .focus-visible\:border-0 {
  &:focus-visible { border-style: var(--tw-border-style); border-width: 0px; }
}
  .focus-visible\:border-foreground\/30 {
  &:focus-visible {
  border-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
}
}
}
  .focus-visible\:border-ring {
  &:focus-visible { border-color: var(--ring); }
}
  .focus-visible\:bg-accent {
  &:focus-visible { background-color: var(--accent); }
}
  .focus-visible\:bg-accent\/50 {
  &:focus-visible {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
  .focus-visible\:bg-accent\/60 {
  &:focus-visible {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
}
  .focus-visible\:bg-amber-500\/15 {
  &:focus-visible {
  background-color: color-mix(in srgb, oklch(0.769 0.188 70.08) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
}
}
}
  .focus-visible\:bg-background {
  &:focus-visible { background-color: var(--background); }
}
  .focus-visible\:bg-emerald-500\/15 {
  &:focus-visible {
  background-color: color-mix(in srgb, oklch(0.696 0.17 162.48) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
}
}
}
  .focus-visible\:bg-fill-hover {
  &:focus-visible { background-color: var(--fill-hover); }
}
  .focus-visible\:bg-fill-selected {
  &:focus-visible { background-color: var(--fill-selected); }
}
  .focus-visible\:bg-muted {
  &:focus-visible { background-color: var(--muted); }
}
  .focus-visible\:bg-muted\/60 {
  &:focus-visible {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 60%, transparent);
}
}
}
  .focus-visible\:bg-rose-500\/15 {
  &:focus-visible {
  background-color: color-mix(in srgb, oklch(0.645 0.246 16.439) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
}
}
}
  .focus-visible\:bg-violet-500\/15 {
  &:focus-visible {
  background-color: color-mix(in srgb, oklch(0.606 0.25 292.717) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
}
}
}
  .focus-visible\:text-foreground {
  &:focus-visible { color: var(--foreground); }
}
  .focus-visible\:text-muted-foreground {
  &:focus-visible { color: var(--muted-foreground); }
}
  .focus-visible\:underline {
  &:focus-visible { text-decoration-line: underline; }
}
  .focus-visible\:opacity-100 {
  &:focus-visible { opacity: 1; }
}
  .focus-visible\:ring-0 {
  &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus-visible\:ring-1 {
  &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus-visible\:ring-2 {
  &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus-visible\:ring-4 {
  &: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); }
}
  .focus-visible\:ring-\[3px\] {
  &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .focus-visible\:ring-destructive {
  &:focus-visible { --tw-ring-color: var(--destructive); }
}
  .focus-visible\:ring-destructive\/20 {
  &: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);
}
}
}
  .focus-visible\:ring-foreground\/10 {
  &:focus-visible {
  --tw-ring-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
}
  .focus-visible\:ring-ring {
  &:focus-visible { --tw-ring-color: var(--ring); }
}
  .focus-visible\:ring-ring\/40 {
  &:focus-visible {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
}
}
}
  .focus-visible\:ring-ring\/50 {
  &: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);
}
}
}
  .focus-visible\:ring-ring\/60 {
  &:focus-visible {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--ring) 60%, transparent);
}
}
}
  .focus-visible\:ring-warning {
  &:focus-visible { --tw-ring-color: var(--warning); }
}
  .focus-visible\:ring-offset-1 {
  &:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
}
  .focus-visible\:ring-offset-2 {
  &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
}
  .focus-visible\:outline-hidden {
  &:focus-visible {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline: transparent solid 2px; outline-offset: 2px;
}
}
}
  .focus-visible\:outline-1 {
  &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; }
}
  .focus-visible\:outline-2 {
  &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; }
}
  .focus-visible\:outline-offset-\[-1px\] {
  &:focus-visible { outline-offset: -1px; }
}
  .focus-visible\:outline-offset-\[-2px\] {
  &:focus-visible { outline-offset: -2px; }
}
  .focus-visible\:outline-ring {
  &:focus-visible { outline-color: var(--ring); }
}
  .focus-visible\:outline-none {
  &:focus-visible { --tw-outline-style: none; outline-style: none; }
}
  .focus-visible\:ring-inset {
  &:focus-visible { --tw-ring-inset: inset; }
}
  .focus-visible\:after\:ring-2 {
  &:focus-visible {
  &::after { content: var(--tw-content); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
}
  .focus-visible\:after\:ring-ring {
  &:focus-visible {
  &::after { content: var(--tw-content); --tw-ring-color: var(--ring); }
}
}
  .active\:scale-\[0\.98\] {
  &:active { scale: 0.98; }
}
  .active\:cursor-grabbing {
  &:active { cursor: grabbing; }
}
  .active\:bg-emerald-500 {
  &:active { background-color: var(--color-emerald-500); }
}
  .active\:bg-sidebar-accent {
  &:active { background-color: var(--sidebar-accent); }
}
  .active\:bg-white\/25 {
  &:active {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 25%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
}
  .active\:text-sidebar-accent-foreground {
  &:active { color: var(--sidebar-accent-foreground); }
}
  .enabled\:hover\:bg-accent\/60 {
  &:enabled {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 60%, transparent);
}
}
}
}
}
  .disabled\:pointer-events-none {
  &:disabled { pointer-events: none; }
}
  .disabled\:invisible {
  &:disabled { visibility: hidden; }
}
  .disabled\:cursor-default {
  &:disabled { cursor: default; }
}
  .disabled\:cursor-not-allowed {
  &:disabled { cursor: not-allowed; }
}
  .disabled\:no-underline {
  &:disabled { text-decoration-line: none; }
}
  .disabled\:opacity-30 {
  &:disabled { opacity: 0.3; }
}
  .disabled\:opacity-35 {
  &:disabled { opacity: 0.35; }
}
  .disabled\:opacity-40 {
  &:disabled { opacity: 0.4; }
}
  .disabled\:opacity-50 {
  &:disabled { opacity: 0.5; }
}
  .disabled\:opacity-60 {
  &:disabled { opacity: 0.6; }
}
  .disabled\:opacity-70 {
  &:disabled { opacity: 0.7; }
}
  .disabled\:opacity-100 {
  &:disabled { opacity: 1; }
}
  .disabled\:hover\:scale-100 {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);
}
}
}
}
  .disabled\:hover\:bg-background {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  background-color: var(--background);
}
}
}
}
  .disabled\:hover\:bg-secondary {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  background-color: var(--secondary);
}
}
}
}
  .disabled\:hover\:bg-transparent {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  background-color: transparent;
}
}
}
}
  .disabled\:hover\:bg-white\/10 {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  background-color: color-mix(in srgb, rgb(255, 255, 255) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
}
}
}
  .disabled\:hover\:text-muted-foreground {
  &:disabled {
  &:hover {
  @media (hover: hover) {
  color: var(--muted-foreground);
}
}
}
}
  .in-data-\[side\=left\]\:cursor-w-resize {
  :where([data-side="left"]) & { cursor: w-resize; }
}
  .in-data-\[side\=right\]\:cursor-e-resize {
  :where([data-side="right"]) & { cursor: e-resize; }
}
  .has-focus\:border-ring {
  &:has(:focus) { border-color: var(--ring); }
}
  .has-focus\:ring-\[3px\] {
  &:has(:focus) { --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); }
}
  .has-focus\:ring-ring\/50 {
  &:has(:focus) {
  --tw-ring-color: var(--ring);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
}
}
}
  .has-disabled\:opacity-50 {
  &:has(:disabled) { opacity: 0.5; }
}
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
  &:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; }
}
  .has-data-\[state\=checked\]\:border-primary {
  &:has([data-state="checked"]) { border-color: var(--primary); }
}
  .has-data-\[state\=checked\]\:bg-primary\/5 {
  &:has([data-state="checked"]) {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 5%, transparent);
}
}
}
  .has-data-\[variant\=inset\]\:bg-sidebar {
  &:has([data-variant="inset"]) { background-color: var(--sidebar); }
}
  .has-\[\:focus-visible\]\:bg-fill-hover {
  &:has(:is(:focus-visible)) { background-color: var(--fill-hover); }
}
  .has-\[\:focus-visible\]\:ring-2 {
  &:has(:is(: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); }
}
  .has-\[\:focus-visible\]\:ring-ring {
  &:has(:is(:focus-visible)) { --tw-ring-color: var(--ring); }
}
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
  &:has(:is([data-slot="input-group-control"]:focus-visible)) { border-color: var(--ring); }
}
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\] {
  &: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); }
}
  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
  &: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);
}
}
}
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
  &:has(:is([data-slot][aria-invalid="true"])) { border-color: var(--destructive); }
}
  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
  &: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);
}
}
}
  .has-\[\[data-state\=open\]\]\:pointer-events-auto {
  &:has(:is([data-state="open"])) { pointer-events: auto; }
}
  .has-\[\[data-state\=open\]\]\:flex {
  &:has(:is([data-state="open"])) { display: flex; }
}
  .has-\[\[data-state\=open\]\]\:opacity-100 {
  &:has(:is([data-state="open"])) { opacity: 1; }
}
  .has-\[\>\[data-align\=block-end\]\]\:h-auto {
  &:has(> [data-align="block-end"]) { height: auto; }
}
  .has-\[\>\[data-align\=block-end\]\]\:flex-col {
  &:has(> [data-align="block-end"]) { flex-direction: column; }
}
  .has-\[\>\[data-align\=block-start\]\]\:h-auto {
  &:has(> [data-align="block-start"]) { height: auto; }
}
  .has-\[\>\[data-align\=block-start\]\]\:flex-col {
  &:has(> [data-align="block-start"]) { flex-direction: column; }
}
  .has-\[\>\[data-slot\=button-group\]\]\:gap-2 {
  &:has(> [data-slot="button-group"]) { gap: calc(var(--spacing) * 2); }
}
  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3 {
  &:has(> [data-slot="checkbox-group"]) { gap: calc(var(--spacing) * 3); }
}
  .has-\[\>\[data-slot\=field-content\]\]\:items-start {
  &:has(> [data-slot="field-content"]) { align-items: flex-start; }
}
  .has-\[\>\[data-slot\=field\]\]\:w-full {
  &:has(> [data-slot="field"]) { width: 100%; }
}
  .has-\[\>\[data-slot\=field\]\]\:flex-col {
  &:has(> [data-slot="field"]) { flex-direction: column; }
}
  .has-\[\>\[data-slot\=field\]\]\:rounded-md {
  &:has(> [data-slot="field"]) { border-radius: calc(var(--radius) - 2px); }
}
  .has-\[\>\[data-slot\=field\]\]\:border {
  &:has(> [data-slot="field"]) { border-style: var(--tw-border-style); border-width: 1px; }
}
  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3 {
  &:has(> [data-slot="radio-group"]) { gap: calc(var(--spacing) * 3); }
}
  .has-\[\>button\]\:mr-\[-0\.45rem\] {
  &:has(> button) { margin-right: -0.45rem; }
}
  .has-\[\>button\]\:ml-\[-0\.45rem\] {
  &:has(> button) { margin-left: -0.45rem; }
}
  .has-\[\>kbd\]\:mr-\[-0\.35rem\] {
  &:has(> kbd) { margin-right: -0.35rem; }
}
  .has-\[\>kbd\]\:ml-\[-0\.35rem\] {
  &:has(> kbd) { margin-left: -0.35rem; }
}
  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
  &:has(> svg) { grid-template-columns: calc(var(--spacing) * 4) 1fr; }
}
  .has-\[\>svg\]\:gap-x-3 {
  &:has(> svg) { column-gap: calc(var(--spacing) * 3); }
}
  .has-\[\>svg\]\:p-0 {
  &:has(> svg) { padding: calc(var(--spacing) * 0); }
}
  .has-\[\>svg\]\:px-1 {
  &:has(> svg) { padding-inline: calc(var(--spacing) * 1); }
}
  .has-\[\>svg\]\:px-2 {
  &:has(> svg) { padding-inline: calc(var(--spacing) * 2); }
}
  .has-\[\>svg\]\:px-2\.5 {
  &:has(> svg) { padding-inline: calc(var(--spacing) * 2.5); }
}
  .has-\[\>svg\]\:px-3 {
  &:has(> svg) { padding-inline: calc(var(--spacing) * 3); }
}
  .has-\[\>svg\]\:px-4 {
  &:has(> svg) { padding-inline: calc(var(--spacing) * 4); }
}
  .has-\[\>textarea\]\:h-auto {
  &:has(> textarea) { height: auto; }
}
  .aria-disabled\:pointer-events-none {
  &[aria-disabled="true"] { pointer-events: none; }
}
  .aria-disabled\:opacity-50 {
  &[aria-disabled="true"] { opacity: 0.5; }
}
  .aria-expanded\:bg-accent {
  &[aria-expanded="true"] { background-color: var(--accent); }
}
  .aria-expanded\:bg-foreground\/15 {
  &[aria-expanded="true"] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 15%, transparent);
}
}
}
  .aria-expanded\:text-foreground {
  &[aria-expanded="true"] { color: var(--foreground); }
}
  .aria-expanded\:hover\:bg-foreground\/20 {
  &[aria-expanded="true"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 20%, transparent);
}
}
}
}
}
  .aria-invalid\:border-destructive {
  &[aria-invalid="true"] { border-color: var(--destructive); }
}
  .aria-invalid\:ring-destructive\/20 {
  &[aria-invalid="true"] {
  --tw-ring-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
  .aria-pressed\:bg-accent {
  &[aria-pressed="true"] { background-color: var(--accent); }
}
  .aria-pressed\:text-foreground {
  &[aria-pressed="true"] { color: var(--foreground); }
}
  .aria-selected\:text-muted-foreground {
  &[aria-selected="true"] { color: var(--muted-foreground); }
}
  .data-\[active\=false\]\:pointer-events-none {
  &[data-active="false"] { pointer-events: none; }
}
  .data-\[active\=false\]\:scale-95 {
  &[data-active="false"] { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
}
  .data-\[active\=false\]\:opacity-0 {
  &[data-active="false"] { opacity: 0; }
}
  .data-\[active\=true\]\:z-10 {
  &[data-active="true"] { z-index: 10; }
}
  .data-\[active\=true\]\:border-ring {
  &[data-active="true"] { border-color: var(--ring); }
}
  .data-\[active\=true\]\:bg-accent\/50 {
  &[data-active="true"] {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
  .data-\[active\=true\]\:bg-sidebar-accent {
  &[data-active="true"] { background-color: var(--sidebar-accent); }
}
  .data-\[active\=true\]\:font-medium {
  &[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
  .data-\[active\=true\]\:text-accent-foreground {
  &[data-active="true"] { color: var(--accent-foreground); }
}
  .data-\[active\=true\]\:text-sidebar-accent-foreground {
  &[data-active="true"] { color: var(--sidebar-accent-foreground); }
}
  .data-\[active\=true\]\:ring-\[3px\] {
  &[data-active="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); }
}
  .data-\[active\=true\]\:ring-ring\/50 {
  &[data-active="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);
}
}
}
  .data-\[active\=true\]\:hover\:bg-accent {
  &[data-active="true"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}
  .data-\[active\=true\]\:focus\:bg-accent {
  &[data-active="true"] {
  &:focus { background-color: var(--accent); }
}
}
  .data-\[active\=true\]\:aria-invalid\:border-destructive {
  &[data-active="true"] {
  &[aria-invalid="true"] { border-color: var(--destructive); }
}
}
  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20 {
  &[data-active="true"] {
  &[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);
}
}
}
}
  .data-\[disabled\]\:pointer-events-none {
  &[data-disabled] { pointer-events: none; }
}
  .data-\[disabled\]\:opacity-50 {
  &[data-disabled] { opacity: 0.5; }
}
  .data-\[disabled\]\:opacity-60 {
  &[data-disabled] { opacity: 0.6; }
}
  .data-\[disabled\=true\]\:pointer-events-none {
  &[data-disabled="true"] { pointer-events: none; }
}
  .data-\[disabled\=true\]\:opacity-50 {
  &[data-disabled="true"] { opacity: 0.5; }
}
  .data-\[drop-active\]\:bg-accent {
  &[data-drop-active] { background-color: var(--accent); }
}
  .data-\[drop-active\]\:bg-accent\/40 {
  &[data-drop-active] {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 40%, transparent);
}
}
}
  .data-\[error\=true\]\:text-destructive {
  &[data-error="true"] { color: var(--destructive); }
}
  .data-\[inset\]\:pl-8 {
  &[data-inset] { padding-left: calc(var(--spacing) * 8); }
}
  .data-\[invalid\=true\]\:text-destructive {
  &[data-invalid="true"] { color: var(--destructive); }
}
  .data-\[motion\=from-end\]\:slide-in-from-right-52 {
  &[data-motion="from-end"] { --tw-enter-translate-x: calc(52*var(--spacing)); }
}
  .data-\[motion\=from-start\]\:slide-in-from-left-52 {
  &[data-motion="from-start"] { --tw-enter-translate-x: calc(52*var(--spacing)*-1); }
}
  .data-\[motion\=to-end\]\:slide-out-to-right-52 {
  &[data-motion="to-end"] { --tw-exit-translate-x: calc(52*var(--spacing)); }
}
  .data-\[motion\=to-start\]\:slide-out-to-left-52 {
  &[data-motion="to-start"] { --tw-exit-translate-x: calc(52*var(--spacing)*-1); }
}
  .data-\[motion\^\=from-\]\:animate-in {
  &[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); }
}
  .data-\[motion\^\=from-\]\:fade-in {
  &[data-motion^="from-"] { --tw-enter-opacity: 0; }
}
  .data-\[motion\^\=to-\]\:animate-out {
  &[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); }
}
  .data-\[motion\^\=to-\]\:fade-out {
  &[data-motion^="to-"] { --tw-exit-opacity: 0; }
}
  .data-\[open\]\:bg-accent {
  &[data-open] { background-color: var(--accent); }
}
  .data-\[open\]\:text-foreground {
  &[data-open] { color: var(--foreground); }
}
  .data-\[orientation\=horizontal\]\:h-1\.5 {
  &[data-orientation="horizontal"] { height: calc(var(--spacing) * 1.5); }
}
  .data-\[orientation\=horizontal\]\:h-6 {
  &[data-orientation="horizontal"] { height: calc(var(--spacing) * 6); }
}
  .data-\[orientation\=horizontal\]\:h-full {
  &[data-orientation="horizontal"] { height: 100%; }
}
  .data-\[orientation\=horizontal\]\:h-px {
  &[data-orientation="horizontal"] { height: 1px; }
}
  .data-\[orientation\=horizontal\]\:w-auto {
  &[data-orientation="horizontal"] { width: auto; }
}
  .data-\[orientation\=horizontal\]\:w-full {
  &[data-orientation="horizontal"] { width: 100%; }
}
  .data-\[orientation\=vertical\]\:h-auto {
  &[data-orientation="vertical"] { height: auto; }
}
  .data-\[orientation\=vertical\]\:h-full {
  &[data-orientation="vertical"] { height: 100%; }
}
  .data-\[orientation\=vertical\]\:min-h-44 {
  &[data-orientation="vertical"] { min-height: calc(var(--spacing) * 44); }
}
  .data-\[orientation\=vertical\]\:w-1\.5 {
  &[data-orientation="vertical"] { width: calc(var(--spacing) * 1.5); }
}
  .data-\[orientation\=vertical\]\:w-auto {
  &[data-orientation="vertical"] { width: auto; }
}
  .data-\[orientation\=vertical\]\:w-full {
  &[data-orientation="vertical"] { width: 100%; }
}
  .data-\[orientation\=vertical\]\:w-px {
  &[data-orientation="vertical"] { width: 1px; }
}
  .data-\[orientation\=vertical\]\:flex-col {
  &[data-orientation="vertical"] { flex-direction: column; }
}
  .data-\[panel-group-direction\=vertical\]\:h-1\.5 {
  &[data-panel-group-direction="vertical"] { height: calc(var(--spacing) * 1.5); }
}
  .data-\[panel-group-direction\=vertical\]\:h-px {
  &[data-panel-group-direction="vertical"] { height: 1px; }
}
  .data-\[panel-group-direction\=vertical\]\:w-full {
  &[data-panel-group-direction="vertical"] { width: 100%; }
}
  .data-\[panel-group-direction\=vertical\]\:flex-col {
  &[data-panel-group-direction="vertical"] { flex-direction: column; }
}
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
  &[data-panel-group-direction="vertical"] {
  &::after { content: var(--tw-content); left: calc(var(--spacing) * 0); }
}
}
  .data-\[panel-group-direction\=vertical\]\:after\:h-1 {
  &[data-panel-group-direction="vertical"] {
  &::after { content: var(--tw-content); height: calc(var(--spacing) * 1); }
}
}
  .data-\[panel-group-direction\=vertical\]\:after\:h-2 {
  &[data-panel-group-direction="vertical"] {
  &::after { content: var(--tw-content); height: calc(var(--spacing) * 2); }
}
}
  .data-\[panel-group-direction\=vertical\]\:after\:w-full {
  &[data-panel-group-direction="vertical"] {
  &::after { content: var(--tw-content); width: 100%; }
}
}
  .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0 {
  &[data-panel-group-direction="vertical"] {
  &::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
}
  .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2 {
  &[data-panel-group-direction="vertical"] {
  &::after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
}
  .data-\[partial\]\:border-primary {
  &[data-partial] { border-color: var(--primary); }
}
  .data-\[placeholder\]\:text-muted-foreground {
  &[data-placeholder] { color: var(--muted-foreground); }
}
  .data-\[range-end\=true\]\:rounded-md {
  &[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); }
}
  .data-\[range-end\=true\]\:rounded-r-md {
  &[data-range-end="true"] { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
}
  .data-\[range-end\=true\]\:bg-primary {
  &[data-range-end="true"] { background-color: var(--primary); }
}
  .data-\[range-end\=true\]\:text-primary-foreground {
  &[data-range-end="true"] { color: var(--primary-foreground); }
}
  .data-\[range-middle\=true\]\:rounded-none {
  &[data-range-middle="true"] { border-radius: 0px; }
}
  .data-\[range-middle\=true\]\:bg-accent {
  &[data-range-middle="true"] { background-color: var(--accent); }
}
  .data-\[range-middle\=true\]\:text-accent-foreground {
  &[data-range-middle="true"] { color: var(--accent-foreground); }
}
  .data-\[range-start\=true\]\:rounded-md {
  &[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); }
}
  .data-\[range-start\=true\]\:rounded-l-md {
  &[data-range-start="true"] { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
}
  .data-\[range-start\=true\]\:bg-primary {
  &[data-range-start="true"] { background-color: var(--primary); }
}
  .data-\[range-start\=true\]\:text-primary-foreground {
  &[data-range-start="true"] { color: var(--primary-foreground); }
}
  .data-\[resize-handle-state\=drag\]\:bg-fill-selected {
  &[data-resize-handle-state="drag"] { background-color: var(--fill-selected); }
}
  .data-\[resize-handle-state\=hover\]\:bg-fill-hover {
  &[data-resize-handle-state="hover"] { background-color: var(--fill-hover); }
}
  .data-\[selected\]\:ring-1 {
  &[data-selected] { --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); }
}
  .data-\[selected\]\:ring-ring {
  &[data-selected] { --tw-ring-color: var(--ring); }
}
  .data-\[selected-single\=true\]\:bg-primary {
  &[data-selected-single="true"] { background-color: var(--primary); }
}
  .data-\[selected-single\=true\]\:text-primary-foreground {
  &[data-selected-single="true"] { color: var(--primary-foreground); }
}
  .data-\[selected\=true\]\:rounded-none {
  &[data-selected="true"] { border-radius: 0px; }
}
  .data-\[selected\=true\]\:bg-accent {
  &[data-selected="true"] { background-color: var(--accent); }
}
  .data-\[selected\=true\]\:text-accent-foreground {
  &[data-selected="true"] { color: var(--accent-foreground); }
}
  .data-\[side\=bottom\]\:translate-y-1 {
  &[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .data-\[side\=bottom\]\:slide-in-from-top-1 {
  &[data-side="bottom"] { --tw-enter-translate-y: calc(1*var(--spacing)*-1); }
}
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
  &[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); }
}
  .data-\[side\=left\]\:-translate-x-1 {
  &[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .data-\[side\=left\]\:slide-in-from-right-2 {
  &[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); }
}
  .data-\[side\=right\]\:translate-x-1 {
  &[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .data-\[side\=right\]\:slide-in-from-left-2 {
  &[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); }
}
  .data-\[side\=top\]\:-translate-y-1 {
  &[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
  &[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); }
}
  .data-\[size\=default\]\:h-9 {
  &[data-size="default"] { height: calc(var(--spacing) * 9); }
}
  .data-\[size\=sm\]\:h-7 {
  &[data-size="sm"] { height: calc(var(--spacing) * 7); }
}
  .data-\[size\=sm\]\:h-8 {
  &[data-size="sm"] { height: calc(var(--spacing) * 8); }
}
  .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
  :is(& > *) {
  &[data-slot="alert-description"] {
  color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
}
}
  .data-\[slot\=checkbox-group\]\:gap-3 {
  &[data-slot="checkbox-group"] { gap: calc(var(--spacing) * 3); }
}
  .\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 {
  :is(& *) {
  &[data-slot="command-input-wrapper"] { height: calc(var(--spacing) * 12); }
}
}
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
  :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); }
}
}
}
  .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none {
  :is(& *) {
  &[data-slot="navigation-menu-link"] {
  &:focus { --tw-outline-style: none; outline-style: none; }
}
}
}
  .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
  :is(& > *) {
  &[data-slot="select-value"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
}
}
  .\*\:data-\[slot\=select-value\]\:flex {
  :is(& > *) {
  &[data-slot="select-value"] { display: flex; }
}
}
  .\*\:data-\[slot\=select-value\]\:items-center {
  :is(& > *) {
  &[data-slot="select-value"] { align-items: center; }
}
}
  .\*\:data-\[slot\=select-value\]\:gap-2 {
  :is(& > *) {
  &[data-slot="select-value"] { gap: calc(var(--spacing) * 2); }
}
}
  .data-\[spacing\=0\]\:rounded-none {
  &[data-spacing="0"] { border-radius: 0px; }
}
  .data-\[spacing\=0\]\:shadow-none {
  &[data-spacing="0"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .data-\[spacing\=0\]\:first\:rounded-l-md {
  &[data-spacing="0"] {
  &:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
}
}
  .data-\[spacing\=0\]\:last\:rounded-r-md {
  &[data-spacing="0"] {
  &:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
}
}
  .data-\[state\=active\]\:bg-accent {
  &[data-state="active"] { background-color: var(--accent); }
}
  .data-\[state\=active\]\:bg-background {
  &[data-state="active"] { background-color: var(--background); }
}
  .data-\[state\=active\]\:bg-border\/30 {
  &[data-state="active"] {
  background-color: var(--border);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--border) 30%, transparent);
}
}
}
  .data-\[state\=active\]\:bg-transparent {
  &[data-state="active"] { background-color: transparent; }
}
  .data-\[state\=active\]\:text-foreground {
  &[data-state="active"] { color: var(--foreground); }
}
  .data-\[state\=active\]\:shadow-none {
  &[data-state="active"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .data-\[state\=active\]\:shadow-sm {
  &[data-state="active"] { --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); }
}
  .data-\[state\=active\]\:after\:bg-foreground {
  &[data-state="active"] {
  &::after { content: var(--tw-content); background-color: var(--foreground); }
}
}
  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
  &[data-state="checked"] { --tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .data-\[state\=checked\]\:border-primary {
  &[data-state="checked"] { border-color: var(--primary); }
}
  .data-\[state\=checked\]\:bg-primary {
  &[data-state="checked"] { background-color: var(--primary); }
}
  .data-\[state\=checked\]\:text-primary-foreground {
  &[data-state="checked"] { color: var(--primary-foreground); }
}
  .data-\[state\=closed\]\:animate-accordion-up {
  &[data-state="closed"] { animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
}
  .data-\[state\=closed\]\:animate-collapsible-up {
  &[data-state="closed"] { animation: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
}
  .data-\[state\=closed\]\:animate-none {
  &[data-state="closed"] { animation: auto ease 0s 1 normal none running none; }
}
  .data-\[state\=closed\]\:animate-out {
  &[data-state="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); }
}
  .data-\[state\=closed\]\:duration-150 {
  &[data-state="closed"] { --tw-duration: 150ms; transition-duration: 150ms; }
}
  .data-\[state\=closed\]\:duration-300 {
  &[data-state="closed"] { --tw-duration: 300ms; transition-duration: 300ms; }
}
  .data-\[state\=closed\]\:ease-\[cubic-bezier\(0\.4\,0\,1\,1\)\] {
  &[data-state="closed"] { --tw-ease: cubic-bezier(0.4,0,1,1); transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
}
  .data-\[state\=closed\]\:fade-out-0 {
  &[data-state="closed"] { --tw-exit-opacity: 0; }
}
  .data-\[state\=closed\]\:zoom-out-95 {
  &[data-state="closed"] { --tw-exit-scale: .95; }
}
  .data-\[state\=closed\]\:slide-out-to-bottom {
  &[data-state="closed"] { --tw-exit-translate-y: 100%; }
}
  .data-\[state\=closed\]\:slide-out-to-left {
  &[data-state="closed"] { --tw-exit-translate-x: -100%; }
}
  .data-\[state\=closed\]\:slide-out-to-right {
  &[data-state="closed"] { --tw-exit-translate-x: 100%; }
}
  .data-\[state\=closed\]\:slide-out-to-top {
  &[data-state="closed"] { --tw-exit-translate-y: -100%; }
}
  .data-\[state\=closed\]\:slide-out-to-top-2 {
  &[data-state="closed"] { --tw-exit-translate-y: calc(2*var(--spacing)*-1); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
  &[data-state="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); }
}
}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0 {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
  &[data-state="closed"] { --tw-exit-opacity: 0; }
}
}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95 {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
  &[data-state="closed"] { --tw-exit-scale: .95; }
}
}
  .data-\[state\=hidden\]\:animate-out {
  &[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); }
}
  .data-\[state\=hidden\]\:fade-out {
  &[data-state="hidden"] { --tw-exit-opacity: 0; }
}
  .data-\[state\=inactive\]\:hidden {
  &[data-state="inactive"] { display: none; }
}
  .data-\[state\=inactive\]\:text-muted-foreground {
  &[data-state="inactive"] { color: var(--muted-foreground); }
}
  .data-\[state\=inactive\]\:text-muted-foreground\/60 {
  &[data-state="inactive"] {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
}
}
}
  .data-\[state\=inactive\]\:text-muted-foreground\/70 {
  &[data-state="inactive"] {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
}
  .data-\[state\=inactive\]\:hover\:bg-tertiary\/20 {
  &[data-state="inactive"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--tertiary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--tertiary) 20%, transparent);
}
}
}
}
}
  .data-\[state\=inactive\]\:hover\:text-muted-foreground {
  &[data-state="inactive"] {
  &:hover {
  @media (hover: hover) {
  color: var(--muted-foreground);
}
}
}
}
  .data-\[state\=on\]\:bg-accent {
  &[data-state="on"] { background-color: var(--accent); }
}
  .data-\[state\=on\]\:bg-background {
  &[data-state="on"] { background-color: var(--background); }
}
  .data-\[state\=on\]\:text-accent-foreground {
  &[data-state="on"] { color: var(--accent-foreground); }
}
  .data-\[state\=on\]\:text-foreground {
  &[data-state="on"] { color: var(--foreground); }
}
  .data-\[state\=on\]\:shadow-sm {
  &[data-state="on"] { --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); }
}
  .data-\[state\=open\]\:visible {
  &[data-state="open"] { visibility: visible; }
}
  .data-\[state\=open\]\:flex {
  &[data-state="open"] { display: flex; }
}
  .data-\[state\=open\]\:animate-accordion-down {
  &[data-state="open"] { animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
}
  .data-\[state\=open\]\:animate-collapsible-down {
  &[data-state="open"] { animation: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
}
  .data-\[state\=open\]\:animate-in {
  &[data-state="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); }
}
  .data-\[state\=open\]\:bg-accent {
  &[data-state="open"] { background-color: var(--accent); }
}
  .data-\[state\=open\]\:bg-accent\/50 {
  &[data-state="open"] {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
  .data-\[state\=open\]\:bg-fill-hover {
  &[data-state="open"] { background-color: var(--fill-hover); }
}
  .data-\[state\=open\]\:bg-foreground\/\[0\.07\] {
  &[data-state="open"] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 7.000000000000001%, transparent);
}
}
}
  .data-\[state\=open\]\:bg-secondary {
  &[data-state="open"] { background-color: var(--secondary); }
}
  .data-\[state\=open\]\:bg-\[image\:linear-gradient\(var\(--fill-hover\)\,var\(--fill-hover\)\)\] {
  &[data-state="open"] { background-image: linear-gradient(var(--fill-hover),var(--fill-hover)); }
}
  .data-\[state\=open\]\:text-accent-foreground {
  &[data-state="open"] { color: var(--accent-foreground); }
}
  .data-\[state\=open\]\:text-foreground {
  &[data-state="open"] { color: var(--foreground); }
}
  .data-\[state\=open\]\:text-muted-foreground {
  &[data-state="open"] { color: var(--muted-foreground); }
}
  .data-\[state\=open\]\:opacity-100 {
  &[data-state="open"] { opacity: 1; }
}
  .data-\[state\=open\]\:duration-500 {
  &[data-state="open"] { --tw-duration: 500ms; transition-duration: 500ms; }
}
  .data-\[state\=open\]\:fade-in-0 {
  &[data-state="open"] { --tw-enter-opacity: 0; }
}
  .data-\[state\=open\]\:zoom-in-90 {
  &[data-state="open"] { --tw-enter-scale: .9; }
}
  .data-\[state\=open\]\:zoom-in-95 {
  &[data-state="open"] { --tw-enter-scale: .95; }
}
  .data-\[state\=open\]\:slide-in-from-bottom {
  &[data-state="open"] { --tw-enter-translate-y: 100%; }
}
  .data-\[state\=open\]\:slide-in-from-left {
  &[data-state="open"] { --tw-enter-translate-x: -100%; }
}
  .data-\[state\=open\]\:slide-in-from-right {
  &[data-state="open"] { --tw-enter-translate-x: 100%; }
}
  .data-\[state\=open\]\:slide-in-from-top {
  &[data-state="open"] { --tw-enter-translate-y: -100%; }
}
  .data-\[state\=open\]\:slide-in-from-top-2 {
  &[data-state="open"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); }
}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
  &[data-state="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); }
}
}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0 {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
  &[data-state="open"] { --tw-enter-opacity: 0; }
}
}
  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95 {
  &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
  &[data-state="open"] { --tw-enter-scale: .95; }
}
}
  .data-\[state\=open\]\:hover\:bg-accent {
  &[data-state="open"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}
  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
  &[data-state="open"] {
  &:hover {
  @media (hover: hover) {
  background-color: var(--sidebar-accent);
}
}
}
}
  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
  &[data-state="open"] {
  &:hover {
  @media (hover: hover) {
  color: var(--sidebar-accent-foreground);
}
}
}
}
  .data-\[state\=open\]\:focus\:bg-accent {
  &[data-state="open"] {
  &:focus { background-color: var(--accent); }
}
}
  .data-\[state\=selected\]\:bg-accent\/70 {
  &[data-state="selected"] {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 70%, transparent);
}
}
}
  .data-\[state\=selected\]\:bg-muted {
  &[data-state="selected"] { background-color: var(--muted); }
}
  .data-\[state\=unchecked\]\:translate-x-0 {
  &[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .data-\[state\=unchecked\]\:bg-input {
  &[data-state="unchecked"] { background-color: var(--input); }
}
  .data-\[state\=visible\]\:animate-in {
  &[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); }
}
  .data-\[state\=visible\]\:fade-in {
  &[data-state="visible"] { --tw-enter-opacity: 0; }
}
  .data-\[styled\=true\]\:pe-10\! {
  &[data-styled="true"] { padding-inline-end: calc(var(--spacing) * 10) !important; }
}
  .data-\[variant\=destructive\]\:text-destructive {
  &[data-variant="destructive"] { color: var(--destructive); }
}
  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
  &[data-variant="destructive"] {
  &:focus {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
}
}
}
}
  .data-\[variant\=destructive\]\:focus\:text-destructive {
  &[data-variant="destructive"] {
  &:focus { color: var(--destructive); }
}
}
  .data-\[variant\=label\]\:text-sm {
  &[data-variant="label"] { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
  .data-\[variant\=legend\]\:text-base {
  &[data-variant="legend"] { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); }
}
  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0 {
  &[data-spacing="0"] {
  &[data-variant="outline"] { border-left-style: var(--tw-border-style); border-left-width: 0px; }
}
}
  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l {
  &[data-spacing="0"] {
  &[data-variant="outline"] {
  &:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; }
}
}
}
  .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs {
  &[data-spacing="default"] {
  &[data-variant="outline"] { --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); }
}
}
  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
  &[data-vaul-drawer-direction="bottom"] { inset-inline: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0 {
  &[data-vaul-drawer-direction="bottom"] { bottom: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=bottom\]\:mt-24 {
  &[data-vaul-drawer-direction="bottom"] { margin-top: calc(var(--spacing) * 24); }
}
  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\] {
  &[data-vaul-drawer-direction="bottom"] { max-height: 80vh; }
}
  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg {
  &[data-vaul-drawer-direction="bottom"] { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
}
  .data-\[vaul-drawer-direction\=bottom\]\:border-t {
  &[data-vaul-drawer-direction="bottom"] { border-top-style: var(--tw-border-style); border-top-width: 1px; }
}
  .data-\[vaul-drawer-direction\=left\]\:inset-y-0 {
  &[data-vaul-drawer-direction="left"] { inset-block: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=left\]\:left-0 {
  &[data-vaul-drawer-direction="left"] { left: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=left\]\:w-3\/4 {
  &[data-vaul-drawer-direction="left"] { width: calc(75%); }
}
  .data-\[vaul-drawer-direction\=left\]\:border-r {
  &[data-vaul-drawer-direction="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; }
}
  .data-\[vaul-drawer-direction\=right\]\:inset-y-0 {
  &[data-vaul-drawer-direction="right"] { inset-block: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=right\]\:right-0 {
  &[data-vaul-drawer-direction="right"] { right: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=right\]\:w-3\/4 {
  &[data-vaul-drawer-direction="right"] { width: calc(75%); }
}
  .data-\[vaul-drawer-direction\=right\]\:border-l {
  &[data-vaul-drawer-direction="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; }
}
  .data-\[vaul-drawer-direction\=top\]\:inset-x-0 {
  &[data-vaul-drawer-direction="top"] { inset-inline: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=top\]\:top-0 {
  &[data-vaul-drawer-direction="top"] { top: calc(var(--spacing) * 0); }
}
  .data-\[vaul-drawer-direction\=top\]\:mb-24 {
  &[data-vaul-drawer-direction="top"] { margin-bottom: calc(var(--spacing) * 24); }
}
  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\] {
  &[data-vaul-drawer-direction="top"] { max-height: 80vh; }
}
  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg {
  &[data-vaul-drawer-direction="top"] { border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius); }
}
  .data-\[vaul-drawer-direction\=top\]\:border-b {
  &[data-vaul-drawer-direction="top"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
}
  .nth-last-2\:-mt-1 {
  &:nth-last-child(2) { margin-top: calc(var(--spacing) * -1); }
}
  .supports-\[backdrop-filter\]\:bg-background\/70 {
  @supports (backdrop-filter: var(--tw)) {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 70%, transparent);
}
}
}
  .supports-\[backdrop-filter\]\:bg-background\/85 {
  @supports (backdrop-filter: var(--tw)) {
  background-color: var(--background);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--background) 85%, transparent);
}
}
}
  .supports-\[backdrop-filter\]\:bg-sidebar\/70 {
  @supports (backdrop-filter: var(--tw)) {
  background-color: var(--sidebar);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--sidebar) 70%, transparent);
}
}
}
  .supports-\[backdrop-filter\]\:backdrop-blur {
  @supports (backdrop-filter: var(--tw)) {
  --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
}
  .supports-\[backdrop-filter\]\:backdrop-blur-sm {
  @supports (backdrop-filter: var(--tw)) {
  --tw-backdrop-blur: blur(var(--blur-sm)); 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,);
}
}
  .motion-safe\:animate-pulse {
  @media (prefers-reduced-motion: no-preference) {
  animation: var(--animate-pulse);
}
}
  .motion-reduce\:translate-none {
  @media (prefers-reduced-motion: reduce) {
  translate: none;
}
}
  .motion-reduce\:animate-none {
  @media (prefers-reduced-motion: reduce) {
  animation: auto ease 0s 1 normal none running none;
}
}
  .motion-reduce\:bg-none {
  @media (prefers-reduced-motion: reduce) {
  background-image: none;
}
}
  .motion-reduce\:text-muted-foreground {
  @media (prefers-reduced-motion: reduce) {
  color: var(--muted-foreground);
}
}
  .motion-reduce\:transition-none {
  @media (prefers-reduced-motion: reduce) {
  transition-property: none;
}
}
  .sm\:col-span-2 {
  @media (width >= 40rem) {
  grid-column: span 2 / span 2;
}
}
  .sm\:col-start-3 {
  @media (width >= 40rem) {
  grid-column-start: 3;
}
}
  .sm\:row-start-1 {
  @media (width >= 40rem) {
  grid-row-start: 1;
}
}
  .sm\:block {
  @media (width >= 40rem) {
  display: block;
}
}
  .sm\:flex {
  @media (width >= 40rem) {
  display: flex;
}
}
  .sm\:inline {
  @media (width >= 40rem) {
  display: inline;
}
}
  .sm\:min-h-\[min\(400px\,calc\(100vh-4rem\)\)\] {
  @media (width >= 40rem) {
  min-height: min(400px, -4rem + 100vh);
}
}
  .sm\:\!max-w-\[720px\] {
  @media (width >= 40rem) {
  max-width: 720px !important;
}
}
  .sm\:max-w-2xl {
  @media (width >= 40rem) {
  max-width: var(--container-2xl);
}
}
  .sm\:max-w-3xl {
  @media (width >= 40rem) {
  max-width: var(--container-3xl);
}
}
  .sm\:max-w-4xl {
  @media (width >= 40rem) {
  max-width: var(--container-4xl);
}
}
  .sm\:max-w-5xl {
  @media (width >= 40rem) {
  max-width: var(--container-5xl);
}
}
  .sm\:max-w-\[90vw\] {
  @media (width >= 40rem) {
  max-width: 90vw;
}
}
  .sm\:max-w-\[360px\] {
  @media (width >= 40rem) {
  max-width: 360px;
}
}
  .sm\:max-w-\[440px\] {
  @media (width >= 40rem) {
  max-width: 440px;
}
}
  .sm\:max-w-\[480px\] {
  @media (width >= 40rem) {
  max-width: 480px;
}
}
  .sm\:max-w-\[540px\] {
  @media (width >= 40rem) {
  max-width: 540px;
}
}
  .sm\:max-w-\[560px\] {
  @media (width >= 40rem) {
  max-width: 560px;
}
}
  .sm\:max-w-\[720px\] {
  @media (width >= 40rem) {
  max-width: 720px;
}
}
  .sm\:max-w-\[752px\] {
  @media (width >= 40rem) {
  max-width: 752px;
}
}
  .sm\:max-w-\[760px\] {
  @media (width >= 40rem) {
  max-width: 760px;
}
}
  .sm\:max-w-\[1400px\] {
  @media (width >= 40rem) {
  max-width: 1400px;
}
}
  .sm\:max-w-\[min\(1100px\,calc\(100vw-2rem\)\)\] {
  @media (width >= 40rem) {
  max-width: min(1100px, -2rem + 100vw);
}
}
  .sm\:max-w-lg {
  @media (width >= 40rem) {
  max-width: var(--container-lg);
}
}
  .sm\:max-w-md {
  @media (width >= 40rem) {
  max-width: var(--container-md);
}
}
  .sm\:max-w-sm {
  @media (width >= 40rem) {
  max-width: var(--container-sm);
}
}
  .sm\:max-w-xl {
  @media (width >= 40rem) {
  max-width: var(--container-xl);
}
}
  .sm\:grid-cols-2 {
  @media (width >= 40rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .sm\:grid-cols-4 {
  @media (width >= 40rem) {
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
}
  .sm\:grid-cols-\[1fr_1\.05fr\] {
  @media (width >= 40rem) {
  grid-template-columns: 1fr 1.05fr;
}
}
  .sm\:grid-cols-\[1rem_minmax\(0\,1fr\)_auto\] {
  @media (width >= 40rem) {
  grid-template-columns: 1rem minmax(0px, 1fr) auto;
}
}
  .sm\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
  @media (width >= 40rem) {
  grid-template-columns: auto minmax(0px, 1fr);
}
}
  .sm\:flex-row {
  @media (width >= 40rem) {
  flex-direction: row;
}
}
  .sm\:items-center {
  @media (width >= 40rem) {
  align-items: center;
}
}
  .sm\:justify-between {
  @media (width >= 40rem) {
  justify-content: space-between;
}
}
  .sm\:justify-end {
  @media (width >= 40rem) {
  justify-content: flex-end;
}
}
  .sm\:gap-2\.5 {
  @media (width >= 40rem) {
  gap: calc(var(--spacing) * 2.5);
}
}
  .sm\:gap-3 {
  @media (width >= 40rem) {
  gap: calc(var(--spacing) * 3);
}
}
  .sm\:self-center {
  @media (width >= 40rem) {
  align-self: center;
}
}
  .sm\:border-t-0 {
  @media (width >= 40rem) {
  border-top-style: var(--tw-border-style); border-top-width: 0px;
}
}
  .sm\:border-l {
  @media (width >= 40rem) {
  border-left-style: var(--tw-border-style); border-left-width: 1px;
}
}
  .sm\:px-2 {
  @media (width >= 40rem) {
  padding-inline: calc(var(--spacing) * 2);
}
}
  .sm\:pt-0 {
  @media (width >= 40rem) {
  padding-top: calc(var(--spacing) * 0);
}
}
  .sm\:pr-2 {
  @media (width >= 40rem) {
  padding-right: calc(var(--spacing) * 2);
}
}
  .sm\:pr-2\.5 {
  @media (width >= 40rem) {
  padding-right: calc(var(--spacing) * 2.5);
}
}
  .sm\:pl-1\.5 {
  @media (width >= 40rem) {
  padding-left: calc(var(--spacing) * 1.5);
}
}
  .sm\:pl-2\.5 {
  @media (width >= 40rem) {
  padding-left: calc(var(--spacing) * 2.5);
}
}
  .sm\:text-center {
  @media (width >= 40rem) {
  text-align: center;
}
}
  .sm\:text-left {
  @media (width >= 40rem) {
  text-align: left;
}
}
  .sm\:text-right {
  @media (width >= 40rem) {
  text-align: right;
}
}
  .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm {
  &[data-vaul-drawer-direction="left"] {
  @media (width >= 40rem) {
  max-width: var(--container-sm);
}
}
}
  .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm {
  &[data-vaul-drawer-direction="right"] {
  @media (width >= 40rem) {
  max-width: var(--container-sm);
}
}
}
  .md\:absolute {
  @media (width >= 48rem) {
  position: absolute;
}
}
  .md\:inset-auto {
  @media (width >= 48rem) {
  inset: auto;
}
}
  .md\:top-3 {
  @media (width >= 48rem) {
  top: calc(var(--spacing) * 3);
}
}
  .md\:right-3 {
  @media (width >= 48rem) {
  right: calc(var(--spacing) * 3);
}
}
  .md\:bottom-3 {
  @media (width >= 48rem) {
  bottom: calc(var(--spacing) * 3);
}
}
  .md\:z-40 {
  @media (width >= 48rem) {
  z-index: 40;
}
}
  .md\:col-span-2 {
  @media (width >= 48rem) {
  grid-column: span 2 / span 2;
}
}
  .md\:block {
  @media (width >= 48rem) {
  display: block;
}
}
  .md\:flex {
  @media (width >= 48rem) {
  display: flex;
}
}
  .md\:h-fit {
  @media (width >= 48rem) {
  height: fit-content;
}
}
  .md\:max-h-\[calc\(100\%-1\.5rem\)\] {
  @media (width >= 48rem) {
  max-height: calc(100% - 1.5rem);
}
}
  .md\:w-\[340px\] {
  @media (width >= 48rem) {
  width: 340px;
}
}
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
  @media (width >= 48rem) {
  width: var(--radix-navigation-menu-viewport-width);
}
}
  .md\:w-auto {
  @media (width >= 48rem) {
  width: auto;
}
}
  .md\:grid-cols-2 {
  @media (width >= 48rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .md\:grid-cols-5 {
  @media (width >= 48rem) {
  grid-template-columns: repeat(5, minmax(0px, 1fr));
}
}
  .md\:grid-cols-6 {
  @media (width >= 48rem) {
  grid-template-columns: repeat(6, minmax(0px, 1fr));
}
}
  .md\:grid-cols-\[13rem_1fr\] {
  @media (width >= 48rem) {
  grid-template-columns: 13rem 1fr;
}
}
  .md\:flex-row {
  @media (width >= 48rem) {
  flex-direction: row;
}
}
  .md\:gap-1\.5 {
  @media (width >= 48rem) {
  gap: calc(var(--spacing) * 1.5);
}
}
  .md\:rounded-xl {
  @media (width >= 48rem) {
  border-radius: calc(var(--radius) + 4px);
}
}
  .md\:border {
  @media (width >= 48rem) {
  border-style: var(--tw-border-style); border-width: 1px;
}
}
  .md\:p-12 {
  @media (width >= 48rem) {
  padding: calc(var(--spacing) * 12);
}
}
  .md\:py-20 {
  @media (width >= 48rem) {
  padding-block: calc(var(--spacing) * 20);
}
}
  .md\:text-left {
  @media (width >= 48rem) {
  text-align: left;
}
}
  .md\:text-sm {
  @media (width >= 48rem) {
  font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
  .md\:opacity-0 {
  @media (width >= 48rem) {
  opacity: 0;
}
}
  .md\:shadow-lg {
  @media (width >= 48rem) {
  --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);
}
}
  .md\:peer-data-\[variant\=inset\]\:m-2 {
  @media (width >= 48rem) {
  &:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); }
}
}
  .md\:peer-data-\[variant\=inset\]\:ml-0 {
  @media (width >= 48rem) {
  &:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 0); }
}
}
  .md\:peer-data-\[variant\=inset\]\:rounded-xl {
  @media (width >= 48rem) {
  &:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: calc(var(--radius) + 4px); }
}
}
  .md\:peer-data-\[variant\=inset\]\:shadow-sm {
  @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); }
}
}
  .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2 {
  @media (width >= 48rem) {
  &:is(:where(.peer)[data-variant="inset"] ~ *) {
  &:is(:where(.peer)[data-state="collapsed"] ~ *) { margin-left: calc(var(--spacing) * 2); }
}
}
}
  .md\:after\:hidden {
  @media (width >= 48rem) {
  &::after { content: var(--tw-content); display: none; }
}
}
  .lg\:inline {
  @media (width >= 64rem) {
  display: inline;
}
}
  .lg\:grid-cols-2 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .lg\:grid-cols-3 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(3, minmax(0px, 1fr));
}
}
  .lg\:grid-cols-5 {
  @media (width >= 64rem) {
  grid-template-columns: repeat(5, minmax(0px, 1fr));
}
}
  .\@max-3xl\:hidden {
  @container (width < 48rem) {
  display: none;
}
}
  .\@max-3xl\:w-40 {
  @container (width < 48rem) {
  width: calc(var(--spacing) * 40);
}
}
  .\@max-\[48rem\]\/detail\:text-2xl {
  @container detail (width < 48rem) {
  font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
  .\@max-2xl\:hidden {
  @container (width < 42rem) {
  display: none;
}
}
  .\@max-\[36rem\]\/detail\:mt-2 {
  @container detail (width < 36rem) {
  margin-top: calc(var(--spacing) * 2);
}
}
  .\@max-\[36rem\]\/detail\:px-4 {
  @container detail (width < 36rem) {
  padding-inline: calc(var(--spacing) * 4);
}
}
  .\@max-\[36rem\]\/detail\:pt-3 {
  @container detail (width < 36rem) {
  padding-top: calc(var(--spacing) * 3);
}
}
  .\@max-\[36rem\]\/detail\:text-xl {
  @container detail (width < 36rem) {
  font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
  .\@max-\[34rem\]\/topbar\:hidden {
  @container topbar (width < 34rem) {
  display: none;
}
}
  .\@max-\[34rem\]\/topbar\:px-2 {
  @container topbar (width < 34rem) {
  padding-inline: calc(var(--spacing) * 2);
}
}
  .\@max-lg\:hidden {
  @container (width < 32rem) {
  display: none;
}
}
  .\@max-\[30rem\]\/topbar\:hidden {
  @container topbar (width < 30rem) {
  display: none;
}
}
  .\@max-\[30rem\]\/detail\:w-20 {
  @container detail (width < 30rem) {
  width: calc(var(--spacing) * 20);
}
}
  .\@max-\[23rem\]\/topbar\:sr-only {
  @container topbar (width < 23rem) {
  position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px;
}
}
  .\@max-\[20rem\]\/turn-card\:sr-only {
  @container turn-card (width < 20rem) {
  position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0px;
}
}
  .\@max-\[20rem\]\/turn-card\:hidden {
  @container turn-card (width < 20rem) {
  display: none;
}
}
  .\@max-\[16rem\]\:hidden {
  @container (width < 16rem) {
  display: none;
}
}
  .\@max-\[1\.5rem\]\:size-5\/6 {
  @container (width < 1.5rem) {
  width: calc(83.3333%); height: calc(83.3333%);
}
}
  .\@min-\[150px\]\/file-tree-header\:inline {
  @container file-tree-header (width >= 150px) {
  display: inline;
}
}
  .\@min-\[150px\]\/file-tree-header\:flex-1 {
  @container file-tree-header (width >= 150px) {
  flex: 1 1 0%;
}
}
  .\@min-\[200px\]\/file-tree-header\:inline-flex {
  @container file-tree-header (width >= 200px) {
  display: inline-flex;
}
}
  .\@min-\[200px\]\/pane-header\:block {
  @container pane-header (width >= 200px) {
  display: block;
}
}
  .\@min-\[200px\]\/pane-header\:inline-flex {
  @container pane-header (width >= 200px) {
  display: inline-flex;
}
}
  .\@min-\[300px\]\/pane-header\:not-sr-only {
  @container pane-header (width >= 300px) {
  position: static; width: auto; height: auto; padding: 0px; margin: 0px; overflow: visible; clip-path: none; white-space: normal;
}
}
  .\@min-\[300px\]\/browser-toolbar\:block {
  @container browser-toolbar (width >= 300px) {
  display: block;
}
}
  .\@\[320px\]\:inline-block {
  @container (width >= 320px) {
  display: inline-block;
}
}
  .\@min-\[320px\]\/pane-header\:inline {
  @container pane-header (width >= 320px) {
  display: inline;
}
}
  .\@\[320px\]\:pr-2 {
  @container (width >= 320px) {
  padding-right: calc(var(--spacing) * 2);
}
}
  .\@min-\[360px\]\/pane-header\:block {
  @container pane-header (width >= 360px) {
  display: block;
}
}
  .\@min-\[360px\]\/pane-header\:flex {
  @container pane-header (width >= 360px) {
  display: flex;
}
}
  .\@min-\[360px\]\/pane-header\:inline {
  @container pane-header (width >= 360px) {
  display: inline;
}
}
  .\@min-\[400px\]\/strip\:inline {
  @container strip (width >= 400px) {
  display: inline;
}
}
  .\@min-\[420px\]\/pane-header\:flex {
  @container pane-header (width >= 420px) {
  display: flex;
}
}
  .\@min-\[480px\]\/browser-toolbar\:flex {
  @container browser-toolbar (width >= 480px) {
  display: flex;
}
}
  .\@min-\[480px\]\/browser-toolbar\:inline {
  @container browser-toolbar (width >= 480px) {
  display: inline;
}
}
  .\@min-\[520px\]\/pane-header\:flex {
  @container pane-header (width >= 520px) {
  display: flex;
}
}
  .\@min-\[900px\]\:hidden {
  @container (width >= 900px) {
  display: none;
}
}
  .\@min-\[900px\]\:inline {
  @container (width >= 900px) {
  display: inline;
}
}
  .\@min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_372px\] {
  @container (width >= 900px) {
  grid-template-columns: minmax(0px, 1fr) 372px;
}
}
  .\@min-\[900px\]\:grid-rows-\[auto_minmax\(0\,1fr\)\] {
  @container (width >= 900px) {
  grid-template-rows: auto minmax(0px, 1fr);
}
}
  .\@min-\[900px\]\:content-stretch {
  @container (width >= 900px) {
  align-content: stretch;
}
}
  .\@min-\[900px\]\:overflow-auto {
  @container (width >= 900px) {
  overflow: auto;
}
}
  .\@min-\[900px\]\:overflow-hidden {
  @container (width >= 900px) {
  overflow: hidden;
}
}
  .\@min-\[900px\]\:border-t-0 {
  @container (width >= 900px) {
  border-top-style: var(--tw-border-style); border-top-width: 0px;
}
}
  .\@min-\[900px\]\:border-l {
  @container (width >= 900px) {
  border-left-style: var(--tw-border-style); border-left-width: 1px;
}
}
  .\@min-\[900px\]\:border-border {
  @container (width >= 900px) {
  border-color: var(--border);
}
}
  .\@min-\[900px\]\:pt-1 {
  @container (width >= 900px) {
  padding-top: calc(var(--spacing) * 1);
}
}
  .\@min-\[900px\]\:\[grid-template-areas\:\'header_side-header\'_\'main_side\'\] {
  @container (width >= 900px) {
  grid-template-areas: "header side-header" "main side";
}
}
  .\@min-\[18rem\]\/record-actions\:inline {
  @container record-actions (width >= 18rem) {
  display: inline;
}
}
  .\@\[28rem\]\:hidden {
  @container (width >= 28rem) {
  display: none;
}
}
  .\@\[28rem\]\:inline {
  @container (width >= 28rem) {
  display: inline;
}
}
  .\@md\:inline {
  @container (width >= 28rem) {
  display: inline;
}
}
  .\@md\:grid-cols-2 {
  @container (width >= 28rem) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
}
  .\@md\/field-group\:flex-row {
  @container field-group (width >= 28rem) {
  flex-direction: row;
}
}
  .\@md\/field-group\:items-center {
  @container field-group (width >= 28rem) {
  align-items: center;
}
}
  .\@md\:gap-3 {
  @container (width >= 28rem) {
  gap: calc(var(--spacing) * 3);
}
}
  .\@md\:px-3 {
  @container (width >= 28rem) {
  padding-inline: calc(var(--spacing) * 3);
}
}
  .\@md\:px-6 {
  @container (width >= 28rem) {
  padding-inline: calc(var(--spacing) * 6);
}
}
  .\@md\:py-6 {
  @container (width >= 28rem) {
  padding-block: calc(var(--spacing) * 6);
}
}
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start {
  @container field-group (width >= 28rem) {
  &:has(> [data-slot="field-content"]) { align-items: flex-start; }
}
}
  .\@lg\:inline {
  @container (width >= 32rem) {
  display: inline;
}
}
  .\@xl\:inline {
  @container (width >= 36rem) {
  display: inline;
}
}
  .\@\[40rem\]\/detail\:px-4 {
  @container detail (width >= 40rem) {
  padding-inline: calc(var(--spacing) * 4);
}
}
  .\@2xl\:inline-flex {
  @container (width >= 42rem) {
  display: inline-flex;
}
}
  .\@min-\[52rem\]\/detail\:block {
  @container detail (width >= 52rem) {
  display: block;
}
}
  .\@4xl\:inline {
  @container (width >= 56rem) {
  display: inline;
}
}
  .\@\[56rem\]\:flex {
  @container (width >= 56rem) {
  display: flex;
}
}
  .\@4xl\:w-56 {
  @container (width >= 56rem) {
  width: calc(var(--spacing) * 56);
}
}
  .\@4xl\:w-60 {
  @container (width >= 56rem) {
  width: calc(var(--spacing) * 60);
}
}
  .\@4xl\:flex-row {
  @container (width >= 56rem) {
  flex-direction: row;
}
}
  .\@4xl\:items-center {
  @container (width >= 56rem) {
  align-items: center;
}
}
  .\@\[56rem\]\/detail\:px-6 {
  @container detail (width >= 56rem) {
  padding-inline: calc(var(--spacing) * 6);
}
}
  .\@6xl\:w-64 {
  @container (width >= 72rem) {
  width: calc(var(--spacing) * 64);
}
}
  .\@6xl\:max-w-48 {
  @container (width >= 72rem) {
  max-width: calc(var(--spacing) * 48);
}
}
  .dark\:block {
  &:is(.dark *) { display: block; }
}
  .dark\:hidden {
  &:is(.dark *) { display: none; }
}
  .dark\:border-amber-800 {
  &:is(.dark *) { border-color: var(--color-amber-800); }
}
  .dark\:border-destructive\/50 {
  &:is(.dark *) {
  border-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
}
}
}
  .dark\:border-input {
  &:is(.dark *) { border-color: var(--input); }
}
  .dark\:border-yellow-500\/20 {
  &:is(.dark *) {
  border-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
}
}
}
  .dark\:bg-\[color-mix\(in_oklab\,var\(--muted\)_35\%\,var\(--background\)\)\] {
  &:is(.dark *) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab,var(--muted) 35%,var(--background));
}
}
}
  .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
  &:is(.dark *) { background-color: var(--shiki-dark-bg,var(--sdm-tbg)); }
}
  .dark\:bg-amber-950\/50 {
  &:is(.dark *) {
  background-color: color-mix(in srgb, oklch(0.279 0.077 45.635), transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent);
}
}
}
  .dark\:bg-destructive\/60 {
  &:is(.dark *) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
}
}
}
  .dark\:bg-foreground\/\[0\.02\] {
  &:is(.dark *) {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 2%, transparent);
}
}
}
  .dark\:bg-input\/30 {
  &:is(.dark *) {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
  .dark\:bg-muted {
  &:is(.dark *) { background-color: var(--muted); }
}
  .dark\:bg-muted\/35 {
  &:is(.dark *) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 35%, transparent);
}
}
}
  .dark\:bg-muted\/90 {
  &:is(.dark *) {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 90%, transparent);
}
}
}
  .dark\:bg-popover {
  &:is(.dark *) { background-color: var(--popover); }
}
  .dark\:bg-transparent {
  &:is(.dark *) { background-color: transparent; }
}
  .dark\:bg-yellow-500\/10 {
  &:is(.dark *) {
  background-color: color-mix(in srgb, oklch(0.795 0.184 86.047) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
}
}
}
  .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
  &:is(.dark *) { color: var(--shiki-dark,var(--sdm-c,inherit)); }
}
  .dark\:text-amber-300 {
  &:is(.dark *) { color: var(--color-amber-300); }
}
  .dark\:text-amber-400 {
  &:is(.dark *) { color: var(--color-amber-400); }
}
  .dark\:text-amber-500 {
  &:is(.dark *) { color: var(--color-amber-500); }
}
  .dark\:text-blue-400 {
  &:is(.dark *) { color: var(--color-blue-400); }
}
  .dark\:text-emerald-300 {
  &:is(.dark *) { color: var(--color-emerald-300); }
}
  .dark\:text-emerald-400 {
  &:is(.dark *) { color: var(--color-emerald-400); }
}
  .dark\:text-emerald-400\/70 {
  &:is(.dark *) {
  color: color-mix(in srgb, oklch(0.765 0.177 163.223) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
}
}
}
  .dark\:text-green-400 {
  &:is(.dark *) { color: var(--color-green-400); }
}
  .dark\:text-green-500 {
  &:is(.dark *) { color: var(--color-green-500); }
}
  .dark\:text-muted-foreground {
  &:is(.dark *) { color: var(--muted-foreground); }
}
  .dark\:text-orange-300 {
  &:is(.dark *) { color: var(--color-orange-300); }
}
  .dark\:text-purple-400 {
  &:is(.dark *) { color: var(--color-purple-400); }
}
  .dark\:text-red-300 {
  &:is(.dark *) { color: var(--color-red-300); }
}
  .dark\:text-red-400 {
  &:is(.dark *) { color: var(--color-red-400); }
}
  .dark\:text-red-400\/70 {
  &:is(.dark *) {
  color: color-mix(in srgb, oklch(0.704 0.191 22.216) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-red-400) 70%, transparent);
}
}
}
  .dark\:text-red-500 {
  &:is(.dark *) { color: var(--color-red-500); }
}
  .dark\:text-rose-400 {
  &:is(.dark *) { color: var(--color-rose-400); }
}
  .dark\:text-sky-300 {
  &:is(.dark *) { color: var(--color-sky-300); }
}
  .dark\:text-violet-400 {
  &:is(.dark *) { color: var(--color-violet-400); }
}
  .dark\:text-yellow-400 {
  &:is(.dark *) { color: var(--color-yellow-400); }
}
  .dark\:ring-\[color-mix\(in_oklab\,var\(--muted\)_35\%\,var\(--background\)\)\] {
  &:is(.dark *) {
  --tw-ring-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab,var(--muted) 35%,var(--background));
}
}
}
  .dark\:hover\:bg-accent {
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}
  .dark\:hover\:bg-accent\/50 {
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
}
}
  .dark\:hover\:bg-input\/50 {
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--input) 50%, transparent);
}
}
}
}
}
  .dark\:hover\:bg-transparent {
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  background-color: transparent;
}
}
}
}
  .dark\:hover\:text-accent-foreground {
  &:is(.dark *) {
  &:hover {
  @media (hover: hover) {
  color: var(--accent-foreground);
}
}
}
}
  .dark\:focus-visible\:ring-destructive\/40 {
  &: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);
}
}
}
}
  .dark\:has-data-\[state\=checked\]\:bg-primary\/10 {
  &:is(.dark *) {
  &:has([data-state="checked"]) {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 10%, transparent);
}
}
}
}
  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
  &: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);
}
}
}
}
  .dark\:aria-invalid\:ring-destructive\/40 {
  &: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);
}
}
}
}
  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40 {
  &:is(.dark *) {
  &[data-active="true"] {
  &[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);
}
}
}
}
}
  .dark\:data-\[state\=active\]\:border-input {
  &:is(.dark *) {
  &[data-state="active"] { border-color: var(--input); }
}
}
  .dark\:data-\[state\=active\]\:bg-input\/30 {
  &:is(.dark *) {
  &[data-state="active"] {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--input) 30%, transparent);
}
}
}
}
  .dark\:data-\[state\=active\]\:text-foreground {
  &:is(.dark *) {
  &[data-state="active"] { color: var(--foreground); }
}
}
  .dark\:data-\[state\=checked\]\:bg-primary {
  &:is(.dark *) {
  &[data-state="checked"] { background-color: var(--primary); }
}
}
  .dark\:data-\[state\=checked\]\:bg-primary-foreground {
  &:is(.dark *) {
  &[data-state="checked"] { background-color: var(--primary-foreground); }
}
}
  .dark\:data-\[state\=unchecked\]\:bg-foreground {
  &:is(.dark *) {
  &[data-state="unchecked"] { background-color: var(--foreground); }
}
}
  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
  &:is(.dark *) {
  &[data-state="unchecked"] {
  background-color: var(--input);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--input) 80%, transparent);
}
}
}
}
  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
  &:is(.dark *) {
  &[data-variant="destructive"] {
  &:focus {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
}
}
}
}
}
  .shell-next\:rounded-md {
  &:where([data-shell="next"], [data-shell="next"] *) { border-radius: calc(var(--radius) - 2px); }
}
  .shell-next\:hover\:bg-fill-hover {
  &:where([data-shell="next"], [data-shell="next"] *) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--fill-hover);
}
}
}
}
  .shell-next\:data-\[state\=open\]\:bg-fill-hover {
  &:where([data-shell="next"], [data-shell="next"] *) {
  &[data-state="open"] { background-color: var(--fill-hover); }
}
}
  .\[\&_\.cm-scroller\]\:pt-10 {
  & .cm-scroller { padding-top: calc(var(--spacing) * 10); }
}
  .\[\&_\.line\>\.shiki-line-number\]\:\!opacity-50 {
  & .line > .shiki-line-number { opacity: 0.5 !important; }
}
  .\[\&_\.min-h-28\]\:min-h-80 {
  & .min-h-28 { min-height: calc(var(--spacing) * 80); }
}
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
  & .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); }
}
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
  & .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);
}
}
}
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
  & .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); }
}
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
  & .recharts-dot[stroke="#fff"] { stroke: transparent; }
}
  .\[\&_\.recharts-layer\]\:outline-hidden {
  & .recharts-layer {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline: transparent solid 2px; outline-offset: 2px;
}
}
}
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
  & .recharts-polar-grid [stroke="#ccc"] { stroke: var(--border); }
}
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
  & .recharts-radial-bar-background-sector { fill: var(--muted); }
}
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
  & .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); }
}
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
  & .recharts-reference-line [stroke="#ccc"] { stroke: var(--border); }
}
  .\[\&_\.recharts-sector\]\:outline-hidden {
  & .recharts-sector {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline: transparent solid 2px; outline-offset: 2px;
}
}
}
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
  & .recharts-sector[stroke="#fff"] { stroke: transparent; }
}
  .\[\&_\.recharts-surface\]\:outline-hidden {
  & .recharts-surface {
  --tw-outline-style: none; outline-style: none;
  @media (forced-colors: active) {
  outline: transparent solid 2px; outline-offset: 2px;
}
}
}
  .\[\&_\:not\(pre\)\>code\]\:text-xs {
  & :not(pre) > code { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_\:not\(pre\)\>code\]\:break-all {
  & :not(pre) > code { word-break: break-all; }
}
  .\[\&_\[cmdk-empty\]\]\:text-xs {
  & [cmdk-empty] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_\[cmdk-group-heading\]\]\:px-2 {
  & [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); }
}
  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 {
  & [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); }
}
  .\[\&_\[cmdk-group-heading\]\]\:text-xs {
  & [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_\[cmdk-group-heading\]\]\:text-\[11px\] {
  & [cmdk-group-heading] { font-size: 11px; }
}
  .\[\&_\[cmdk-group-heading\]\]\:font-medium {
  & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground {
  & [cmdk-group-heading] { color: var(--muted-foreground); }
}
  .\[\&_\[cmdk-group\]\]\:px-2 {
  & [cmdk-group] { padding-inline: calc(var(--spacing) * 2); }
}
  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
  & [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: calc(var(--spacing) * 0); }
}
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
  & [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); }
}
  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
  & [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); }
}
  .\[\&_\[cmdk-input\]\]\:h-12 {
  & [cmdk-input] { height: calc(var(--spacing) * 12); }
}
  .\[\&_\[cmdk-input\]\]\:text-xs {
  & [cmdk-input] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_\[cmdk-item\]\]\:rounded-md {
  & [cmdk-item] { border-radius: calc(var(--radius) - 2px); }
}
  .\[\&_\[cmdk-item\]\]\:px-2 {
  & [cmdk-item] { padding-inline: calc(var(--spacing) * 2); }
}
  .\[\&_\[cmdk-item\]\]\:py-3 {
  & [cmdk-item] { padding-block: calc(var(--spacing) * 3); }
}
  .\[\&_\[cmdk-item\]\]\:text-xs {
  & [cmdk-item] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_\[cmdk-item\]_svg\]\:h-5 {
  & [cmdk-item] svg { height: calc(var(--spacing) * 5); }
}
  .\[\&_\[cmdk-item\]_svg\]\:w-5 {
  & [cmdk-item] svg { width: calc(var(--spacing) * 5); }
}
  .\[\&_\[cmdk-list\]\]\:max-h-\[min\(500px\,calc\(80vh-3rem\)\)\] {
  & [cmdk-list] { max-height: min(500px, -3rem + 80vh); }
}
  .\[\&_\[data-slot\=avatar-fallback\]\]\:text-\[length\:inherit\] {
  & [data-slot="avatar-fallback"] { font-size: inherit; }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\]\:gap-0 {
  & [data-streamdown="table-wrapper"] { gap: calc(var(--spacing) * 0); }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\]\:overflow-hidden {
  & [data-streamdown="table-wrapper"] { overflow: hidden; }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\]\:bg-transparent {
  & [data-streamdown="table-wrapper"] { background-color: transparent; }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\]\:p-0 {
  & [data-streamdown="table-wrapper"] { padding: calc(var(--spacing) * 0); }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\>div\]\:rounded-none {
  & [data-streamdown="table-wrapper"] > div { border-radius: 0px; }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\>div\]\:border-0 {
  & [data-streamdown="table-wrapper"] > div { border-style: var(--tw-border-style); border-width: 0px; }
}
  .\[\&_\[data-streamdown\=table-wrapper\]\>div\]\:bg-transparent {
  & [data-streamdown="table-wrapper"] > div { background-color: transparent; }
}
  .\[\&_\[role\=menuitem\]\]\:text-xs {
  & [role="menuitem"] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_article\]\:max-w-none {
  & article { max-width: none; }
}
  .\[\&_article\]\:p-0 {
  & article { padding: calc(var(--spacing) * 0); }
}
  .\[\&_article\>\*\:first-child\]\:mt-0 {
  & article > :first-child { margin-top: calc(var(--spacing) * 0); }
}
  .\[\&_article\>\*\:first-child_img\]\:-mt-5 {
  & article > :first-child img { margin-top: calc(var(--spacing) * -5); }
}
  .\[\&_button\]\:text-white\/80 {
  & button {
  color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
}
  .group-hover\/thumb\:\[\&_button\]\:pointer-events-auto {
  &:is(:where(.group\/thumb):hover *) {
  @media (hover: hover) {
  & button { pointer-events: auto; }
}
}
}
  .\[\&_button\:hover\]\:text-white {
  & button:hover { color: var(--color-white); }
}
  .\[\&_code\]\:font-mono {
  & code { font-family: var(--font-mono); }
}
  .\[\&_code\]\:text-sm {
  & code { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
  .\[\&_em\]\:text-foreground\/60 {
  & em {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
}
  .\[\&_h1\]\:mt-2 {
  & h1 { margin-top: calc(var(--spacing) * 2); }
}
  .\[\&_h1\]\:mb-0\.5 {
  & h1 { margin-bottom: calc(var(--spacing) * 0.5); }
}
  .\[\&_h1\]\:text-sm {
  & h1 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
  .\[\&_h1\]\:font-bold {
  & h1 { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
}
  .\[\&_h2\]\:mt-2 {
  & h2 { margin-top: calc(var(--spacing) * 2); }
}
  .\[\&_h2\]\:mb-0\.5 {
  & h2 { margin-bottom: calc(var(--spacing) * 0.5); }
}
  .\[\&_h2\]\:text-sm {
  & h2 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
  .\[\&_h2\]\:font-bold {
  & h2 { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
}
  .\[\&_h3\]\:mt-1\.5 {
  & h3 { margin-top: calc(var(--spacing) * 1.5); }
}
  .\[\&_h3\]\:mb-0 {
  & h3 { margin-bottom: calc(var(--spacing) * 0); }
}
  .\[\&_h3\]\:text-xs {
  & h3 { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_h3\]\:font-semibold {
  & h3 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
}
  .\[\&_h4\]\:text-xs {
  & h4 { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_h4\]\:font-semibold {
  & h4 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
}
  .\[\&_h5\]\:text-xs {
  & h5 { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_h5\]\:font-medium {
  & h5 { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
  .\[\&_h6\]\:text-xs {
  & h6 { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&_h6\]\:font-medium {
  & h6 { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
}
  .\[\&_img\]\:-mx-5 {
  & img { margin-inline: calc(var(--spacing) * -5); }
}
  .\[\&_img\]\:mx-auto {
  & img { margin-inline: auto; }
}
  .\[\&_img\]\:size-full {
  & img { width: 100%; height: 100%; }
}
  .\[\&_img\]\:max-h-32 {
  & img { max-height: calc(var(--spacing) * 32); }
}
  .\[\&_img\]\:max-h-52 {
  & img { max-height: calc(var(--spacing) * 52); }
}
  .\[\&_img\]\:w-\[calc\(100\%\+2\.5rem\)\] {
  & img { width: calc(100% + 2.5rem); }
}
  .\[\&_img\]\:max-w-none {
  & img { max-width: none; }
}
  .\[\&_img\]\:rounded-none {
  & img { border-radius: 0px; }
}
  .\[\&_img\]\:object-cover {
  & img { object-fit: cover; }
}
  .\[\&_li\]\:break-words {
  & li { overflow-wrap: break-word; }
}
  .\[\&_li\]\:whitespace-pre-wrap {
  & li { white-space: pre-wrap; }
}
  .\[\&_li\>p\:first-child\]\:mt-0 {
  & li > p:first-child { margin-top: calc(var(--spacing) * 0); }
}
  .\[\&_ol\]\:list-outside {
  & ol { list-style-position: outside; }
}
  .\[\&_ol\]\:pl-6 {
  & ol { padding-left: calc(var(--spacing) * 6); }
}
  .\[\&_p\]\:my-0\.5 {
  & p { margin-block: calc(var(--spacing) * 0.5); }
}
  .\[\&_p\]\:leading-relaxed {
  & p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
}
  .\[\&_p\]\:break-words {
  & p { overflow-wrap: break-word; }
}
  .\[\&_p\]\:whitespace-pre-wrap {
  & p { white-space: pre-wrap; }
}
  .\[\&_pre\]\:\!p-2 {
  & pre { padding: calc(var(--spacing) * 2) !important; }
}
  .\[\&_span\[style\]\]\:\!text-foreground {
  & span[style] { color: var(--foreground) !important; }
}
  .\[\&_strong\]\:text-foreground\/60 {
  & strong {
  color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
}
  .\[\&_svg\]\:pointer-events-none {
  & svg { pointer-events: none; }
}
  .\[\&_svg\]\:mx-auto {
  & svg { margin-inline: auto; }
}
  .\[\&_svg\]\:block {
  & svg { display: block; }
}
  .\[\&_svg\]\:\!size-4 {
  & svg { width: calc(var(--spacing) * 4) !important; height: calc(var(--spacing) * 4) !important; }
}
  .\[\&_svg\]\:size-3\.5 {
  & svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
}
  .\[\&_svg\]\:size-4 {
  & svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
}
  .\[\&_svg\]\:size-5 {
  & svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
}
  .\[\&_svg\]\:\!h-full {
  & svg { height: 100% !important; }
}
  .\[\&_svg\]\:h-auto {
  & svg { height: auto; }
}
  .\[\&_svg\]\:\!w-full {
  & svg { width: 100% !important; }
}
  .\[\&_svg\]\:w-auto {
  & svg { width: auto; }
}
  .\[\&_svg\]\:\!max-w-none {
  & svg { max-width: none !important; }
}
  .\[\&_svg\]\:max-w-full {
  & svg { max-width: 100%; }
}
  .\[\&_svg\]\:shrink-0 {
  & svg { flex-shrink: 0; }
}
  .\[\&_svg\]\:stroke-\[1\.5\] {
  & svg { stroke-width: 1.5; }
}
  .\[\&_svg\]\:opacity-80 {
  & svg { opacity: 0.8; }
}
  .hover\:\[\&_svg\]\:opacity-100 {
  &:hover {
  @media (hover: hover) {
  & svg { opacity: 1; }
}
}
}
  .focus\:\[\&_svg\]\:opacity-100 {
  &:focus {
  & svg { opacity: 1; }
}
}
  .data-\[variant\=destructive\]\:\[\&_svg\]\:\!text-destructive {
  &[data-variant="destructive"] {
  & svg { color: var(--destructive) !important; }
}
}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
  & svg:not([class*="size-"]) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
  & svg:not([class*="size-"]) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
  & svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
  & svg:not([class*="size-"]) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
}
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-7 {
  & svg:not([class*="size-"]) { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); }
}
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-foreground {
  & svg:not([class*="text-"]) { color: var(--foreground); }
}
  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
  & svg:not([class*="text-"]) { color: var(--muted-foreground); }
}
  .\[\&_th\]\:bg-background {
  & th { background-color: var(--background); }
}
  .\[\&_thead\]\:sticky {
  & thead { position: sticky; }
}
  .\[\&_thead\]\:top-0 {
  & thead { top: calc(var(--spacing) * 0); }
}
  .\[\&_thead\]\:z-10 {
  & thead { z-index: 10; }
}
  .\[\&_thead\]\:bg-muted\/50 {
  & thead {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
}
}
}
  .\[\&_tr\]\:border-b {
  & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
}
  .\[\&_tr\]\:border-b-0 {
  & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
}
  .\[\&_tr\:last-child\]\:border-0 {
  & tr:last-child { border-style: var(--tw-border-style); border-width: 0px; }
}
  .\[\&_tr\>th\:first-child\]\:rounded-tl-xl {
  & tr > th:first-child { border-top-left-radius: calc(var(--radius) + 4px); }
}
  .\[\&_tr\>th\:last-child\]\:rounded-tr-xl {
  & tr > th:last-child { border-top-right-radius: calc(var(--radius) + 4px); }
}
  .\[\&_ul\]\:list-outside {
  & ul { list-style-position: outside; }
}
  .\[\&_ul\]\:pl-6 {
  & ul { padding-left: calc(var(--spacing) * 6); }
}
  .\[\&\+\[data-slot\=item-content\]\]\:flex-none {
  & + [data-slot="item-content"] { flex: 0 0 auto; }
}
  .\[\&\.task-list-item\]\:list-none {
  &.task-list-item { list-style-type: none; }
}
  .\[\&\.task-list-item_input\]\:mr-\[7px\] {
  &.task-list-item input { margin-right: 7px; }
}
  .\[\&\.task-list-item_input\]\:-ml-5 {
  &.task-list-item input { margin-left: calc(var(--spacing) * -5); }
}
  .\[\&\.task-list-item_input\]\:accent-foreground {
  &.task-list-item input { accent-color: var(--foreground); }
}
  .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
  &::-webkit-inner-spin-button { appearance: none; }
}
  .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none {
  &::-webkit-outer-spin-button { appearance: none; }
}
  .\[\&\:\:-webkit-scrollbar\]\:hidden {
  &::-webkit-scrollbar { display: none; }
}
  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md {
  &:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
}
  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
  &:has([role="checkbox"]) { padding-right: calc(var(--spacing) * 0); }
}
  .\[\&\:hover\>td\]\:bg-fill-hover {
  &:hover > td { background-color: var(--fill-hover); }
}
  .\[\.border-b\]\:pb-3 {
  &:is(.border-b) { padding-bottom: calc(var(--spacing) * 3); }
}
  .\[\.border-b\]\:pb-6 {
  &:is(.border-b) { padding-bottom: calc(var(--spacing) * 6); }
}
  .\[\.border-t\]\:pt-3 {
  &:is(.border-t) { padding-top: calc(var(--spacing) * 3); }
}
  .\[\.border-t\]\:pt-6 {
  &:is(.border-t) { padding-top: calc(var(--spacing) * 6); }
}
  .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  :is(& *) {
  &:is(.rdp-button_next > svg) { rotate: 180deg; }
}
}
}
  .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
  &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  :is(& *) {
  &:is(.rdp-button_previous > svg) { rotate: 180deg; }
}
}
}
  .\[a\]\:transition-colors {
  &: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)); }
}
  .\[a\]\:hover\:bg-accent\/50 {
  &:is(a) {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--accent) 50%, transparent);
}
}
}
}
}
  .\*\:\[span\]\:last\:flex {
  :is(& > *) {
  &:is(span) {
  &:last-child { display: flex; }
}
}
}
  .\*\:\[span\]\:last\:min-w-0 {
  :is(& > *) {
  &:is(span) {
  &:last-child { min-width: calc(var(--spacing) * 0); }
}
}
}
  .\*\:\[span\]\:last\:items-center {
  :is(& > *) {
  &:is(span) {
  &:last-child { align-items: center; }
}
}
}
  .\*\:\[span\]\:last\:gap-2 {
  :is(& > *) {
  &:is(span) {
  &:last-child { gap: calc(var(--spacing) * 2); }
}
}
}
  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
  &[data-variant="destructive"] {
  :is(& > *) {
  &:is(svg) { color: var(--destructive) !important; }
}
}
}
  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md {
  &:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
}
  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md {
  &:nth-child(2)[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
}
  .\[\&\>\*\]\:pointer-events-auto {
  & > * { pointer-events: auto; }
}
  .\[\&\>\*\]\:col-start-1 {
  & > * { grid-column-start: 1; }
}
  .\[\&\>\*\]\:row-start-1 {
  & > * { grid-row-start: 1; }
}
  .\[\&\>\*\]\:w-full {
  & > * { width: 100%; }
}
  .\[\&\>\*\]\:animate-block-fade {
  & > * { animation: 320ms ease-out 0s 1 normal both running block-fade; }
}
  .\[\&\>\*\]\:focus-visible\:relative {
  & > * {
  &:focus-visible { position: relative; }
}
}
  .\[\&\>\*\]\:focus-visible\:z-10 {
  & > * {
  &:focus-visible { z-index: 10; }
}
}
  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 {
  & > * {
  &[data-slot="field"] { padding: calc(var(--spacing) * 4); }
}
}
  .motion-reduce\:\[\&\>\*\]\:animate-none {
  @media (prefers-reduced-motion: reduce) {
  & > * { animation: auto ease 0s 1 normal none running none; }
}
}
  .\@md\/field-group\:\[\&\>\*\]\:w-auto {
  @container field-group (width >= 28rem) {
  & > * { width: auto; }
}
}
  .\[\&\>\*\+\*\]\:before\:me-2 {
  & > * + * {
  &::before { content: var(--tw-content); margin-inline-end: calc(var(--spacing) * 2); }
}
}
  .\[\&\>\*\+\*\]\:before\:text-muted-foreground {
  & > * + * {
  &::before { content: var(--tw-content); color: var(--muted-foreground); }
}
}
  .\[\&\>\*\+\*\]\:before\:content-\[\'·\'\] {
  & > * + * {
  &::before { --tw-content: '·'; content: var(--tw-content); }
}
}
  .\[\&\>\*\:first-child\]\:mt-0 {
  & > :first-child { margin-top: calc(var(--spacing) * 0); }
}
  .\[\&\>\*\:first-child\]\:rounded-l-md {
  & > :first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
}
  .\[\&\>\*\:last-child\]\:mb-0 {
  & > :last-child { margin-bottom: calc(var(--spacing) * 0); }
}
  .\[\&\>\*\:last-child\]\:rounded-r-md {
  & > :last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
}
  .\[\&\>\*\:last-child\]\:after\:inline {
  & > :last-child {
  &::after { content: var(--tw-content); display: inline; }
}
}
  .\[\&\>\*\:last-child\]\:after\:align-baseline {
  & > :last-child {
  &::after { content: var(--tw-content); vertical-align: baseline; }
}
}
  .\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\] {
  & > :last-child {
  &::after { --tw-content: var(--streamdown-caret); content: var(--tw-content); }
}
}
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none {
  & > :not(:first-child) { border-top-left-radius: 0px; border-top-right-radius: 0px; }
}
  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none {
  & > :not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
}
  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 {
  & > :not(:first-child) { border-top-style: var(--tw-border-style); border-top-width: 0px; }
}
  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 {
  & > :not(:first-child) { border-left-style: var(--tw-border-style); border-left-width: 0px; }
}
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none {
  & > :not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
}
  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none {
  & > :not(:last-child) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
}
  .\[\&\>\.ProseMirror\]\:flex-1 {
  & > .ProseMirror { flex: 1 1 0%; }
}
  .\[\&\>\.sr-only\]\:w-auto {
  & > .sr-only { width: auto; }
}
  .\[\&\>\:empty\]\:hidden {
  & > :empty { display: none; }
}
  .\[\&\>\:first-child\]\:pt-0 {
  & > :first-child { padding-top: calc(var(--spacing) * 0); }
}
  .\[\&\>\[data-slot\=command-input-wrapper\]\]\:flex-1 {
  & > [data-slot="command-input-wrapper"] { flex: 1 1 0%; }
}
  .\[\&\>\[data-slot\=command-input-wrapper\]\]\:border-b-0 {
  & > [data-slot="command-input-wrapper"] { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
}
  .\[\&\>\[data-slot\=dialog-close\]\]\:top-5 {
  & > [data-slot="dialog-close"] { top: calc(var(--spacing) * 5); }
}
  .\[\&\>\[data-slot\=dialog-close\]\]\:right-5 {
  & > [data-slot="dialog-close"] { right: calc(var(--spacing) * 5); }
}
  .\[\&\>\[data-slot\=dialog-close\]\]\:z-10 {
  & > [data-slot="dialog-close"] { z-index: 10; }
}
  .\[\&\>\[data-slot\=dialog-close\]\]\:text-muted-foreground {
  & > [data-slot="dialog-close"] { color: var(--muted-foreground); }
}
  .\[\&\>\[data-slot\=dialog-close\]\]\:opacity-100 {
  & > [data-slot="dialog-close"] { opacity: 1; }
}
  .hover\:\[\&\>\[data-slot\=dialog-close\]\]\:text-foreground {
  &:hover {
  @media (hover: hover) {
  & > [data-slot="dialog-close"] { color: var(--foreground); }
}
}
}
  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 {
  & > [data-slot="field-group"] { gap: calc(var(--spacing) * 4); }
}
  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
  & > [data-slot="field-label"] { flex: 1 1 auto; }
}
  .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto {
  @container field-group (width >= 28rem) {
  & > [data-slot="field-label"] { flex: 1 1 auto; }
}
}
  .\[\&\>\[data-slot\=input-group\]\]\:rounded-\[13px\] {
  & > [data-slot="input-group"] { border-radius: 13px; }
}
  .\[\&\>\[data-slot\=input-group\]\]\:border-\[0\.5px\] {
  & > [data-slot="input-group"] { border-style: var(--tw-border-style); border-width: 0.5px; }
}
  .\[\&\>\[data-slot\=input-group\]\]\:bg-foreground\/\[0\.02\] {
  & > [data-slot="input-group"] {
  background-color: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--foreground) 2%, transparent);
}
}
}
  .\[\&\>\[data-slot\=input-group\]\]\:shadow-none {
  & > [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); }
}
  .\[\&\>\[data-slot\=scroll-area-viewport\]\>div\]\:\!block {
  & > [data-slot="scroll-area-viewport"] > div { display: block !important; }
}
  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md {
  &:has(:is(select[aria-hidden="true"]:last-child)) {
  & > [data-slot="select-trigger"]:last-of-type { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
}
}
  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit {
  & > [data-slot="select-trigger"]:not([class*="w-"]) { width: fit-content; }
}
  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
  & > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
  &:has(> [data-slot="field-content"]) {
  & > [role="checkbox"], & [role="radio"] { margin-top: 1px; }
}
}
  .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px {
  @container field-group (width >= 28rem) {
  &:has(> [data-slot="field-content"]) {
  & > [role="checkbox"], & [role="radio"] { margin-top: 1px; }
}
}
}
  .\[\&\>a\]\:underline {
  & > a { text-decoration-line: underline; }
}
  .\[\&\>a\]\:underline-offset-4 {
  & > a { text-underline-offset: 4px; }
}
  .\[\&\>a\:hover\]\:text-primary {
  & > a:hover { color: var(--primary); }
}
  .\[\&\>button\]\:hidden {
  & > button { display: none; }
}
  .\[\&\>div\]\:mr-0 {
  & > div { margin-right: calc(var(--spacing) * 0); }
}
  .\[\&\>div\]\:pb-0 {
  & > div { padding-bottom: calc(var(--spacing) * 0); }
}
  .\[\&\>div\>div\]\:max-h-\[300px\] {
  & > div > div { max-height: 300px; }
}
  .\[\&\>input\]\:flex-1 {
  & > input { flex: 1 1 0%; }
}
  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
  &:has(> [data-align="block-end"]) {
  & > input { padding-top: calc(var(--spacing) * 3); }
}
}
  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
  &:has(> [data-align="block-start"]) {
  & > input { padding-bottom: calc(var(--spacing) * 3); }
}
}
  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2 {
  &:has(> [data-align="inline-end"]) {
  & > input { padding-right: calc(var(--spacing) * 2); }
}
}
  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2 {
  &:has(> [data-align="inline-start"]) {
  & > input { padding-left: calc(var(--spacing) * 2); }
}
}
  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
  & > kbd { border-radius: calc(var(--radius) - 5px); }
}
  .\[\&\>p\]\:inline {
  & > p { display: inline; }
}
  .\[\&\>pre\]\:m-0 {
  & > pre { margin: calc(var(--spacing) * 0); }
}
  .\[\&\>pre\]\:bg-background\! {
  & > pre { background-color: var(--background) !important; }
}
  .\[\&\>pre\]\:p-4 {
  & > pre { padding: calc(var(--spacing) * 4); }
}
  .\[\&\>pre\]\:text-sm {
  & > pre { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }
}
  .\[\&\>pre\]\:whitespace-pre {
  & > pre { white-space: pre; }
}
  .\[\&\>pre\]\:text-foreground\! {
  & > pre { color: var(--foreground) !important; }
}
  .\[\&\>span\]\:text-xs {
  & > span { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }
}
  .\[\&\>span\]\:opacity-70 {
  & > span { opacity: 0.7; }
}
  .\[\&\>span\:first-child\]\:hidden {
  & > span:first-child { display: none; }
}
  .\[\&\>span\:last-child\]\:truncate {
  & > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
  .\[\&\>svg\]\:pointer-events-none {
  & > svg { pointer-events: none; }
}
  .\[\&\>svg\]\:size-2\.5 {
  & > svg { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); }
}
  .\[\&\>svg\]\:size-3 {
  & > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
}
  .\[\&\>svg\]\:size-3\.5 {
  & > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
}
  .\[\&\>svg\]\:size-4 {
  & > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
}
  .\[\&\>svg\]\:size-full {
  & > svg { width: 100%; height: 100%; }
}
  .\[\&\>svg\]\:h-2\.5 {
  & > svg { height: calc(var(--spacing) * 2.5); }
}
  .\[\&\>svg\]\:h-3 {
  & > svg { height: calc(var(--spacing) * 3); }
}
  .\[\&\>svg\]\:w-2\.5 {
  & > svg { width: calc(var(--spacing) * 2.5); }
}
  .\[\&\>svg\]\:w-3 {
  & > svg { width: calc(var(--spacing) * 3); }
}
  .\[\&\>svg\]\:shrink-0 {
  & > svg { flex-shrink: 0; }
}
  .\[\&\>svg\]\:translate-y-0\.5 {
  & > svg { --tw-translate-y: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); }
}
  .\[\&\>svg\]\:text-current {
  & > svg { color: currentcolor; }
}
  .\[\&\>svg\]\:text-muted-foreground {
  & > svg { color: var(--muted-foreground); }
}
  .\[\&\>svg\]\:text-sidebar-accent-foreground {
  & > svg { color: var(--sidebar-accent-foreground); }
}
  .\[\&\>svg\:last-child\]\:size-3 {
  & > svg:last-child { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
}
  .\[\&\>svg\:last-child\]\:text-muted-foreground\/70 {
  & > svg:last-child {
  color: var(--muted-foreground);
  @supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
}
}
}
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
  & > svg:not([class*="size-"]) { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
}
  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
  & > svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
}
  .\[\&\>td\:first-child\]\:rounded-l-lg {
  & > td:first-child { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); }
}
  .\[\&\>td\:last-child\]\:rounded-r-lg {
  & > td:last-child { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); }
}
  .\[\&\>tr\]\:last\:border-b-0 {
  & > tr {
  &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
}
}
  .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90 {
  &[data-panel-group-direction="vertical"] > div { rotate: 90deg; }
}
  .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
  &[data-state="open"] > svg { rotate: 180deg; }
}
  .\[\.dark_\&\]\:bg-\[\#064e3b\] {
  .dark & { background-color: rgb(6, 78, 59); }
}
  .\[\.dark_\&\]\:bg-muted\/20 {
  .dark & {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 20%, transparent);
}
}
}
  .\[\.dark_\&\]\:bg-muted\/30 {
  .dark & {
  background-color: var(--muted);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--muted) 30%, transparent);
}
}
}
  .\[\.dark_\&\]\:fill-\[\#34d399\] {
  .dark & { fill: rgb(52, 211, 153); }
}
  .\[\.dark_\&\]\:fill-\[\#f87171\] {
  .dark & { fill: rgb(248, 113, 113); }
}
  .\[\.dark_\&\]\:text-\[\#34d399\] {
  .dark & { color: rgb(52, 211, 153); }
}
  .\[\.dark_\&\]\:text-\[\#b0a6d9\] {
  .dark & { color: rgb(176, 166, 217); }
}
  .\[\.dark_\&\]\:text-\[\#e0918a\] {
  .dark & { color: rgb(224, 145, 138); }
}
  .\[\.dark_\&\]\:text-\[\#f87171\] {
  .dark & { color: rgb(248, 113, 113); }
}
  .\[\.dark_\&\]\:text-\[\#fbbf24\] {
  .dark & { color: rgb(251, 191, 36); }
}
  .\[\.dark_\&\]\:text-emerald-400 {
  .dark & { color: var(--color-emerald-400); }
}
  .\[\.dark_\&\]\:text-rose-400 {
  .dark & { color: var(--color-rose-400); }
}
  .\[\.dark_\&\]\:shadow-\[0_6px_24px_-10px_rgba\(0\,0\,0\,0\.30\)\] {
  .dark & { --tw-shadow: 0 6px 24px -10px var(--tw-shadow-color, rgba(0,0,0,0.30)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
}
  .\[\.light_\&\]\:bg-fill-hover {
  .light & { background-color: var(--fill-hover); }
}
  .\[\.light_\&\]\:hover\:bg-fill-selected {
  .light & {
  &:hover {
  @media (hover: hover) {
  background-color: var(--fill-selected);
}
}
}
}
  .\[\@media\(hover\:hover\)\]\:opacity-0 {
  @media (hover: hover) {
  opacity: 0;
}
}
  .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
  [data-side="left"][data-collapsible="offcanvas"] & { right: calc(var(--spacing) * -2); }
}
  .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
  [data-side="left"][data-state="collapsed"] & { cursor: e-resize; }
}
  .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
  [data-side="right"][data-collapsible="offcanvas"] & { left: calc(var(--spacing) * -2); }
}
  .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
  [data-side="right"][data-state="collapsed"] & { cursor: w-resize; }
}
  .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
  [data-slot="card-content"] & { background-color: transparent; }
}
  .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  [data-slot="popover-content"] & { background-color: transparent; }
}
  .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
  [data-variant="legend"] + & { margin-top: calc(var(--spacing) * -1.5); }
}
  .\[a\&\]\:hover\:bg-accent {
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--accent);
}
}
}
}
  .\[a\&\]\:hover\:bg-destructive\/90 {
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--destructive);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
}
}
}
}
}
  .\[a\&\]\:hover\:bg-primary\/90 {
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--primary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--primary) 90%, transparent);
}
}
}
}
}
  .\[a\&\]\:hover\:bg-secondary\/90 {
  a& {
  &:hover {
  @media (hover: hover) {
  background-color: var(--secondary);
  @supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
}
}
}
}
}
  .\[a\&\]\:hover\:text-accent-foreground {
  a& {
  &:hover {
  @media (hover: hover) {
  color: var(--accent-foreground);
}
}
}
}
  .\[li_\&\]\:pl-6 {
  li & { padding-left: calc(var(--spacing) * 6); }
}
}
@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; }
@keyframes sd-fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes sd-blurIn { 
  0% { opacity: 0; filter: blur(4px); }
  100% { opacity: 1; filter: blur(0px); }
}
@keyframes sd-slideUp { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
[data-sd-animate] { animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, 150ms) var(--sd-easing, ease) var(--sd-delay, 0ms) both; }
:root {
  --background: #151110; --foreground: #eae8e6; --card: #201e1c; --card-foreground: #eae8e6; --popover: #201e1c; --popover-foreground: #eae8e6; --primary: #eae8e6; --primary-foreground: #151110; --secondary: #2a2827; --secondary-foreground: #eae8e6; --muted: #2a2827; --muted-foreground: #a8a5a3; --accent: #2a2827; --accent-foreground: #eae8e6; --tertiary: #1a1716; --tertiary-active: #252220; --destructive: #cc4444; --destructive-foreground: #ffcccc; --warning: #e5c07b; --warning-foreground: #000000; --success: #5fb37f; --border: #2a2827; --input: #2a2827; --ring: #3a3837; --link: oklch(0.754 0.139 232.661 / 90%); --link-hover: oklch(0.828 0.101 230.318); --chart-1: #e07850; --chart-2: #50a878; --chart-3: #d4a84b; --chart-4: #7b68ee; --chart-5: #dc6b6b; --radius: 0.625rem; --sidebar: #1a1716; --sidebar-foreground: #eae8e6; --sidebar-primary: #e07850; --sidebar-primary-foreground: #151110; --sidebar-accent: #252220; --sidebar-accent-foreground: #eae8e6; --sidebar-border: #2a2827; --sidebar-ring: #3a3837; --highlight-match: rgba(224, 120, 80, 0.2); --highlight-active: rgba(224, 120, 80, 0.5); --highlight: #e07850; --highlight-foreground: #151110; --fill-hover: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --fill-hover: color-mix(in oklab, var(--foreground) 7%, transparent);
}
  --fill-selected: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --fill-selected: color-mix(in oklab, var(--foreground) 10%, transparent);
}
}
:root.light {
  --background: #fafaf8; --foreground: #2c2a28; --card: #ffffff; --card-foreground: #2c2a28; --popover: #ffffff; --popover-foreground: #2c2a28; --primary: #2c2a28; --primary-foreground: #fafaf8; --secondary: #eceae8; --secondary-foreground: #2c2a28; --muted: #eceae8; --muted-foreground: #625f5d; --accent: #e6e4e2; --accent-foreground: #2c2a28; --tertiary: oklch(0.95 0.003 40); --tertiary-active: oklch(0.9 0.003 40); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.985 0 0); --warning: oklch(0.554 0.113 86.265); --warning-foreground: oklch(0.985 0 0); --success: oklch(0.728863 0.211937 147.822201); --border: #e2e0de; --input: #d8d6d4; --ring: #878482; --link: oklch(0.51 0.169 255.985); --link-hover: oklch(0.582 0.196 256.219); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --sidebar: #eceae8; --sidebar-foreground: #2c2a28; --sidebar-primary: #2c2a28; --sidebar-primary-foreground: #fafaf8; --sidebar-accent: #dddbd9; --sidebar-accent-foreground: #2c2a28; --sidebar-border: #e2e0de; --sidebar-ring: #878482; --highlight-match: rgba(255, 211, 61, 0.35); --highlight-active: rgba(255, 150, 50, 0.55); --highlight: oklch(0.646 0.222 41.116); --highlight-foreground: oklch(0.985 0 0); --fill-hover: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --fill-hover: color-mix(in oklab, var(--foreground) 4%, transparent);
}
  --fill-selected: var(--foreground);
  @supports (color: color-mix(in lab, red, red)) {
  --fill-selected: color-mix(in oklab, var(--foreground) 6%, transparent);
}
}
@layer base {
  * { border-color: var(--border); -webkit-font-smoothing: antialiased; }
  button, [role="button"] { cursor: pointer; }
  body { background-color: var(--background); color: var(--foreground); }
  html, body { width: 100vw; height: 100vh; min-height: 100vh; margin: 0px; overflow: hidden; user-select: none; scroll-behavior: smooth; app-region: no-drag; -webkit-font-smoothing: antialiased; }
  app { display: block; position: relative; width: 100vw; height: 100vh; min-height: 100vh; }
  .xterm, .xterm .xterm-scrollable-element, .xterm .xterm-viewport, .xterm .xterm-screen { height: 100%; width: 100%; }
  .xterm { font-family: var(--superset-terminal-font-family, ui-monospace, monospace); }
  .xterm .xterm-rows a { color: inherit; cursor: pointer; }
  .xterm .xterm-rows a.xterm-underline-5 { text-decoration-color: rgb(59, 142, 234); }
  .xterm .xterm-rows a:hover.xterm-underline-5 { text-decoration-color: rgb(92, 168, 255); }
  .hide-scrollbar { scrollbar-width: none; }
  .hide-scrollbar::-webkit-scrollbar { display: none; }
  * { scrollbar-width: thin; scrollbar-color: rgba(63, 63, 70, 0.5) transparent; }
  ::-webkit-scrollbar { width: 12px; height: 12px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb { background-color: rgba(63, 63, 70, 0.5); border-radius: 6px; border: 3px solid transparent; background-clip: padding-box; }
  ::-webkit-scrollbar-thumb:hover { background-color: rgba(82, 82, 91, 0.7); }
  ::-webkit-scrollbar-thumb:active { background-color: rgba(113, 113, 122, 0.8); }
  ::-webkit-scrollbar-corner { background: transparent; }
  .scrollbar-thin::-webkit-scrollbar { width: 8px; height: 8px; }
  .scrollbar-thin::-webkit-scrollbar-thumb { border-radius: 4px; border: 2px solid transparent; }
  .drag { app-region: drag; }
  .no-drag { app-region: no-drag; }
  body:has([role="menu"][data-state="open"], [role="listbox"][data-state="open"], [role="dialog"][data-state="open"], [role="alertdialog"][data-state="open"]) .drag { app-region: no-drag; }
  ::highlight(markdown-search-matches) { background-color: var(--highlight-match); }
  ::highlight(markdown-search-active) { background-color: var(--highlight-active); }
  ::highlight(chat-search-matches) { background-color: var(--highlight-match); }
  ::highlight(chat-search-active) { background-color: var(--highlight-active); }
  @keyframes ascii-bar { 
  0% { content: "[##····]"; }
  16.667% { content: "[·##···]"; }
  33.333% { content: "[··##··]"; }
  50% { content: "[···##·]"; }
  66.667% { content: "[····##]"; }
  83.333%, 100% { content: "[#····#]"; }
}
  @keyframes check-draw { 
  0% { stroke-dashoffset: 26; }
  100% { stroke-dashoffset: 0; }
}
  @keyframes countdown-border-trace { 
  0% { stroke-dashoffset: 100; }
  100% { stroke-dashoffset: 0; }
}
  @keyframes pill-pixel-out { 
  0% { opacity: 1; mask-image: none; }
  30% { opacity: 1; mask-image: repeating-conic-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, transparent 0%, transparent 50%); mask-size: 3px 3px; }
  55% { opacity: 0.9; mask-image: repeating-conic-gradient(transparent 0%, transparent 25%, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%); mask-size: 5px 5px; }
  80% { opacity: 0.75; mask-image: repeating-conic-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, transparent 0%, transparent 50%); mask-size: 8px 8px; }
  100% { opacity: 0; mask-image: repeating-conic-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 25%, transparent 0%, transparent 50%); mask-size: 12px 12px; }
}
  .tiptap-chat-input p.is-editor-empty:first-child::before { content: attr(data-placeholder); float: left; color: var(--muted-foreground); pointer-events: none; height: 0px; opacity: 0.5; }
  .tiptap-chat-input p { margin: 0px; }
}
html[data-pointer-passthrough] iframe, html[data-pointer-passthrough] [data-pointer-passthrough-target] { pointer-events: none; }
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 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-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ping { 
  75%, 100% { transform: scale(2); opacity: 0; }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
  100% { height: 0px; }
}
@keyframes collapsible-down { 
  0% { height: 0px; }
  100% { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }
}
@keyframes collapsible-up { 
  0% { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }
  100% { height: 0px; }
}
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}
@keyframes wave-cell { 
  0%, 58.333%, 100% { opacity: 0; }
  12.5%, 45.833% { opacity: 1; }
}
@keyframes braille-spin { 
  0% { content: "⠋"; }
  10% { content: "⠙"; }
  20% { content: "⠹"; }
  30% { content: "⠸"; }
  40% { content: "⠼"; }
  50% { content: "⠴"; }
  60% { content: "⠦"; }
  70% { content: "⠧"; }
  80% { content: "⠇"; }
  90%, 100% { content: "⠏"; }
}
@keyframes shimmer { 
  0% { background-position: 100% center; }
  100% { background-position: 0% center; }
}
@keyframes spin-slow { 
  100% { transform: rotate(360deg); }
}
@keyframes block-fade { 
  0% { opacity: 0; }
}
@keyframes thinking-pulse { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.9; }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }
}
}
pre code.hljs { display: block; overflow-x: auto; padding: 1em; }
code.hljs { padding: 3px 5px; }
:root { --hljs-foreground: #c9d1d9; --hljs-keyword: #ff7b72; --hljs-entity: #d2a8ff; --hljs-constant: #79c0ff; --hljs-string: #a5d6ff; --hljs-variable: #ffa657; --hljs-comment: #8b949e; --hljs-entity-tag: #7ee787; --hljs-section: #1f6feb; --hljs-bullet: #f2cc60; --hljs-addition-foreground: #aff5b4; --hljs-addition-background: #033a16; --hljs-deletion-foreground: #ffdcd7; --hljs-deletion-background: #67060c; }
.light { --hljs-foreground: #24292e; --hljs-keyword: #d73a49; --hljs-entity: #6f42c1; --hljs-constant: #005cc5; --hljs-string: #032f62; --hljs-variable: #e36209; --hljs-comment: #6a737d; --hljs-entity-tag: #22863a; --hljs-section: #005cc5; --hljs-bullet: #735c0f; --hljs-addition-foreground: #22863a; --hljs-addition-background: #f0fff4; --hljs-deletion-foreground: #b31d28; --hljs-deletion-background: #ffeef0; }
.hljs { color: var(--hljs-foreground); }
.hljs-doctag, .hljs-keyword, .hljs-meta .hljs-keyword, .hljs-template-tag, .hljs-template-variable, .hljs-type, .hljs-variable.language_ { color: var(--hljs-keyword); }
.hljs-title, .hljs-title.class_, .hljs-title.class_.inherited__, .hljs-title.function_ { color: var(--hljs-entity); }
.hljs-attr, .hljs-attribute, .hljs-literal, .hljs-meta, .hljs-number, .hljs-operator, .hljs-variable, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id { color: var(--hljs-constant); }
.hljs-regexp, .hljs-string, .hljs-meta .hljs-string { color: var(--hljs-string); }
.hljs-built_in, .hljs-symbol { color: var(--hljs-variable); }
.hljs-comment, .hljs-code, .hljs-formula { color: var(--hljs-comment); }
.hljs-name, .hljs-quote, .hljs-selector-tag, .hljs-selector-pseudo { color: var(--hljs-entity-tag); }
.hljs-subst { color: var(--hljs-foreground); }
.hljs-section { color: var(--hljs-section); font-weight: bold; }
.hljs-bullet { color: var(--hljs-bullet); }
.hljs-emphasis { color: var(--hljs-foreground); font-style: italic; }
.hljs-strong { color: var(--hljs-foreground); font-weight: bold; }
.hljs-addition { color: var(--hljs-addition-foreground); background-color: var(--hljs-addition-background); }
.hljs-deletion { color: var(--hljs-deletion-foreground); background-color: var(--hljs-deletion-background); }
@layer utilities {
  .fade-edge-t, .fade-edge-r, .fade-edge-b, .fade-edge-l { --fade-edge-size: 1.5rem; --fade-edge-t-size: 0px; --fade-edge-r-size: 0px; --fade-edge-b-size: 0px; --fade-edge-l-size: 0px; mask-image: linear-gradient(
				to bottom,
				transparent,
				black var(--fade-edge-t-size),
				black calc(100% - var(--fade-edge-b-size)),
				transparent
			),
			linear-gradient(
				to right,
				transparent,
				black var(--fade-edge-l-size),
				black calc(100% - var(--fade-edge-r-size)),
				transparent
			); mask-composite: source-in; }
  .fade-edge-t { --fade-edge-t-size: var(--fade-edge-size); }
  .fade-edge-r { --fade-edge-r-size: var(--fade-edge-size); }
  .fade-edge-b { --fade-edge-b-size: var(--fade-edge-size); }
  .fade-edge-l { --fade-edge-l-size: var(--fade-edge-size); }
}
.default-markdown { color: var(--foreground); background: var(--background); font-size: 0.875rem; }
.default-markdown article { width: 100%; max-width: 56rem; margin: 0px auto; overflow-wrap: break-word; }
.default-markdown article > :first-child, .default-markdown article > :first-child > :first-child { margin-top: 0px; }
.default-markdown h1 { font-size: 1.875rem; font-weight: 700; line-height: 1.2; margin-top: 0px; margin-bottom: 1rem; letter-spacing: -0.025em; padding-bottom: 0.3rem; border-bottom: 1px solid var(--border); }
.default-markdown h2 { font-size: 1.25rem; font-weight: 600; line-height: 1.3; margin-top: 2rem; margin-bottom: 0.75rem; padding-bottom: 0.3rem; border-bottom: 1px solid var(--border); }
.default-markdown h3 { font-size: 1.125rem; font-weight: 600; line-height: 1.4; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.default-markdown h4, .default-markdown h5, .default-markdown h6 { font-size: 0.875rem; font-weight: 600; line-height: 1.5; margin-top: 1.25rem; margin-bottom: 0.5rem; }
.default-markdown p { margin-top: 0px; margin-bottom: 1rem; line-height: 1.5; }
.default-markdown ul, .default-markdown ol { margin-top: 0px; margin-bottom: 1rem; padding-left: 1.5rem; }
.default-markdown li { margin-bottom: 0.25rem; line-height: 1.5; }
.default-markdown ul { list-style-type: disc; }
.default-markdown ol { list-style-type: decimal; }
.default-markdown li > ul, .default-markdown li > ol { margin-top: 0.25rem; margin-bottom: 0px; }
.default-markdown pre { margin: 1rem 0px; border-radius: 0.375rem; overflow-x: auto; }
.default-markdown table { width: 100%; border-collapse: collapse; margin: 1rem 0px; }
.default-markdown .tableWrapper { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.default-markdown th { text-align: left; padding: 0.5rem 1rem; background: var(--muted); font-weight: 600; vertical-align: top; }
.default-markdown td { padding: 0.5rem 1rem; border-top: 1px solid var(--border); vertical-align: top; }
.default-markdown strong { font-weight: 600; }
.default-markdown em { font-style: italic; }
.default-markdown del { text-decoration: line-through; opacity: 0.7; }
.tufte-markdown { font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; line-height: 1.6; color: var(--foreground); }
.tufte-markdown article { max-width: 55rem; margin: 0px auto; padding: 2rem 4rem; }
.tufte-markdown h1 { font-weight: 400; font-size: 2.5rem; line-height: 1.2; margin-top: 2rem; margin-bottom: 1.5rem; text-align: center; }
.tufte-markdown h2 { font-weight: 400; font-style: italic; font-size: 1.5rem; line-height: 1.3; margin-top: 2.5rem; margin-bottom: 1rem; text-align: center; }
.tufte-markdown h2::after { content: ""; display: block; width: 4rem; height: 2px; background: color-mix(in oklch, var(--muted-foreground), transparent 60%); margin: 0.75rem auto 0px; }
.tufte-markdown h3 { font-weight: 400; font-style: italic; font-size: 1.25rem; line-height: 1.4; margin-top: 2rem; margin-bottom: 0.75rem; }
.tufte-markdown h4 { font-weight: 400; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 1.5rem; margin-bottom: 0.5rem; }
.tufte-markdown.tufte-sm { font-size: 0.95rem; }
.tufte-markdown.tufte-sm article { padding: 1rem 2rem; }
.tufte-markdown.tufte-sm h1 { font-size: 1.75rem; }
.tufte-markdown.tufte-sm h2 { font-size: 1.25rem; }
.tufte-markdown.tufte-sm h3 { font-size: 1.1rem; }
.tufte-markdown p { margin-top: 0px; margin-bottom: 1.1rem; text-align: justify; hyphens: auto; }
.tufte-markdown blockquote { font-style: italic; margin: 1.5rem 0px; padding-left: 1.5rem; border-left: 3px solid
		color-mix(in oklch, var(--muted-foreground), transparent 70%); }
.tufte-markdown ul, .tufte-markdown ol { margin: 1.1rem 0px; padding-left: 1.5rem; list-style-position: outside; }
.tufte-markdown ul { list-style-type: disc; }
.tufte-markdown ol { list-style-type: decimal; }
.tufte-markdown li { margin-bottom: 0.35rem; line-height: 1.5; }
.tufte-markdown a { color: var(--foreground); text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: color-mix(
		in oklch,
		var(--muted-foreground),
		transparent 50%
	); text-underline-offset: 3px; transition: text-decoration-color 0.15s; }
.tufte-markdown a:hover { text-decoration-color: var(--foreground); }
.tufte-markdown hr { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: color-mix(in oklch, var(--muted-foreground), transparent 70%); margin: 2.5rem auto; width: 40%; }
.tufte-markdown .tableWrapper { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.tufte-markdown table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
.tufte-markdown th { text-align: left; padding: 0.5rem 1rem; border-bottom: 2px solid
		color-mix(in oklch, var(--muted-foreground), transparent 70%); font-weight: 600; }
.tufte-markdown td { padding: 0.5rem 1rem; border-bottom: 1px solid
		color-mix(in oklch, var(--muted-foreground), transparent 85%); }
.tufte-markdown code:not(pre code) { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 0.85em; background: color-mix(in oklch, var(--muted), transparent 50%); padding: 0.15em 0.35em; border-radius: 3px; }
.tufte-markdown pre { margin: 1.5rem 0px; overflow-x: auto; }
.tufte-markdown img { max-width: 100%; height: auto; }
.tufte-markdown strong { font-weight: bold; }
.tufte-markdown em { font-style: italic; }
.tufte-markdown del { text-decoration: line-through; }
@media (max-width: 760px) {
  .tufte-markdown article { padding: 1rem 1.5rem; }
}
[data-sonner-toaster][dir="ltr"], html[dir="ltr"] { --toast-icon-margin-start: -3px; --toast-icon-margin-end: 4px; --toast-svg-margin-start: -1px; --toast-svg-margin-end: 0px; --toast-button-margin-start: auto; --toast-button-margin-end: 0; --toast-close-button-start: 0; --toast-close-button-end: unset; --toast-close-button-transform: translate(-35%, -35%); }
[data-sonner-toaster][dir="rtl"], html[dir="rtl"] { --toast-icon-margin-start: 4px; --toast-icon-margin-end: -3px; --toast-svg-margin-start: 0px; --toast-svg-margin-end: -1px; --toast-button-margin-start: 0; --toast-button-margin-end: auto; --toast-close-button-start: unset; --toast-close-button-end: 0; --toast-close-button-transform: translate(35%, -35%); }
[data-sonner-toaster] { position: fixed; width: var(--width); font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --gray1: hsl(0, 0%, 99%); --gray2: hsl(0, 0%, 97.3%); --gray3: hsl(0, 0%, 95.1%); --gray4: hsl(0, 0%, 93%); --gray5: hsl(0, 0%, 90.9%); --gray6: hsl(0, 0%, 88.7%); --gray7: hsl(0, 0%, 85.8%); --gray8: hsl(0, 0%, 78%); --gray9: hsl(0, 0%, 56.1%); --gray10: hsl(0, 0%, 52.3%); --gray11: hsl(0, 0%, 43.5%); --gray12: hsl(0, 0%, 9%); --border-radius: 8px; box-sizing: border-box; padding: 0px; margin: 0px; list-style: none; outline: 0px; z-index: 999999999; transition: transform 0.4s; }
@media (hover: none) and (pointer: coarse) {
  [data-sonner-toaster][data-lifted="true"] { transform: none; }
}
[data-sonner-toaster][data-x-position="right"] { right: var(--offset-right); }
[data-sonner-toaster][data-x-position="left"] { left: var(--offset-left); }
[data-sonner-toaster][data-x-position="center"] { left: 50%; transform: translateX(-50%); }
[data-sonner-toaster][data-y-position="top"] { top: var(--offset-top); }
[data-sonner-toaster][data-y-position="bottom"] { bottom: var(--offset-bottom); }
[data-sonner-toast] { --y: translateY(100%); --lift-amount: calc(var(--lift) * var(--gap)); z-index: var(--z-index); position: absolute; opacity: 0; transform: var(--y); touch-action: none; transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s; box-sizing: border-box; outline: 0px; overflow-wrap: anywhere; }
[data-sonner-toast][data-styled="true"] { padding: 16px; background: var(--normal-bg); border: 1px solid var(--normal-border); color: var(--normal-text); border-radius: var(--border-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; width: var(--width); font-size: 13px; display: flex; align-items: center; gap: 6px; }
[data-sonner-toast]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-y-position="top"] { top: 0px; --y: translateY(-100%); --lift: 1; --lift-amount: calc(1 * var(--gap)); }
[data-sonner-toast][data-y-position="bottom"] { bottom: 0px; --y: translateY(100%); --lift: -1; --lift-amount: calc(var(--lift) * var(--gap)); }
[data-sonner-toast][data-styled="true"] [data-description] { font-weight: 400; line-height: 1.4; color: rgb(63, 63, 63); }
[data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] { color: inherit; }
[data-sonner-toaster][data-sonner-theme="dark"] [data-description] { color: rgb(232, 232, 232); }
[data-sonner-toast][data-styled="true"] [data-title] { font-weight: 500; line-height: 1.5; color: inherit; }
[data-sonner-toast][data-styled="true"] [data-icon] { display: flex; height: 16px; width: 16px; position: relative; justify-content: flex-start; align-items: center; flex-shrink: 0; margin-left: var(--toast-icon-margin-start); margin-right: var(--toast-icon-margin-end); }
[data-sonner-toast][data-promise="true"] [data-icon] > svg { opacity: 0; transform: scale(0.8); transform-origin: center center; animation: 0.3s ease 0s 1 normal forwards running sonner-fade-in; }
[data-sonner-toast][data-styled="true"] [data-icon] > * { flex-shrink: 0; }
[data-sonner-toast][data-styled="true"] [data-icon] svg { margin-left: var(--toast-svg-margin-start); margin-right: var(--toast-svg-margin-end); }
[data-sonner-toast][data-styled="true"] [data-content] { display: flex; flex-direction: column; gap: 2px; }
[data-sonner-toast][data-styled="true"] [data-button] { border-radius: 4px; padding-left: 8px; padding-right: 8px; height: 24px; font-size: 12px; color: var(--normal-bg); background: var(--normal-text); margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; cursor: pointer; outline: 0px; display: flex; align-items: center; flex-shrink: 0; transition: opacity 0.4s, box-shadow 0.2s; }
[data-sonner-toast][data-styled="true"] [data-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-button]:first-of-type { margin-left: var(--toast-button-margin-start); margin-right: var(--toast-button-margin-end); }
[data-sonner-toast][data-styled="true"] [data-cancel] { color: var(--normal-text); background: rgba(0, 0, 0, 0.08); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] { background: rgba(255, 255, 255, 0.3); }
[data-sonner-toast][data-styled="true"] [data-close-button] { position: absolute; left: var(--toast-close-button-start); right: var(--toast-close-button-end); top: 0px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; padding: 0px; color: var(--gray12); background: var(--normal-bg); border: 1px solid var(--gray4); transform: var(--toast-close-button-transform); border-radius: 50%; cursor: pointer; z-index: 1; transition: opacity 0.1s, background 0.2s, border-color 0.2s; }
[data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px, rgba(0, 0, 0, 0.2) 0px 0px 0px 2px; }
[data-sonner-toast][data-styled="true"] [data-disabled="true"] { cursor: not-allowed; }
[data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover { background: var(--gray2); border-color: var(--gray5); }
[data-sonner-toast][data-swiping="true"]::before { content: ""; position: absolute; left: -100%; right: -100%; height: 100%; z-index: -1; }
[data-sonner-toast][data-y-position="top"][data-swiping="true"]::before { bottom: 50%; transform: scaleY(3) translateY(50%); }
[data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before { top: 50%; transform: scaleY(3) translateY(-50%); }
[data-sonner-toast][data-swiping="false"][data-removed="true"]::before { content: ""; position: absolute; inset: 0px; transform: scaleY(2); }
[data-sonner-toast][data-expanded="true"]::after { content: ""; position: absolute; left: 0px; height: calc(var(--gap) + 1px); bottom: 100%; width: 100%; }
[data-sonner-toast][data-mounted="true"] { --y: translateY(0); opacity: 1; }
[data-sonner-toast][data-expanded="false"][data-front="false"] { --scale: var(--toasts-before) * 0.05 + 1; --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale))); height: var(--front-toast-height); }
[data-sonner-toast] > * { transition: opacity 0.4s; }
[data-sonner-toast][data-x-position="right"] { right: 0px; }
[data-sonner-toast][data-x-position="left"] { left: 0px; }
[data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * { opacity: 0; }
[data-sonner-toast][data-visible="false"] { opacity: 0; pointer-events: none; }
[data-sonner-toast][data-mounted="true"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset))); height: var(--initial-height); }
[data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] { --y: translateY(calc(var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] { --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%)); opacity: 0; }
[data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] { --y: translateY(40%); opacity: 0; transition: transform 0.5s, opacity 0.2s; }
[data-sonner-toast][data-removed="true"][data-front="false"]::before { height: calc(var(--initial-height) + 20%); }
[data-sonner-toast][data-swiping="true"] { transform: var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0)); transition: none; }
[data-sonner-toast][data-swiped="true"] { user-select: none; }
[data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"], [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] { animation-duration: 0.2s; animation-timing-function: ease-out; animation-fill-mode: forwards; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] { animation-name: swipe-out-left; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] { animation-name: swipe-out-right; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] { animation-name: swipe-out-up; }
[data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] { animation-name: swipe-out-down; }
@keyframes swipe-out-left { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%)); opacity: 0; }
}
@keyframes swipe-out-right { 
  0% { transform: var(--y) translateX(var(--swipe-amount-x)); opacity: 1; }
  100% { transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%)); opacity: 0; }
}
@keyframes swipe-out-up { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%)); opacity: 0; }
}
@keyframes swipe-out-down { 
  0% { transform: var(--y) translateY(var(--swipe-amount-y)); opacity: 1; }
  100% { transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%)); opacity: 0; }
}
@media (max-width: 600px) {
  [data-sonner-toaster] { position: fixed; right: var(--mobile-offset-right); left: var(--mobile-offset-left); width: 100%; }
  [data-sonner-toaster][dir="rtl"] { left: calc(var(--mobile-offset-left) * -1); }
  [data-sonner-toaster] [data-sonner-toast] { left: 0px; right: 0px; width: calc(100% - var(--mobile-offset-left) * 2); }
  [data-sonner-toaster][data-x-position="left"] { left: var(--mobile-offset-left); }
  [data-sonner-toaster][data-y-position="bottom"] { bottom: var(--mobile-offset-bottom); }
  [data-sonner-toaster][data-y-position="top"] { top: var(--mobile-offset-top); }
  [data-sonner-toaster][data-x-position="center"] { left: var(--mobile-offset-left); right: var(--mobile-offset-right); transform: none; }
}
[data-sonner-toaster][data-sonner-theme="light"] { --normal-bg: #fff; --normal-border: var(--gray4); --normal-text: var(--gray12); --success-bg: hsl(143, 85%, 96%); --success-border: hsl(145, 92%, 87%); --success-text: hsl(140, 100%, 27%); --info-bg: hsl(208, 100%, 97%); --info-border: hsl(221, 91%, 93%); --info-text: hsl(210, 92%, 45%); --warning-bg: hsl(49, 100%, 97%); --warning-border: hsl(49, 91%, 84%); --warning-text: hsl(31, 92%, 45%); --error-bg: hsl(359, 100%, 97%); --error-border: hsl(359, 100%, 94%); --error-text: hsl(360, 100%, 45%); }
[data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] { --normal-bg: #000; --normal-border: hsl(0, 0%, 20%); --normal-text: var(--gray1); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] { --normal-bg: #fff; --normal-border: var(--gray3); --normal-text: var(--gray12); }
[data-sonner-toaster][data-sonner-theme="dark"] { --normal-bg: #000; --normal-bg-hover: hsl(0, 0%, 12%); --normal-border: hsl(0, 0%, 20%); --normal-border-hover: hsl(0, 0%, 25%); --normal-text: var(--gray1); --success-bg: hsl(150, 100%, 6%); --success-border: hsl(147, 100%, 12%); --success-text: hsl(150, 86%, 65%); --info-bg: hsl(215, 100%, 6%); --info-border: hsl(223, 43%, 17%); --info-text: hsl(216, 87%, 65%); --warning-bg: hsl(64, 100%, 6%); --warning-border: hsl(60, 100%, 9%); --warning-text: hsl(46, 87%, 65%); --error-bg: hsl(358, 76%, 10%); --error-border: hsl(357, 89%, 16%); --error-text: hsl(358, 100%, 81%); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] { background: var(--normal-bg); border-color: var(--normal-border); color: var(--normal-text); }
[data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover { background: var(--normal-bg-hover); border-color: var(--normal-border-hover); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] { background: var(--success-bg); border-color: var(--success-border); color: var(--success-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] { background: var(--info-bg); border-color: var(--info-border); color: var(--info-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] { background: var(--warning-bg); border-color: var(--warning-border); color: var(--warning-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
[data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] { background: var(--error-bg); border-color: var(--error-border); color: var(--error-text); }
.sonner-loading-wrapper { --size: 16px; height: var(--size); width: var(--size); position: absolute; inset: 0px; z-index: 10; }
.sonner-loading-wrapper[data-visible="false"] { transform-origin: center center; animation: 0.2s ease 0s 1 normal forwards running sonner-fade-out; }
.sonner-spinner { position: relative; top: 50%; left: 50%; height: var(--size); width: var(--size); }
.sonner-loading-bar { animation: 1.2s linear 0s infinite normal none running sonner-spin; background: var(--gray11); border-radius: 6px; height: 8%; left: -10%; position: absolute; top: -3.9%; width: 24%; }
.sonner-loading-bar:first-child { animation-delay: -1.2s; transform: rotate(0.0001deg) translate(146%); }
.sonner-loading-bar:nth-child(2) { animation-delay: -1.1s; transform: rotate(30deg) translate(146%); }
.sonner-loading-bar:nth-child(3) { animation-delay: -1s; transform: rotate(60deg) translate(146%); }
.sonner-loading-bar:nth-child(4) { animation-delay: -0.9s; transform: rotate(90deg) translate(146%); }
.sonner-loading-bar:nth-child(5) { animation-delay: -0.8s; transform: rotate(120deg) translate(146%); }
.sonner-loading-bar:nth-child(6) { animation-delay: -0.7s; transform: rotate(150deg) translate(146%); }
.sonner-loading-bar:nth-child(7) { animation-delay: -0.6s; transform: rotate(180deg) translate(146%); }
.sonner-loading-bar:nth-child(8) { animation-delay: -0.5s; transform: rotate(210deg) translate(146%); }
.sonner-loading-bar:nth-child(9) { animation-delay: -0.4s; transform: rotate(240deg) translate(146%); }
.sonner-loading-bar:nth-child(10) { animation-delay: -0.3s; transform: rotate(270deg) translate(146%); }
.sonner-loading-bar:nth-child(11) { animation-delay: -0.2s; transform: rotate(300deg) translate(146%); }
.sonner-loading-bar:nth-child(12) { animation-delay: -0.1s; transform: rotate(330deg) translate(146%); }
@keyframes sonner-fade-in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sonner-fade-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.8); }
}
@keyframes sonner-spin { 
  0% { opacity: 1; }
  100% { opacity: 0.15; }
}
@media (prefers-reduced-motion) {
  .sonner-loading-bar, [data-sonner-toast], [data-sonner-toast] > * { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.sonner-loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center center; transition: opacity 0.2s, transform 0.2s; }
.sonner-loader[data-visible="false"] { opacity: 0; transform: scale(0.8) translate(-50%, -50%); }
.prompt-input-chip { display: inline-flex; max-width: 100%; gap: 3px; padding: 0px 2px; border-radius: 4px; font-weight: 500; color: color-mix(
		in srgb,
		var(--chip-color, var(--primary)) 80%,
		var(--foreground) 20%
	); vertical-align: bottom; user-select: none; cursor: pointer; }
.dark .prompt-input-chip { color: color-mix(
		in oklch,
		var(--chip-color, var(--primary)) 50%,
		var(--foreground) 50%
	); }
.prompt-input-chip[data-selected="true"] { background: var(--accent); }
.prompt-input-chip-icon { position: relative; height: 1lh; width: 14px; flex-shrink: 0; }
.prompt-input-chip-icon img { position: absolute; top: 50%; translate: 0px -50%; width: 14px; height: 14px; border-radius: 3px; object-fit: contain; }
.prompt-input-chip-label { min-width: 0px; overflow-wrap: break-word; text-decoration: underline 1px dashed; text-underline-offset: 3px; }
.prompt-input-editor { font-size: 14px; line-height: 1.625; min-height: 40px; max-height: 40vh; overflow-y: auto; outline: none; }
.prompt-input-editor-inline { min-height: 1lh; }
.star-button { position: relative; display: inline-flex; align-items: center; gap: 0.625rem; padding: 0.75rem 1rem; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 0.75rem; text-transform: uppercase; line-height: 1; border: 0px; cursor: pointer; background: color-mix(in oklch, var(--background), var(--foreground) 4%); color: color-mix(in oklch, var(--foreground), transparent 25%); transition-property: background, color; transition-duration: 0.26s; transition-timing-function: ease-out; }
.star-button.star-button--compact { gap: 0.4375rem; padding: 0.4375rem 0.625rem; font-size: 0.625rem; }
.star-button:focus-visible { outline: color-mix(in oklch, var(--foreground), transparent) dashed 1px; outline-offset: 0.5rem; }
.star-button:is(:hover, :focus-visible) { color: var(--foreground); background: color-mix(in oklch, var(--background), var(--foreground) 10%); }
.star-button:disabled { cursor: not-allowed; opacity: 0.6; }
.star-button__corners { container-type: size; pointer-events: none; position: absolute; inset: 0px; z-index: 0; }
.star-button__corners span { position: absolute; width: 10px; height: 10px; display: grid; place-items: center; offset-path: border-box; color: currentcolor; }
.star-button__corners span svg { width: 100%; }
.star-button__corners span:nth-of-type(1) { offset-distance: 0px; }
.star-button__corners span:nth-of-type(2) { offset-distance: 100cqi; }
.star-button__corners span:nth-of-type(3) { offset-rotate: 180deg; offset-distance: calc(100cqh + 100cqi); }
.star-button__corners span:nth-of-type(4) { offset-rotate: 180deg; offset-distance: -100cqh; }
@media (prefers-reduced-motion: no-preference) {
  .star-button__corners span { transition: transform 0.26s ease-out; }
  .star-button__corners span svg { transition: rotate 0.26s ease-out; }
  .star-button:is(:hover, :focus-visible) .star-button__corners span { transition-delay: 0.12s; }
  .star-button:is(:hover, :focus-visible) .star-button__corners span:nth-of-type(2n) { transform: translateY(100cqh); }
  .star-button:is(:hover, :focus-visible) .star-button__corners span:nth-of-type(2n+1) { transform: translateX(100cqi); }
  .star-button:is(:hover, :focus-visible) .star-button__corners span svg { rotate: 360deg; transition-delay: 0.12s; }
}
.cloud-glyph-outline { transition: opacity 300ms ease-out; }
.cloud-glyph-arc { stroke-dasharray: 26, 74; animation: 2s linear 0s infinite normal none running cloud-glyph-arc-travel, 300ms ease-out 0s 1 normal both running cloud-glyph-arc-fade-in; }
@keyframes cloud-glyph-arc-travel { 
  100% { stroke-dashoffset: -100; }
}
@keyframes cloud-glyph-arc-fade-in { 
  0% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .cloud-glyph-arc { animation: 300ms ease-out 0s 1 normal both running cloud-glyph-arc-fade-in; }
}
[data-radix-popper-content-wrapper]:has(> [data-dashboard-sidebar-hover-card="ready"]) { transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1); will-change: transform; }
.with-scroll-bars-hidden { overflow: hidden !important; padding-right: 0px !important; }
body[data-scroll-locked] { overscroll-behavior: contain; padding-left: 0px; padding-top: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; overflow: hidden !important; position: relative !important; margin-right: 0px !important; }
.right-scroll-bar-position { right: 0px !important; }
.width-before-scroll-bar { margin-right: 0px !important; }
.right-scroll-bar-position .right-scroll-bar-position { right: 0px !important; }
.width-before-scroll-bar .width-before-scroll-bar { margin-right: 0px !important; }
body[data-scroll-locked] { --removed-body-scroll-bar-size: 0px; }