import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/src/main.css");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from "/@vite/client"
const __vite__id = "C:/Users/Administrator/Desktop/VIP project/src/main.css"
const __vite__css = "/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root, :host {\n    --font-sans: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n      \"Courier New\", monospace;\n    --color-red-400: oklch(70.4% 0.191 22.216);\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --color-red-600: oklch(57.7% 0.245 27.325);\n    --color-red-800: oklch(44.4% 0.177 26.899);\n    --color-red-900: oklch(39.6% 0.141 25.723);\n    --color-orange-500: oklch(70.5% 0.213 47.604);\n    --color-amber-200: oklch(92.4% 0.12 95.746);\n    --color-amber-300: oklch(87.9% 0.169 91.605);\n    --color-amber-400: oklch(82.8% 0.189 84.429);\n    --color-amber-500: oklch(76.9% 0.188 70.08);\n    --color-amber-600: oklch(66.6% 0.179 58.318);\n    --color-amber-700: oklch(55.5% 0.163 48.998);\n    --color-yellow-100: oklch(97.3% 0.071 103.193);\n    --color-yellow-200: oklch(94.5% 0.129 101.54);\n    --color-yellow-400: oklch(85.2% 0.199 91.936);\n    --color-yellow-500: oklch(79.5% 0.184 86.047);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-400: oklch(79.2% 0.209 151.711);\n    --color-green-500: oklch(72.3% 0.219 149.579);\n    --color-emerald-400: oklch(76.5% 0.177 163.223);\n    --color-emerald-500: oklch(69.6% 0.17 162.48);\n    --color-emerald-600: oklch(59.6% 0.145 163.225);\n    --color-cyan-300: oklch(86.5% 0.127 207.078);\n    --color-cyan-400: oklch(78.9% 0.154 211.53);\n    --color-cyan-500: oklch(71.5% 0.143 215.221);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-blue-500: oklch(62.3% 0.214 259.815);\n    --color-indigo-100: oklch(93% 0.034 272.788);\n    --color-indigo-400: oklch(67.3% 0.182 276.935);\n    --color-indigo-500: oklch(58.5% 0.233 277.117);\n    --color-indigo-600: oklch(51.1% 0.262 276.966);\n    --color-indigo-700: oklch(45.7% 0.24 277.023);\n    --color-indigo-900: oklch(35.9% 0.144 278.697);\n    --color-purple-400: oklch(71.4% 0.203 305.504);\n    --color-purple-500: oklch(62.7% 0.265 303.9);\n    --color-purple-600: oklch(55.8% 0.288 302.321);\n    --color-pink-400: oklch(71.8% 0.202 349.761);\n    --color-pink-500: oklch(65.6% 0.241 354.308);\n    --color-slate-200: oklch(92.9% 0.013 255.508);\n    --color-slate-300: oklch(86.9% 0.022 252.894);\n    --color-slate-400: oklch(70.4% 0.04 256.788);\n    --color-slate-500: oklch(55.4% 0.046 257.417);\n    --color-gray-200: oklch(92.8% 0.006 264.531);\n    --color-gray-400: oklch(70.7% 0.022 261.325);\n    --color-gray-500: oklch(55.1% 0.027 264.364);\n    --color-gray-800: oklch(27.8% 0.033 256.848);\n    --color-gray-900: oklch(21% 0.034 264.665);\n    --color-zinc-100: oklch(96.7% 0.001 286.375);\n    --color-zinc-200: oklch(92% 0.004 286.32);\n    --color-zinc-300: oklch(87.1% 0.006 286.286);\n    --color-zinc-400: oklch(70.5% 0.015 286.067);\n    --color-zinc-500: oklch(55.2% 0.016 285.938);\n    --color-zinc-600: oklch(44.2% 0.017 285.786);\n    --color-zinc-700: oklch(37% 0.013 285.805);\n    --color-zinc-800: oklch(27.4% 0.006 286.033);\n    --color-zinc-900: oklch(21% 0.006 285.885);\n    --color-zinc-950: oklch(14.1% 0.005 285.823);\n    --color-black: #000;\n    --color-white: #fff;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --container-lg: 32rem;\n    --container-xl: 36rem;\n    --container-2xl: 42rem;\n    --container-3xl: 48rem;\n    --container-4xl: 56rem;\n    --container-5xl: 64rem;\n    --container-6xl: 72rem;\n    --container-7xl: 80rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --text-4xl: 2.25rem;\n    --text-4xl--line-height: calc(2.5 / 2.25);\n    --text-5xl: 3rem;\n    --text-5xl--line-height: 1;\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --text-7xl: 4.5rem;\n    --text-7xl--line-height: 1;\n    --text-8xl: 6rem;\n    --text-8xl--line-height: 1;\n    --text-9xl: 8rem;\n    --text-9xl--line-height: 1;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-black: 900;\n    --tracking-tighter: -0.05em;\n    --tracking-tight: -0.025em;\n    --tracking-wide: 0.025em;\n    --tracking-wider: 0.05em;\n    --tracking-widest: 0.1em;\n    --leading-tight: 1.25;\n    --leading-snug: 1.375;\n    --leading-relaxed: 1.625;\n    --radius-xs: 0.125rem;\n    --radius-sm: calc(var(--radius) - 4px);\n    --radius-md: calc(var(--radius) - 2px);\n    --radius-lg: var(--radius);\n    --radius-xl: calc(var(--radius) + 4px);\n    --radius-2xl: calc(var(--radius) * 3);\n    --radius-3xl: 1.5rem;\n    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n    --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n    --animate-bounce: bounce 1s infinite;\n    --blur-sm: 8px;\n    --blur-md: 12px;\n    --blur-lg: 16px;\n    --blur-xl: 24px;\n    --blur-2xl: 40px;\n    --blur-3xl: 64px;\n    --aspect-video: 16 / 9;\n    --default-transition-duration: 150ms;\n    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-border: var(--border);\n    --radius-full: 9999px;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-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 {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .\\@container\\/card-header {\n    container-type: inline-size;\n    container-name: card-header;\n  }\n  .pointer-events-none {\n    pointer-events: none;\n  }\n  .invisible {\n    visibility: hidden;\n  }\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n  .absolute {\n    position: absolute;\n  }\n  .fixed {\n    position: fixed;\n  }\n  .relative {\n    position: relative;\n  }\n  .static {\n    position: static;\n  }\n  .sticky {\n    position: sticky;\n  }\n  .-inset-8 {\n    inset: calc(var(--size-8) * -1);\n  }\n  .-inset-12 {\n    inset: calc(var(--size-12) * -1);\n  }\n  .inset-0 {\n    inset: var(--size-0);\n  }\n  .inset-x-0 {\n    inset-inline: var(--size-0);\n  }\n  .inset-y-0 {\n    inset-block: var(--size-0);\n  }\n  .-top-1 {\n    top: calc(var(--size-1) * -1);\n  }\n  .-top-2 {\n    top: calc(var(--size-2) * -1);\n  }\n  .-top-6 {\n    top: calc(var(--size-6) * -1);\n  }\n  .-top-12 {\n    top: calc(var(--size-12) * -1);\n  }\n  .-top-16 {\n    top: calc(var(--size-16) * -1);\n  }\n  .top-0 {\n    top: var(--size-0);\n  }\n  .top-1\\.5 {\n    top: var(--size-1-5);\n  }\n  .top-1\\/2 {\n    top: calc(1/2 * 100%);\n  }\n  .top-1\\/3 {\n    top: calc(1/3 * 100%);\n  }\n  .top-1\\/4 {\n    top: calc(1/4 * 100%);\n  }\n  .top-2 {\n    top: var(--size-2);\n  }\n  .top-3 {\n    top: var(--size-3);\n  }\n  .top-3\\.5 {\n    top: var(--size-3-5);\n  }\n  .top-4 {\n    top: var(--size-4);\n  }\n  .top-6 {\n    top: var(--size-6);\n  }\n  .top-24 {\n    top: var(--size-24);\n  }\n  .top-\\[-10\\%\\] {\n    top: -10%;\n  }\n  .top-\\[-20\\%\\] {\n    top: -20%;\n  }\n  .top-\\[1px\\] {\n    top: 1px;\n  }\n  .top-\\[50\\%\\] {\n    top: 50%;\n  }\n  .top-\\[60\\%\\] {\n    top: 60%;\n  }\n  .top-full {\n    top: 100%;\n  }\n  .-right-1 {\n    right: calc(var(--size-1) * -1);\n  }\n  .-right-2 {\n    right: calc(var(--size-2) * -1);\n  }\n  .-right-12 {\n    right: calc(var(--size-12) * -1);\n  }\n  .right-0 {\n    right: var(--size-0);\n  }\n  .right-1 {\n    right: var(--size-1);\n  }\n  .right-1\\/4 {\n    right: calc(1/4 * 100%);\n  }\n  .right-2 {\n    right: var(--size-2);\n  }\n  .right-3 {\n    right: var(--size-3);\n  }\n  .right-4 {\n    right: var(--size-4);\n  }\n  .right-\\[-10\\%\\] {\n    right: -10%;\n  }\n  .-bottom-12 {\n    bottom: calc(var(--size-12) * -1);\n  }\n  .bottom-0 {\n    bottom: var(--size-0);\n  }\n  .bottom-1\\/4 {\n    bottom: calc(1/4 * 100%);\n  }\n  .bottom-\\[-10\\%\\] {\n    bottom: -10%;\n  }\n  .bottom-\\[-20\\%\\] {\n    bottom: -20%;\n  }\n  .-left-12 {\n    left: calc(var(--size-12) * -1);\n  }\n  .left-0 {\n    left: var(--size-0);\n  }\n  .left-1 {\n    left: var(--size-1);\n  }\n  .left-1\\/2 {\n    left: calc(1/2 * 100%);\n  }\n  .left-1\\/4 {\n    left: calc(1/4 * 100%);\n  }\n  .left-2 {\n    left: var(--size-2);\n  }\n  .left-3 {\n    left: var(--size-3);\n  }\n  .left-5 {\n    left: var(--size-5);\n  }\n  .left-\\[-10\\%\\] {\n    left: -10%;\n  }\n  .left-\\[50\\%\\] {\n    left: 50%;\n  }\n  .isolate {\n    isolation: isolate;\n  }\n  .z-0 {\n    z-index: 0;\n  }\n  .z-10 {\n    z-index: 10;\n  }\n  .z-20 {\n    z-index: 20;\n  }\n  .z-30 {\n    z-index: 30;\n  }\n  .z-50 {\n    z-index: 50;\n  }\n  .z-\\[1\\] {\n    z-index: 1;\n  }\n  .order-1 {\n    order: 1;\n  }\n  .order-2 {\n    order: 2;\n  }\n  .order-3 {\n    order: 3;\n  }\n  .col-span-1 {\n    grid-column: span 1 / span 1;\n  }\n  .col-span-2 {\n    grid-column: span 2 / span 2;\n  }\n  .col-span-4 {\n    grid-column: span 4 / span 4;\n  }\n  .col-span-6 {\n    grid-column: span 6 / span 6;\n  }\n  .col-span-12 {\n    grid-column: span 12 / span 12;\n  }\n  .col-start-2 {\n    grid-column-start: 2;\n  }\n  .row-span-2 {\n    grid-row: span 2 / span 2;\n  }\n  .row-start-1 {\n    grid-row-start: 1;\n  }\n  .container {\n    width: 100%;\n    @media (width >= (display-mode: standalone)) {\n      max-width: (display-mode: standalone);\n    }\n    @media (width >= (pointer: coarse)) {\n      max-width: (pointer: coarse);\n    }\n    @media (width >= (pointer: fine)) {\n      max-width: (pointer: fine);\n    }\n    @media (width >= 40rem) {\n      max-width: 40rem;\n    }\n    @media (width >= 48rem) {\n      max-width: 48rem;\n    }\n    @media (width >= 64rem) {\n      max-width: 64rem;\n    }\n    @media (width >= 80rem) {\n      max-width: 80rem;\n    }\n    @media (width >= 96rem) {\n      max-width: 96rem;\n    }\n  }\n  .container {\n    margin-inline: auto;\n    padding-inline: 2rem;\n  }\n  .-mx-1 {\n    margin-inline: calc(var(--size-1) * -1);\n  }\n  .mx-1 {\n    margin-inline: var(--size-1);\n  }\n  .mx-2 {\n    margin-inline: var(--size-2);\n  }\n  .mx-3\\.5 {\n    margin-inline: var(--size-3-5);\n  }\n  .mx-4 {\n    margin-inline: var(--size-4);\n  }\n  .mx-auto {\n    margin-inline: auto;\n  }\n  .my-0\\.5 {\n    margin-block: var(--size-0-5);\n  }\n  .my-1 {\n    margin-block: var(--size-1);\n  }\n  .my-2 {\n    margin-block: var(--size-2);\n  }\n  .my-6 {\n    margin-block: var(--size-6);\n  }\n  .-mt-4 {\n    margin-top: calc(var(--size-4) * -1);\n  }\n  .-mt-8 {\n    margin-top: calc(var(--size-8) * -1);\n  }\n  .mt-0 {\n    margin-top: var(--size-0);\n  }\n  .mt-0\\.5 {\n    margin-top: var(--size-0-5);\n  }\n  .mt-1 {\n    margin-top: var(--size-1);\n  }\n  .mt-1\\.5 {\n    margin-top: var(--size-1-5);\n  }\n  .mt-2 {\n    margin-top: var(--size-2);\n  }\n  .mt-3 {\n    margin-top: var(--size-3);\n  }\n  .mt-4 {\n    margin-top: var(--size-4);\n  }\n  .mt-5 {\n    margin-top: var(--size-5);\n  }\n  .mt-6 {\n    margin-top: var(--size-6);\n  }\n  .mt-8 {\n    margin-top: var(--size-8);\n  }\n  .mt-10 {\n    margin-top: var(--size-10);\n  }\n  .mt-12 {\n    margin-top: var(--size-12);\n  }\n  .mt-16 {\n    margin-top: var(--size-16);\n  }\n  .mt-\\[2px\\] {\n    margin-top: 2px;\n  }\n  .mt-auto {\n    margin-top: auto;\n  }\n  .mr-1\\.5 {\n    margin-right: var(--size-1-5);\n  }\n  .mr-2 {\n    margin-right: var(--size-2);\n  }\n  .mb-0\\.5 {\n    margin-bottom: var(--size-0-5);\n  }\n  .mb-1 {\n    margin-bottom: var(--size-1);\n  }\n  .mb-2 {\n    margin-bottom: var(--size-2);\n  }\n  .mb-3 {\n    margin-bottom: var(--size-3);\n  }\n  .mb-4 {\n    margin-bottom: var(--size-4);\n  }\n  .mb-5 {\n    margin-bottom: var(--size-5);\n  }\n  .mb-6 {\n    margin-bottom: var(--size-6);\n  }\n  .mb-8 {\n    margin-bottom: var(--size-8);\n  }\n  .mb-10 {\n    margin-bottom: var(--size-10);\n  }\n  .mb-12 {\n    margin-bottom: var(--size-12);\n  }\n  .mb-16 {\n    margin-bottom: var(--size-16);\n  }\n  .-ml-2 {\n    margin-left: calc(var(--size-2) * -1);\n  }\n  .-ml-4 {\n    margin-left: calc(var(--size-4) * -1);\n  }\n  .ml-1 {\n    margin-left: var(--size-1);\n  }\n  .ml-1\\.5 {\n    margin-left: var(--size-1-5);\n  }\n  .ml-2 {\n    margin-left: var(--size-2);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .line-clamp-1 {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n  }\n  .block {\n    display: block;\n  }\n  .flex {\n    display: flex;\n  }\n  .grid {\n    display: grid;\n  }\n  .hidden {\n    display: none;\n  }\n  .inline {\n    display: inline;\n  }\n  .inline-block {\n    display: inline-block;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .table {\n    display: table;\n  }\n  .table-caption {\n    display: table-caption;\n  }\n  .table-cell {\n    display: table-cell;\n  }\n  .table-row {\n    display: table-row;\n  }\n  .field-sizing-content {\n    field-sizing: content;\n  }\n  .aspect-square {\n    aspect-ratio: 1 / 1;\n  }\n  .aspect-video {\n    aspect-ratio: var(--aspect-video);\n  }\n  .size-2 {\n    width: var(--size-2);\n    height: var(--size-2);\n  }\n  .size-2\\.5 {\n    width: var(--size-2-5);\n    height: var(--size-2-5);\n  }\n  .size-3 {\n    width: var(--size-3);\n    height: var(--size-3);\n  }\n  .size-3\\.5 {\n    width: var(--size-3-5);\n    height: var(--size-3-5);\n  }\n  .size-4 {\n    width: var(--size-4);\n    height: var(--size-4);\n  }\n  .size-7 {\n    width: var(--size-7);\n    height: var(--size-7);\n  }\n  .size-8 {\n    width: var(--size-8);\n    height: var(--size-8);\n  }\n  .size-9 {\n    width: var(--size-9);\n    height: var(--size-9);\n  }\n  .size-16 {\n    width: var(--size-16);\n    height: var(--size-16);\n  }\n  .size-full {\n    width: 100%;\n    height: 100%;\n  }\n  .h-1 {\n    height: var(--size-1);\n  }\n  .h-1\\.5 {\n    height: var(--size-1-5);\n  }\n  .h-2 {\n    height: var(--size-2);\n  }\n  .h-2\\.5 {\n    height: var(--size-2-5);\n  }\n  .h-3 {\n    height: var(--size-3);\n  }\n  .h-4 {\n    height: var(--size-4);\n  }\n  .h-5 {\n    height: var(--size-5);\n  }\n  .h-6 {\n    height: var(--size-6);\n  }\n  .h-7 {\n    height: var(--size-7);\n  }\n  .h-8 {\n    height: var(--size-8);\n  }\n  .h-9 {\n    height: var(--size-9);\n  }\n  .h-10 {\n    height: var(--size-10);\n  }\n  .h-11 {\n    height: var(--size-11);\n  }\n  .h-12 {\n    height: var(--size-12);\n  }\n  .h-14 {\n    height: var(--size-14);\n  }\n  .h-16 {\n    height: var(--size-16);\n  }\n  .h-20 {\n    height: var(--size-20);\n  }\n  .h-24 {\n    height: var(--size-24);\n  }\n  .h-44 {\n    height: var(--size-44);\n  }\n  .h-52 {\n    height: var(--size-52);\n  }\n  .h-64 {\n    height: var(--size-64);\n  }\n  .h-\\[1\\.15rem\\] {\n    height: 1.15rem;\n  }\n  .h-\\[2px\\] {\n    height: 2px;\n  }\n  .h-\\[40\\%\\] {\n    height: 40%;\n  }\n  .h-\\[50\\%\\] {\n    height: 50%;\n  }\n  .h-\\[50vw\\] {\n    height: 50vw;\n  }\n  .h-\\[250px\\] {\n    height: 250px;\n  }\n  .h-\\[300px\\] {\n    height: 300px;\n  }\n  .h-\\[400px\\] {\n    height: 400px;\n  }\n  .h-\\[500px\\] {\n    height: 500px;\n  }\n  .h-\\[600px\\] {\n    height: 600px;\n  }\n  .h-\\[calc\\(100\\%-1px\\)\\] {\n    height: calc(100% - 1px);\n  }\n  .h-\\[var\\(--radix-navigation-menu-viewport-height\\)\\] {\n    height: var(--radix-navigation-menu-viewport-height);\n  }\n  .h-\\[var\\(--radix-select-trigger-height\\)\\] {\n    height: var(--radix-select-trigger-height);\n  }\n  .h-auto {\n    height: auto;\n  }\n  .h-fit {\n    height: fit-content;\n  }\n  .h-full {\n    height: 100%;\n  }\n  .h-px {\n    height: 1px;\n  }\n  .h-px {\n    height: var(--size-px);\n  }\n  .h-screen {\n    height: 100vh;\n  }\n  .h-svh {\n    height: 100svh;\n  }\n  .max-h-\\(--radix-context-menu-content-available-height\\) {\n    max-height: var(--radix-context-menu-content-available-height);\n  }\n  .max-h-\\(--radix-dropdown-menu-content-available-height\\) {\n    max-height: var(--radix-dropdown-menu-content-available-height);\n  }\n  .max-h-\\(--radix-select-content-available-height\\) {\n    max-height: var(--radix-select-content-available-height);\n  }\n  .max-h-0 {\n    max-height: var(--size-0);\n  }\n  .max-h-32 {\n    max-height: var(--size-32);\n  }\n  .max-h-40 {\n    max-height: var(--size-40);\n  }\n  .max-h-\\[300px\\] {\n    max-height: 300px;\n  }\n  .min-h-0 {\n    min-height: var(--size-0);\n  }\n  .min-h-4 {\n    min-height: var(--size-4);\n  }\n  .min-h-16 {\n    min-height: var(--size-16);\n  }\n  .min-h-\\[500px\\] {\n    min-height: 500px;\n  }\n  .min-h-\\[550px\\] {\n    min-height: 550px;\n  }\n  .min-h-screen {\n    min-height: 100vh;\n  }\n  .min-h-svh {\n    min-height: 100svh;\n  }\n  .w-\\(--sidebar-width\\) {\n    width: var(--sidebar-width);\n  }\n  .w-0 {\n    width: var(--size-0);\n  }\n  .w-1 {\n    width: var(--size-1);\n  }\n  .w-1\\.5 {\n    width: var(--size-1-5);\n  }\n  .w-2 {\n    width: var(--size-2);\n  }\n  .w-2\\.5 {\n    width: var(--size-2-5);\n  }\n  .w-3 {\n    width: var(--size-3);\n  }\n  .w-3\\/4 {\n    width: calc(3/4 * 100%);\n  }\n  .w-4 {\n    width: var(--size-4);\n  }\n  .w-5 {\n    width: var(--size-5);\n  }\n  .w-6 {\n    width: var(--size-6);\n  }\n  .w-8 {\n    width: var(--size-8);\n  }\n  .w-9 {\n    width: var(--size-9);\n  }\n  .w-10 {\n    width: var(--size-10);\n  }\n  .w-12 {\n    width: var(--size-12);\n  }\n  .w-14 {\n    width: var(--size-14);\n  }\n  .w-16 {\n    width: var(--size-16);\n  }\n  .w-20 {\n    width: var(--size-20);\n  }\n  .w-24 {\n    width: var(--size-24);\n  }\n  .w-64 {\n    width: var(--size-64);\n  }\n  .w-72 {\n    width: var(--size-72);\n  }\n  .w-\\[30\\%\\] {\n    width: 30%;\n  }\n  .w-\\[40\\%\\] {\n    width: 40%;\n  }\n  .w-\\[50\\%\\] {\n    width: 50%;\n  }\n  .w-\\[50vw\\] {\n    width: 50vw;\n  }\n  .w-\\[95\\%\\] {\n    width: 95%;\n  }\n  .w-\\[100px\\] {\n    width: 100px;\n  }\n  .w-\\[250px\\] {\n    width: 250px;\n  }\n  .w-\\[300px\\] {\n    width: 300px;\n  }\n  .w-\\[600px\\] {\n    width: 600px;\n  }\n  .w-\\[800px\\] {\n    width: 800px;\n  }\n  .w-\\[calc\\(100\\%-1rem\\)\\] {\n    width: calc(100% - 1rem);\n  }\n  .w-auto {\n    width: auto;\n  }\n  .w-fit {\n    width: fit-content;\n  }\n  .w-full {\n    width: 100%;\n  }\n  .w-max {\n    width: max-content;\n  }\n  .w-px {\n    width: 1px;\n  }\n  .w-px {\n    width: var(--size-px);\n  }\n  .max-w-\\(--skeleton-width\\) {\n    max-width: var(--skeleton-width);\n  }\n  .max-w-2xl {\n    max-width: var(--container-2xl);\n  }\n  .max-w-3xl {\n    max-width: var(--container-3xl);\n  }\n  .max-w-4xl {\n    max-width: var(--container-4xl);\n  }\n  .max-w-5xl {\n    max-width: var(--container-5xl);\n  }\n  .max-w-6xl {\n    max-width: var(--container-6xl);\n  }\n  .max-w-7xl {\n    max-width: var(--container-7xl);\n  }\n  .max-w-\\[120px\\] {\n    max-width: 120px;\n  }\n  .max-w-\\[150px\\] {\n    max-width: 150px;\n  }\n  .max-w-\\[200px\\] {\n    max-width: 200px;\n  }\n  .max-w-\\[280px\\] {\n    max-width: 280px;\n  }\n  .max-w-\\[380px\\] {\n    max-width: 380px;\n  }\n  .max-w-\\[400px\\] {\n    max-width: 400px;\n  }\n  .max-w-\\[1600px\\] {\n    max-width: 1600px;\n  }\n  .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n    max-width: calc(100% - 2rem);\n  }\n  .max-w-lg {\n    max-width: var(--container-lg);\n  }\n  .max-w-max {\n    max-width: max-content;\n  }\n  .max-w-md {\n    max-width: var(--container-md);\n  }\n  .max-w-xl {\n    max-width: var(--container-xl);\n  }\n  .min-w-0 {\n    min-width: var(--size-0);\n  }\n  .min-w-5 {\n    min-width: var(--size-5);\n  }\n  .min-w-8 {\n    min-width: var(--size-8);\n  }\n  .min-w-9 {\n    min-width: var(--size-9);\n  }\n  .min-w-10 {\n    min-width: var(--size-10);\n  }\n  .min-w-\\[8rem\\] {\n    min-width: 8rem;\n  }\n  .min-w-\\[12rem\\] {\n    min-width: 12rem;\n  }\n  .min-w-\\[var\\(--radix-select-trigger-width\\)\\] {\n    min-width: var(--radix-select-trigger-width);\n  }\n  .flex-1 {\n    flex: 1;\n  }\n  .flex-shrink-0 {\n    flex-shrink: 0;\n  }\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n  .grow {\n    flex-grow: 1;\n  }\n  .grow-0 {\n    flex-grow: 0;\n  }\n  .basis-full {\n    flex-basis: 100%;\n  }\n  .caption-bottom {\n    caption-side: bottom;\n  }\n  .border-collapse {\n    border-collapse: collapse;\n  }\n  .origin-\\(--radix-context-menu-content-transform-origin\\) {\n    transform-origin: var(--radix-context-menu-content-transform-origin);\n  }\n  .origin-\\(--radix-dropdown-menu-content-transform-origin\\) {\n    transform-origin: var(--radix-dropdown-menu-content-transform-origin);\n  }\n  .origin-\\(--radix-hover-card-content-transform-origin\\) {\n    transform-origin: var(--radix-hover-card-content-transform-origin);\n  }\n  .origin-\\(--radix-menubar-content-transform-origin\\) {\n    transform-origin: var(--radix-menubar-content-transform-origin);\n  }\n  .origin-\\(--radix-popover-content-transform-origin\\) {\n    transform-origin: var(--radix-popover-content-transform-origin);\n  }\n  .origin-\\(--radix-select-content-transform-origin\\) {\n    transform-origin: var(--radix-select-content-transform-origin);\n  }\n  .origin-\\(--radix-tooltip-content-transform-origin\\) {\n    transform-origin: var(--radix-tooltip-content-transform-origin);\n  }\n  .origin-top {\n    transform-origin: top;\n  }\n  .-translate-x-1\\/2 {\n    --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-px {\n    --tw-translate-x: -1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-x-px {\n    --tw-translate-x: calc(var(--size-px) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-\\[-50\\%\\] {\n    --tw-translate-x: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-px {\n    --tw-translate-x: 1px;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-x-px {\n    --tw-translate-x: var(--size-px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .-translate-y-1\\/2 {\n    --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-0\\.5 {\n    --tw-translate-y: var(--size-0-5);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[-50\\%\\] {\n    --tw-translate-y: -50%;\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .translate-y-\\[calc\\(-50\\%_-_2px\\)\\] {\n    --tw-translate-y: calc(-50% - 2px);\n    translate: var(--tw-translate-x) var(--tw-translate-y);\n  }\n  .rotate-12 {\n    rotate: 12deg;\n  }\n  .rotate-45 {\n    rotate: 45deg;\n  }\n  .rotate-90 {\n    rotate: 90deg;\n  }\n  .skew-x-12 {\n    --tw-skew-x: skewX(12deg);\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .transform {\n    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n  }\n  .animate-bounce {\n    animation: var(--animate-bounce);\n  }\n  .animate-caret-blink {\n    animation: caret-blink 1.25s ease-out infinite;\n  }\n  .animate-in {\n    animation: enter var(--tw-duration,.15s)var(--tw-ease,ease);\n  }\n  .animate-pulse {\n    animation: var(--animate-pulse);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .cursor-default {\n    cursor: default;\n  }\n  .cursor-pointer {\n    cursor: pointer;\n  }\n  .touch-manipulation {\n    touch-action: manipulation;\n  }\n  .touch-none {\n    touch-action: none;\n  }\n  .resize {\n    resize: both;\n  }\n  .scroll-my-1 {\n    scroll-margin-block: var(--size-1);\n  }\n  .scroll-py-1 {\n    scroll-padding-block: var(--size-1);\n  }\n  .list-none {\n    list-style-type: none;\n  }\n  .auto-rows-min {\n    grid-auto-rows: min-content;\n  }\n  .grid-cols-1 {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n  .grid-cols-2 {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n  .grid-cols-12 {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n  .grid-cols-\\[0_1fr\\] {\n    grid-template-columns: 0 1fr;\n  }\n  .grid-rows-\\[auto_auto\\] {\n    grid-template-rows: auto auto;\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-col-reverse {\n    flex-direction: column-reverse;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .items-baseline {\n    align-items: baseline;\n  }\n  .items-center {\n    align-items: center;\n  }\n  .items-end {\n    align-items: flex-end;\n  }\n  .items-start {\n    align-items: flex-start;\n  }\n  .items-stretch {\n    align-items: stretch;\n  }\n  .justify-between {\n    justify-content: space-between;\n  }\n  .justify-center {\n    justify-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .justify-items-start {\n    justify-items: start;\n  }\n  .gap-0\\.5 {\n    gap: var(--size-0-5);\n  }\n  .gap-1 {\n    gap: var(--size-1);\n  }\n  .gap-1\\.5 {\n    gap: var(--size-1-5);\n  }\n  .gap-2 {\n    gap: var(--size-2);\n  }\n  .gap-2\\.5 {\n    gap: var(--size-2-5);\n  }\n  .gap-3 {\n    gap: var(--size-3);\n  }\n  .gap-4 {\n    gap: var(--size-4);\n  }\n  .gap-5 {\n    gap: var(--size-5);\n  }\n  .gap-6 {\n    gap: var(--size-6);\n  }\n  .gap-8 {\n    gap: var(--size-8);\n  }\n  .space-y-0 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-0) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-0) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-0\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-0-5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-0-5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-1) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-1) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-1\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-1-5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-1-5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-2 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-2) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-2) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-2\\.5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-2-5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-2-5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-3 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-3) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-3) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-4 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-4) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-4) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-5 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-5) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-5) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-6 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-6) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-6) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-y-8 {\n    :where(& > :not(:last-child)) {\n      --tw-space-y-reverse: 0;\n      margin-block-start: calc(var(--size-8) * var(--tw-space-y-reverse));\n      margin-block-end: calc(var(--size-8) * calc(1 - var(--tw-space-y-reverse)));\n    }\n  }\n  .space-x-1 {\n    :where(& > :not(:last-child)) {\n      --tw-space-x-reverse: 0;\n      margin-inline-start: calc(var(--size-1) * var(--tw-space-x-reverse));\n      margin-inline-end: calc(var(--size-1) * calc(1 - var(--tw-space-x-reverse)));\n    }\n  }\n  .gap-y-0\\.5 {\n    row-gap: var(--size-0-5);\n  }\n  .self-start {\n    align-self: flex-start;\n  }\n  .justify-self-end {\n    justify-self: flex-end;\n  }\n  .truncate {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .overflow-auto {\n    overflow: auto;\n  }\n  .overflow-hidden {\n    overflow: hidden;\n  }\n  .overflow-visible {\n    overflow: visible;\n  }\n  .overflow-x-auto {\n    overflow-x: auto;\n  }\n  .overflow-x-hidden {\n    overflow-x: hidden;\n  }\n  .overflow-y-auto {\n    overflow-y: auto;\n  }\n  .rounded {\n    border-radius: 0.25rem;\n  }\n  .rounded-2xl {\n    border-radius: var(--radius-2xl);\n  }\n  .rounded-3xl {\n    border-radius: var(--radius-3xl);\n  }\n  .rounded-\\[1\\.75rem\\] {\n    border-radius: 1.75rem;\n  }\n  .rounded-\\[2px\\] {\n    border-radius: 2px;\n  }\n  .rounded-\\[2rem\\] {\n    border-radius: 2rem;\n  }\n  .rounded-\\[3rem\\] {\n    border-radius: 3rem;\n  }\n  .rounded-\\[4px\\] {\n    border-radius: 4px;\n  }\n  .rounded-\\[4rem\\] {\n    border-radius: 4rem;\n  }\n  .rounded-\\[inherit\\] {\n    border-radius: inherit;\n  }\n  .rounded-full {\n    border-radius: calc(infinity * 1px);\n  }\n  .rounded-full {\n    border-radius: var(--radius-full);\n  }\n  .rounded-lg {\n    border-radius: var(--radius);\n  }\n  .rounded-md {\n    border-radius: calc(var(--radius) - 2px);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-sm {\n    border-radius: calc(var(--radius) - 4px);\n  }\n  .rounded-xl {\n    border-radius: calc(var(--radius) + 4px);\n  }\n  .rounded-xs {\n    border-radius: var(--radius-xs);\n  }\n  .rounded-t-2xl {\n    border-top-left-radius: var(--radius-2xl);\n    border-top-right-radius: var(--radius-2xl);\n  }\n  .rounded-tl-sm {\n    border-top-left-radius: calc(var(--radius) - 4px);\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-0 {\n    border-style: var(--tw-border-style);\n    border-width: 0px;\n  }\n  .border-2 {\n    border-style: var(--tw-border-style);\n    border-width: 2px;\n  }\n  .border-4 {\n    border-style: var(--tw-border-style);\n    border-width: 4px;\n  }\n  .border-\\[1\\.5px\\] {\n    border-style: var(--tw-border-style);\n    border-width: 1.5px;\n  }\n  .border-x {\n    border-inline-style: var(--tw-border-style);\n    border-inline-width: 1px;\n  }\n  .border-y {\n    border-block-style: var(--tw-border-style);\n    border-block-width: 1px;\n  }\n  .border-t {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 1px;\n  }\n  .border-t-2 {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 2px;\n  }\n  .border-r {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 1px;\n  }\n  .border-b {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n  }\n  .border-b-2 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 2px;\n  }\n  .border-l {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 1px;\n  }\n  .border-dashed {\n    --tw-border-style: dashed;\n    border-style: dashed;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-\\(--color-border\\) {\n    border-color: var(--color-border);\n  }\n  .border-\\[\\#27272a\\] {\n    border-color: #27272a;\n  }\n  .border-accent {\n    border-color: var(--accent);\n  }\n  .border-accent\\/10 {\n    border-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--accent) 10%, transparent);\n    }\n  }\n  .border-accent\\/20 {\n    border-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--accent) 20%, transparent);\n    }\n  }\n  .border-accent\\/30 {\n    border-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--accent) 30%, transparent);\n    }\n  }\n  .border-accent\\/40 {\n    border-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--accent) 40%, transparent);\n    }\n  }\n  .border-amber-500 {\n    border-color: var(--color-amber-500);\n  }\n  .border-amber-500\\/20 {\n    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);\n    }\n  }\n  .border-amber-500\\/30 {\n    border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent);\n    }\n  }\n  .border-amber-700\\/50 {\n    border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent);\n    }\n  }\n  .border-background {\n    border-color: var(--background);\n  }\n  .border-blue-500\\/20 {\n    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n  .border-blue-500\\/50 {\n    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);\n    }\n  }\n  .border-border {\n    border-color: var(--border);\n  }\n  .border-border\\/20 {\n    border-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--border) 20%, transparent);\n    }\n  }\n  .border-border\\/30 {\n    border-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--border) 30%, transparent);\n    }\n  }\n  .border-border\\/40 {\n    border-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--border) 40%, transparent);\n    }\n  }\n  .border-border\\/50 {\n    border-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--border) 50%, transparent);\n    }\n  }\n  .border-border\\/60 {\n    border-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--border) 60%, transparent);\n    }\n  }\n  .border-card {\n    border-color: var(--card);\n  }\n  .border-destructive\\/40 {\n    border-color: var(--destructive);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n    }\n  }\n  .border-emerald-500\\/20 {\n    border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n    }\n  }\n  .border-green-500\\/20 {\n    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);\n    }\n  }\n  .border-green-500\\/50 {\n    border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);\n    }\n  }\n  .border-indigo-500\\/20 {\n    border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);\n    }\n  }\n  .border-input {\n    border-color: var(--input);\n  }\n  .border-primary {\n    border-color: var(--primary);\n  }\n  .border-primary\\/20 {\n    border-color: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--primary) 20%, transparent);\n    }\n  }\n  .border-purple-500\\/50 {\n    border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent);\n    }\n  }\n  .border-red-400\\/20 {\n    border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);\n    }\n  }\n  .border-red-500 {\n    border-color: var(--color-red-500);\n  }\n  .border-red-500\\/10 {\n    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);\n    }\n  }\n  .border-red-500\\/20 {\n    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);\n    }\n  }\n  .border-red-500\\/30 {\n    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);\n    }\n  }\n  .border-sidebar-border {\n    border-color: var(--sidebar-border);\n  }\n  .border-slate-300\\/50 {\n    border-color: color-mix(in srgb, oklch(86.9% 0.022 252.894) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent);\n    }\n  }\n  .border-transparent {\n    border-color: transparent;\n  }\n  .border-white {\n    border-color: var(--color-white);\n  }\n  .border-white\\/5 {\n    border-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .border-white\\/10 {\n    border-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .border-white\\/20 {\n    border-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .border-yellow-500\\/20 {\n    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);\n    }\n  }\n  .border-yellow-500\\/50 {\n    border-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);\n    }\n  }\n  .border-zinc-800 {\n    border-color: var(--color-zinc-800);\n  }\n  .border-zinc-800\\/50 {\n    border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);\n    }\n  }\n  .border-zinc-800\\/60 {\n    border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      border-color: color-mix(in oklab, var(--color-zinc-800) 60%, transparent);\n    }\n  }\n  .border-t-accent {\n    border-top-color: var(--accent);\n  }\n  .border-t-transparent {\n    border-top-color: transparent;\n  }\n  .border-l-transparent {\n    border-left-color: transparent;\n  }\n  .bg-\\(--color-bg\\) {\n    background-color: var(--color-bg);\n  }\n  .bg-\\[\\#0a0510\\]\\/95 {\n    background-color: color-mix(in oklab, #0a0510 95%, transparent);\n  }\n  .bg-\\[\\#5865F2\\] {\n    background-color: #5865F2;\n  }\n  .bg-\\[\\#5865F2\\]\\/10 {\n    background-color: color-mix(in oklab, #5865F2 10%, transparent);\n  }\n  .bg-\\[\\#09090b\\] {\n    background-color: #09090b;\n  }\n  .bg-\\[\\#121214\\] {\n    background-color: #121214;\n  }\n  .bg-accent {\n    background-color: var(--accent);\n  }\n  .bg-accent\\/5 {\n    background-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--accent) 5%, transparent);\n    }\n  }\n  .bg-accent\\/10 {\n    background-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--accent) 10%, transparent);\n    }\n  }\n  .bg-accent\\/15 {\n    background-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--accent) 15%, transparent);\n    }\n  }\n  .bg-accent\\/20 {\n    background-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--accent) 20%, transparent);\n    }\n  }\n  .bg-amber-400 {\n    background-color: var(--color-amber-400);\n  }\n  .bg-amber-500 {\n    background-color: var(--color-amber-500);\n  }\n  .bg-amber-500\\/5 {\n    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent);\n    }\n  }\n  .bg-amber-500\\/10 {\n    background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n    }\n  }\n  .bg-amber-700 {\n    background-color: var(--color-amber-700);\n  }\n  .bg-background {\n    background-color: var(--background);\n  }\n  .bg-background\\/40 {\n    background-color: var(--background);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--background) 40%, transparent);\n    }\n  }\n  .bg-background\\/50 {\n    background-color: var(--background);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--background) 50%, transparent);\n    }\n  }\n  .bg-background\\/60 {\n    background-color: var(--background);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--background) 60%, transparent);\n    }\n  }\n  .bg-background\\/80 {\n    background-color: var(--background);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--background) 80%, transparent);\n    }\n  }\n  .bg-black {\n    background-color: var(--color-black);\n  }\n  .bg-black\\/5 {\n    background-color: color-mix(in srgb, #000 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n    }\n  }\n  .bg-black\\/20 {\n    background-color: color-mix(in srgb, #000 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n    }\n  }\n  .bg-black\\/50 {\n    background-color: color-mix(in srgb, #000 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);\n    }\n  }\n  .bg-blue-500\\/10 {\n    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);\n    }\n  }\n  .bg-blue-500\\/20 {\n    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n  }\n  .bg-border {\n    background-color: var(--border);\n  }\n  .bg-border\\/40 {\n    background-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--border) 40%, transparent);\n    }\n  }\n  .bg-border\\/50 {\n    background-color: var(--border);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--border) 50%, transparent);\n    }\n  }\n  .bg-card {\n    background-color: var(--card);\n  }\n  .bg-card\\/30 {\n    background-color: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--card) 30%, transparent);\n    }\n  }\n  .bg-card\\/40 {\n    background-color: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--card) 40%, transparent);\n    }\n  }\n  .bg-card\\/50 {\n    background-color: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--card) 50%, transparent);\n    }\n  }\n  .bg-card\\/60 {\n    background-color: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--card) 60%, transparent);\n    }\n  }\n  .bg-card\\/90 {\n    background-color: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--card) 90%, transparent);\n    }\n  }\n  .bg-card\\/95 {\n    background-color: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--card) 95%, transparent);\n    }\n  }\n  .bg-cyan-500\\/10 {\n    background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);\n    }\n  }\n  .bg-destructive {\n    background-color: var(--destructive);\n  }\n  .bg-destructive\\/10 {\n    background-color: var(--destructive);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n    }\n  }\n  .bg-emerald-500 {\n    background-color: var(--color-emerald-500);\n  }\n  .bg-emerald-500\\/5 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);\n    }\n  }\n  .bg-emerald-500\\/10 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n    }\n  }\n  .bg-emerald-500\\/20 {\n    background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n    }\n  }\n  .bg-foreground {\n    background-color: var(--foreground);\n  }\n  .bg-gray-500\\/20 {\n    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);\n    }\n  }\n  .bg-green-500\\/10 {\n    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);\n    }\n  }\n  .bg-green-500\\/20 {\n    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);\n    }\n  }\n  .bg-indigo-100 {\n    background-color: var(--color-indigo-100);\n  }\n  .bg-indigo-500 {\n    background-color: var(--color-indigo-500);\n  }\n  .bg-indigo-500\\/10 {\n    background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);\n    }\n  }\n  .bg-indigo-900\\/20 {\n    background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);\n    }\n  }\n  .bg-muted {\n    background-color: var(--muted);\n  }\n  .bg-muted-foreground\\/20 {\n    background-color: var(--muted-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);\n    }\n  }\n  .bg-muted\\/5 {\n    background-color: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted) 5%, transparent);\n    }\n  }\n  .bg-muted\\/20 {\n    background-color: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted) 20%, transparent);\n    }\n  }\n  .bg-muted\\/30 {\n    background-color: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted) 30%, transparent);\n    }\n  }\n  .bg-muted\\/40 {\n    background-color: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted) 40%, transparent);\n    }\n  }\n  .bg-muted\\/50 {\n    background-color: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n    }\n  }\n  .bg-popover {\n    background-color: var(--popover);\n  }\n  .bg-primary {\n    background-color: var(--primary);\n  }\n  .bg-primary\\/5 {\n    background-color: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--primary) 5%, transparent);\n    }\n  }\n  .bg-primary\\/10 {\n    background-color: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--primary) 10%, transparent);\n    }\n  }\n  .bg-primary\\/20 {\n    background-color: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--primary) 20%, transparent);\n    }\n  }\n  .bg-purple-500 {\n    background-color: var(--color-purple-500);\n  }\n  .bg-purple-500\\/20 {\n    background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent);\n    }\n  }\n  .bg-red-400\\/10 {\n    background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);\n    }\n  }\n  .bg-red-500 {\n    background-color: var(--color-red-500);\n  }\n  .bg-red-500\\/5 {\n    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);\n    }\n  }\n  .bg-red-500\\/10 {\n    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);\n    }\n  }\n  .bg-red-500\\/20 {\n    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);\n    }\n  }\n  .bg-secondary {\n    background-color: var(--secondary);\n  }\n  .bg-secondary\\/15 {\n    background-color: var(--secondary);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--secondary) 15%, transparent);\n    }\n  }\n  .bg-sidebar {\n    background-color: var(--sidebar);\n  }\n  .bg-sidebar-border {\n    background-color: var(--sidebar-border);\n  }\n  .bg-slate-300 {\n    background-color: var(--color-slate-300);\n  }\n  .bg-slate-500\\/10 {\n    background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent);\n    }\n  }\n  .bg-transparent {\n    background-color: transparent;\n  }\n  .bg-white {\n    background-color: var(--color-white);\n  }\n  .bg-white\\/5 {\n    background-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .bg-white\\/10 {\n    background-color: color-mix(in srgb, #fff 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n    }\n  }\n  .bg-white\\/20 {\n    background-color: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n  }\n  .bg-yellow-500 {\n    background-color: var(--color-yellow-500);\n  }\n  .bg-yellow-500\\/10 {\n    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);\n    }\n  }\n  .bg-zinc-800 {\n    background-color: var(--color-zinc-800);\n  }\n  .bg-zinc-800\\/50 {\n    background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-zinc-800) 50%, transparent);\n    }\n  }\n  .bg-zinc-900 {\n    background-color: var(--color-zinc-900);\n  }\n  .bg-zinc-900\\/40 {\n    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-zinc-900) 40%, transparent);\n    }\n  }\n  .bg-zinc-900\\/50 {\n    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);\n    }\n  }\n  .bg-zinc-950 {\n    background-color: var(--color-zinc-950);\n  }\n  .bg-zinc-950\\/50 {\n    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 50%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      background-color: color-mix(in oklab, var(--color-zinc-950) 50%, transparent);\n    }\n  }\n  .bg-gradient-to-b {\n    --tw-gradient-position: to bottom in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-bl {\n    --tw-gradient-position: to bottom left in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-br {\n    --tw-gradient-position: to bottom right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-l {\n    --tw-gradient-position: to left in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-gradient-to-r {\n    --tw-gradient-position: to right in oklab;\n    background-image: linear-gradient(var(--tw-gradient-stops));\n  }\n  .bg-\\[radial-gradient\\(ellipse_at_center\\,_var\\(--tw-gradient-stops\\)\\)\\] {\n    background-image: radial-gradient(ellipse at center, var(--tw-gradient-stops));\n  }\n  .bg-\\[url\\(\\'https\\:\\/\\/grainy-gradients\\.vercel\\.app\\/noise\\.svg\\'\\)\\] {\n    background-image: url('https://grainy-gradients.vercel.app/noise.svg');\n  }\n  .from-\\[\\#5865F2\\] {\n    --tw-gradient-from: #5865F2;\n    --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));\n  }\n  .from-accent {\n    --tw-gradient-from: var(--accent);\n    --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));\n  }\n  .from-accent\\/10 {\n    --tw-gradient-from: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--accent) 10%, transparent);\n    }\n    --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));\n  }\n  .from-accent\\/20 {\n    --tw-gradient-from: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--accent) 20%, transparent);\n    }\n    --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));\n  }\n  .from-accent\\/30 {\n    --tw-gradient-from: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--accent) 30%, transparent);\n    }\n    --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));\n  }\n  .from-background {\n    --tw-gradient-from: var(--background);\n    --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));\n  }\n  .from-background\\/90 {\n    --tw-gradient-from: var(--background);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--background) 90%, transparent);\n    }\n    --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));\n  }\n  .from-blue-500\\/20 {\n    --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 20%, transparent);\n    }\n    --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));\n  }\n  .from-card\\/80 {\n    --tw-gradient-from: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--card) 80%, transparent);\n    }\n    --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));\n  }\n  .from-emerald-500\\/5 {\n    --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 5%, transparent);\n    }\n    --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));\n  }\n  .from-gray-800 {\n    --tw-gradient-from: var(--color-gray-800);\n    --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));\n  }\n  .from-gray-900 {\n    --tw-gradient-from: var(--color-gray-900);\n    --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));\n  }\n  .from-green-400 {\n    --tw-gradient-from: var(--color-green-400);\n    --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));\n  }\n  .from-green-500\\/20 {\n    --tw-gradient-from: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-green-500) 20%, transparent);\n    }\n    --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));\n  }\n  .from-indigo-500 {\n    --tw-gradient-from: var(--color-indigo-500);\n    --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));\n  }\n  .from-indigo-500\\/10 {\n    --tw-gradient-from: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);\n    }\n    --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));\n  }\n  .from-primary {\n    --tw-gradient-from: var(--primary);\n    --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));\n  }\n  .from-primary\\/5 {\n    --tw-gradient-from: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);\n    }\n    --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));\n  }\n  .from-purple-500\\/20 {\n    --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 20%, transparent);\n    }\n    --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));\n  }\n  .from-red-600 {\n    --tw-gradient-from: var(--color-red-600);\n    --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));\n  }\n  .from-secondary\\/30 {\n    --tw-gradient-from: var(--secondary);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--secondary) 30%, transparent);\n    }\n    --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));\n  }\n  .from-transparent {\n    --tw-gradient-from: transparent;\n    --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));\n  }\n  .from-white\\/5 {\n    --tw-gradient-from: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n    --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));\n  }\n  .from-white\\/20 {\n    --tw-gradient-from: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n    --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));\n  }\n  .from-yellow-500\\/20 {\n    --tw-gradient-from: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);\n    }\n    --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));\n  }\n  .via-\\[\\#5865F2\\] {\n    --tw-gradient-via: #5865F2;\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-accent\\/5 {\n    --tw-gradient-via: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-via: color-mix(in oklab, var(--accent) 5%, transparent);\n    }\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-background {\n    --tw-gradient-via: var(--background);\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-card {\n    --tw-gradient-via: var(--card);\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-secondary {\n    --tw-gradient-via: var(--secondary);\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-secondary\\/5 {\n    --tw-gradient-via: var(--secondary);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-via: color-mix(in oklab, var(--secondary) 5%, transparent);\n    }\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-transparent {\n    --tw-gradient-via: transparent;\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-white\\/20 {\n    --tw-gradient-via: color-mix(in srgb, #fff 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-via: color-mix(in oklab, var(--color-white) 20%, transparent);\n    }\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .via-white\\/40 {\n    --tw-gradient-via: color-mix(in srgb, #fff 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-via: color-mix(in oklab, var(--color-white) 40%, transparent);\n    }\n    --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);\n    --tw-gradient-stops: var(--tw-gradient-via-stops);\n  }\n  .to-\\[\\#404EED\\] {\n    --tw-gradient-to: #404EED;\n    --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));\n  }\n  .to-accent {\n    --tw-gradient-to: var(--accent);\n    --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));\n  }\n  .to-accent\\/5 {\n    --tw-gradient-to: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--accent) 5%, transparent);\n    }\n    --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));\n  }\n  .to-accent\\/20 {\n    --tw-gradient-to: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--accent) 20%, transparent);\n    }\n    --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));\n  }\n  .to-black {\n    --tw-gradient-to: var(--color-black);\n    --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));\n  }\n  .to-border {\n    --tw-gradient-to: var(--border);\n    --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));\n  }\n  .to-card {\n    --tw-gradient-to: var(--card);\n    --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));\n  }\n  .to-card\\/20 {\n    --tw-gradient-to: var(--card);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent);\n    }\n    --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));\n  }\n  .to-cyan-500\\/20 {\n    --tw-gradient-to: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);\n    }\n    --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));\n  }\n  .to-emerald-500 {\n    --tw-gradient-to: var(--color-emerald-500);\n    --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));\n  }\n  .to-emerald-500\\/20 {\n    --tw-gradient-to: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n    }\n    --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));\n  }\n  .to-gray-800 {\n    --tw-gradient-to: var(--color-gray-800);\n    --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));\n  }\n  .to-muted {\n    --tw-gradient-to: var(--muted);\n    --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));\n  }\n  .to-muted\\/20 {\n    --tw-gradient-to: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--muted) 20%, transparent);\n    }\n    --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));\n  }\n  .to-muted\\/30 {\n    --tw-gradient-to: var(--muted);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--muted) 30%, transparent);\n    }\n    --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));\n  }\n  .to-pink-500\\/20 {\n    --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 20%, transparent);\n    }\n    --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));\n  }\n  .to-purple-600 {\n    --tw-gradient-to: var(--color-purple-600);\n    --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));\n  }\n  .to-red-800 {\n    --tw-gradient-to: var(--color-red-800);\n    --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));\n  }\n  .to-red-900 {\n    --tw-gradient-to: var(--color-red-900);\n    --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));\n  }\n  .to-secondary {\n    --tw-gradient-to: var(--secondary);\n    --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));\n  }\n  .to-secondary\\/10 {\n    --tw-gradient-to: var(--secondary);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--secondary) 10%, transparent);\n    }\n    --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));\n  }\n  .to-secondary\\/20 {\n    --tw-gradient-to: var(--secondary);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--secondary) 20%, transparent);\n    }\n    --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));\n  }\n  .to-secondary\\/30 {\n    --tw-gradient-to: var(--secondary);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--secondary) 30%, transparent);\n    }\n    --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));\n  }\n  .to-transparent {\n    --tw-gradient-to: transparent;\n    --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));\n  }\n  .to-yellow-600\\/20 {\n    --tw-gradient-to: color-mix(in srgb, oklch(68.1% 0.162 75.834) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-600) 20%, transparent);\n    }\n    --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));\n  }\n  .bg-clip-text {\n    background-clip: text;\n  }\n  .fill-current {\n    fill: currentcolor;\n  }\n  .fill-primary {\n    fill: var(--primary);\n  }\n  .object-contain {\n    object-fit: contain;\n  }\n  .p-0 {\n    padding: var(--size-0);\n  }\n  .p-1 {\n    padding: var(--size-1);\n  }\n  .p-1\\.5 {\n    padding: var(--size-1-5);\n  }\n  .p-2 {\n    padding: var(--size-2);\n  }\n  .p-2\\.5 {\n    padding: var(--size-2-5);\n  }\n  .p-3 {\n    padding: var(--size-3);\n  }\n  .p-4 {\n    padding: var(--size-4);\n  }\n  .p-5 {\n    padding: var(--size-5);\n  }\n  .p-6 {\n    padding: var(--size-6);\n  }\n  .p-8 {\n    padding: var(--size-8);\n  }\n  .p-10 {\n    padding: var(--size-10);\n  }\n  .p-\\[3px\\] {\n    padding: 3px;\n  }\n  .p-px {\n    padding: 1px;\n  }\n  .p-px {\n    padding: var(--size-px);\n  }\n  .px-1 {\n    padding-inline: var(--size-1);\n  }\n  .px-1\\.5 {\n    padding-inline: var(--size-1-5);\n  }\n  .px-2 {\n    padding-inline: var(--size-2);\n  }\n  .px-2\\.5 {\n    padding-inline: var(--size-2-5);\n  }\n  .px-3 {\n    padding-inline: var(--size-3);\n  }\n  .px-4 {\n    padding-inline: var(--size-4);\n  }\n  .px-5 {\n    padding-inline: var(--size-5);\n  }\n  .px-6 {\n    padding-inline: var(--size-6);\n  }\n  .px-8 {\n    padding-inline: var(--size-8);\n  }\n  .py-0\\.5 {\n    padding-block: var(--size-0-5);\n  }\n  .py-1 {\n    padding-block: var(--size-1);\n  }\n  .py-1\\.5 {\n    padding-block: var(--size-1-5);\n  }\n  .py-2 {\n    padding-block: var(--size-2);\n  }\n  .py-2\\.5 {\n    padding-block: var(--size-2-5);\n  }\n  .py-3 {\n    padding-block: var(--size-3);\n  }\n  .py-4 {\n    padding-block: var(--size-4);\n  }\n  .py-5 {\n    padding-block: var(--size-5);\n  }\n  .py-6 {\n    padding-block: var(--size-6);\n  }\n  .py-8 {\n    padding-block: var(--size-8);\n  }\n  .py-12 {\n    padding-block: var(--size-12);\n  }\n  .py-16 {\n    padding-block: var(--size-16);\n  }\n  .py-20 {\n    padding-block: var(--size-20);\n  }\n  .py-24 {\n    padding-block: var(--size-24);\n  }\n  .pt-0 {\n    padding-top: var(--size-0);\n  }\n  .pt-1 {\n    padding-top: var(--size-1);\n  }\n  .pt-2 {\n    padding-top: var(--size-2);\n  }\n  .pt-3 {\n    padding-top: var(--size-3);\n  }\n  .pt-4 {\n    padding-top: var(--size-4);\n  }\n  .pt-6 {\n    padding-top: var(--size-6);\n  }\n  .pt-8 {\n    padding-top: var(--size-8);\n  }\n  .pt-10 {\n    padding-top: var(--size-10);\n  }\n  .pt-20 {\n    padding-top: var(--size-20);\n  }\n  .pt-32 {\n    padding-top: var(--size-32);\n  }\n  .pr-1 {\n    padding-right: var(--size-1);\n  }\n  .pr-2 {\n    padding-right: var(--size-2);\n  }\n  .pr-2\\.5 {\n    padding-right: var(--size-2-5);\n  }\n  .pr-4 {\n    padding-right: var(--size-4);\n  }\n  .pr-8 {\n    padding-right: var(--size-8);\n  }\n  .pb-2 {\n    padding-bottom: var(--size-2);\n  }\n  .pb-3 {\n    padding-bottom: var(--size-3);\n  }\n  .pb-4 {\n    padding-bottom: var(--size-4);\n  }\n  .pb-5 {\n    padding-bottom: var(--size-5);\n  }\n  .pb-6 {\n    padding-bottom: var(--size-6);\n  }\n  .pb-8 {\n    padding-bottom: var(--size-8);\n  }\n  .pb-10 {\n    padding-bottom: var(--size-10);\n  }\n  .pb-20 {\n    padding-bottom: var(--size-20);\n  }\n  .pb-32 {\n    padding-bottom: var(--size-32);\n  }\n  .pl-1 {\n    padding-left: var(--size-1);\n  }\n  .pl-2 {\n    padding-left: var(--size-2);\n  }\n  .pl-3 {\n    padding-left: var(--size-3);\n  }\n  .pl-4 {\n    padding-left: var(--size-4);\n  }\n  .pl-8 {\n    padding-left: var(--size-8);\n  }\n  .pl-9 {\n    padding-left: var(--size-9);\n  }\n  .pl-10 {\n    padding-left: var(--size-10);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-left {\n    text-align: left;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-mono {\n    font-family: var(--font-mono);\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-2xl {\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n  }\n  .text-3xl {\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n  }\n  .text-4xl {\n    font-size: var(--text-4xl);\n    line-height: var(--tw-leading, var(--text-4xl--line-height));\n  }\n  .text-5xl {\n    font-size: var(--text-5xl);\n    line-height: var(--tw-leading, var(--text-5xl--line-height));\n  }\n  .text-base {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .text-\\[0\\.8rem\\] {\n    font-size: 0.8rem;\n  }\n  .text-\\[10px\\] {\n    font-size: 10px;\n  }\n  .text-\\[11px\\] {\n    font-size: 11px;\n  }\n  .text-\\[13px\\] {\n    font-size: 13px;\n  }\n  .leading-\\[0\\.9\\] {\n    --tw-leading: 0.9;\n    line-height: 0.9;\n  }\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n  .leading-relaxed {\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n  }\n  .leading-snug {\n    --tw-leading: var(--leading-snug);\n    line-height: var(--leading-snug);\n  }\n  .leading-tight {\n    --tw-leading: var(--leading-tight);\n    line-height: var(--leading-tight);\n  }\n  .font-black {\n    --tw-font-weight: var(--font-weight-black);\n    font-weight: var(--font-weight-black);\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n  .tracking-\\[0\\.2em\\] {\n    --tw-tracking: 0.2em;\n    letter-spacing: 0.2em;\n  }\n  .tracking-\\[0\\.35em\\] {\n    --tw-tracking: 0.35em;\n    letter-spacing: 0.35em;\n  }\n  .tracking-tight {\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n  .tracking-tighter {\n    --tw-tracking: var(--tracking-tighter);\n    letter-spacing: var(--tracking-tighter);\n  }\n  .tracking-wide {\n    --tw-tracking: var(--tracking-wide);\n    letter-spacing: var(--tracking-wide);\n  }\n  .tracking-wider {\n    --tw-tracking: var(--tracking-wider);\n    letter-spacing: var(--tracking-wider);\n  }\n  .tracking-widest {\n    --tw-tracking: var(--tracking-widest);\n    letter-spacing: var(--tracking-widest);\n  }\n  .text-balance {\n    text-wrap: balance;\n  }\n  .break-words {\n    overflow-wrap: break-word;\n  }\n  .break-all {\n    word-break: break-all;\n  }\n  .whitespace-nowrap {\n    white-space: nowrap;\n  }\n  .whitespace-pre-wrap {\n    white-space: pre-wrap;\n  }\n  .text-\\[\\#3f3f46\\] {\n    color: #3f3f46;\n  }\n  .text-\\[\\#52525b\\] {\n    color: #52525b;\n  }\n  .text-\\[\\#71717a\\] {\n    color: #71717a;\n  }\n  .text-accent {\n    color: var(--accent);\n  }\n  .text-accent-foreground {\n    color: var(--accent-foreground);\n  }\n  .text-accent\\/80 {\n    color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--accent) 80%, transparent);\n    }\n  }\n  .text-amber-200 {\n    color: var(--color-amber-200);\n  }\n  .text-amber-300 {\n    color: var(--color-amber-300);\n  }\n  .text-amber-400 {\n    color: var(--color-amber-400);\n  }\n  .text-amber-500 {\n    color: var(--color-amber-500);\n  }\n  .text-amber-600 {\n    color: var(--color-amber-600);\n  }\n  .text-amber-700 {\n    color: var(--color-amber-700);\n  }\n  .text-background {\n    color: var(--background);\n  }\n  .text-black {\n    color: var(--color-black);\n  }\n  .text-blue-400 {\n    color: var(--color-blue-400);\n  }\n  .text-blue-500 {\n    color: var(--color-blue-500);\n  }\n  .text-card-foreground {\n    color: var(--card-foreground);\n  }\n  .text-current {\n    color: currentcolor;\n  }\n  .text-cyan-300 {\n    color: var(--color-cyan-300);\n  }\n  .text-cyan-400 {\n    color: var(--color-cyan-400);\n  }\n  .text-destructive {\n    color: var(--destructive);\n  }\n  .text-emerald-400 {\n    color: var(--color-emerald-400);\n  }\n  .text-emerald-500 {\n    color: var(--color-emerald-500);\n  }\n  .text-emerald-500\\/70 {\n    color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);\n    }\n  }\n  .text-foreground {\n    color: var(--foreground);\n  }\n  .text-foreground\\/90 {\n    color: var(--foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--foreground) 90%, transparent);\n    }\n  }\n  .text-gray-400 {\n    color: var(--color-gray-400);\n  }\n  .text-gray-500 {\n    color: var(--color-gray-500);\n  }\n  .text-green-400 {\n    color: var(--color-green-400);\n  }\n  .text-green-500 {\n    color: var(--color-green-500);\n  }\n  .text-indigo-400 {\n    color: var(--color-indigo-400);\n  }\n  .text-indigo-400\\/70 {\n    color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent);\n    }\n  }\n  .text-indigo-500 {\n    color: var(--color-indigo-500);\n  }\n  .text-indigo-500\\/20 {\n    color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);\n    }\n  }\n  .text-indigo-700 {\n    color: var(--color-indigo-700);\n  }\n  .text-muted-foreground {\n    color: var(--muted-foreground);\n  }\n  .text-muted-foreground\\/40 {\n    color: var(--muted-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);\n    }\n  }\n  .text-muted-foreground\\/50 {\n    color: var(--muted-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);\n    }\n  }\n  .text-muted-foreground\\/60 {\n    color: var(--muted-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);\n    }\n  }\n  .text-muted-foreground\\/70 {\n    color: var(--muted-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);\n    }\n  }\n  .text-muted-foreground\\/80 {\n    color: var(--muted-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);\n    }\n  }\n  .text-orange-500 {\n    color: var(--color-orange-500);\n  }\n  .text-pink-400 {\n    color: var(--color-pink-400);\n  }\n  .text-popover-foreground {\n    color: var(--popover-foreground);\n  }\n  .text-primary {\n    color: var(--primary);\n  }\n  .text-primary-foreground {\n    color: var(--primary-foreground);\n  }\n  .text-primary\\/70 {\n    color: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--primary) 70%, transparent);\n    }\n  }\n  .text-purple-400 {\n    color: var(--color-purple-400);\n  }\n  .text-purple-500 {\n    color: var(--color-purple-500);\n  }\n  .text-red-400 {\n    color: var(--color-red-400);\n  }\n  .text-red-400\\/70 {\n    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-red-400) 70%, transparent);\n    }\n  }\n  .text-red-400\\/80 {\n    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-red-400) 80%, transparent);\n    }\n  }\n  .text-red-500 {\n    color: var(--color-red-500);\n  }\n  .text-red-500\\/80 {\n    color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-red-500) 80%, transparent);\n    }\n  }\n  .text-red-600 {\n    color: var(--color-red-600);\n  }\n  .text-secondary {\n    color: var(--secondary);\n  }\n  .text-secondary-foreground {\n    color: var(--secondary-foreground);\n  }\n  .text-sidebar-foreground {\n    color: var(--sidebar-foreground);\n  }\n  .text-sidebar-foreground\\/70 {\n    color: var(--sidebar-foreground);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);\n    }\n  }\n  .text-slate-200 {\n    color: var(--color-slate-200);\n  }\n  .text-slate-300 {\n    color: var(--color-slate-300);\n  }\n  .text-slate-400 {\n    color: var(--color-slate-400);\n  }\n  .text-transparent {\n    color: transparent;\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .text-white\\/60 {\n    color: color-mix(in srgb, #fff 60%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 60%, transparent);\n    }\n  }\n  .text-white\\/70 {\n    color: color-mix(in srgb, #fff 70%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 70%, transparent);\n    }\n  }\n  .text-white\\/90 {\n    color: color-mix(in srgb, #fff 90%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 90%, transparent);\n    }\n  }\n  .text-white\\/95 {\n    color: color-mix(in srgb, #fff 95%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-white) 95%, transparent);\n    }\n  }\n  .text-yellow-100\\/80 {\n    color: color-mix(in srgb, oklch(97.3% 0.071 103.193) 80%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      color: color-mix(in oklab, var(--color-yellow-100) 80%, transparent);\n    }\n  }\n  .text-yellow-200 {\n    color: var(--color-yellow-200);\n  }\n  .text-yellow-400 {\n    color: var(--color-yellow-400);\n  }\n  .text-yellow-500 {\n    color: var(--color-yellow-500);\n  }\n  .text-zinc-100 {\n    color: var(--color-zinc-100);\n  }\n  .text-zinc-200 {\n    color: var(--color-zinc-200);\n  }\n  .text-zinc-300 {\n    color: var(--color-zinc-300);\n  }\n  .text-zinc-400 {\n    color: var(--color-zinc-400);\n  }\n  .text-zinc-500 {\n    color: var(--color-zinc-500);\n  }\n  .text-zinc-600 {\n    color: var(--color-zinc-600);\n  }\n  .capitalize {\n    text-transform: capitalize;\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .tabular-nums {\n    --tw-numeric-spacing: tabular-nums;\n    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);\n  }\n  .line-through {\n    text-decoration-line: line-through;\n  }\n  .decoration-primary\\/50 {\n    text-decoration-color: var(--primary);\n    @supports (color: color-mix(in lab, red, red)) {\n      text-decoration-color: color-mix(in oklab, var(--primary) 50%, transparent);\n    }\n  }\n  .underline-offset-4 {\n    text-underline-offset: 4px;\n  }\n  .accent-secondary {\n    accent-color: var(--secondary);\n  }\n  .opacity-0 {\n    opacity: 0%;\n  }\n  .opacity-20 {\n    opacity: 20%;\n  }\n  .opacity-30 {\n    opacity: 30%;\n  }\n  .opacity-40 {\n    opacity: 40%;\n  }\n  .opacity-50 {\n    opacity: 50%;\n  }\n  .opacity-70 {\n    opacity: 70%;\n  }\n  .opacity-80 {\n    opacity: 80%;\n  }\n  .opacity-100 {\n    opacity: 100%;\n  }\n  .mix-blend-soft-light {\n    mix-blend-mode: soft-light;\n  }\n  .shadow {\n    --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));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-border\\)\\)\\] {\n    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_12px_3px_rgba\\(16\\,185\\,129\\,0\\.8\\)\\] {\n    --tw-shadow: 0 0 12px 3px var(--tw-shadow-color, rgba(16,185,129,0.8));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_12px_3px_rgba\\(168\\,85\\,247\\,0\\.8\\)\\] {\n    --tw-shadow: 0 0 12px 3px var(--tw-shadow-color, rgba(168,85,247,0.8));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_12px_3px_rgba\\(239\\,68\\,68\\,0\\.8\\)\\] {\n    --tw-shadow: 0 0 12px 3px var(--tw-shadow-color, rgba(239,68,68,0.8));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_0_12px_3px_rgba\\(251\\,191\\,36\\,0\\.8\\)\\] {\n    --tw-shadow: 0 0 12px 3px var(--tw-shadow-color, rgba(251,191,36,0.8));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_1px_2px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\] {\n    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.1));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-\\[0_10px_40px_-10px_rgba\\(0\\,0\\,0\\,0\\.8\\)\\] {\n    --tw-shadow: 0 10px 40px -10px var(--tw-shadow-color, rgba(0,0,0,0.8));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-inner {\n    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-lg {\n    --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));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-md {\n    --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));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-none {\n    --tw-shadow: 0 0 #0000;\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-sm {\n    --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));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xl {\n    --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));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-xs {\n    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-0 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-1 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .ring-2 {\n    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .shadow-accent\\/20 {\n    --tw-shadow-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-accent\\/40 {\n    --tw-shadow-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 40%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-amber-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-blue-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-green-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-indigo-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-indigo-500\\/25 {\n    --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 25%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-purple-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-red-500\\/20 {\n    --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-red-900\\/40 {\n    --tw-shadow-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900) 40%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .shadow-yellow-500\\/30 {\n    --tw-shadow-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-yellow-500) 30%, transparent) var(--tw-shadow-alpha), transparent);\n    }\n  }\n  .ring-accent\\/50 {\n    --tw-ring-color: var(--accent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--accent) 50%, transparent);\n    }\n  }\n  .ring-black\\/5 {\n    --tw-ring-color: color-mix(in srgb, #000 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);\n    }\n  }\n  .ring-black\\/20 {\n    --tw-ring-color: color-mix(in srgb, #000 20%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent);\n    }\n  }\n  .ring-ring\\/50 {\n    --tw-ring-color: var(--ring);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n  .ring-sidebar-ring {\n    --tw-ring-color: var(--sidebar-ring);\n  }\n  .ring-white\\/5 {\n    --tw-ring-color: color-mix(in srgb, #fff 5%, transparent);\n    @supports (color: color-mix(in lab, red, red)) {\n      --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n    }\n  }\n  .ring-zinc-700 {\n    --tw-ring-color: var(--color-zinc-700);\n  }\n  .ring-offset-background {\n    --tw-ring-offset-color: var(--background);\n  }\n  .outline-hidden {\n    --tw-outline-style: none;\n    outline-style: none;\n    @media (forced-colors: active) {\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  }\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n  .blur-3xl {\n    --tw-blur: blur(var(--blur-3xl));\n    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,);\n  }\n  .blur-\\[80px\\] {\n    --tw-blur: blur(80px);\n    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,);\n  }\n  .blur-\\[100px\\] {\n    --tw-blur: blur(100px);\n    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,);\n  }\n  .blur-\\[120px\\] {\n    --tw-blur: blur(120px);\n    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,);\n  }\n  .blur-\\[150px\\] {\n    --tw-blur: blur(150px);\n    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,);\n  }\n  .blur-lg {\n    --tw-blur: blur(var(--blur-lg));\n    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,);\n  }\n  .blur-xl {\n    --tw-blur: blur(var(--blur-xl));\n    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,);\n  }\n  .brightness-100 {\n    --tw-brightness: brightness(100%);\n    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,);\n  }\n  .contrast-150 {\n    --tw-contrast: contrast(150%);\n    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,);\n  }\n  .drop-shadow-\\[0_0_8px_oklch\\(0\\.70_0\\.25_320\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 8px var(--tw-drop-shadow-color, oklch(0.70 0.25 320)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_12px_rgba\\(168\\,85\\,247\\,1\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(168,85,247,1)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_12px_rgba\\(236\\,72\\,153\\,1\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(236,72,153,1)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_12px_rgba\\(250\\,204\\,21\\,0\\.8\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 12px var(--tw-drop-shadow-color, rgba(250,204,21,0.8)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_15px_rgba\\(168\\,85\\,247\\,0\\.5\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 15px var(--tw-drop-shadow-color, rgba(168,85,247,0.5)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_20px_rgba\\(168\\,85\\,247\\,0\\.7\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 20px var(--tw-drop-shadow-color, rgba(168,85,247,0.7)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_25px_rgba\\(168\\,85\\,247\\,0\\.3\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 25px var(--tw-drop-shadow-color, rgba(168,85,247,0.3)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_25px_rgba\\(168\\,85\\,247\\,0\\.6\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 25px var(--tw-drop-shadow-color, rgba(168,85,247,0.6)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_30px_rgba\\(165\\,107\\,255\\,0\\.5\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 30px var(--tw-drop-shadow-color, rgba(165,107,255,0.5)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_30px_rgba\\(168\\,85\\,247\\,0\\.7\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 30px var(--tw-drop-shadow-color, rgba(168,85,247,0.7)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-\\[0_0_40px_rgba\\(168\\,85\\,247\\,0\\.8\\)\\] {\n    --tw-drop-shadow-size: drop-shadow(0 0 40px var(--tw-drop-shadow-color, rgba(168,85,247,0.8)));\n    --tw-drop-shadow: var(--tw-drop-shadow-size);\n    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,);\n  }\n  .drop-shadow-lg {\n    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));\n    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,);\n  }\n  .drop-shadow-xl {\n    --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1)));\n    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl));\n    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,);\n  }\n  .filter {\n    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,);\n  }\n  .backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    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,);\n  }\n  .backdrop-blur-2xl {\n    --tw-backdrop-blur: blur(var(--blur-2xl));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    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,);\n  }\n  .backdrop-blur-md {\n    --tw-backdrop-blur: blur(var(--blur-md));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    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,);\n  }\n  .backdrop-blur-sm {\n    --tw-backdrop-blur: blur(var(--blur-sm));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    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,);\n  }\n  .backdrop-blur-xl {\n    --tw-backdrop-blur: blur(var(--blur-xl));\n    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);\n    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,);\n  }\n  .transition {\n    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, visibility, content-visibility, overlay, pointer-events;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[color\\,box-shadow\\] {\n    transition-property: color,box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[left\\,right\\,width\\] {\n    transition-property: left,right,width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[margin\\,opacity\\] {\n    transition-property: margin,opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\,height\\,padding\\] {\n    transition-property: width,height,padding;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-\\[width\\] {\n    transition-property: width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-all {\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-colors {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-opacity {\n    transition-property: opacity;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-shadow {\n    transition-property: box-shadow;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-transform {\n    transition-property: transform, translate, scale, rotate;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n  }\n  .transition-none {\n    transition-property: none;\n  }\n  .duration-200 {\n    --tw-duration: 200ms;\n    transition-duration: 200ms;\n  }\n  .duration-300 {\n    --tw-duration: 300ms;\n    transition-duration: 300ms;\n  }\n  .duration-500 {\n    --tw-duration: 500ms;\n    transition-duration: 500ms;\n  }\n  .duration-1000 {\n    --tw-duration: 1000ms;\n    transition-duration: 1000ms;\n  }\n  .ease-in-out {\n    --tw-ease: var(--ease-in-out);\n    transition-timing-function: var(--ease-in-out);\n  }\n  .ease-linear {\n    --tw-ease: linear;\n    transition-timing-function: linear;\n  }\n  .outline-none {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n  .select-none {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .fade-in {\n    --tw-enter-opacity: 0;\n  }\n  .fade-in {\n    --tw-enter-opacity: 0;\n  }\n  .fade-in-0 {\n    --tw-enter-opacity: 0;\n  }\n  .fade-in-0 {\n    --tw-enter-opacity: 0;\n  }\n  .running {\n    animation-play-state: running;\n  }\n  .running {\n    animation-play-state: running;\n  }\n  .zoom-in-95 {\n    --tw-enter-scale: .95;\n  }\n  .zoom-in-95 {\n    --tw-enter-scale: .95;\n  }\n  .group-focus-within\\:text-primary {\n    &:is(:where(.group):focus-within *) {\n      color: var(--primary);\n    }\n  }\n  .group-focus-within\\/menu-item\\:opacity-100 {\n    &:is(:where(.group\\/menu-item):focus-within *) {\n      opacity: 100%;\n    }\n  }\n  .group-hover\\:ml-0 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        margin-left: var(--size-0);\n      }\n    }\n  }\n  .group-hover\\:scale-110 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-scale-x: 110%;\n        --tw-scale-y: 110%;\n        --tw-scale-z: 110%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .group-hover\\:border-accent\\/50 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--accent) 50%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:border-amber-500\\/50 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:border-cyan-500\\/50 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:border-red-500\\/50 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:border-slate-400\\/50 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(70.4% 0.04 256.788) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-slate-400) 50%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:bg-primary\\/10 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        background-color: var(--primary);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--primary) 10%, transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:from-accent\\/30 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-gradient-from: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-gradient-from: color-mix(in oklab, var(--accent) 30%, transparent);\n        }\n        --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));\n      }\n    }\n  }\n  .group-hover\\:to-secondary\\/30 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-gradient-to: var(--secondary);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-gradient-to: color-mix(in oklab, var(--secondary) 30%, transparent);\n        }\n        --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));\n      }\n    }\n  }\n  .group-hover\\:text-accent {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--accent);\n      }\n    }\n  }\n  .group-hover\\:text-primary {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--primary);\n      }\n    }\n  }\n  .group-hover\\:text-slate-300 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        color: var(--color-slate-300);\n      }\n    }\n  }\n  .group-hover\\:opacity-40 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 40%;\n      }\n    }\n  }\n  .group-hover\\:opacity-100 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-hover\\:shadow-amber-500\\/20 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:shadow-cyan-500\\/20 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-shadow-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:shadow-red-500\\/20 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-shadow-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\:shadow-slate-500\\/20 {\n    &:is(:where(.group):hover *) {\n      @media (hover: hover) {\n        --tw-shadow-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 20%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .group-hover\\/menu-item\\:opacity-100 {\n    &:is(:where(.group\\/menu-item):hover *) {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .group-has-data-\\[sidebar\\=menu-action\\]\\/menu-item\\:pr-8 {\n    &:is(:where(.group\\/menu-item):has(*[data-sidebar=\"menu-action\"]) *) {\n      padding-right: var(--size-8);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:-mt-8 {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      margin-top: calc(var(--size-8) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:hidden {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      display: none;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:size-8\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: var(--size-8) !important;\n      height: var(--size-8) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:w-\\(--sidebar-width-icon\\) {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      width: var(--sidebar-width-icon);\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:overflow-hidden {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      overflow: hidden;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:p-0\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: var(--size-0) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:p-2\\! {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      padding: var(--size-2) !important;\n    }\n  }\n  .group-data-\\[collapsible\\=icon\\]\\:opacity-0 {\n    &:is(:where(.group)[data-collapsible=\"icon\"] *) {\n      opacity: 0%;\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:right-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      right: calc(var(--sidebar-width) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:left-\\[calc\\(var\\(--sidebar-width\\)\\*-1\\)\\] {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      left: calc(var(--sidebar-width) * -1);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:w-0 {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      width: var(--size-0);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:translate-x-0 {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      --tw-translate-x: var(--size-0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .group-data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &:is(:where(.group)[data-disabled=\"true\"] *) {\n      pointer-events: none;\n    }\n  }\n  .group-data-\\[disabled\\=true\\]\\:opacity-50 {\n    &:is(:where(.group)[data-disabled=\"true\"] *) {\n      opacity: 50%;\n    }\n  }\n  .group-data-\\[side\\=left\\]\\:-right-4 {\n    &:is(:where(.group)[data-side=\"left\"] *) {\n      right: calc(var(--size-4) * -1);\n    }\n  }\n  .group-data-\\[side\\=left\\]\\:border-r {\n    &:is(:where(.group)[data-side=\"left\"] *) {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:left-0 {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      left: var(--size-0);\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:rotate-180 {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .group-data-\\[side\\=right\\]\\:border-l {\n    &:is(:where(.group)[data-side=\"right\"] *) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .group-data-\\[state\\=open\\]\\:rotate-180 {\n    &:is(:where(.group)[data-state=\"open\"] *) {\n      rotate: 180deg;\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:rounded-lg {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-radius: var(--radius);\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:border {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:border-sidebar-border {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      border-color: var(--sidebar-border);\n    }\n  }\n  .group-data-\\[variant\\=floating\\]\\:shadow-sm {\n    &:is(:where(.group)[data-variant=\"floating\"] *) {\n      --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));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .group-data-\\[vaul-drawer-direction\\=bottom\\]\\/drawer-content\\:block {\n    &:is(:where(.group\\/drawer-content)[data-vaul-drawer-direction=\"bottom\"] *) {\n      display: block;\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:top-full {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      top: 100%;\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:mt-1\\.5 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      margin-top: var(--size-1-5);\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:overflow-hidden {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      overflow: hidden;\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:rounded-md {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      border-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:border {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      border-style: var(--tw-border-style);\n      border-width: 1px;\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:bg-popover {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      background-color: var(--popover);\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:text-popover-foreground {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      color: var(--popover-foreground);\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:shadow {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      --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));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:duration-200 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      --tw-duration: 200ms;\n      transition-duration: 200ms;\n    }\n  }\n  .peer-hover\\/menu-button\\:text-sidebar-accent-foreground {\n    &:is(:where(.peer\\/menu-button):hover ~ *) {\n      @media (hover: hover) {\n        color: var(--sidebar-accent-foreground);\n      }\n    }\n  }\n  .peer-disabled\\:cursor-not-allowed {\n    &:is(:where(.peer):disabled ~ *) {\n      cursor: not-allowed;\n    }\n  }\n  .peer-disabled\\:opacity-50 {\n    &:is(:where(.peer):disabled ~ *) {\n      opacity: 50%;\n    }\n  }\n  .peer-data-\\[active\\=true\\]\\/menu-button\\:text-sidebar-accent-foreground {\n    &:is(:where(.peer\\/menu-button)[data-active=\"true\"] ~ *) {\n      color: var(--sidebar-accent-foreground);\n    }\n  }\n  .peer-data-\\[size\\=default\\]\\/menu-button\\:top-1\\.5 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"default\"] ~ *) {\n      top: var(--size-1-5);\n    }\n  }\n  .peer-data-\\[size\\=lg\\]\\/menu-button\\:top-2\\.5 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"lg\"] ~ *) {\n      top: var(--size-2-5);\n    }\n  }\n  .peer-data-\\[size\\=sm\\]\\/menu-button\\:top-1 {\n    &:is(:where(.peer\\/menu-button)[data-size=\"sm\"] ~ *) {\n      top: var(--size-1);\n    }\n  }\n  .selection\\:bg-accent\\/20 {\n    & *::selection {\n      background-color: var(--accent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--accent) 20%, transparent);\n      }\n    }\n    &::selection {\n      background-color: var(--accent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--accent) 20%, transparent);\n      }\n    }\n  }\n  .selection\\:bg-indigo-500\\/30 {\n    & *::selection {\n      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);\n      }\n    }\n    &::selection {\n      background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);\n      }\n    }\n  }\n  .selection\\:bg-primary {\n    & *::selection {\n      background-color: var(--primary);\n    }\n    &::selection {\n      background-color: var(--primary);\n    }\n  }\n  .selection\\:bg-white\\/20 {\n    & *::selection {\n      background-color: color-mix(in srgb, #fff 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n      }\n    }\n    &::selection {\n      background-color: color-mix(in srgb, #fff 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n      }\n    }\n  }\n  .selection\\:text-primary-foreground {\n    & *::selection {\n      color: var(--primary-foreground);\n    }\n    &::selection {\n      color: var(--primary-foreground);\n    }\n  }\n  .file\\:inline-flex {\n    &::file-selector-button {\n      display: inline-flex;\n    }\n  }\n  .file\\:h-7 {\n    &::file-selector-button {\n      height: var(--size-7);\n    }\n  }\n  .file\\:border-0 {\n    &::file-selector-button {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .file\\:bg-transparent {\n    &::file-selector-button {\n      background-color: transparent;\n    }\n  }\n  .file\\:text-sm {\n    &::file-selector-button {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .file\\:font-medium {\n    &::file-selector-button {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .file\\:text-foreground {\n    &::file-selector-button {\n      color: var(--foreground);\n    }\n  }\n  .placeholder\\:text-muted-foreground {\n    &::placeholder {\n      color: var(--muted-foreground);\n    }\n  }\n  .after\\:absolute {\n    &::after {\n      content: var(--tw-content);\n      position: absolute;\n    }\n  }\n  .after\\:-inset-2 {\n    &::after {\n      content: var(--tw-content);\n      inset: calc(var(--size-2) * -1);\n    }\n  }\n  .after\\:inset-y-0 {\n    &::after {\n      content: var(--tw-content);\n      inset-block: var(--size-0);\n    }\n  }\n  .after\\:left-1\\/2 {\n    &::after {\n      content: var(--tw-content);\n      left: calc(1/2 * 100%);\n    }\n  }\n  .after\\:w-1 {\n    &::after {\n      content: var(--tw-content);\n      width: var(--size-1);\n    }\n  }\n  .after\\:w-\\[2px\\] {\n    &::after {\n      content: var(--tw-content);\n      width: 2px;\n    }\n  }\n  .after\\:-translate-x-1\\/2 {\n    &::after {\n      content: var(--tw-content);\n      --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .group-data-\\[collapsible\\=offcanvas\\]\\:after\\:left-full {\n    &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n      &::after {\n        content: var(--tw-content);\n        left: 100%;\n      }\n    }\n  }\n  .first\\:rounded-l-md {\n    &:first-child {\n      border-top-left-radius: calc(var(--radius) - 2px);\n      border-bottom-left-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .first\\:border-l {\n    &:first-child {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .last\\:rounded-r-md {\n    &:last-child {\n      border-top-right-radius: calc(var(--radius) - 2px);\n      border-bottom-right-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .last\\:border-0 {\n    &:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .last\\:border-b-0 {\n    &:last-child {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 0px;\n    }\n  }\n  .focus-within\\:relative {\n    &:focus-within {\n      position: relative;\n    }\n  }\n  .focus-within\\:z-20 {\n    &:focus-within {\n      z-index: 20;\n    }\n  }\n  .hover\\:-translate-y-1 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-translate-y: calc(var(--size-1) * -1);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .hover\\:scale-105 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-scale-x: 105%;\n        --tw-scale-y: 105%;\n        --tw-scale-z: 105%;\n        scale: var(--tw-scale-x) var(--tw-scale-y);\n      }\n    }\n  }\n  .hover\\:scale-\\[1\\.02\\] {\n    &:hover {\n      @media (hover: hover) {\n        scale: 1.02;\n      }\n    }\n  }\n  .hover\\:border-accent\\/40 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--accent) 40%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-accent\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--accent) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-border {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--border);\n      }\n    }\n  }\n  .hover\\:border-primary\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: var(--primary);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--primary) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-red-500\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-white\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, #fff 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:border-zinc-700\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        border-color: color-mix(in srgb, oklch(37% 0.013 285.805) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          border-color: color-mix(in oklab, var(--color-zinc-700) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-\\[\\#4752C4\\] {\n    &:hover {\n      @media (hover: hover) {\n        background-color: #4752C4;\n      }\n    }\n  }\n  .hover\\:bg-accent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--accent);\n      }\n    }\n  }\n  .hover\\:bg-accent\\/5 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--accent) 5%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--accent) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-accent\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--accent) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-amber-500\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-amber-500\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-amber-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-amber-600);\n      }\n    }\n  }\n  .hover\\:bg-card\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--card);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--card) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-destructive\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-emerald-500\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-emerald-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-emerald-600);\n      }\n    }\n  }\n  .hover\\:bg-indigo-600 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-indigo-600);\n      }\n    }\n  }\n  .hover\\:bg-muted {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--muted);\n      }\n    }\n  }\n  .hover\\:bg-muted\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--muted);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--muted) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-muted\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--muted);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-primary {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--primary);\n      }\n    }\n  }\n  .hover\\:bg-primary\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--primary);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-red-500\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-red-500\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-secondary\\/80 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--secondary);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-sidebar-accent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--sidebar-accent);\n      }\n    }\n  }\n  .hover\\:bg-transparent {\n    &:hover {\n      @media (hover: hover) {\n        background-color: transparent;\n      }\n    }\n  }\n  .hover\\:bg-white\\/5 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 5%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-white\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 10%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-white\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, #fff 20%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-zinc-200 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-zinc-200);\n      }\n    }\n  }\n  .hover\\:bg-zinc-800 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-zinc-800);\n      }\n    }\n  }\n  .hover\\:bg-zinc-800\\/30 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 30%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-zinc-800) 30%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:bg-zinc-900\\/50 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 50%, transparent);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--color-zinc-900) 50%, transparent);\n        }\n      }\n    }\n  }\n  .hover\\:from-accent\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-gradient-from: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-gradient-from: color-mix(in oklab, var(--accent) 90%, transparent);\n        }\n        --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));\n      }\n    }\n  }\n  .hover\\:from-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-gradient-from: var(--color-red-500);\n        --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));\n      }\n    }\n  }\n  .hover\\:to-red-800 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-gradient-to: var(--color-red-800);\n        --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));\n      }\n    }\n  }\n  .hover\\:to-secondary\\/90 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-gradient-to: var(--secondary);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-gradient-to: color-mix(in oklab, var(--secondary) 90%, transparent);\n        }\n        --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));\n      }\n    }\n  }\n  .hover\\:text-\\[\\#71717a\\] {\n    &:hover {\n      @media (hover: hover) {\n        color: #71717a;\n      }\n    }\n  }\n  .hover\\:text-accent-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--accent-foreground);\n      }\n    }\n  }\n  .hover\\:text-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--foreground);\n      }\n    }\n  }\n  .hover\\:text-muted-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--muted-foreground);\n      }\n    }\n  }\n  .hover\\:text-primary {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--primary);\n      }\n    }\n  }\n  .hover\\:text-primary-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--primary-foreground);\n      }\n    }\n  }\n  .hover\\:text-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-red-500);\n      }\n    }\n  }\n  .hover\\:text-sidebar-accent-foreground {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--sidebar-accent-foreground);\n      }\n    }\n  }\n  .hover\\:text-white {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-white);\n      }\n    }\n  }\n  .hover\\:text-zinc-200 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-zinc-200);\n      }\n    }\n  }\n  .hover\\:text-zinc-500 {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--color-zinc-500);\n      }\n    }\n  }\n  .hover\\:underline {\n    &:hover {\n      @media (hover: hover) {\n        text-decoration-line: underline;\n      }\n    }\n  }\n  .hover\\:opacity-100 {\n    &:hover {\n      @media (hover: hover) {\n        opacity: 100%;\n      }\n    }\n  }\n  .hover\\:shadow-2xl {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-\\[0_0_0_1px_hsl\\(var\\(--sidebar-accent\\)\\)\\] {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-lg {\n    &:hover {\n      @media (hover: hover) {\n        --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));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-md {\n    &:hover {\n      @media (hover: hover) {\n        --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));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-xl {\n    &:hover {\n      @media (hover: hover) {\n        --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));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:ring-4 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .hover\\:shadow-accent\\/10 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 10%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .hover\\:shadow-accent\\/20 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 20%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .hover\\:shadow-accent\\/60 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-shadow-color: var(--accent);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--accent) 60%, transparent) var(--tw-shadow-alpha), transparent);\n        }\n      }\n    }\n  }\n  .hover\\:brightness-110 {\n    &:hover {\n      @media (hover: hover) {\n        --tw-brightness: brightness(110%);\n        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,);\n      }\n    }\n  }\n  .hover\\:group-data-\\[collapsible\\=offcanvas\\]\\:bg-sidebar {\n    &:hover {\n      @media (hover: hover) {\n        &:is(:where(.group)[data-collapsible=\"offcanvas\"] *) {\n          background-color: var(--sidebar);\n        }\n      }\n    }\n  }\n  .hover\\:after\\:bg-sidebar-border {\n    &:hover {\n      @media (hover: hover) {\n        &::after {\n          content: var(--tw-content);\n          background-color: var(--sidebar-border);\n        }\n      }\n    }\n  }\n  .focus\\:z-10 {\n    &:focus {\n      z-index: 10;\n    }\n  }\n  .focus\\:border-primary\\/20 {\n    &:focus {\n      border-color: var(--primary);\n      @supports (color: color-mix(in lab, red, red)) {\n        border-color: color-mix(in oklab, var(--primary) 20%, transparent);\n      }\n    }\n  }\n  .focus\\:bg-accent {\n    &:focus {\n      background-color: var(--accent);\n    }\n  }\n  .focus\\:bg-background {\n    &:focus {\n      background-color: var(--background);\n    }\n  }\n  .focus\\:bg-primary {\n    &:focus {\n      background-color: var(--primary);\n    }\n  }\n  .focus\\:text-accent-foreground {\n    &:focus {\n      color: var(--accent-foreground);\n    }\n  }\n  .focus\\:text-primary-foreground {\n    &:focus {\n      color: var(--primary-foreground);\n    }\n  }\n  .focus\\:ring-0 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-2 {\n    &:focus {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus\\:ring-emerald-500\\/20 {\n    &:focus {\n      --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);\n      }\n    }\n  }\n  .focus\\:ring-ring {\n    &:focus {\n      --tw-ring-color: var(--ring);\n    }\n  }\n  .focus\\:ring-offset-2 {\n    &:focus {\n      --tw-ring-offset-width: 2px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus\\:outline-hidden {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .focus\\:outline-none {\n    &:focus {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .focus-visible\\:z-10 {\n    &:focus-visible {\n      z-index: 10;\n    }\n  }\n  .focus-visible\\:border-ring {\n    &:focus-visible {\n      border-color: var(--ring);\n    }\n  }\n  .focus-visible\\:ring-0 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-1 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-2 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-4 {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-\\[3px\\] {\n    &:focus-visible {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .focus-visible\\:ring-destructive\\/20 {\n    &:focus-visible {\n      --tw-ring-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-ring {\n    &:focus-visible {\n      --tw-ring-color: var(--ring);\n    }\n  }\n  .focus-visible\\:ring-ring\\/50 {\n    &:focus-visible {\n      --tw-ring-color: var(--ring);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n      }\n    }\n  }\n  .focus-visible\\:ring-offset-1 {\n    &:focus-visible {\n      --tw-ring-offset-width: 1px;\n      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    }\n  }\n  .focus-visible\\:outline-hidden {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .focus-visible\\:outline-1 {\n    &:focus-visible {\n      outline-style: var(--tw-outline-style);\n      outline-width: 1px;\n    }\n  }\n  .focus-visible\\:outline-ring {\n    &:focus-visible {\n      outline-color: var(--ring);\n    }\n  }\n  .focus-visible\\:outline-none {\n    &:focus-visible {\n      --tw-outline-style: none;\n      outline-style: none;\n    }\n  }\n  .active\\:scale-\\[0\\.98\\] {\n    &:active {\n      scale: 0.98;\n    }\n  }\n  .active\\:bg-sidebar-accent {\n    &:active {\n      background-color: var(--sidebar-accent);\n    }\n  }\n  .active\\:text-sidebar-accent-foreground {\n    &:active {\n      color: var(--sidebar-accent-foreground);\n    }\n  }\n  .disabled\\:pointer-events-none {\n    &:disabled {\n      pointer-events: none;\n    }\n  }\n  .disabled\\:cursor-not-allowed {\n    &:disabled {\n      cursor: not-allowed;\n    }\n  }\n  .disabled\\:opacity-50 {\n    &:disabled {\n      opacity: 50%;\n    }\n  }\n  .in-data-\\[side\\=left\\]\\:cursor-w-resize {\n    :where(*[data-side=\"left\"]) & {\n      cursor: w-resize;\n    }\n  }\n  .in-data-\\[side\\=right\\]\\:cursor-e-resize {\n    :where(*[data-side=\"right\"]) & {\n      cursor: e-resize;\n    }\n  }\n  .has-disabled\\:opacity-50 {\n    &:has(*:disabled) {\n      opacity: 50%;\n    }\n  }\n  .has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\] {\n    &:has(*[data-slot=\"card-action\"]) {\n      grid-template-columns: 1fr auto;\n    }\n  }\n  .has-data-\\[variant\\=inset\\]\\:bg-sidebar {\n    &:has(*[data-variant=\"inset\"]) {\n      background-color: var(--sidebar);\n    }\n  }\n  .has-\\[\\>svg\\]\\:grid-cols-\\[calc\\(var\\(--spacing\\)\\*4\\)_1fr\\] {\n    &:has(>svg) {\n      grid-template-columns: calc(var(--spacing) * 4) 1fr;\n    }\n  }\n  .has-\\[\\>svg\\]\\:gap-x-3 {\n    &:has(>svg) {\n      column-gap: var(--size-3);\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-2\\.5 {\n    &:has(>svg) {\n      padding-inline: var(--size-2-5);\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-3 {\n    &:has(>svg) {\n      padding-inline: var(--size-3);\n    }\n  }\n  .has-\\[\\>svg\\]\\:px-4 {\n    &:has(>svg) {\n      padding-inline: var(--size-4);\n    }\n  }\n  .aria-disabled\\:pointer-events-none {\n    &[aria-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .aria-disabled\\:opacity-50 {\n    &[aria-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .aria-invalid\\:border-destructive {\n    &[aria-invalid=\"true\"] {\n      border-color: var(--destructive);\n    }\n  }\n  .aria-invalid\\:ring-destructive\\/20 {\n    &[aria-invalid=\"true\"] {\n      --tw-ring-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n      }\n    }\n  }\n  .aria-selected\\:bg-accent {\n    &[aria-selected=\"true\"] {\n      background-color: var(--accent);\n    }\n  }\n  .aria-selected\\:bg-primary {\n    &[aria-selected=\"true\"] {\n      background-color: var(--primary);\n    }\n  }\n  .aria-selected\\:text-accent-foreground {\n    &[aria-selected=\"true\"] {\n      color: var(--accent-foreground);\n    }\n  }\n  .aria-selected\\:text-muted-foreground {\n    &[aria-selected=\"true\"] {\n      color: var(--muted-foreground);\n    }\n  }\n  .aria-selected\\:text-primary-foreground {\n    &[aria-selected=\"true\"] {\n      color: var(--primary-foreground);\n    }\n  }\n  .aria-selected\\:opacity-100 {\n    &[aria-selected=\"true\"] {\n      opacity: 100%;\n    }\n  }\n  .data-\\[active\\=true\\]\\:z-10 {\n    &[data-active=\"true\"] {\n      z-index: 10;\n    }\n  }\n  .data-\\[active\\=true\\]\\:border-ring {\n    &[data-active=\"true\"] {\n      border-color: var(--ring);\n    }\n  }\n  .data-\\[active\\=true\\]\\:bg-accent\\/50 {\n    &[data-active=\"true\"] {\n      background-color: var(--accent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--accent) 50%, transparent);\n      }\n    }\n  }\n  .data-\\[active\\=true\\]\\:bg-sidebar-accent {\n    &[data-active=\"true\"] {\n      background-color: var(--sidebar-accent);\n    }\n  }\n  .data-\\[active\\=true\\]\\:font-medium {\n    &[data-active=\"true\"] {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .data-\\[active\\=true\\]\\:text-accent-foreground {\n    &[data-active=\"true\"] {\n      color: var(--accent-foreground);\n    }\n  }\n  .data-\\[active\\=true\\]\\:text-sidebar-accent-foreground {\n    &[data-active=\"true\"] {\n      color: var(--sidebar-accent-foreground);\n    }\n  }\n  .data-\\[active\\=true\\]\\:ring-\\[3px\\] {\n    &[data-active=\"true\"] {\n      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[active\\=true\\]\\:ring-ring\\/50 {\n    &[data-active=\"true\"] {\n      --tw-ring-color: var(--ring);\n      @supports (color: color-mix(in lab, red, red)) {\n        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n      }\n    }\n  }\n  .data-\\[active\\=true\\]\\:hover\\:bg-accent {\n    &[data-active=\"true\"] {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--accent);\n        }\n      }\n    }\n  }\n  .data-\\[active\\=true\\]\\:focus\\:bg-accent {\n    &[data-active=\"true\"] {\n      &:focus {\n        background-color: var(--accent);\n      }\n    }\n  }\n  .data-\\[active\\=true\\]\\:aria-invalid\\:border-destructive {\n    &[data-active=\"true\"] {\n      &[aria-invalid=\"true\"] {\n        border-color: var(--destructive);\n      }\n    }\n  }\n  .data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/20 {\n    &[data-active=\"true\"] {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n        }\n      }\n    }\n  }\n  .data-\\[disabled\\]\\:pointer-events-none {\n    &[data-disabled] {\n      pointer-events: none;\n    }\n  }\n  .data-\\[disabled\\]\\:opacity-50 {\n    &[data-disabled] {\n      opacity: 50%;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:pointer-events-none {\n    &[data-disabled=\"true\"] {\n      pointer-events: none;\n    }\n  }\n  .data-\\[disabled\\=true\\]\\:opacity-50 {\n    &[data-disabled=\"true\"] {\n      opacity: 50%;\n    }\n  }\n  .data-\\[error\\=true\\]\\:text-destructive {\n    &[data-error=\"true\"] {\n      color: var(--destructive);\n    }\n  }\n  .data-\\[inset\\]\\:pl-8 {\n    &[data-inset] {\n      padding-left: var(--size-8);\n    }\n  }\n  .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52 {\n    &[data-motion=\"from-end\"] {\n      --tw-enter-translate-x: calc(52*var(--spacing));\n    }\n  }\n  .data-\\[motion\\=from-end\\]\\:slide-in-from-right-52 {\n    &[data-motion=\"from-end\"] {\n      --tw-enter-translate-x: calc(52*var(--spacing));\n    }\n  }\n  .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52 {\n    &[data-motion=\"from-start\"] {\n      --tw-enter-translate-x: calc(52*var(--spacing)*-1);\n    }\n  }\n  .data-\\[motion\\=from-start\\]\\:slide-in-from-left-52 {\n    &[data-motion=\"from-start\"] {\n      --tw-enter-translate-x: calc(52*var(--spacing)*-1);\n    }\n  }\n  .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52 {\n    &[data-motion=\"to-end\"] {\n      --tw-exit-translate-x: calc(52*var(--spacing));\n    }\n  }\n  .data-\\[motion\\=to-end\\]\\:slide-out-to-right-52 {\n    &[data-motion=\"to-end\"] {\n      --tw-exit-translate-x: calc(52*var(--spacing));\n    }\n  }\n  .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52 {\n    &[data-motion=\"to-start\"] {\n      --tw-exit-translate-x: calc(52*var(--spacing)*-1);\n    }\n  }\n  .data-\\[motion\\=to-start\\]\\:slide-out-to-left-52 {\n    &[data-motion=\"to-start\"] {\n      --tw-exit-translate-x: calc(52*var(--spacing)*-1);\n    }\n  }\n  .data-\\[motion\\^\\=from-\\]\\:animate-in {\n    &[data-motion^=\"from-\"] {\n      animation: enter var(--tw-duration,.15s)var(--tw-ease,ease);\n    }\n  }\n  .data-\\[motion\\^\\=from-\\]\\:fade-in {\n    &[data-motion^=\"from-\"] {\n      --tw-enter-opacity: 0;\n    }\n  }\n  .data-\\[motion\\^\\=from-\\]\\:fade-in {\n    &[data-motion^=\"from-\"] {\n      --tw-enter-opacity: 0;\n    }\n  }\n  .data-\\[motion\\^\\=to-\\]\\:animate-out {\n    &[data-motion^=\"to-\"] {\n      animation: exit var(--tw-duration,.15s)var(--tw-ease,ease);\n    }\n  }\n  .data-\\[motion\\^\\=to-\\]\\:fade-out {\n    &[data-motion^=\"to-\"] {\n      --tw-exit-opacity: 0;\n    }\n  }\n  .data-\\[motion\\^\\=to-\\]\\:fade-out {\n    &[data-motion^=\"to-\"] {\n      --tw-exit-opacity: 0;\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:h-1\\.5 {\n    &[data-orientation=\"horizontal\"] {\n      height: var(--size-1-5);\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:h-full {\n    &[data-orientation=\"horizontal\"] {\n      height: 100%;\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:h-px {\n    &[data-orientation=\"horizontal\"] {\n      height: 1px;\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:h-px {\n    &[data-orientation=\"horizontal\"] {\n      height: var(--size-px);\n    }\n  }\n  .data-\\[orientation\\=horizontal\\]\\:w-full {\n    &[data-orientation=\"horizontal\"] {\n      width: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:h-full {\n    &[data-orientation=\"vertical\"] {\n      height: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:min-h-44 {\n    &[data-orientation=\"vertical\"] {\n      min-height: var(--size-44);\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-1\\.5 {\n    &[data-orientation=\"vertical\"] {\n      width: var(--size-1-5);\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-auto {\n    &[data-orientation=\"vertical\"] {\n      width: auto;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-full {\n    &[data-orientation=\"vertical\"] {\n      width: 100%;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-px {\n    &[data-orientation=\"vertical\"] {\n      width: 1px;\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:w-px {\n    &[data-orientation=\"vertical\"] {\n      width: var(--size-px);\n    }\n  }\n  .data-\\[orientation\\=vertical\\]\\:flex-col {\n    &[data-orientation=\"vertical\"] {\n      flex-direction: column;\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:h-px {\n    &[data-panel-group-direction=\"vertical\"] {\n      height: 1px;\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:h-px {\n    &[data-panel-group-direction=\"vertical\"] {\n      height: var(--size-px);\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:w-full {\n    &[data-panel-group-direction=\"vertical\"] {\n      width: 100%;\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:flex-col {\n    &[data-panel-group-direction=\"vertical\"] {\n      flex-direction: column;\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:after\\:left-0 {\n    &[data-panel-group-direction=\"vertical\"] {\n      &::after {\n        content: var(--tw-content);\n        left: var(--size-0);\n      }\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:after\\:h-1 {\n    &[data-panel-group-direction=\"vertical\"] {\n      &::after {\n        content: var(--tw-content);\n        height: var(--size-1);\n      }\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:after\\:w-full {\n    &[data-panel-group-direction=\"vertical\"] {\n      &::after {\n        content: var(--tw-content);\n        width: 100%;\n      }\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:after\\:translate-x-0 {\n    &[data-panel-group-direction=\"vertical\"] {\n      &::after {\n        content: var(--tw-content);\n        --tw-translate-x: var(--size-0);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .data-\\[panel-group-direction\\=vertical\\]\\:after\\:-translate-y-1\\/2 {\n    &[data-panel-group-direction=\"vertical\"] {\n      &::after {\n        content: var(--tw-content);\n        --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n        translate: var(--tw-translate-x) var(--tw-translate-y);\n      }\n    }\n  }\n  .data-\\[placeholder\\]\\:text-muted-foreground {\n    &[data-placeholder] {\n      color: var(--muted-foreground);\n    }\n  }\n  .data-\\[selected\\=true\\]\\:bg-accent {\n    &[data-selected=\"true\"] {\n      background-color: var(--accent);\n    }\n  }\n  .data-\\[selected\\=true\\]\\:text-accent-foreground {\n    &[data-selected=\"true\"] {\n      color: var(--accent-foreground);\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:translate-y-1 {\n    &[data-side=\"bottom\"] {\n      --tw-translate-y: var(--size-1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:slide-in-from-top-2 {\n    &[data-side=\"bottom\"] {\n      --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n    }\n  }\n  .data-\\[side\\=bottom\\]\\:slide-in-from-top-2 {\n    &[data-side=\"bottom\"] {\n      --tw-enter-translate-y: calc(2*var(--spacing)*-1);\n    }\n  }\n  .data-\\[side\\=left\\]\\:-translate-x-1 {\n    &[data-side=\"left\"] {\n      --tw-translate-x: calc(var(--size-1) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=left\\]\\:slide-in-from-right-2 {\n    &[data-side=\"left\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing));\n    }\n  }\n  .data-\\[side\\=left\\]\\:slide-in-from-right-2 {\n    &[data-side=\"left\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing));\n    }\n  }\n  .data-\\[side\\=right\\]\\:translate-x-1 {\n    &[data-side=\"right\"] {\n      --tw-translate-x: var(--size-1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=right\\]\\:slide-in-from-left-2 {\n    &[data-side=\"right\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n    }\n  }\n  .data-\\[side\\=right\\]\\:slide-in-from-left-2 {\n    &[data-side=\"right\"] {\n      --tw-enter-translate-x: calc(2*var(--spacing)*-1);\n    }\n  }\n  .data-\\[side\\=top\\]\\:-translate-y-1 {\n    &[data-side=\"top\"] {\n      --tw-translate-y: calc(var(--size-1) * -1);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[side\\=top\\]\\:slide-in-from-bottom-2 {\n    &[data-side=\"top\"] {\n      --tw-enter-translate-y: calc(2*var(--spacing));\n    }\n  }\n  .data-\\[side\\=top\\]\\:slide-in-from-bottom-2 {\n    &[data-side=\"top\"] {\n      --tw-enter-translate-y: calc(2*var(--spacing));\n    }\n  }\n  .data-\\[size\\=default\\]\\:h-9 {\n    &[data-size=\"default\"] {\n      height: var(--size-9);\n    }\n  }\n  .data-\\[size\\=sm\\]\\:h-8 {\n    &[data-size=\"sm\"] {\n      height: var(--size-8);\n    }\n  }\n  .\\*\\:data-\\[slot\\=alert-description\\]\\:text-destructive\\/90 {\n    :is(& > *) {\n      &[data-slot=\"alert-description\"] {\n        color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          color: color-mix(in oklab, var(--destructive) 90%, transparent);\n        }\n      }\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=command-input-wrapper\\]\\:h-12 {\n    :is(& *) {\n      &[data-slot=\"command-input-wrapper\"] {\n        height: var(--size-12);\n      }\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:ring-0 {\n    :is(& *) {\n      &[data-slot=\"navigation-menu-link\"] {\n        &:focus {\n          --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n        }\n      }\n    }\n  }\n  .\\*\\*\\:data-\\[slot\\=navigation-menu-link\\]\\:focus\\:outline-none {\n    :is(& *) {\n      &[data-slot=\"navigation-menu-link\"] {\n        &:focus {\n          --tw-outline-style: none;\n          outline-style: none;\n        }\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1 {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        overflow: hidden;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        -webkit-line-clamp: 1;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:flex {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        display: flex;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:items-center {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        align-items: center;\n      }\n    }\n  }\n  .\\*\\:data-\\[slot\\=select-value\\]\\:gap-2 {\n    :is(& > *) {\n      &[data-slot=\"select-value\"] {\n        gap: var(--size-2);\n      }\n    }\n  }\n  .data-\\[state\\=active\\]\\:bg-background {\n    &[data-state=\"active\"] {\n      background-color: var(--background);\n    }\n  }\n  .data-\\[state\\=active\\]\\:text-foreground {\n    &[data-state=\"active\"] {\n      color: var(--foreground);\n    }\n  }\n  .data-\\[state\\=active\\]\\:shadow-sm {\n    &[data-state=\"active\"] {\n      --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));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:translate-x-\\[calc\\(100\\%-2px\\)\\] {\n    &[data-state=\"checked\"] {\n      --tw-translate-x: calc(100% - 2px);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:border-primary {\n    &[data-state=\"checked\"] {\n      border-color: var(--primary);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:bg-primary {\n    &[data-state=\"checked\"] {\n      background-color: var(--primary);\n    }\n  }\n  .data-\\[state\\=checked\\]\\:text-primary-foreground {\n    &[data-state=\"checked\"] {\n      color: var(--primary-foreground);\n    }\n  }\n  .data-\\[state\\=closed\\]\\:animate-accordion-up {\n    &[data-state=\"closed\"] {\n      animation: accordion-up 0.2s ease-out;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:animate-out {\n    &[data-state=\"closed\"] {\n      animation: exit var(--tw-duration,.15s)var(--tw-ease,ease);\n    }\n  }\n  .data-\\[state\\=closed\\]\\:duration-300 {\n    &[data-state=\"closed\"] {\n      --tw-duration: 300ms;\n      transition-duration: 300ms;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:fade-out-0 {\n    &[data-state=\"closed\"] {\n      --tw-exit-opacity: 0;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:fade-out-0 {\n    &[data-state=\"closed\"] {\n      --tw-exit-opacity: 0;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-bottom {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-y: 100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-bottom {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-y: 100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-left {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-x: -100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-left {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-x: -100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-right {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-x: 100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-right {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-x: 100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-top {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-y: -100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:slide-out-to-top {\n    &[data-state=\"closed\"] {\n      --tw-exit-translate-y: -100%;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:zoom-out-95 {\n    &[data-state=\"closed\"] {\n      --tw-exit-scale: .95;\n    }\n  }\n  .data-\\[state\\=closed\\]\\:zoom-out-95 {\n    &[data-state=\"closed\"] {\n      --tw-exit-scale: .95;\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:animate-out {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"closed\"] {\n        animation: exit var(--tw-duration,.15s)var(--tw-ease,ease);\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:fade-out-0 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"closed\"] {\n        --tw-exit-opacity: 0;\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:fade-out-0 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"closed\"] {\n        --tw-exit-opacity: 0;\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:zoom-out-95 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"closed\"] {\n        --tw-exit-scale: .95;\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=closed\\]\\:zoom-out-95 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"closed\"] {\n        --tw-exit-scale: .95;\n      }\n    }\n  }\n  .data-\\[state\\=hidden\\]\\:animate-out {\n    &[data-state=\"hidden\"] {\n      animation: exit var(--tw-duration,.15s)var(--tw-ease,ease);\n    }\n  }\n  .data-\\[state\\=hidden\\]\\:fade-out {\n    &[data-state=\"hidden\"] {\n      --tw-exit-opacity: 0;\n    }\n  }\n  .data-\\[state\\=hidden\\]\\:fade-out {\n    &[data-state=\"hidden\"] {\n      --tw-exit-opacity: 0;\n    }\n  }\n  .data-\\[state\\=on\\]\\:bg-accent {\n    &[data-state=\"on\"] {\n      background-color: var(--accent);\n    }\n  }\n  .data-\\[state\\=on\\]\\:text-accent-foreground {\n    &[data-state=\"on\"] {\n      color: var(--accent-foreground);\n    }\n  }\n  .data-\\[state\\=open\\]\\:animate-accordion-down {\n    &[data-state=\"open\"] {\n      animation: accordion-down 0.2s ease-out;\n    }\n  }\n  .data-\\[state\\=open\\]\\:animate-in {\n    &[data-state=\"open\"] {\n      animation: enter var(--tw-duration,.15s)var(--tw-ease,ease);\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-accent {\n    &[data-state=\"open\"] {\n      background-color: var(--accent);\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-accent\\/50 {\n    &[data-state=\"open\"] {\n      background-color: var(--accent);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--accent) 50%, transparent);\n      }\n    }\n  }\n  .data-\\[state\\=open\\]\\:bg-secondary {\n    &[data-state=\"open\"] {\n      background-color: var(--secondary);\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-accent-foreground {\n    &[data-state=\"open\"] {\n      color: var(--accent-foreground);\n    }\n  }\n  .data-\\[state\\=open\\]\\:text-muted-foreground {\n    &[data-state=\"open\"] {\n      color: var(--muted-foreground);\n    }\n  }\n  .data-\\[state\\=open\\]\\:opacity-100 {\n    &[data-state=\"open\"] {\n      opacity: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:duration-500 {\n    &[data-state=\"open\"] {\n      --tw-duration: 500ms;\n      transition-duration: 500ms;\n    }\n  }\n  .data-\\[state\\=open\\]\\:fade-in-0 {\n    &[data-state=\"open\"] {\n      --tw-enter-opacity: 0;\n    }\n  }\n  .data-\\[state\\=open\\]\\:fade-in-0 {\n    &[data-state=\"open\"] {\n      --tw-enter-opacity: 0;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-bottom {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-y: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-bottom {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-y: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-left {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-x: -100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-left {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-x: -100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-right {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-x: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-right {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-x: 100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-top {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-y: -100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:slide-in-from-top {\n    &[data-state=\"open\"] {\n      --tw-enter-translate-y: -100%;\n    }\n  }\n  .data-\\[state\\=open\\]\\:zoom-in-90 {\n    &[data-state=\"open\"] {\n      --tw-enter-scale: .9;\n    }\n  }\n  .data-\\[state\\=open\\]\\:zoom-in-90 {\n    &[data-state=\"open\"] {\n      --tw-enter-scale: .9;\n    }\n  }\n  .data-\\[state\\=open\\]\\:zoom-in-95 {\n    &[data-state=\"open\"] {\n      --tw-enter-scale: .95;\n    }\n  }\n  .data-\\[state\\=open\\]\\:zoom-in-95 {\n    &[data-state=\"open\"] {\n      --tw-enter-scale: .95;\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:animate-in {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"open\"] {\n        animation: enter var(--tw-duration,.15s)var(--tw-ease,ease);\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:fade-in-0 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"open\"] {\n        --tw-enter-opacity: 0;\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:fade-in-0 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"open\"] {\n        --tw-enter-opacity: 0;\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:zoom-in-95 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"open\"] {\n        --tw-enter-scale: .95;\n      }\n    }\n  }\n  .group-data-\\[viewport\\=false\\]\\/navigation-menu\\:data-\\[state\\=open\\]\\:zoom-in-95 {\n    &:is(:where(.group\\/navigation-menu)[data-viewport=\"false\"] *) {\n      &[data-state=\"open\"] {\n        --tw-enter-scale: .95;\n      }\n    }\n  }\n  .data-\\[state\\=open\\]\\:hover\\:bg-accent {\n    &[data-state=\"open\"] {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--accent);\n        }\n      }\n    }\n  }\n  .data-\\[state\\=open\\]\\:hover\\:bg-sidebar-accent {\n    &[data-state=\"open\"] {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--sidebar-accent);\n        }\n      }\n    }\n  }\n  .data-\\[state\\=open\\]\\:hover\\:text-sidebar-accent-foreground {\n    &[data-state=\"open\"] {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--sidebar-accent-foreground);\n        }\n      }\n    }\n  }\n  .data-\\[state\\=open\\]\\:focus\\:bg-accent {\n    &[data-state=\"open\"] {\n      &:focus {\n        background-color: var(--accent);\n      }\n    }\n  }\n  .data-\\[state\\=selected\\]\\:bg-muted {\n    &[data-state=\"selected\"] {\n      background-color: var(--muted);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:translate-x-0 {\n    &[data-state=\"unchecked\"] {\n      --tw-translate-x: var(--size-0);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .data-\\[state\\=unchecked\\]\\:bg-input {\n    &[data-state=\"unchecked\"] {\n      background-color: var(--input);\n    }\n  }\n  .data-\\[state\\=visible\\]\\:animate-in {\n    &[data-state=\"visible\"] {\n      animation: enter var(--tw-duration,.15s)var(--tw-ease,ease);\n    }\n  }\n  .data-\\[state\\=visible\\]\\:fade-in {\n    &[data-state=\"visible\"] {\n      --tw-enter-opacity: 0;\n    }\n  }\n  .data-\\[state\\=visible\\]\\:fade-in {\n    &[data-state=\"visible\"] {\n      --tw-enter-opacity: 0;\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:text-destructive {\n    &[data-variant=\"destructive\"] {\n      color: var(--destructive);\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/10 {\n    &[data-variant=\"destructive\"] {\n      &:focus {\n        background-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n        }\n      }\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:focus\\:text-destructive {\n    &[data-variant=\"destructive\"] {\n      &:focus {\n        color: var(--destructive);\n      }\n    }\n  }\n  .data-\\[variant\\=outline\\]\\:border-l-0 {\n    &[data-variant=\"outline\"] {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 0px;\n    }\n  }\n  .data-\\[variant\\=outline\\]\\:shadow-xs {\n    &[data-variant=\"outline\"] {\n      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    }\n  }\n  .data-\\[variant\\=outline\\]\\:first\\:border-l {\n    &[data-variant=\"outline\"] {\n      &:first-child {\n        border-left-style: var(--tw-border-style);\n        border-left-width: 1px;\n      }\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:inset-x-0 {\n    &[data-vaul-drawer-direction=\"bottom\"] {\n      inset-inline: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:bottom-0 {\n    &[data-vaul-drawer-direction=\"bottom\"] {\n      bottom: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:mt-24 {\n    &[data-vaul-drawer-direction=\"bottom\"] {\n      margin-top: var(--size-24);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:max-h-\\[80vh\\] {\n    &[data-vaul-drawer-direction=\"bottom\"] {\n      max-height: 80vh;\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:rounded-t-lg {\n    &[data-vaul-drawer-direction=\"bottom\"] {\n      border-top-left-radius: var(--radius);\n      border-top-right-radius: var(--radius);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=bottom\\]\\:border-t {\n    &[data-vaul-drawer-direction=\"bottom\"] {\n      border-top-style: var(--tw-border-style);\n      border-top-width: 1px;\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=left\\]\\:inset-y-0 {\n    &[data-vaul-drawer-direction=\"left\"] {\n      inset-block: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=left\\]\\:left-0 {\n    &[data-vaul-drawer-direction=\"left\"] {\n      left: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=left\\]\\:w-3\\/4 {\n    &[data-vaul-drawer-direction=\"left\"] {\n      width: calc(3/4 * 100%);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=left\\]\\:border-r {\n    &[data-vaul-drawer-direction=\"left\"] {\n      border-right-style: var(--tw-border-style);\n      border-right-width: 1px;\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=right\\]\\:inset-y-0 {\n    &[data-vaul-drawer-direction=\"right\"] {\n      inset-block: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=right\\]\\:right-0 {\n    &[data-vaul-drawer-direction=\"right\"] {\n      right: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=right\\]\\:w-3\\/4 {\n    &[data-vaul-drawer-direction=\"right\"] {\n      width: calc(3/4 * 100%);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=right\\]\\:border-l {\n    &[data-vaul-drawer-direction=\"right\"] {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 1px;\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=top\\]\\:inset-x-0 {\n    &[data-vaul-drawer-direction=\"top\"] {\n      inset-inline: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=top\\]\\:top-0 {\n    &[data-vaul-drawer-direction=\"top\"] {\n      top: var(--size-0);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=top\\]\\:mb-24 {\n    &[data-vaul-drawer-direction=\"top\"] {\n      margin-bottom: var(--size-24);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=top\\]\\:max-h-\\[80vh\\] {\n    &[data-vaul-drawer-direction=\"top\"] {\n      max-height: 80vh;\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=top\\]\\:rounded-b-lg {\n    &[data-vaul-drawer-direction=\"top\"] {\n      border-bottom-right-radius: var(--radius);\n      border-bottom-left-radius: var(--radius);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=top\\]\\:border-b {\n    &[data-vaul-drawer-direction=\"top\"] {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .supports-\\[backdrop-filter\\]\\:bg-background\\/30 {\n    @supports (backdrop-filter: var(--tw)) {\n      background-color: var(--background);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--background) 30%, transparent);\n      }\n    }\n  }\n  .sm\\:top-4 {\n    @media (width >= 40rem) {\n      top: var(--size-4);\n    }\n  }\n  .sm\\:right-4 {\n    @media (width >= 40rem) {\n      right: var(--size-4);\n    }\n  }\n  .sm\\:mt-4 {\n    @media (width >= 40rem) {\n      margin-top: var(--size-4);\n    }\n  }\n  .sm\\:mt-12 {\n    @media (width >= 40rem) {\n      margin-top: var(--size-12);\n    }\n  }\n  .sm\\:mt-16 {\n    @media (width >= 40rem) {\n      margin-top: var(--size-16);\n    }\n  }\n  .sm\\:mt-20 {\n    @media (width >= 40rem) {\n      margin-top: var(--size-20);\n    }\n  }\n  .sm\\:mr-2 {\n    @media (width >= 40rem) {\n      margin-right: var(--size-2);\n    }\n  }\n  .sm\\:mb-4 {\n    @media (width >= 40rem) {\n      margin-bottom: var(--size-4);\n    }\n  }\n  .sm\\:mb-6 {\n    @media (width >= 40rem) {\n      margin-bottom: var(--size-6);\n    }\n  }\n  .sm\\:mb-8 {\n    @media (width >= 40rem) {\n      margin-bottom: var(--size-8);\n    }\n  }\n  .sm\\:mb-20 {\n    @media (width >= 40rem) {\n      margin-bottom: var(--size-20);\n    }\n  }\n  .sm\\:ml-2 {\n    @media (width >= 40rem) {\n      margin-left: var(--size-2);\n    }\n  }\n  .sm\\:block {\n    @media (width >= 40rem) {\n      display: block;\n    }\n  }\n  .sm\\:flex {\n    @media (width >= 40rem) {\n      display: flex;\n    }\n  }\n  .sm\\:hidden {\n    @media (width >= 40rem) {\n      display: none;\n    }\n  }\n  .sm\\:inline {\n    @media (width >= 40rem) {\n      display: inline;\n    }\n  }\n  .sm\\:h-5 {\n    @media (width >= 40rem) {\n      height: var(--size-5);\n    }\n  }\n  .sm\\:h-6 {\n    @media (width >= 40rem) {\n      height: var(--size-6);\n    }\n  }\n  .sm\\:h-9 {\n    @media (width >= 40rem) {\n      height: var(--size-9);\n    }\n  }\n  .sm\\:h-10 {\n    @media (width >= 40rem) {\n      height: var(--size-10);\n    }\n  }\n  .sm\\:h-12 {\n    @media (width >= 40rem) {\n      height: var(--size-12);\n    }\n  }\n  .sm\\:h-16 {\n    @media (width >= 40rem) {\n      height: var(--size-16);\n    }\n  }\n  .sm\\:h-20 {\n    @media (width >= 40rem) {\n      height: var(--size-20);\n    }\n  }\n  .sm\\:h-32 {\n    @media (width >= 40rem) {\n      height: var(--size-32);\n    }\n  }\n  .sm\\:h-\\[500px\\] {\n    @media (width >= 40rem) {\n      height: 500px;\n    }\n  }\n  .sm\\:h-\\[600px\\] {\n    @media (width >= 40rem) {\n      height: 600px;\n    }\n  }\n  .sm\\:h-\\[800px\\] {\n    @media (width >= 40rem) {\n      height: 800px;\n    }\n  }\n  .sm\\:min-h-\\[600px\\] {\n    @media (width >= 40rem) {\n      min-height: 600px;\n    }\n  }\n  .sm\\:w-5 {\n    @media (width >= 40rem) {\n      width: var(--size-5);\n    }\n  }\n  .sm\\:w-6 {\n    @media (width >= 40rem) {\n      width: var(--size-6);\n    }\n  }\n  .sm\\:w-9 {\n    @media (width >= 40rem) {\n      width: var(--size-9);\n    }\n  }\n  .sm\\:w-10 {\n    @media (width >= 40rem) {\n      width: var(--size-10);\n    }\n  }\n  .sm\\:w-12 {\n    @media (width >= 40rem) {\n      width: var(--size-12);\n    }\n  }\n  .sm\\:w-16 {\n    @media (width >= 40rem) {\n      width: var(--size-16);\n    }\n  }\n  .sm\\:w-20 {\n    @media (width >= 40rem) {\n      width: var(--size-20);\n    }\n  }\n  .sm\\:w-32 {\n    @media (width >= 40rem) {\n      width: var(--size-32);\n    }\n  }\n  .sm\\:w-\\[500px\\] {\n    @media (width >= 40rem) {\n      width: 500px;\n    }\n  }\n  .sm\\:w-\\[600px\\] {\n    @media (width >= 40rem) {\n      width: 600px;\n    }\n  }\n  .sm\\:w-\\[800px\\] {\n    @media (width >= 40rem) {\n      width: 800px;\n    }\n  }\n  .sm\\:w-\\[calc\\(100\\%-2rem\\)\\] {\n    @media (width >= 40rem) {\n      width: calc(100% - 2rem);\n    }\n  }\n  .sm\\:w-auto {\n    @media (width >= 40rem) {\n      width: auto;\n    }\n  }\n  .sm\\:w-fit {\n    @media (width >= 40rem) {\n      width: fit-content;\n    }\n  }\n  .sm\\:max-w-\\[450px\\] {\n    @media (width >= 40rem) {\n      max-width: 450px;\n    }\n  }\n  .sm\\:max-w-\\[500px\\] {\n    @media (width >= 40rem) {\n      max-width: 500px;\n    }\n  }\n  .sm\\:max-w-\\[600px\\] {\n    @media (width >= 40rem) {\n      max-width: 600px;\n    }\n  }\n  .sm\\:max-w-lg {\n    @media (width >= 40rem) {\n      max-width: var(--container-lg);\n    }\n  }\n  .sm\\:max-w-sm {\n    @media (width >= 40rem) {\n      max-width: var(--container-sm);\n    }\n  }\n  .sm\\:flex-initial {\n    @media (width >= 40rem) {\n      flex: 0 auto;\n    }\n  }\n  .sm\\:flex-none {\n    @media (width >= 40rem) {\n      flex: none;\n    }\n  }\n  .sm\\:grid-cols-2 {\n    @media (width >= 40rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .sm\\:flex-row {\n    @media (width >= 40rem) {\n      flex-direction: row;\n    }\n  }\n  .sm\\:items-center {\n    @media (width >= 40rem) {\n      align-items: center;\n    }\n  }\n  .sm\\:items-start {\n    @media (width >= 40rem) {\n      align-items: flex-start;\n    }\n  }\n  .sm\\:justify-between {\n    @media (width >= 40rem) {\n      justify-content: space-between;\n    }\n  }\n  .sm\\:justify-end {\n    @media (width >= 40rem) {\n      justify-content: flex-end;\n    }\n  }\n  .sm\\:gap-1 {\n    @media (width >= 40rem) {\n      gap: var(--size-1);\n    }\n  }\n  .sm\\:gap-2\\.5 {\n    @media (width >= 40rem) {\n      gap: var(--size-2-5);\n    }\n  }\n  .sm\\:gap-3 {\n    @media (width >= 40rem) {\n      gap: var(--size-3);\n    }\n  }\n  .sm\\:gap-4 {\n    @media (width >= 40rem) {\n      gap: var(--size-4);\n    }\n  }\n  .sm\\:gap-5 {\n    @media (width >= 40rem) {\n      gap: var(--size-5);\n    }\n  }\n  .sm\\:gap-6 {\n    @media (width >= 40rem) {\n      gap: var(--size-6);\n    }\n  }\n  .sm\\:gap-8 {\n    @media (width >= 40rem) {\n      gap: var(--size-8);\n    }\n  }\n  .sm\\:gap-12 {\n    @media (width >= 40rem) {\n      gap: var(--size-12);\n    }\n  }\n  .sm\\:space-y-3 {\n    @media (width >= 40rem) {\n      :where(& > :not(:last-child)) {\n        --tw-space-y-reverse: 0;\n        margin-block-start: calc(var(--size-3) * var(--tw-space-y-reverse));\n        margin-block-end: calc(var(--size-3) * calc(1 - var(--tw-space-y-reverse)));\n      }\n    }\n  }\n  .sm\\:space-y-5 {\n    @media (width >= 40rem) {\n      :where(& > :not(:last-child)) {\n        --tw-space-y-reverse: 0;\n        margin-block-start: calc(var(--size-5) * var(--tw-space-y-reverse));\n        margin-block-end: calc(var(--size-5) * calc(1 - var(--tw-space-y-reverse)));\n      }\n    }\n  }\n  .sm\\:space-y-8 {\n    @media (width >= 40rem) {\n      :where(& > :not(:last-child)) {\n        --tw-space-y-reverse: 0;\n        margin-block-start: calc(var(--size-8) * var(--tw-space-y-reverse));\n        margin-block-end: calc(var(--size-8) * calc(1 - var(--tw-space-y-reverse)));\n      }\n    }\n  }\n  .sm\\:rounded-2xl {\n    @media (width >= 40rem) {\n      border-radius: var(--radius-2xl);\n    }\n  }\n  .sm\\:rounded-3xl {\n    @media (width >= 40rem) {\n      border-radius: var(--radius-3xl);\n    }\n  }\n  .sm\\:rounded-\\[2\\.5rem\\] {\n    @media (width >= 40rem) {\n      border-radius: 2.5rem;\n    }\n  }\n  .sm\\:rounded-xl {\n    @media (width >= 40rem) {\n      border-radius: calc(var(--radius) + 4px);\n    }\n  }\n  .sm\\:p-2 {\n    @media (width >= 40rem) {\n      padding: var(--size-2);\n    }\n  }\n  .sm\\:p-9 {\n    @media (width >= 40rem) {\n      padding: var(--size-9);\n    }\n  }\n  .sm\\:p-10 {\n    @media (width >= 40rem) {\n      padding: var(--size-10);\n    }\n  }\n  .sm\\:p-12 {\n    @media (width >= 40rem) {\n      padding: var(--size-12);\n    }\n  }\n  .sm\\:px-4 {\n    @media (width >= 40rem) {\n      padding-inline: var(--size-4);\n    }\n  }\n  .sm\\:px-5 {\n    @media (width >= 40rem) {\n      padding-inline: var(--size-5);\n    }\n  }\n  .sm\\:px-6 {\n    @media (width >= 40rem) {\n      padding-inline: var(--size-6);\n    }\n  }\n  .sm\\:px-8 {\n    @media (width >= 40rem) {\n      padding-inline: var(--size-8);\n    }\n  }\n  .sm\\:px-10 {\n    @media (width >= 40rem) {\n      padding-inline: var(--size-10);\n    }\n  }\n  .sm\\:px-12 {\n    @media (width >= 40rem) {\n      padding-inline: var(--size-12);\n    }\n  }\n  .sm\\:py-1\\.5 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-1-5);\n    }\n  }\n  .sm\\:py-2\\.5 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-2-5);\n    }\n  }\n  .sm\\:py-3 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-3);\n    }\n  }\n  .sm\\:py-3\\.5 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-3-5);\n    }\n  }\n  .sm\\:py-6 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-6);\n    }\n  }\n  .sm\\:py-8 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-8);\n    }\n  }\n  .sm\\:py-16 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-16);\n    }\n  }\n  .sm\\:py-24 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-24);\n    }\n  }\n  .sm\\:py-32 {\n    @media (width >= 40rem) {\n      padding-block: var(--size-32);\n    }\n  }\n  .sm\\:pt-4 {\n    @media (width >= 40rem) {\n      padding-top: var(--size-4);\n    }\n  }\n  .sm\\:pt-6 {\n    @media (width >= 40rem) {\n      padding-top: var(--size-6);\n    }\n  }\n  .sm\\:pt-8 {\n    @media (width >= 40rem) {\n      padding-top: var(--size-8);\n    }\n  }\n  .sm\\:pr-2\\.5 {\n    @media (width >= 40rem) {\n      padding-right: var(--size-2-5);\n    }\n  }\n  .sm\\:pr-6 {\n    @media (width >= 40rem) {\n      padding-right: var(--size-6);\n    }\n  }\n  .sm\\:pb-6 {\n    @media (width >= 40rem) {\n      padding-bottom: var(--size-6);\n    }\n  }\n  .sm\\:pb-24 {\n    @media (width >= 40rem) {\n      padding-bottom: var(--size-24);\n    }\n  }\n  .sm\\:pl-2\\.5 {\n    @media (width >= 40rem) {\n      padding-left: var(--size-2-5);\n    }\n  }\n  .sm\\:text-left {\n    @media (width >= 40rem) {\n      text-align: left;\n    }\n  }\n  .sm\\:text-2xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-2xl);\n      line-height: var(--tw-leading, var(--text-2xl--line-height));\n    }\n  }\n  .sm\\:text-3xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-3xl);\n      line-height: var(--tw-leading, var(--text-3xl--line-height));\n    }\n  }\n  .sm\\:text-4xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-4xl);\n      line-height: var(--tw-leading, var(--text-4xl--line-height));\n    }\n  }\n  .sm\\:text-5xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-5xl);\n      line-height: var(--tw-leading, var(--text-5xl--line-height));\n    }\n  }\n  .sm\\:text-6xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-6xl);\n      line-height: var(--tw-leading, var(--text-6xl--line-height));\n    }\n  }\n  .sm\\:text-7xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-7xl);\n      line-height: var(--tw-leading, var(--text-7xl--line-height));\n    }\n  }\n  .sm\\:text-base {\n    @media (width >= 40rem) {\n      font-size: var(--text-base);\n      line-height: var(--tw-leading, var(--text-base--line-height));\n    }\n  }\n  .sm\\:text-lg {\n    @media (width >= 40rem) {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n  .sm\\:text-sm {\n    @media (width >= 40rem) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .sm\\:text-xl {\n    @media (width >= 40rem) {\n      font-size: var(--text-xl);\n      line-height: var(--tw-leading, var(--text-xl--line-height));\n    }\n  }\n  .sm\\:text-xs {\n    @media (width >= 40rem) {\n      font-size: var(--text-xs);\n      line-height: var(--tw-leading, var(--text-xs--line-height));\n    }\n  }\n  .sm\\:text-\\[15px\\] {\n    @media (width >= 40rem) {\n      font-size: 15px;\n    }\n  }\n  .sm\\:tracking-wider {\n    @media (width >= 40rem) {\n      --tw-tracking: var(--tracking-wider);\n      letter-spacing: var(--tracking-wider);\n    }\n  }\n  .sm\\:blur-\\[130px\\] {\n    @media (width >= 40rem) {\n      --tw-blur: blur(130px);\n      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,);\n    }\n  }\n  .sm\\:blur-\\[150px\\] {\n    @media (width >= 40rem) {\n      --tw-blur: blur(150px);\n      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,);\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=left\\]\\:sm\\:max-w-sm {\n    &[data-vaul-drawer-direction=\"left\"] {\n      @media (width >= 40rem) {\n        max-width: var(--container-sm);\n      }\n    }\n  }\n  .data-\\[vaul-drawer-direction\\=right\\]\\:sm\\:max-w-sm {\n    &[data-vaul-drawer-direction=\"right\"] {\n      @media (width >= 40rem) {\n        max-width: var(--container-sm);\n      }\n    }\n  }\n  .md\\:absolute {\n    @media (width >= 48rem) {\n      position: absolute;\n    }\n  }\n  .md\\:order-1 {\n    @media (width >= 48rem) {\n      order: 1;\n    }\n  }\n  .md\\:order-2 {\n    @media (width >= 48rem) {\n      order: 2;\n    }\n  }\n  .md\\:order-3 {\n    @media (width >= 48rem) {\n      order: 3;\n    }\n  }\n  .md\\:col-span-1 {\n    @media (width >= 48rem) {\n      grid-column: span 1 / span 1;\n    }\n  }\n  .md\\:col-span-2 {\n    @media (width >= 48rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .md\\:col-span-4 {\n    @media (width >= 48rem) {\n      grid-column: span 4 / span 4;\n    }\n  }\n  .md\\:-mt-0 {\n    @media (width >= 48rem) {\n      margin-top: calc(var(--size-0) * -1);\n    }\n  }\n  .md\\:mt-0 {\n    @media (width >= 48rem) {\n      margin-top: var(--size-0);\n    }\n  }\n  .md\\:mt-8 {\n    @media (width >= 48rem) {\n      margin-top: var(--size-8);\n    }\n  }\n  .md\\:mb-0 {\n    @media (width >= 48rem) {\n      margin-bottom: var(--size-0);\n    }\n  }\n  .md\\:mb-8 {\n    @media (width >= 48rem) {\n      margin-bottom: var(--size-8);\n    }\n  }\n  .md\\:mb-12 {\n    @media (width >= 48rem) {\n      margin-bottom: var(--size-12);\n    }\n  }\n  .md\\:block {\n    @media (width >= 48rem) {\n      display: block;\n    }\n  }\n  .md\\:flex {\n    @media (width >= 48rem) {\n      display: flex;\n    }\n  }\n  .md\\:grid {\n    @media (width >= 48rem) {\n      display: grid;\n    }\n  }\n  .md\\:hidden {\n    @media (width >= 48rem) {\n      display: none;\n    }\n  }\n  .md\\:h-16 {\n    @media (width >= 48rem) {\n      height: var(--size-16);\n    }\n  }\n  .md\\:h-20 {\n    @media (width >= 48rem) {\n      height: var(--size-20);\n    }\n  }\n  .md\\:h-24 {\n    @media (width >= 48rem) {\n      height: var(--size-24);\n    }\n  }\n  .md\\:h-40 {\n    @media (width >= 48rem) {\n      height: var(--size-40);\n    }\n  }\n  .md\\:w-16 {\n    @media (width >= 48rem) {\n      width: var(--size-16);\n    }\n  }\n  .md\\:w-20 {\n    @media (width >= 48rem) {\n      width: var(--size-20);\n    }\n  }\n  .md\\:w-24 {\n    @media (width >= 48rem) {\n      width: var(--size-24);\n    }\n  }\n  .md\\:w-40 {\n    @media (width >= 48rem) {\n      width: var(--size-40);\n    }\n  }\n  .md\\:w-96 {\n    @media (width >= 48rem) {\n      width: var(--size-96);\n    }\n  }\n  .md\\:w-\\[var\\(--radix-navigation-menu-viewport-width\\)\\] {\n    @media (width >= 48rem) {\n      width: var(--radix-navigation-menu-viewport-width);\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n  .md\\:grid-cols-2 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-3 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-4 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .md\\:grid-cols-12 {\n    @media (width >= 48rem) {\n      grid-template-columns: repeat(12, minmax(0, 1fr));\n    }\n  }\n  .md\\:flex-row {\n    @media (width >= 48rem) {\n      flex-direction: row;\n    }\n  }\n  .md\\:items-center {\n    @media (width >= 48rem) {\n      align-items: center;\n    }\n  }\n  .md\\:justify-between {\n    @media (width >= 48rem) {\n      justify-content: space-between;\n    }\n  }\n  .md\\:justify-end {\n    @media (width >= 48rem) {\n      justify-content: flex-end;\n    }\n  }\n  .md\\:gap-6 {\n    @media (width >= 48rem) {\n      gap: var(--size-6);\n    }\n  }\n  .md\\:gap-8 {\n    @media (width >= 48rem) {\n      gap: var(--size-8);\n    }\n  }\n  .md\\:gap-12 {\n    @media (width >= 48rem) {\n      gap: var(--size-12);\n    }\n  }\n  .md\\:border-l-0 {\n    @media (width >= 48rem) {\n      border-left-style: var(--tw-border-style);\n      border-left-width: 0px;\n    }\n  }\n  .md\\:bg-muted {\n    @media (width >= 48rem) {\n      background-color: var(--muted);\n    }\n  }\n  .md\\:bg-transparent {\n    @media (width >= 48rem) {\n      background-color: transparent;\n    }\n  }\n  .md\\:p-0 {\n    @media (width >= 48rem) {\n      padding: var(--size-0);\n    }\n  }\n  .md\\:p-8 {\n    @media (width >= 48rem) {\n      padding: var(--size-8);\n    }\n  }\n  .md\\:p-10 {\n    @media (width >= 48rem) {\n      padding: var(--size-10);\n    }\n  }\n  .md\\:px-6 {\n    @media (width >= 48rem) {\n      padding-inline: var(--size-6);\n    }\n  }\n  .md\\:py-5 {\n    @media (width >= 48rem) {\n      padding-block: var(--size-5);\n    }\n  }\n  .md\\:py-7 {\n    @media (width >= 48rem) {\n      padding-block: var(--size-7);\n    }\n  }\n  .md\\:py-16 {\n    @media (width >= 48rem) {\n      padding-block: var(--size-16);\n    }\n  }\n  .md\\:pb-0 {\n    @media (width >= 48rem) {\n      padding-bottom: var(--size-0);\n    }\n  }\n  .md\\:pl-0 {\n    @media (width >= 48rem) {\n      padding-left: var(--size-0);\n    }\n  }\n  .md\\:text-2xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-2xl);\n      line-height: var(--tw-leading, var(--text-2xl--line-height));\n    }\n  }\n  .md\\:text-3xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-3xl);\n      line-height: var(--tw-leading, var(--text-3xl--line-height));\n    }\n  }\n  .md\\:text-5xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-5xl);\n      line-height: var(--tw-leading, var(--text-5xl--line-height));\n    }\n  }\n  .md\\:text-6xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-6xl);\n      line-height: var(--tw-leading, var(--text-6xl--line-height));\n    }\n  }\n  .md\\:text-7xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-7xl);\n      line-height: var(--tw-leading, var(--text-7xl--line-height));\n    }\n  }\n  .md\\:text-8xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-8xl);\n      line-height: var(--tw-leading, var(--text-8xl--line-height));\n    }\n  }\n  .md\\:text-lg {\n    @media (width >= 48rem) {\n      font-size: var(--text-lg);\n      line-height: var(--tw-leading, var(--text-lg--line-height));\n    }\n  }\n  .md\\:text-sm {\n    @media (width >= 48rem) {\n      font-size: var(--text-sm);\n      line-height: var(--tw-leading, var(--text-sm--line-height));\n    }\n  }\n  .md\\:text-xl {\n    @media (width >= 48rem) {\n      font-size: var(--text-xl);\n      line-height: var(--tw-leading, var(--text-xl--line-height));\n    }\n  }\n  .md\\:opacity-0 {\n    @media (width >= 48rem) {\n      opacity: 0%;\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:m-2 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin: var(--size-2);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:ml-0 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        margin-left: var(--size-0);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:rounded-xl {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        border-radius: calc(var(--radius) + 4px);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:shadow-sm {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        --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));\n        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n      }\n    }\n  }\n  .md\\:peer-data-\\[variant\\=inset\\]\\:peer-data-\\[state\\=collapsed\\]\\:ml-2 {\n    @media (width >= 48rem) {\n      &:is(:where(.peer)[data-variant=\"inset\"] ~ *) {\n        &:is(:where(.peer)[data-state=\"collapsed\"] ~ *) {\n          margin-left: var(--size-2);\n        }\n      }\n    }\n  }\n  .md\\:after\\:hidden {\n    @media (width >= 48rem) {\n      &::after {\n        content: var(--tw-content);\n        display: none;\n      }\n    }\n  }\n  .lg\\:col-span-1 {\n    @media (width >= 64rem) {\n      grid-column: span 1 / span 1;\n    }\n  }\n  .lg\\:col-span-2 {\n    @media (width >= 64rem) {\n      grid-column: span 2 / span 2;\n    }\n  }\n  .lg\\:h-48 {\n    @media (width >= 64rem) {\n      height: var(--size-48);\n    }\n  }\n  .lg\\:w-48 {\n    @media (width >= 64rem) {\n      width: var(--size-48);\n    }\n  }\n  .lg\\:grid-cols-2 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-3 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-4 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n  }\n  .lg\\:grid-cols-5 {\n    @media (width >= 64rem) {\n      grid-template-columns: repeat(5, minmax(0, 1fr));\n    }\n  }\n  .lg\\:flex-row {\n    @media (width >= 64rem) {\n      flex-direction: row;\n    }\n  }\n  .lg\\:items-start {\n    @media (width >= 64rem) {\n      align-items: flex-start;\n    }\n  }\n  .lg\\:justify-between {\n    @media (width >= 64rem) {\n      justify-content: space-between;\n    }\n  }\n  .lg\\:text-3xl {\n    @media (width >= 64rem) {\n      font-size: var(--text-3xl);\n      line-height: var(--tw-leading, var(--text-3xl--line-height));\n    }\n  }\n  .lg\\:text-9xl {\n    @media (width >= 64rem) {\n      font-size: var(--text-9xl);\n      line-height: var(--tw-leading, var(--text-9xl--line-height));\n    }\n  }\n  .xl\\:w-96 {\n    @media (width >= 80rem) {\n      width: var(--size-96);\n    }\n  }\n  .xl\\:w-auto {\n    @media (width >= 80rem) {\n      width: auto;\n    }\n  }\n  .xl\\:flex-row {\n    @media (width >= 80rem) {\n      flex-direction: row;\n    }\n  }\n  .xl\\:justify-end {\n    @media (width >= 80rem) {\n      justify-content: flex-end;\n    }\n  }\n  .dark\\:border-input {\n    &:is(.dark *) {\n      border-color: var(--input);\n    }\n  }\n  .dark\\:bg-destructive\\/60 {\n    &:is(.dark *) {\n      background-color: var(--destructive);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);\n      }\n    }\n  }\n  .dark\\:bg-input\\/30 {\n    &:is(.dark *) {\n      background-color: var(--input);\n      @supports (color: color-mix(in lab, red, red)) {\n        background-color: color-mix(in oklab, var(--input) 30%, transparent);\n      }\n    }\n  }\n  .dark\\:text-muted-foreground {\n    &:is(.dark *) {\n      color: var(--muted-foreground);\n    }\n  }\n  .dark\\:hover\\:bg-accent\\/50 {\n    &:is(.dark *) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--accent);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--accent) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:hover\\:bg-input\\/50 {\n    &:is(.dark *) {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--input);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--input) 50%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:focus-visible\\:ring-destructive\\/40 {\n    &:is(.dark *) {\n      &:focus-visible {\n        --tw-ring-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:aria-invalid\\:ring-destructive\\/40 {\n    &:is(.dark *) {\n      &[aria-invalid=\"true\"] {\n        --tw-ring-color: var(--destructive);\n        @supports (color: color-mix(in lab, red, red)) {\n          --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[active\\=true\\]\\:aria-invalid\\:ring-destructive\\/40 {\n    &:is(.dark *) {\n      &[data-active=\"true\"] {\n        &[aria-invalid=\"true\"] {\n          --tw-ring-color: var(--destructive);\n          @supports (color: color-mix(in lab, red, red)) {\n            --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:border-input {\n    &:is(.dark *) {\n      &[data-state=\"active\"] {\n        border-color: var(--input);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:bg-input\\/30 {\n    &:is(.dark *) {\n      &[data-state=\"active\"] {\n        background-color: var(--input);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--input) 30%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=active\\]\\:text-foreground {\n    &:is(.dark *) {\n      &[data-state=\"active\"] {\n        color: var(--foreground);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-primary {\n    &:is(.dark *) {\n      &[data-state=\"checked\"] {\n        background-color: var(--primary);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=checked\\]\\:bg-primary-foreground {\n    &:is(.dark *) {\n      &[data-state=\"checked\"] {\n        background-color: var(--primary-foreground);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=unchecked\\]\\:bg-foreground {\n    &:is(.dark *) {\n      &[data-state=\"unchecked\"] {\n        background-color: var(--foreground);\n      }\n    }\n  }\n  .dark\\:data-\\[state\\=unchecked\\]\\:bg-input\\/80 {\n    &:is(.dark *) {\n      &[data-state=\"unchecked\"] {\n        background-color: var(--input);\n        @supports (color: color-mix(in lab, red, red)) {\n          background-color: color-mix(in oklab, var(--input) 80%, transparent);\n        }\n      }\n    }\n  }\n  .dark\\:data-\\[variant\\=destructive\\]\\:focus\\:bg-destructive\\/20 {\n    &:is(.dark *) {\n      &[data-variant=\"destructive\"] {\n        &:focus {\n          background-color: var(--destructive);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[\\&_\\.recharts-cartesian-axis-tick_text\\]\\:fill-muted-foreground {\n    & .recharts-cartesian-axis-tick text {\n      fill: var(--muted-foreground);\n    }\n  }\n  .\\[\\&_\\.recharts-cartesian-grid_line\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border\\/50 {\n    & .recharts-cartesian-grid line[stroke='#ccc'] {\n      stroke: var(--border);\n      @supports (color: color-mix(in lab, red, red)) {\n        stroke: color-mix(in oklab, var(--border) 50%, transparent);\n      }\n    }\n  }\n  .\\[\\&_\\.recharts-curve\\.recharts-tooltip-cursor\\]\\:stroke-border {\n    & .recharts-curve.recharts-tooltip-cursor {\n      stroke: var(--border);\n    }\n  }\n  .\\[\\&_\\.recharts-dot\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent {\n    & .recharts-dot[stroke='#fff'] {\n      stroke: transparent;\n    }\n  }\n  .\\[\\&_\\.recharts-layer\\]\\:outline-hidden {\n    & .recharts-layer {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\.recharts-polar-grid_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border {\n    & .recharts-polar-grid [stroke='#ccc'] {\n      stroke: var(--border);\n    }\n  }\n  .\\[\\&_\\.recharts-radial-bar-background-sector\\]\\:fill-muted {\n    & .recharts-radial-bar-background-sector {\n      fill: var(--muted);\n    }\n  }\n  .\\[\\&_\\.recharts-rectangle\\.recharts-tooltip-cursor\\]\\:fill-muted {\n    & .recharts-rectangle.recharts-tooltip-cursor {\n      fill: var(--muted);\n    }\n  }\n  .\\[\\&_\\.recharts-reference-line_\\[stroke\\=\\'\\#ccc\\'\\]\\]\\:stroke-border {\n    & .recharts-reference-line [stroke='#ccc'] {\n      stroke: var(--border);\n    }\n  }\n  .\\[\\&_\\.recharts-sector\\]\\:outline-hidden {\n    & .recharts-sector {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\.recharts-sector\\[stroke\\=\\'\\#fff\\'\\]\\]\\:stroke-transparent {\n    & .recharts-sector[stroke='#fff'] {\n      stroke: transparent;\n    }\n  }\n  .\\[\\&_\\.recharts-surface\\]\\:outline-hidden {\n    & .recharts-surface {\n      --tw-outline-style: none;\n      outline-style: none;\n      @media (forced-colors: active) {\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:px-2 {\n    & [cmdk-group-heading] {\n      padding-inline: var(--size-2);\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:py-1\\.5 {\n    & [cmdk-group-heading] {\n      padding-block: var(--size-1-5);\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-xs {\n    & [cmdk-group-heading] {\n      font-size: var(--text-xs);\n      line-height: var(--tw-leading, var(--text-xs--line-height));\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:font-medium {\n    & [cmdk-group-heading] {\n      --tw-font-weight: var(--font-weight-medium);\n      font-weight: var(--font-weight-medium);\n    }\n  }\n  .\\[\\&_\\[cmdk-group-heading\\]\\]\\:text-muted-foreground {\n    & [cmdk-group-heading] {\n      color: var(--muted-foreground);\n    }\n  }\n  .\\[\\&_\\[cmdk-group\\]\\]\\:px-2 {\n    & [cmdk-group] {\n      padding-inline: var(--size-2);\n    }\n  }\n  .\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:pt-0 {\n    & [cmdk-group]:not([hidden]) ~[cmdk-group] {\n      padding-top: var(--size-0);\n    }\n  }\n  .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:h-5 {\n    & [cmdk-input-wrapper] svg {\n      height: var(--size-5);\n    }\n  }\n  .\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:w-5 {\n    & [cmdk-input-wrapper] svg {\n      width: var(--size-5);\n    }\n  }\n  .\\[\\&_\\[cmdk-input\\]\\]\\:h-12 {\n    & [cmdk-input] {\n      height: var(--size-12);\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]\\]\\:px-2 {\n    & [cmdk-item] {\n      padding-inline: var(--size-2);\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]\\]\\:py-3 {\n    & [cmdk-item] {\n      padding-block: var(--size-3);\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]_svg\\]\\:h-5 {\n    & [cmdk-item] svg {\n      height: var(--size-5);\n    }\n  }\n  .\\[\\&_\\[cmdk-item\\]_svg\\]\\:w-5 {\n    & [cmdk-item] svg {\n      width: var(--size-5);\n    }\n  }\n  .\\[\\&_p\\]\\:leading-relaxed {\n    & p {\n      --tw-leading: var(--leading-relaxed);\n      line-height: var(--leading-relaxed);\n    }\n  }\n  .\\[\\&_svg\\]\\:pointer-events-none {\n    & svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&_svg\\]\\:shrink-0 {\n    & svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 {\n    & svg:not([class*='size-']) {\n      width: var(--size-4);\n      height: var(--size-4);\n    }\n  }\n  .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'text-\\'\\]\\)\\]\\:text-muted-foreground {\n    & svg:not([class*='text-']) {\n      color: var(--muted-foreground);\n    }\n  }\n  .\\[\\&_tr\\]\\:border-b {\n    & tr {\n      border-bottom-style: var(--tw-border-style);\n      border-bottom-width: 1px;\n    }\n  }\n  .\\[\\&_tr\\:last-child\\]\\:border-0 {\n    & tr:last-child {\n      border-style: var(--tw-border-style);\n      border-width: 0px;\n    }\n  }\n  .\\[\\&\\:has\\(\\>\\.day-range-end\\)\\]\\:rounded-r-md {\n    &:has(>.day-range-end) {\n      border-top-right-radius: calc(var(--radius) - 2px);\n      border-bottom-right-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .\\[\\&\\:has\\(\\>\\.day-range-start\\)\\]\\:rounded-l-md {\n    &:has(>.day-range-start) {\n      border-top-left-radius: calc(var(--radius) - 2px);\n      border-bottom-left-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-md {\n    &:has([aria-selected]) {\n      border-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:bg-accent {\n    &:has([aria-selected]) {\n      background-color: var(--accent);\n    }\n  }\n  .first\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-l-md {\n    &:first-child {\n      &:has([aria-selected]) {\n        border-top-left-radius: calc(var(--radius) - 2px);\n        border-bottom-left-radius: calc(var(--radius) - 2px);\n      }\n    }\n  }\n  .last\\:\\[\\&\\:has\\(\\[aria-selected\\]\\)\\]\\:rounded-r-md {\n    &:last-child {\n      &:has([aria-selected]) {\n        border-top-right-radius: calc(var(--radius) - 2px);\n        border-bottom-right-radius: calc(var(--radius) - 2px);\n      }\n    }\n  }\n  .\\[\\&\\:has\\(\\[aria-selected\\]\\.day-range-end\\)\\]\\:rounded-r-md {\n    &:has([aria-selected].day-range-end) {\n      border-top-right-radius: calc(var(--radius) - 2px);\n      border-bottom-right-radius: calc(var(--radius) - 2px);\n    }\n  }\n  .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0 {\n    &:has([role=checkbox]) {\n      padding-right: var(--size-0);\n    }\n  }\n  .\\[\\.border-b\\]\\:pb-6 {\n    &:is(.border-b) {\n      padding-bottom: var(--size-6);\n    }\n  }\n  .\\[\\.border-t\\]\\:pt-6 {\n    &:is(.border-t) {\n      padding-top: var(--size-6);\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:flex {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          display: flex;\n        }\n      }\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:items-center {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          align-items: center;\n        }\n      }\n    }\n  }\n  .\\*\\:\\[span\\]\\:last\\:gap-2 {\n    :is(& > *) {\n      &:is(span) {\n        &:last-child {\n          gap: var(--size-2);\n        }\n      }\n    }\n  }\n  .data-\\[variant\\=destructive\\]\\:\\*\\:\\[svg\\]\\:\\!text-destructive {\n    &[data-variant=\"destructive\"] {\n      :is(& > *) {\n        &:is(svg) {\n          color: var(--destructive) !important;\n        }\n      }\n    }\n  }\n  .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] {\n    &>[role=checkbox] {\n      --tw-translate-y: 2px;\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .\\[\\&\\>button\\]\\:hidden {\n    &>button {\n      display: none;\n    }\n  }\n  .\\[\\&\\>span\\:last-child\\]\\:truncate {\n    &>span:last-child {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:pointer-events-none {\n    &>svg {\n      pointer-events: none;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-3 {\n    &>svg {\n      width: var(--size-3);\n      height: var(--size-3);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-3\\.5 {\n    &>svg {\n      width: var(--size-3-5);\n      height: var(--size-3-5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:size-4 {\n    &>svg {\n      width: var(--size-4);\n      height: var(--size-4);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:h-2\\.5 {\n    &>svg {\n      height: var(--size-2-5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:h-3 {\n    &>svg {\n      height: var(--size-3);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:w-2\\.5 {\n    &>svg {\n      width: var(--size-2-5);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:w-3 {\n    &>svg {\n      width: var(--size-3);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:shrink-0 {\n    &>svg {\n      flex-shrink: 0;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:translate-y-0\\.5 {\n    &>svg {\n      --tw-translate-y: var(--size-0-5);\n      translate: var(--tw-translate-x) var(--tw-translate-y);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:text-current {\n    &>svg {\n      color: currentcolor;\n    }\n  }\n  .\\[\\&\\>svg\\]\\:text-muted-foreground {\n    &>svg {\n      color: var(--muted-foreground);\n    }\n  }\n  .\\[\\&\\>svg\\]\\:text-sidebar-accent-foreground {\n    &>svg {\n      color: var(--sidebar-accent-foreground);\n    }\n  }\n  .\\[\\&\\>tr\\]\\:last\\:border-b-0 {\n    &>tr {\n      &:last-child {\n        border-bottom-style: var(--tw-border-style);\n        border-bottom-width: 0px;\n      }\n    }\n  }\n  .\\[\\&\\[data-panel-group-direction\\=vertical\\]\\>div\\]\\:rotate-90 {\n    &[data-panel-group-direction=vertical]>div {\n      rotate: 90deg;\n    }\n  }\n  .\\[\\&\\[data-state\\=open\\]\\>svg\\]\\:rotate-180 {\n    &[data-state=open]>svg {\n      rotate: 180deg;\n    }\n  }\n  .\\[\\[data-side\\=left\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-right-2 {\n    [data-side=left][data-collapsible=offcanvas] & {\n      right: calc(var(--size-2) * -1);\n    }\n  }\n  .\\[\\[data-side\\=left\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-e-resize {\n    [data-side=left][data-state=collapsed] & {\n      cursor: e-resize;\n    }\n  }\n  .\\[\\[data-side\\=right\\]\\[data-collapsible\\=offcanvas\\]_\\&\\]\\:-left-2 {\n    [data-side=right][data-collapsible=offcanvas] & {\n      left: calc(var(--size-2) * -1);\n    }\n  }\n  .\\[\\[data-side\\=right\\]\\[data-state\\=collapsed\\]_\\&\\]\\:cursor-w-resize {\n    [data-side=right][data-state=collapsed] & {\n      cursor: w-resize;\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-accent {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--accent);\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-destructive\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--destructive);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-primary\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--primary);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:bg-secondary\\/90 {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          background-color: var(--secondary);\n          @supports (color: color-mix(in lab, red, red)) {\n            background-color: color-mix(in oklab, var(--secondary) 90%, transparent);\n          }\n        }\n      }\n    }\n  }\n  .\\[a\\&\\]\\:hover\\:text-accent-foreground {\n    a& {\n      &:hover {\n        @media (hover: hover) {\n          color: var(--accent-foreground);\n        }\n      }\n    }\n  }\n}\n@layer theme, base, components, utilities;\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-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 {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities;\n@layer base {\n  .dark, .dark-theme {\n    --sage-1: #101211;\n    --sage-2: #171918;\n    --sage-3: #202221;\n    --sage-4: #272a29;\n    --sage-5: #2e3130;\n    --sage-6: #373b39;\n    --sage-7: #444947;\n    --sage-8: #5b625f;\n    --sage-9: #63706b;\n    --sage-10: #717d79;\n    --sage-11: #adb5b2;\n    --sage-12: #eceeed;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --sage-1: color(display-p3 0.064 0.07 0.067);\n        --sage-2: color(display-p3 0.092 0.098 0.094);\n        --sage-3: color(display-p3 0.128 0.135 0.131);\n        --sage-4: color(display-p3 0.155 0.164 0.159);\n        --sage-5: color(display-p3 0.183 0.193 0.188);\n        --sage-6: color(display-p3 0.218 0.23 0.224);\n        --sage-7: color(display-p3 0.269 0.285 0.277);\n        --sage-8: color(display-p3 0.362 0.382 0.373);\n        --sage-9: color(display-p3 0.398 0.438 0.421);\n        --sage-10: color(display-p3 0.453 0.49 0.474);\n        --sage-11: color(display-p3 0.685 0.709 0.697);\n        --sage-12: color(display-p3 0.927 0.933 0.93);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --olive-1: #fcfdfc;\n    --olive-2: #f8faf8;\n    --olive-3: #eff1ef;\n    --olive-4: #e7e9e7;\n    --olive-5: #dfe2df;\n    --olive-6: #d7dad7;\n    --olive-7: #cccfcc;\n    --olive-8: #b9bcb8;\n    --olive-9: #898e87;\n    --olive-10: #7f847d;\n    --olive-11: #60655f;\n    --olive-12: #1d211c;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --olive-1: color(display-p3 0.989 0.992 0.989);\n        --olive-2: color(display-p3 0.974 0.98 0.973);\n        --olive-3: color(display-p3 0.939 0.945 0.937);\n        --olive-4: color(display-p3 0.907 0.914 0.905);\n        --olive-5: color(display-p3 0.878 0.885 0.875);\n        --olive-6: color(display-p3 0.846 0.855 0.843);\n        --olive-7: color(display-p3 0.803 0.812 0.8);\n        --olive-8: color(display-p3 0.727 0.738 0.723);\n        --olive-9: color(display-p3 0.541 0.556 0.532);\n        --olive-10: color(display-p3 0.5 0.515 0.491);\n        --olive-11: color(display-p3 0.38 0.395 0.374);\n        --olive-12: color(display-p3 0.117 0.129 0.111);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --olive-1: #111210;\n    --olive-2: #181917;\n    --olive-3: #212220;\n    --olive-4: #282a27;\n    --olive-5: #2f312e;\n    --olive-6: #383a36;\n    --olive-7: #454843;\n    --olive-8: #5c625b;\n    --olive-9: #687066;\n    --olive-10: #767d74;\n    --olive-11: #afb5ad;\n    --olive-12: #eceeec;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --olive-1: color(display-p3 0.067 0.07 0.063);\n        --olive-2: color(display-p3 0.095 0.098 0.091);\n        --olive-3: color(display-p3 0.131 0.135 0.126);\n        --olive-4: color(display-p3 0.158 0.163 0.153);\n        --olive-5: color(display-p3 0.186 0.192 0.18);\n        --olive-6: color(display-p3 0.221 0.229 0.215);\n        --olive-7: color(display-p3 0.273 0.284 0.266);\n        --olive-8: color(display-p3 0.365 0.382 0.359);\n        --olive-9: color(display-p3 0.414 0.438 0.404);\n        --olive-10: color(display-p3 0.467 0.49 0.458);\n        --olive-11: color(display-p3 0.69 0.709 0.682);\n        --olive-12: color(display-p3 0.927 0.933 0.926);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --sand-1: #fdfdfc;\n    --sand-2: #f9f9f8;\n    --sand-3: #f1f0ef;\n    --sand-4: #e9e8e6;\n    --sand-5: #e2e1de;\n    --sand-6: #dad9d6;\n    --sand-7: #cfceca;\n    --sand-8: #bcbbb5;\n    --sand-9: #8d8d86;\n    --sand-10: #82827c;\n    --sand-11: #63635e;\n    --sand-12: #21201c;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --sand-1: color(display-p3 0.992 0.992 0.989);\n        --sand-2: color(display-p3 0.977 0.977 0.973);\n        --sand-3: color(display-p3 0.943 0.942 0.936);\n        --sand-4: color(display-p3 0.913 0.912 0.903);\n        --sand-5: color(display-p3 0.885 0.883 0.873);\n        --sand-6: color(display-p3 0.854 0.852 0.839);\n        --sand-7: color(display-p3 0.813 0.81 0.794);\n        --sand-8: color(display-p3 0.738 0.734 0.713);\n        --sand-9: color(display-p3 0.553 0.553 0.528);\n        --sand-10: color(display-p3 0.511 0.511 0.488);\n        --sand-11: color(display-p3 0.388 0.388 0.37);\n        --sand-12: color(display-p3 0.129 0.126 0.111);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --sand-1: #111110;\n    --sand-2: #191918;\n    --sand-3: #222221;\n    --sand-4: #2a2a28;\n    --sand-5: #31312e;\n    --sand-6: #3b3a37;\n    --sand-7: #494844;\n    --sand-8: #62605b;\n    --sand-9: #6f6d66;\n    --sand-10: #7c7b74;\n    --sand-11: #b5b3ad;\n    --sand-12: #eeeeec;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --sand-1: color(display-p3 0.067 0.067 0.063);\n        --sand-2: color(display-p3 0.098 0.098 0.094);\n        --sand-3: color(display-p3 0.135 0.135 0.129);\n        --sand-4: color(display-p3 0.164 0.163 0.156);\n        --sand-5: color(display-p3 0.193 0.192 0.183);\n        --sand-6: color(display-p3 0.23 0.229 0.217);\n        --sand-7: color(display-p3 0.285 0.282 0.267);\n        --sand-8: color(display-p3 0.384 0.378 0.357);\n        --sand-9: color(display-p3 0.434 0.428 0.403);\n        --sand-10: color(display-p3 0.487 0.481 0.456);\n        --sand-11: color(display-p3 0.707 0.703 0.68);\n        --sand-12: color(display-p3 0.933 0.933 0.926);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --red-1: #fffcfc;\n    --red-2: #fff7f7;\n    --red-3: #feebec;\n    --red-4: #ffdbdc;\n    --red-5: #ffcdce;\n    --red-6: #fdbdbe;\n    --red-7: #f4a9aa;\n    --red-8: #eb8e90;\n    --red-9: #e5484d;\n    --red-10: #dc3e42;\n    --red-11: #ce2c31;\n    --red-12: #641723;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --red-1: color(display-p3 0.998 0.989 0.988);\n        --red-2: color(display-p3 0.995 0.971 0.971);\n        --red-3: color(display-p3 0.985 0.925 0.925);\n        --red-4: color(display-p3 0.999 0.866 0.866);\n        --red-5: color(display-p3 0.984 0.812 0.811);\n        --red-6: color(display-p3 0.955 0.751 0.749);\n        --red-7: color(display-p3 0.915 0.675 0.672);\n        --red-8: color(display-p3 0.872 0.575 0.572);\n        --red-9: color(display-p3 0.83 0.329 0.324);\n        --red-10: color(display-p3 0.798 0.294 0.285);\n        --red-11: color(display-p3 0.744 0.234 0.222);\n        --red-12: color(display-p3 0.36 0.115 0.143);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --red-1: #191111;\n    --red-2: #201314;\n    --red-3: #3b1219;\n    --red-4: #500f1c;\n    --red-5: #611623;\n    --red-6: #72232d;\n    --red-7: #8c333a;\n    --red-8: #b54548;\n    --red-9: #e5484d;\n    --red-10: #ec5d5e;\n    --red-11: #ff9592;\n    --red-12: #ffd1d9;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --red-1: color(display-p3 0.093 0.068 0.067);\n        --red-2: color(display-p3 0.118 0.077 0.079);\n        --red-3: color(display-p3 0.211 0.081 0.099);\n        --red-4: color(display-p3 0.287 0.079 0.113);\n        --red-5: color(display-p3 0.348 0.11 0.142);\n        --red-6: color(display-p3 0.414 0.16 0.183);\n        --red-7: color(display-p3 0.508 0.224 0.236);\n        --red-8: color(display-p3 0.659 0.298 0.297);\n        --red-9: color(display-p3 0.83 0.329 0.324);\n        --red-10: color(display-p3 0.861 0.403 0.387);\n        --red-11: color(display-p3 1 0.57 0.55);\n        --red-12: color(display-p3 0.971 0.826 0.852);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --ruby-1: #fffcfd;\n    --ruby-2: #fff7f8;\n    --ruby-3: #feeaed;\n    --ruby-4: #ffdce1;\n    --ruby-5: #ffced6;\n    --ruby-6: #f8bfc8;\n    --ruby-7: #efacb8;\n    --ruby-8: #e592a3;\n    --ruby-9: #e54666;\n    --ruby-10: #dc3b5d;\n    --ruby-11: #ca244d;\n    --ruby-12: #64172b;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --ruby-1: color(display-p3 0.998 0.989 0.992);\n        --ruby-2: color(display-p3 0.995 0.971 0.974);\n        --ruby-3: color(display-p3 0.983 0.92 0.928);\n        --ruby-4: color(display-p3 0.987 0.869 0.885);\n        --ruby-5: color(display-p3 0.968 0.817 0.839);\n        --ruby-6: color(display-p3 0.937 0.758 0.786);\n        --ruby-7: color(display-p3 0.897 0.685 0.721);\n        --ruby-8: color(display-p3 0.851 0.588 0.639);\n        --ruby-9: color(display-p3 0.83 0.323 0.408);\n        --ruby-10: color(display-p3 0.795 0.286 0.375);\n        --ruby-11: color(display-p3 0.728 0.211 0.311);\n        --ruby-12: color(display-p3 0.36 0.115 0.171);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --ruby-1: #191113;\n    --ruby-2: #1e1517;\n    --ruby-3: #3a141e;\n    --ruby-4: #4e1325;\n    --ruby-5: #5e1a2e;\n    --ruby-6: #6f2539;\n    --ruby-7: #883447;\n    --ruby-8: #b3445a;\n    --ruby-9: #e54666;\n    --ruby-10: #ec5a72;\n    --ruby-11: #ff949d;\n    --ruby-12: #fed2e1;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --ruby-1: color(display-p3 0.093 0.068 0.074);\n        --ruby-2: color(display-p3 0.113 0.083 0.089);\n        --ruby-3: color(display-p3 0.208 0.088 0.117);\n        --ruby-4: color(display-p3 0.279 0.092 0.147);\n        --ruby-5: color(display-p3 0.337 0.12 0.18);\n        --ruby-6: color(display-p3 0.401 0.166 0.223);\n        --ruby-7: color(display-p3 0.495 0.224 0.281);\n        --ruby-8: color(display-p3 0.652 0.295 0.359);\n        --ruby-9: color(display-p3 0.83 0.323 0.408);\n        --ruby-10: color(display-p3 0.857 0.392 0.455);\n        --ruby-11: color(display-p3 1 0.57 0.59);\n        --ruby-12: color(display-p3 0.968 0.83 0.88);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --crimson-1: #fffcfd;\n    --crimson-2: #fef7f9;\n    --crimson-3: #ffe9f0;\n    --crimson-4: #fedce7;\n    --crimson-5: #facedd;\n    --crimson-6: #f3bed1;\n    --crimson-7: #eaacc3;\n    --crimson-8: #e093b2;\n    --crimson-9: #e93d82;\n    --crimson-10: #df3478;\n    --crimson-11: #cb1d63;\n    --crimson-12: #621639;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --crimson-1: color(display-p3 0.998 0.989 0.992);\n        --crimson-2: color(display-p3 0.991 0.969 0.976);\n        --crimson-3: color(display-p3 0.987 0.917 0.941);\n        --crimson-4: color(display-p3 0.975 0.866 0.904);\n        --crimson-5: color(display-p3 0.953 0.813 0.864);\n        --crimson-6: color(display-p3 0.921 0.755 0.817);\n        --crimson-7: color(display-p3 0.88 0.683 0.761);\n        --crimson-8: color(display-p3 0.834 0.592 0.694);\n        --crimson-9: color(display-p3 0.843 0.298 0.507);\n        --crimson-10: color(display-p3 0.807 0.266 0.468);\n        --crimson-11: color(display-p3 0.731 0.195 0.388);\n        --crimson-12: color(display-p3 0.352 0.111 0.221);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --crimson-1: #191114;\n    --crimson-2: #201318;\n    --crimson-3: #381525;\n    --crimson-4: #4d122f;\n    --crimson-5: #5c1839;\n    --crimson-6: #6d2545;\n    --crimson-7: #873356;\n    --crimson-8: #b0436e;\n    --crimson-9: #e93d82;\n    --crimson-10: #ee518a;\n    --crimson-11: #ff92ad;\n    --crimson-12: #fdd3e8;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --crimson-1: color(display-p3 0.093 0.068 0.078);\n        --crimson-2: color(display-p3 0.117 0.078 0.095);\n        --crimson-3: color(display-p3 0.203 0.091 0.143);\n        --crimson-4: color(display-p3 0.277 0.087 0.182);\n        --crimson-5: color(display-p3 0.332 0.115 0.22);\n        --crimson-6: color(display-p3 0.394 0.162 0.268);\n        --crimson-7: color(display-p3 0.489 0.222 0.336);\n        --crimson-8: color(display-p3 0.638 0.289 0.429);\n        --crimson-9: color(display-p3 0.843 0.298 0.507);\n        --crimson-10: color(display-p3 0.864 0.364 0.539);\n        --crimson-11: color(display-p3 1 0.56 0.66);\n        --crimson-12: color(display-p3 0.966 0.834 0.906);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --pink-1: #fffcfe;\n    --pink-2: #fef7fb;\n    --pink-3: #fee9f5;\n    --pink-4: #fbdcef;\n    --pink-5: #f6cee7;\n    --pink-6: #efbfdd;\n    --pink-7: #e7acd0;\n    --pink-8: #dd93c2;\n    --pink-9: #d6409f;\n    --pink-10: #cf3897;\n    --pink-11: #c2298a;\n    --pink-12: #651249;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --pink-1: color(display-p3 0.998 0.989 0.996);\n        --pink-2: color(display-p3 0.992 0.97 0.985);\n        --pink-3: color(display-p3 0.981 0.917 0.96);\n        --pink-4: color(display-p3 0.963 0.867 0.932);\n        --pink-5: color(display-p3 0.939 0.815 0.899);\n        --pink-6: color(display-p3 0.907 0.756 0.859);\n        --pink-7: color(display-p3 0.869 0.683 0.81);\n        --pink-8: color(display-p3 0.825 0.59 0.751);\n        --pink-9: color(display-p3 0.775 0.297 0.61);\n        --pink-10: color(display-p3 0.748 0.27 0.581);\n        --pink-11: color(display-p3 0.698 0.219 0.528);\n        --pink-12: color(display-p3 0.363 0.101 0.279);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --pink-1: #191117;\n    --pink-2: #21121d;\n    --pink-3: #37172f;\n    --pink-4: #4b143d;\n    --pink-5: #591c47;\n    --pink-6: #692955;\n    --pink-7: #833869;\n    --pink-8: #a84885;\n    --pink-9: #d6409f;\n    --pink-10: #de51a8;\n    --pink-11: #ff8dcc;\n    --pink-12: #fdd1ea;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --pink-1: color(display-p3 0.093 0.068 0.089);\n        --pink-2: color(display-p3 0.121 0.073 0.11);\n        --pink-3: color(display-p3 0.198 0.098 0.179);\n        --pink-4: color(display-p3 0.271 0.095 0.231);\n        --pink-5: color(display-p3 0.32 0.127 0.273);\n        --pink-6: color(display-p3 0.382 0.177 0.326);\n        --pink-7: color(display-p3 0.477 0.238 0.405);\n        --pink-8: color(display-p3 0.612 0.304 0.51);\n        --pink-9: color(display-p3 0.775 0.297 0.61);\n        --pink-10: color(display-p3 0.808 0.356 0.645);\n        --pink-11: color(display-p3 1 0.535 0.78);\n        --pink-12: color(display-p3 0.964 0.826 0.912);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --plum-1: #fefcff;\n    --plum-2: #fdf7fd;\n    --plum-3: #fbebfb;\n    --plum-4: #f7def8;\n    --plum-5: #f2d1f3;\n    --plum-6: #e9c2ec;\n    --plum-7: #deade3;\n    --plum-8: #cf91d8;\n    --plum-9: #ab4aba;\n    --plum-10: #a144af;\n    --plum-11: #953ea3;\n    --plum-12: #53195d;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --plum-1: color(display-p3 0.995 0.988 0.999);\n        --plum-2: color(display-p3 0.988 0.971 0.99);\n        --plum-3: color(display-p3 0.973 0.923 0.98);\n        --plum-4: color(display-p3 0.953 0.875 0.966);\n        --plum-5: color(display-p3 0.926 0.825 0.945);\n        --plum-6: color(display-p3 0.89 0.765 0.916);\n        --plum-7: color(display-p3 0.84 0.686 0.877);\n        --plum-8: color(display-p3 0.775 0.58 0.832);\n        --plum-9: color(display-p3 0.624 0.313 0.708);\n        --plum-10: color(display-p3 0.587 0.29 0.667);\n        --plum-11: color(display-p3 0.543 0.263 0.619);\n        --plum-12: color(display-p3 0.299 0.114 0.352);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --plum-1: #181118;\n    --plum-2: #201320;\n    --plum-3: #351a35;\n    --plum-4: #451d47;\n    --plum-5: #512454;\n    --plum-6: #5e3061;\n    --plum-7: #734079;\n    --plum-8: #92549c;\n    --plum-9: #ab4aba;\n    --plum-10: #b658c4;\n    --plum-11: #e796f3;\n    --plum-12: #f4d4f4;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --plum-1: color(display-p3 0.09 0.068 0.092);\n        --plum-2: color(display-p3 0.118 0.077 0.121);\n        --plum-3: color(display-p3 0.192 0.105 0.202);\n        --plum-4: color(display-p3 0.25 0.121 0.271);\n        --plum-5: color(display-p3 0.293 0.152 0.319);\n        --plum-6: color(display-p3 0.343 0.198 0.372);\n        --plum-7: color(display-p3 0.424 0.262 0.461);\n        --plum-8: color(display-p3 0.54 0.341 0.595);\n        --plum-9: color(display-p3 0.624 0.313 0.708);\n        --plum-10: color(display-p3 0.666 0.365 0.748);\n        --plum-11: color(display-p3 0.86 0.602 0.933);\n        --plum-12: color(display-p3 0.936 0.836 0.949);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --purple-1: #fefcfe;\n    --purple-2: #fbf7fe;\n    --purple-3: #f7edfe;\n    --purple-4: #f2e2fc;\n    --purple-5: #ead5f9;\n    --purple-6: #e0c4f4;\n    --purple-7: #d1afec;\n    --purple-8: #be93e4;\n    --purple-9: #8e4ec6;\n    --purple-10: #8347b9;\n    --purple-11: #8145b5;\n    --purple-12: #402060;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --purple-1: color(display-p3 0.995 0.988 0.996);\n        --purple-2: color(display-p3 0.983 0.971 0.993);\n        --purple-3: color(display-p3 0.963 0.931 0.989);\n        --purple-4: color(display-p3 0.937 0.888 0.981);\n        --purple-5: color(display-p3 0.904 0.837 0.966);\n        --purple-6: color(display-p3 0.86 0.774 0.942);\n        --purple-7: color(display-p3 0.799 0.69 0.91);\n        --purple-8: color(display-p3 0.719 0.583 0.874);\n        --purple-9: color(display-p3 0.523 0.318 0.751);\n        --purple-10: color(display-p3 0.483 0.289 0.7);\n        --purple-11: color(display-p3 0.473 0.281 0.687);\n        --purple-12: color(display-p3 0.234 0.132 0.363);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --purple-1: #18111b;\n    --purple-2: #1e1523;\n    --purple-3: #301c3b;\n    --purple-4: #3d224e;\n    --purple-5: #48295c;\n    --purple-6: #54346b;\n    --purple-7: #664282;\n    --purple-8: #8457aa;\n    --purple-9: #8e4ec6;\n    --purple-10: #9a5cd0;\n    --purple-11: #d19dff;\n    --purple-12: #ecd9fa;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --purple-1: color(display-p3 0.09 0.068 0.103);\n        --purple-2: color(display-p3 0.113 0.082 0.134);\n        --purple-3: color(display-p3 0.175 0.112 0.224);\n        --purple-4: color(display-p3 0.224 0.137 0.297);\n        --purple-5: color(display-p3 0.264 0.167 0.349);\n        --purple-6: color(display-p3 0.311 0.208 0.406);\n        --purple-7: color(display-p3 0.381 0.266 0.496);\n        --purple-8: color(display-p3 0.49 0.349 0.649);\n        --purple-9: color(display-p3 0.523 0.318 0.751);\n        --purple-10: color(display-p3 0.57 0.373 0.791);\n        --purple-11: color(display-p3 0.8 0.62 1);\n        --purple-12: color(display-p3 0.913 0.854 0.971);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --violet-1: #fdfcfe;\n    --violet-2: #faf8ff;\n    --violet-3: #f4f0fe;\n    --violet-4: #ebe4ff;\n    --violet-5: #e1d9ff;\n    --violet-6: #d4cafe;\n    --violet-7: #c2b5f5;\n    --violet-8: #aa99ec;\n    --violet-9: #6e56cf;\n    --violet-10: #654dc4;\n    --violet-11: #6550b9;\n    --violet-12: #2f265f;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --violet-1: color(display-p3 0.991 0.988 0.995);\n        --violet-2: color(display-p3 0.978 0.974 0.998);\n        --violet-3: color(display-p3 0.953 0.943 0.993);\n        --violet-4: color(display-p3 0.916 0.897 1);\n        --violet-5: color(display-p3 0.876 0.851 1);\n        --violet-6: color(display-p3 0.825 0.793 0.981);\n        --violet-7: color(display-p3 0.752 0.712 0.943);\n        --violet-8: color(display-p3 0.654 0.602 0.902);\n        --violet-9: color(display-p3 0.417 0.341 0.784);\n        --violet-10: color(display-p3 0.381 0.306 0.741);\n        --violet-11: color(display-p3 0.383 0.317 0.702);\n        --violet-12: color(display-p3 0.179 0.15 0.359);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --violet-1: #14121f;\n    --violet-2: #1b1525;\n    --violet-3: #291f43;\n    --violet-4: #33255b;\n    --violet-5: #3c2e69;\n    --violet-6: #473876;\n    --violet-7: #56468b;\n    --violet-8: #6958ad;\n    --violet-9: #6e56cf;\n    --violet-10: #7d66d9;\n    --violet-11: #baa7ff;\n    --violet-12: #e2ddfe;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --violet-1: color(display-p3 0.077 0.071 0.118);\n        --violet-2: color(display-p3 0.101 0.084 0.141);\n        --violet-3: color(display-p3 0.154 0.123 0.256);\n        --violet-4: color(display-p3 0.191 0.148 0.345);\n        --violet-5: color(display-p3 0.226 0.182 0.396);\n        --violet-6: color(display-p3 0.269 0.223 0.449);\n        --violet-7: color(display-p3 0.326 0.277 0.53);\n        --violet-8: color(display-p3 0.399 0.346 0.656);\n        --violet-9: color(display-p3 0.417 0.341 0.784);\n        --violet-10: color(display-p3 0.477 0.402 0.823);\n        --violet-11: color(display-p3 0.72 0.65 1);\n        --violet-12: color(display-p3 0.883 0.867 0.986);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --iris-1: #fdfdff;\n    --iris-2: #f8f8ff;\n    --iris-3: #f0f1fe;\n    --iris-4: #e6e7ff;\n    --iris-5: #dadcff;\n    --iris-6: #cbcdff;\n    --iris-7: #b8baf8;\n    --iris-8: #9b9ef0;\n    --iris-9: #5b5bd6;\n    --iris-10: #5151cd;\n    --iris-11: #5753c6;\n    --iris-12: #272962;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --iris-1: color(display-p3 0.992 0.992 0.999);\n        --iris-2: color(display-p3 0.972 0.973 0.998);\n        --iris-3: color(display-p3 0.943 0.945 0.992);\n        --iris-4: color(display-p3 0.902 0.906 1);\n        --iris-5: color(display-p3 0.857 0.861 1);\n        --iris-6: color(display-p3 0.799 0.805 0.987);\n        --iris-7: color(display-p3 0.721 0.727 0.955);\n        --iris-8: color(display-p3 0.61 0.619 0.918);\n        --iris-9: color(display-p3 0.357 0.357 0.81);\n        --iris-10: color(display-p3 0.318 0.318 0.774);\n        --iris-11: color(display-p3 0.337 0.326 0.748);\n        --iris-12: color(display-p3 0.154 0.161 0.371);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --iris-1: #13131e;\n    --iris-2: #171625;\n    --iris-3: #202248;\n    --iris-4: #262a65;\n    --iris-5: #303374;\n    --iris-6: #3d3e82;\n    --iris-7: #4a4a95;\n    --iris-8: #5958b1;\n    --iris-9: #5b5bd6;\n    --iris-10: #6e6ade;\n    --iris-11: #b1a9ff;\n    --iris-12: #e0dffe;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --iris-1: color(display-p3 0.075 0.075 0.114);\n        --iris-2: color(display-p3 0.089 0.086 0.14);\n        --iris-3: color(display-p3 0.128 0.134 0.272);\n        --iris-4: color(display-p3 0.153 0.165 0.382);\n        --iris-5: color(display-p3 0.192 0.201 0.44);\n        --iris-6: color(display-p3 0.239 0.241 0.491);\n        --iris-7: color(display-p3 0.291 0.289 0.565);\n        --iris-8: color(display-p3 0.35 0.345 0.673);\n        --iris-9: color(display-p3 0.357 0.357 0.81);\n        --iris-10: color(display-p3 0.428 0.416 0.843);\n        --iris-11: color(display-p3 0.685 0.662 1);\n        --iris-12: color(display-p3 0.878 0.875 0.986);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --indigo-1: #fdfdfe;\n    --indigo-2: #f7f9ff;\n    --indigo-3: #edf2fe;\n    --indigo-4: #e1e9ff;\n    --indigo-5: #d2deff;\n    --indigo-6: #c1d0ff;\n    --indigo-7: #abbdf9;\n    --indigo-8: #8da4ef;\n    --indigo-9: #3e63dd;\n    --indigo-10: #3358d4;\n    --indigo-11: #3a5bc7;\n    --indigo-12: #1f2d5c;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --indigo-1: color(display-p3 0.992 0.992 0.996);\n        --indigo-2: color(display-p3 0.971 0.977 0.998);\n        --indigo-3: color(display-p3 0.933 0.948 0.992);\n        --indigo-4: color(display-p3 0.885 0.914 1);\n        --indigo-5: color(display-p3 0.831 0.87 1);\n        --indigo-6: color(display-p3 0.767 0.814 0.995);\n        --indigo-7: color(display-p3 0.685 0.74 0.957);\n        --indigo-8: color(display-p3 0.569 0.639 0.916);\n        --indigo-9: color(display-p3 0.276 0.384 0.837);\n        --indigo-10: color(display-p3 0.234 0.343 0.801);\n        --indigo-11: color(display-p3 0.256 0.354 0.755);\n        --indigo-12: color(display-p3 0.133 0.175 0.348);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --indigo-1: #11131f;\n    --indigo-2: #141726;\n    --indigo-3: #182449;\n    --indigo-4: #1d2e62;\n    --indigo-5: #253974;\n    --indigo-6: #304384;\n    --indigo-7: #3a4f97;\n    --indigo-8: #435db1;\n    --indigo-9: #3e63dd;\n    --indigo-10: #5472e4;\n    --indigo-11: #9eb1ff;\n    --indigo-12: #d6e1ff;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --indigo-1: color(display-p3 0.068 0.074 0.118);\n        --indigo-2: color(display-p3 0.081 0.089 0.144);\n        --indigo-3: color(display-p3 0.105 0.141 0.275);\n        --indigo-4: color(display-p3 0.129 0.18 0.369);\n        --indigo-5: color(display-p3 0.163 0.22 0.439);\n        --indigo-6: color(display-p3 0.203 0.262 0.5);\n        --indigo-7: color(display-p3 0.245 0.309 0.575);\n        --indigo-8: color(display-p3 0.285 0.362 0.674);\n        --indigo-9: color(display-p3 0.276 0.384 0.837);\n        --indigo-10: color(display-p3 0.354 0.445 0.866);\n        --indigo-11: color(display-p3 0.63 0.69 1);\n        --indigo-12: color(display-p3 0.848 0.881 0.99);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --blue-1: #fbfdff;\n    --blue-2: #f4faff;\n    --blue-3: #e6f4fe;\n    --blue-4: #d5efff;\n    --blue-5: #c2e5ff;\n    --blue-6: #acd8fc;\n    --blue-7: #8ec8f6;\n    --blue-8: #5eb1ef;\n    --blue-9: #0090ff;\n    --blue-10: #0588f0;\n    --blue-11: #0d74ce;\n    --blue-12: #113264;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --blue-1: color(display-p3 0.986 0.992 0.999);\n        --blue-2: color(display-p3 0.96 0.979 0.998);\n        --blue-3: color(display-p3 0.912 0.956 0.991);\n        --blue-4: color(display-p3 0.853 0.932 1);\n        --blue-5: color(display-p3 0.788 0.894 0.998);\n        --blue-6: color(display-p3 0.709 0.843 0.976);\n        --blue-7: color(display-p3 0.606 0.777 0.947);\n        --blue-8: color(display-p3 0.451 0.688 0.917);\n        --blue-9: color(display-p3 0.247 0.556 0.969);\n        --blue-10: color(display-p3 0.234 0.523 0.912);\n        --blue-11: color(display-p3 0.15 0.44 0.84);\n        --blue-12: color(display-p3 0.102 0.193 0.379);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --blue-1: #0d1520;\n    --blue-2: #111927;\n    --blue-3: #0d2847;\n    --blue-4: #003362;\n    --blue-5: #004074;\n    --blue-6: #104d87;\n    --blue-7: #205d9e;\n    --blue-8: #2870bd;\n    --blue-9: #0090ff;\n    --blue-10: #3b9eff;\n    --blue-11: #70b8ff;\n    --blue-12: #c2e6ff;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --blue-1: color(display-p3 0.057 0.081 0.122);\n        --blue-2: color(display-p3 0.072 0.098 0.147);\n        --blue-3: color(display-p3 0.078 0.154 0.27);\n        --blue-4: color(display-p3 0.033 0.197 0.37);\n        --blue-5: color(display-p3 0.08 0.245 0.441);\n        --blue-6: color(display-p3 0.14 0.298 0.511);\n        --blue-7: color(display-p3 0.195 0.361 0.6);\n        --blue-8: color(display-p3 0.239 0.434 0.72);\n        --blue-9: color(display-p3 0.247 0.556 0.969);\n        --blue-10: color(display-p3 0.344 0.612 0.973);\n        --blue-11: color(display-p3 0.49 0.72 1);\n        --blue-12: color(display-p3 0.788 0.898 0.99);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --cyan-1: #fafdfe;\n    --cyan-2: #f2fafb;\n    --cyan-3: #def7f9;\n    --cyan-4: #caf1f6;\n    --cyan-5: #b5e9f0;\n    --cyan-6: #9ddde7;\n    --cyan-7: #7dcedc;\n    --cyan-8: #3db9cf;\n    --cyan-9: #00a2c7;\n    --cyan-10: #0797b9;\n    --cyan-11: #107d98;\n    --cyan-12: #0d3c48;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --cyan-1: color(display-p3 0.982 0.992 0.996);\n        --cyan-2: color(display-p3 0.955 0.981 0.984);\n        --cyan-3: color(display-p3 0.888 0.965 0.975);\n        --cyan-4: color(display-p3 0.821 0.941 0.959);\n        --cyan-5: color(display-p3 0.751 0.907 0.935);\n        --cyan-6: color(display-p3 0.671 0.862 0.9);\n        --cyan-7: color(display-p3 0.564 0.8 0.854);\n        --cyan-8: color(display-p3 0.388 0.715 0.798);\n        --cyan-9: color(display-p3 0.282 0.627 0.765);\n        --cyan-10: color(display-p3 0.264 0.583 0.71);\n        --cyan-11: color(display-p3 0.08 0.48 0.63);\n        --cyan-12: color(display-p3 0.108 0.232 0.277);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --cyan-1: #0b161a;\n    --cyan-2: #101b20;\n    --cyan-3: #082c36;\n    --cyan-4: #003848;\n    --cyan-5: #004558;\n    --cyan-6: #045468;\n    --cyan-7: #12677e;\n    --cyan-8: #11809c;\n    --cyan-9: #00a2c7;\n    --cyan-10: #23afd0;\n    --cyan-11: #4ccce6;\n    --cyan-12: #b6ecf7;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --cyan-1: color(display-p3 0.053 0.085 0.098);\n        --cyan-2: color(display-p3 0.072 0.105 0.122);\n        --cyan-3: color(display-p3 0.073 0.168 0.209);\n        --cyan-4: color(display-p3 0.063 0.216 0.277);\n        --cyan-5: color(display-p3 0.091 0.267 0.336);\n        --cyan-6: color(display-p3 0.137 0.324 0.4);\n        --cyan-7: color(display-p3 0.186 0.398 0.484);\n        --cyan-8: color(display-p3 0.23 0.496 0.6);\n        --cyan-9: color(display-p3 0.282 0.627 0.765);\n        --cyan-10: color(display-p3 0.331 0.675 0.801);\n        --cyan-11: color(display-p3 0.446 0.79 0.887);\n        --cyan-12: color(display-p3 0.757 0.919 0.962);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --teal-1: #fafefd;\n    --teal-2: #f3fbf9;\n    --teal-3: #e0f8f3;\n    --teal-4: #ccf3ea;\n    --teal-5: #b8eae0;\n    --teal-6: #a1ded2;\n    --teal-7: #83cdc1;\n    --teal-8: #53b9ab;\n    --teal-9: #12a594;\n    --teal-10: #0d9b8a;\n    --teal-11: #008573;\n    --teal-12: #0d3d38;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --teal-1: color(display-p3 0.983 0.996 0.992);\n        --teal-2: color(display-p3 0.958 0.983 0.976);\n        --teal-3: color(display-p3 0.895 0.971 0.952);\n        --teal-4: color(display-p3 0.831 0.949 0.92);\n        --teal-5: color(display-p3 0.761 0.914 0.878);\n        --teal-6: color(display-p3 0.682 0.864 0.825);\n        --teal-7: color(display-p3 0.581 0.798 0.756);\n        --teal-8: color(display-p3 0.433 0.716 0.671);\n        --teal-9: color(display-p3 0.297 0.637 0.581);\n        --teal-10: color(display-p3 0.275 0.599 0.542);\n        --teal-11: color(display-p3 0.08 0.5 0.43);\n        --teal-12: color(display-p3 0.11 0.235 0.219);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --teal-1: #0d1514;\n    --teal-2: #111c1b;\n    --teal-3: #0d2d2a;\n    --teal-4: #023b37;\n    --teal-5: #084843;\n    --teal-6: #145750;\n    --teal-7: #1c6961;\n    --teal-8: #207e73;\n    --teal-9: #12a594;\n    --teal-10: #0eb39e;\n    --teal-11: #0bd8b6;\n    --teal-12: #adf0dd;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --teal-1: color(display-p3 0.059 0.083 0.079);\n        --teal-2: color(display-p3 0.075 0.11 0.107);\n        --teal-3: color(display-p3 0.087 0.175 0.165);\n        --teal-4: color(display-p3 0.087 0.227 0.214);\n        --teal-5: color(display-p3 0.12 0.277 0.261);\n        --teal-6: color(display-p3 0.162 0.335 0.314);\n        --teal-7: color(display-p3 0.205 0.406 0.379);\n        --teal-8: color(display-p3 0.245 0.489 0.453);\n        --teal-9: color(display-p3 0.297 0.637 0.581);\n        --teal-10: color(display-p3 0.319 0.69 0.62);\n        --teal-11: color(display-p3 0.388 0.835 0.719);\n        --teal-12: color(display-p3 0.734 0.934 0.87);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --jade-1: #fbfefd;\n    --jade-2: #f4fbf7;\n    --jade-3: #e6f7ed;\n    --jade-4: #d6f1e3;\n    --jade-5: #c3e9d7;\n    --jade-6: #acdec8;\n    --jade-7: #8bceb6;\n    --jade-8: #56ba9f;\n    --jade-9: #29a383;\n    --jade-10: #26997b;\n    --jade-11: #208368;\n    --jade-12: #1d3b31;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --jade-1: color(display-p3 0.986 0.996 0.992);\n        --jade-2: color(display-p3 0.962 0.983 0.969);\n        --jade-3: color(display-p3 0.912 0.965 0.932);\n        --jade-4: color(display-p3 0.858 0.941 0.893);\n        --jade-5: color(display-p3 0.795 0.909 0.847);\n        --jade-6: color(display-p3 0.715 0.864 0.791);\n        --jade-7: color(display-p3 0.603 0.802 0.718);\n        --jade-8: color(display-p3 0.44 0.72 0.629);\n        --jade-9: color(display-p3 0.319 0.63 0.521);\n        --jade-10: color(display-p3 0.299 0.592 0.488);\n        --jade-11: color(display-p3 0.15 0.5 0.37);\n        --jade-12: color(display-p3 0.142 0.229 0.194);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --jade-1: #0d1512;\n    --jade-2: #121c18;\n    --jade-3: #0f2e22;\n    --jade-4: #0b3b2c;\n    --jade-5: #114837;\n    --jade-6: #1b5745;\n    --jade-7: #246854;\n    --jade-8: #2a7e68;\n    --jade-9: #29a383;\n    --jade-10: #27b08b;\n    --jade-11: #1fd8a4;\n    --jade-12: #adf0d4;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --jade-1: color(display-p3 0.059 0.083 0.071);\n        --jade-2: color(display-p3 0.078 0.11 0.094);\n        --jade-3: color(display-p3 0.091 0.176 0.138);\n        --jade-4: color(display-p3 0.102 0.228 0.177);\n        --jade-5: color(display-p3 0.133 0.279 0.221);\n        --jade-6: color(display-p3 0.174 0.334 0.273);\n        --jade-7: color(display-p3 0.219 0.402 0.335);\n        --jade-8: color(display-p3 0.263 0.488 0.411);\n        --jade-9: color(display-p3 0.319 0.63 0.521);\n        --jade-10: color(display-p3 0.338 0.68 0.555);\n        --jade-11: color(display-p3 0.4 0.835 0.656);\n        --jade-12: color(display-p3 0.734 0.934 0.838);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --green-1: #fbfefc;\n    --green-2: #f4fbf6;\n    --green-3: #e6f6eb;\n    --green-4: #d6f1df;\n    --green-5: #c4e8d1;\n    --green-6: #adddc0;\n    --green-7: #8eceaa;\n    --green-8: #5bb98b;\n    --green-9: #30a46c;\n    --green-10: #2b9a66;\n    --green-11: #218358;\n    --green-12: #193b2d;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --green-1: color(display-p3 0.986 0.996 0.989);\n        --green-2: color(display-p3 0.963 0.983 0.967);\n        --green-3: color(display-p3 0.913 0.964 0.925);\n        --green-4: color(display-p3 0.859 0.94 0.879);\n        --green-5: color(display-p3 0.796 0.907 0.826);\n        --green-6: color(display-p3 0.718 0.863 0.761);\n        --green-7: color(display-p3 0.61 0.801 0.675);\n        --green-8: color(display-p3 0.451 0.715 0.559);\n        --green-9: color(display-p3 0.332 0.634 0.442);\n        --green-10: color(display-p3 0.308 0.595 0.417);\n        --green-11: color(display-p3 0.19 0.5 0.32);\n        --green-12: color(display-p3 0.132 0.228 0.18);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --green-1: #0e1512;\n    --green-2: #121b17;\n    --green-3: #132d21;\n    --green-4: #113b29;\n    --green-5: #174933;\n    --green-6: #20573e;\n    --green-7: #28684a;\n    --green-8: #2f7c57;\n    --green-9: #30a46c;\n    --green-10: #33b074;\n    --green-11: #3dd68c;\n    --green-12: #b1f1cb;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --green-1: color(display-p3 0.062 0.083 0.071);\n        --green-2: color(display-p3 0.079 0.106 0.09);\n        --green-3: color(display-p3 0.1 0.173 0.133);\n        --green-4: color(display-p3 0.115 0.229 0.166);\n        --green-5: color(display-p3 0.147 0.282 0.206);\n        --green-6: color(display-p3 0.185 0.338 0.25);\n        --green-7: color(display-p3 0.227 0.403 0.298);\n        --green-8: color(display-p3 0.27 0.479 0.351);\n        --green-9: color(display-p3 0.332 0.634 0.442);\n        --green-10: color(display-p3 0.357 0.682 0.474);\n        --green-11: color(display-p3 0.434 0.828 0.573);\n        --green-12: color(display-p3 0.747 0.938 0.807);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --grass-1: #fbfefb;\n    --grass-2: #f5fbf5;\n    --grass-3: #e9f6e9;\n    --grass-4: #daf1db;\n    --grass-5: #c9e8ca;\n    --grass-6: #b2ddb5;\n    --grass-7: #94ce9a;\n    --grass-8: #65ba74;\n    --grass-9: #46a758;\n    --grass-10: #3e9b4f;\n    --grass-11: #2a7e3b;\n    --grass-12: #203c25;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --grass-1: color(display-p3 0.986 0.996 0.985);\n        --grass-2: color(display-p3 0.966 0.983 0.964);\n        --grass-3: color(display-p3 0.923 0.965 0.917);\n        --grass-4: color(display-p3 0.872 0.94 0.865);\n        --grass-5: color(display-p3 0.811 0.908 0.802);\n        --grass-6: color(display-p3 0.733 0.864 0.724);\n        --grass-7: color(display-p3 0.628 0.803 0.622);\n        --grass-8: color(display-p3 0.477 0.72 0.482);\n        --grass-9: color(display-p3 0.38 0.647 0.378);\n        --grass-10: color(display-p3 0.344 0.598 0.342);\n        --grass-11: color(display-p3 0.263 0.488 0.261);\n        --grass-12: color(display-p3 0.151 0.233 0.153);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --grass-1: #0e1511;\n    --grass-2: #141a15;\n    --grass-3: #1b2a1e;\n    --grass-4: #1d3a24;\n    --grass-5: #25482d;\n    --grass-6: #2d5736;\n    --grass-7: #366740;\n    --grass-8: #3e7949;\n    --grass-9: #46a758;\n    --grass-10: #53b365;\n    --grass-11: #71d083;\n    --grass-12: #c2f0c2;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --grass-1: color(display-p3 0.062 0.083 0.067);\n        --grass-2: color(display-p3 0.083 0.103 0.085);\n        --grass-3: color(display-p3 0.118 0.163 0.122);\n        --grass-4: color(display-p3 0.142 0.225 0.15);\n        --grass-5: color(display-p3 0.178 0.279 0.186);\n        --grass-6: color(display-p3 0.217 0.337 0.224);\n        --grass-7: color(display-p3 0.258 0.4 0.264);\n        --grass-8: color(display-p3 0.302 0.47 0.305);\n        --grass-9: color(display-p3 0.38 0.647 0.378);\n        --grass-10: color(display-p3 0.426 0.694 0.426);\n        --grass-11: color(display-p3 0.535 0.807 0.542);\n        --grass-12: color(display-p3 0.797 0.936 0.776);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --bronze-1: #fdfcfc;\n    --bronze-2: #fdf7f5;\n    --bronze-3: #f6edea;\n    --bronze-4: #efe4df;\n    --bronze-5: #e7d9d3;\n    --bronze-6: #dfcdc5;\n    --bronze-7: #d3bcb3;\n    --bronze-8: #c2a499;\n    --bronze-9: #a18072;\n    --bronze-10: #957468;\n    --bronze-11: #7d5e54;\n    --bronze-12: #43302b;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --bronze-1: color(display-p3 0.991 0.988 0.988);\n        --bronze-2: color(display-p3 0.989 0.97 0.961);\n        --bronze-3: color(display-p3 0.958 0.932 0.919);\n        --bronze-4: color(display-p3 0.929 0.894 0.877);\n        --bronze-5: color(display-p3 0.898 0.853 0.832);\n        --bronze-6: color(display-p3 0.861 0.805 0.778);\n        --bronze-7: color(display-p3 0.812 0.739 0.706);\n        --bronze-8: color(display-p3 0.741 0.647 0.606);\n        --bronze-9: color(display-p3 0.611 0.507 0.455);\n        --bronze-10: color(display-p3 0.563 0.461 0.414);\n        --bronze-11: color(display-p3 0.471 0.373 0.336);\n        --bronze-12: color(display-p3 0.251 0.191 0.172);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --bronze-1: #141110;\n    --bronze-2: #1c1917;\n    --bronze-3: #262220;\n    --bronze-4: #302a27;\n    --bronze-5: #3b3330;\n    --bronze-6: #493e3a;\n    --bronze-7: #5a4c47;\n    --bronze-8: #6f5f58;\n    --bronze-9: #a18072;\n    --bronze-10: #ae8c7e;\n    --bronze-11: #d4b3a5;\n    --bronze-12: #ede0d9;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --bronze-1: color(display-p3 0.076 0.067 0.063);\n        --bronze-2: color(display-p3 0.106 0.097 0.093);\n        --bronze-3: color(display-p3 0.147 0.132 0.125);\n        --bronze-4: color(display-p3 0.185 0.166 0.156);\n        --bronze-5: color(display-p3 0.227 0.202 0.19);\n        --bronze-6: color(display-p3 0.278 0.246 0.23);\n        --bronze-7: color(display-p3 0.343 0.302 0.281);\n        --bronze-8: color(display-p3 0.426 0.374 0.347);\n        --bronze-9: color(display-p3 0.611 0.507 0.455);\n        --bronze-10: color(display-p3 0.66 0.556 0.504);\n        --bronze-11: color(display-p3 0.81 0.707 0.655);\n        --bronze-12: color(display-p3 0.921 0.88 0.854);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --gold-1: #fdfdfc;\n    --gold-2: #faf9f2;\n    --gold-3: #f2f0e7;\n    --gold-4: #eae6db;\n    --gold-5: #e1dccf;\n    --gold-6: #d8d0bf;\n    --gold-7: #cbc0aa;\n    --gold-8: #b9a88d;\n    --gold-9: #978365;\n    --gold-10: #8c7a5e;\n    --gold-11: #71624b;\n    --gold-12: #3b352b;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --gold-1: color(display-p3 0.992 0.992 0.989);\n        --gold-2: color(display-p3 0.98 0.976 0.953);\n        --gold-3: color(display-p3 0.947 0.94 0.909);\n        --gold-4: color(display-p3 0.914 0.904 0.865);\n        --gold-5: color(display-p3 0.88 0.865 0.816);\n        --gold-6: color(display-p3 0.84 0.818 0.756);\n        --gold-7: color(display-p3 0.788 0.753 0.677);\n        --gold-8: color(display-p3 0.715 0.66 0.565);\n        --gold-9: color(display-p3 0.579 0.517 0.41);\n        --gold-10: color(display-p3 0.538 0.479 0.38);\n        --gold-11: color(display-p3 0.433 0.386 0.305);\n        --gold-12: color(display-p3 0.227 0.209 0.173);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --gold-1: #121211;\n    --gold-2: #1b1a17;\n    --gold-3: #24231f;\n    --gold-4: #2d2b26;\n    --gold-5: #38352e;\n    --gold-6: #444039;\n    --gold-7: #544f46;\n    --gold-8: #696256;\n    --gold-9: #978365;\n    --gold-10: #a39073;\n    --gold-11: #cbb99f;\n    --gold-12: #e8e2d9;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --gold-1: color(display-p3 0.071 0.071 0.067);\n        --gold-2: color(display-p3 0.104 0.101 0.09);\n        --gold-3: color(display-p3 0.141 0.136 0.122);\n        --gold-4: color(display-p3 0.177 0.17 0.152);\n        --gold-5: color(display-p3 0.217 0.207 0.185);\n        --gold-6: color(display-p3 0.265 0.252 0.225);\n        --gold-7: color(display-p3 0.327 0.31 0.277);\n        --gold-8: color(display-p3 0.407 0.384 0.342);\n        --gold-9: color(display-p3 0.579 0.517 0.41);\n        --gold-10: color(display-p3 0.628 0.566 0.463);\n        --gold-11: color(display-p3 0.784 0.728 0.635);\n        --gold-12: color(display-p3 0.906 0.887 0.855);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --brown-1: #fefdfc;\n    --brown-2: #fcf9f6;\n    --brown-3: #f6eee7;\n    --brown-4: #f0e4d9;\n    --brown-5: #ebdaca;\n    --brown-6: #e4cdb7;\n    --brown-7: #dcbc9f;\n    --brown-8: #cea37e;\n    --brown-9: #ad7f58;\n    --brown-10: #a07553;\n    --brown-11: #815e46;\n    --brown-12: #3e332e;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --brown-1: color(display-p3 0.995 0.992 0.989);\n        --brown-2: color(display-p3 0.987 0.976 0.964);\n        --brown-3: color(display-p3 0.959 0.936 0.909);\n        --brown-4: color(display-p3 0.934 0.897 0.855);\n        --brown-5: color(display-p3 0.909 0.856 0.798);\n        --brown-6: color(display-p3 0.88 0.808 0.73);\n        --brown-7: color(display-p3 0.841 0.742 0.639);\n        --brown-8: color(display-p3 0.782 0.647 0.514);\n        --brown-9: color(display-p3 0.651 0.505 0.368);\n        --brown-10: color(display-p3 0.601 0.465 0.344);\n        --brown-11: color(display-p3 0.485 0.374 0.288);\n        --brown-12: color(display-p3 0.236 0.202 0.183);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --brown-1: #12110f;\n    --brown-2: #1c1816;\n    --brown-3: #28211d;\n    --brown-4: #322922;\n    --brown-5: #3e3128;\n    --brown-6: #4d3c2f;\n    --brown-7: #614a39;\n    --brown-8: #7c5f46;\n    --brown-9: #ad7f58;\n    --brown-10: #b88c67;\n    --brown-11: #dbb594;\n    --brown-12: #f2e1ca;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --brown-1: color(display-p3 0.071 0.067 0.059);\n        --brown-2: color(display-p3 0.107 0.095 0.087);\n        --brown-3: color(display-p3 0.151 0.13 0.115);\n        --brown-4: color(display-p3 0.191 0.161 0.138);\n        --brown-5: color(display-p3 0.235 0.194 0.162);\n        --brown-6: color(display-p3 0.291 0.237 0.192);\n        --brown-7: color(display-p3 0.365 0.295 0.232);\n        --brown-8: color(display-p3 0.469 0.377 0.287);\n        --brown-9: color(display-p3 0.651 0.505 0.368);\n        --brown-10: color(display-p3 0.697 0.557 0.423);\n        --brown-11: color(display-p3 0.835 0.715 0.597);\n        --brown-12: color(display-p3 0.938 0.885 0.802);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --orange-1: #fefcfb;\n    --orange-2: #fff7ed;\n    --orange-3: #ffefd6;\n    --orange-4: #ffdfb5;\n    --orange-5: #ffd19a;\n    --orange-6: #ffc182;\n    --orange-7: #f5ae73;\n    --orange-8: #ec9455;\n    --orange-9: #f76b15;\n    --orange-10: #ef5f00;\n    --orange-11: #cc4e00;\n    --orange-12: #582d1d;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --orange-1: color(display-p3 0.995 0.988 0.985);\n        --orange-2: color(display-p3 0.994 0.968 0.934);\n        --orange-3: color(display-p3 0.989 0.938 0.85);\n        --orange-4: color(display-p3 1 0.874 0.687);\n        --orange-5: color(display-p3 1 0.821 0.583);\n        --orange-6: color(display-p3 0.975 0.767 0.545);\n        --orange-7: color(display-p3 0.919 0.693 0.486);\n        --orange-8: color(display-p3 0.877 0.597 0.379);\n        --orange-9: color(display-p3 0.9 0.45 0.2);\n        --orange-10: color(display-p3 0.87 0.409 0.164);\n        --orange-11: color(display-p3 0.76 0.34 0);\n        --orange-12: color(display-p3 0.323 0.185 0.127);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --orange-1: #17120e;\n    --orange-2: #1e160f;\n    --orange-3: #331e0b;\n    --orange-4: #462100;\n    --orange-5: #562800;\n    --orange-6: #66350c;\n    --orange-7: #7e451d;\n    --orange-8: #a35829;\n    --orange-9: #f76b15;\n    --orange-10: #ff801f;\n    --orange-11: #ffa057;\n    --orange-12: #ffe0c2;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --orange-1: color(display-p3 0.088 0.07 0.057);\n        --orange-2: color(display-p3 0.113 0.089 0.061);\n        --orange-3: color(display-p3 0.189 0.12 0.056);\n        --orange-4: color(display-p3 0.262 0.132 0);\n        --orange-5: color(display-p3 0.315 0.168 0.016);\n        --orange-6: color(display-p3 0.376 0.219 0.088);\n        --orange-7: color(display-p3 0.465 0.283 0.147);\n        --orange-8: color(display-p3 0.601 0.359 0.201);\n        --orange-9: color(display-p3 0.9 0.45 0.2);\n        --orange-10: color(display-p3 0.98 0.51 0.23);\n        --orange-11: color(display-p3 1 0.63 0.38);\n        --orange-12: color(display-p3 0.98 0.883 0.775);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --amber-1: #fefdfb;\n    --amber-2: #fefbe9;\n    --amber-3: #fff7c2;\n    --amber-4: #ffee9c;\n    --amber-5: #fbe577;\n    --amber-6: #f3d673;\n    --amber-7: #e9c162;\n    --amber-8: #e2a336;\n    --amber-9: #ffc53d;\n    --amber-10: #ffba18;\n    --amber-11: #ab6400;\n    --amber-12: #4f3422;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --amber-1: color(display-p3 0.995 0.992 0.985);\n        --amber-2: color(display-p3 0.994 0.986 0.921);\n        --amber-3: color(display-p3 0.994 0.969 0.782);\n        --amber-4: color(display-p3 0.989 0.937 0.65);\n        --amber-5: color(display-p3 0.97 0.902 0.527);\n        --amber-6: color(display-p3 0.936 0.844 0.506);\n        --amber-7: color(display-p3 0.89 0.762 0.443);\n        --amber-8: color(display-p3 0.85 0.65 0.3);\n        --amber-9: color(display-p3 1 0.77 0.26);\n        --amber-10: color(display-p3 0.959 0.741 0.274);\n        --amber-11: color(display-p3 0.64 0.4 0);\n        --amber-12: color(display-p3 0.294 0.208 0.145);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --amber-1: #16120c;\n    --amber-2: #1d180f;\n    --amber-3: #302008;\n    --amber-4: #3f2700;\n    --amber-5: #4d3000;\n    --amber-6: #5c3d05;\n    --amber-7: #714f19;\n    --amber-8: #8f6424;\n    --amber-9: #ffc53d;\n    --amber-10: #ffd60a;\n    --amber-11: #ffca16;\n    --amber-12: #ffe7b3;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --amber-1: color(display-p3 0.082 0.07 0.05);\n        --amber-2: color(display-p3 0.111 0.094 0.064);\n        --amber-3: color(display-p3 0.178 0.128 0.049);\n        --amber-4: color(display-p3 0.239 0.156 0);\n        --amber-5: color(display-p3 0.29 0.193 0);\n        --amber-6: color(display-p3 0.344 0.245 0.076);\n        --amber-7: color(display-p3 0.422 0.314 0.141);\n        --amber-8: color(display-p3 0.535 0.399 0.189);\n        --amber-9: color(display-p3 1 0.77 0.26);\n        --amber-10: color(display-p3 1 0.87 0.15);\n        --amber-11: color(display-p3 1 0.8 0.29);\n        --amber-12: color(display-p3 0.984 0.909 0.726);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --yellow-1: #fdfdf9;\n    --yellow-2: #fefce9;\n    --yellow-3: #fffab8;\n    --yellow-4: #fff394;\n    --yellow-5: #ffe770;\n    --yellow-6: #f3d768;\n    --yellow-7: #e4c767;\n    --yellow-8: #d5ae39;\n    --yellow-9: #ffe629;\n    --yellow-10: #ffdc00;\n    --yellow-11: #9e6c00;\n    --yellow-12: #473b1f;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --yellow-1: color(display-p3 0.992 0.992 0.978);\n        --yellow-2: color(display-p3 0.995 0.99 0.922);\n        --yellow-3: color(display-p3 0.997 0.982 0.749);\n        --yellow-4: color(display-p3 0.992 0.953 0.627);\n        --yellow-5: color(display-p3 0.984 0.91 0.51);\n        --yellow-6: color(display-p3 0.934 0.847 0.474);\n        --yellow-7: color(display-p3 0.876 0.785 0.46);\n        --yellow-8: color(display-p3 0.811 0.689 0.313);\n        --yellow-9: color(display-p3 1 0.92 0.22);\n        --yellow-10: color(display-p3 0.977 0.868 0.291);\n        --yellow-11: color(display-p3 0.6 0.44 0);\n        --yellow-12: color(display-p3 0.271 0.233 0.137);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --yellow-1: #14120b;\n    --yellow-2: #1b180f;\n    --yellow-3: #2d2305;\n    --yellow-4: #362b00;\n    --yellow-5: #433500;\n    --yellow-6: #524202;\n    --yellow-7: #665417;\n    --yellow-8: #836a21;\n    --yellow-9: #ffe629;\n    --yellow-10: #ffff57;\n    --yellow-11: #f5e147;\n    --yellow-12: #f6eeb4;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --yellow-1: color(display-p3 0.078 0.069 0.047);\n        --yellow-2: color(display-p3 0.103 0.094 0.063);\n        --yellow-3: color(display-p3 0.168 0.137 0.039);\n        --yellow-4: color(display-p3 0.209 0.169 0);\n        --yellow-5: color(display-p3 0.255 0.209 0);\n        --yellow-6: color(display-p3 0.31 0.261 0.07);\n        --yellow-7: color(display-p3 0.389 0.331 0.135);\n        --yellow-8: color(display-p3 0.497 0.42 0.182);\n        --yellow-9: color(display-p3 1 0.92 0.22);\n        --yellow-10: color(display-p3 1 1 0.456);\n        --yellow-11: color(display-p3 0.948 0.885 0.392);\n        --yellow-12: color(display-p3 0.959 0.934 0.731);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --lime-1: #fcfdfa;\n    --lime-2: #f8faf3;\n    --lime-3: #eef6d6;\n    --lime-4: #e2f0bd;\n    --lime-5: #d3e7a6;\n    --lime-6: #c2da91;\n    --lime-7: #abc978;\n    --lime-8: #8db654;\n    --lime-9: #bdee63;\n    --lime-10: #b0e64c;\n    --lime-11: #5c7c2f;\n    --lime-12: #37401c;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --lime-1: color(display-p3 0.989 0.992 0.981);\n        --lime-2: color(display-p3 0.975 0.98 0.954);\n        --lime-3: color(display-p3 0.939 0.965 0.851);\n        --lime-4: color(display-p3 0.896 0.94 0.76);\n        --lime-5: color(display-p3 0.843 0.903 0.678);\n        --lime-6: color(display-p3 0.778 0.852 0.599);\n        --lime-7: color(display-p3 0.694 0.784 0.508);\n        --lime-8: color(display-p3 0.585 0.707 0.378);\n        --lime-9: color(display-p3 0.78 0.928 0.466);\n        --lime-10: color(display-p3 0.734 0.896 0.397);\n        --lime-11: color(display-p3 0.386 0.482 0.227);\n        --lime-12: color(display-p3 0.222 0.25 0.128);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --lime-1: #11130c;\n    --lime-2: #151a10;\n    --lime-3: #1f2917;\n    --lime-4: #29371d;\n    --lime-5: #334423;\n    --lime-6: #3d522a;\n    --lime-7: #496231;\n    --lime-8: #577538;\n    --lime-9: #bdee63;\n    --lime-10: #d4ff70;\n    --lime-11: #bde56c;\n    --lime-12: #e3f7ba;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --lime-1: color(display-p3 0.067 0.073 0.048);\n        --lime-2: color(display-p3 0.086 0.1 0.067);\n        --lime-3: color(display-p3 0.13 0.16 0.099);\n        --lime-4: color(display-p3 0.172 0.214 0.126);\n        --lime-5: color(display-p3 0.213 0.266 0.153);\n        --lime-6: color(display-p3 0.257 0.321 0.182);\n        --lime-7: color(display-p3 0.307 0.383 0.215);\n        --lime-8: color(display-p3 0.365 0.456 0.25);\n        --lime-9: color(display-p3 0.78 0.928 0.466);\n        --lime-10: color(display-p3 0.865 0.995 0.519);\n        --lime-11: color(display-p3 0.771 0.893 0.485);\n        --lime-12: color(display-p3 0.905 0.966 0.753);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --mint-1: #f9fefd;\n    --mint-2: #f2fbf9;\n    --mint-3: #ddf9f2;\n    --mint-4: #c8f4e9;\n    --mint-5: #b3ecde;\n    --mint-6: #9ce0d0;\n    --mint-7: #7ecfbd;\n    --mint-8: #4cbba5;\n    --mint-9: #86ead4;\n    --mint-10: #7de0cb;\n    --mint-11: #027864;\n    --mint-12: #16433c;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --mint-1: color(display-p3 0.98 0.995 0.992);\n        --mint-2: color(display-p3 0.957 0.985 0.977);\n        --mint-3: color(display-p3 0.888 0.972 0.95);\n        --mint-4: color(display-p3 0.819 0.951 0.916);\n        --mint-5: color(display-p3 0.747 0.918 0.873);\n        --mint-6: color(display-p3 0.668 0.87 0.818);\n        --mint-7: color(display-p3 0.567 0.805 0.744);\n        --mint-8: color(display-p3 0.42 0.724 0.649);\n        --mint-9: color(display-p3 0.62 0.908 0.834);\n        --mint-10: color(display-p3 0.585 0.871 0.797);\n        --mint-11: color(display-p3 0.203 0.463 0.397);\n        --mint-12: color(display-p3 0.136 0.259 0.236);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --mint-1: #0e1515;\n    --mint-2: #0f1b1b;\n    --mint-3: #092c2b;\n    --mint-4: #003a38;\n    --mint-5: #004744;\n    --mint-6: #105650;\n    --mint-7: #1e685f;\n    --mint-8: #277f70;\n    --mint-9: #86ead4;\n    --mint-10: #a8f5e5;\n    --mint-11: #58d5ba;\n    --mint-12: #c4f5e1;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --mint-1: color(display-p3 0.059 0.082 0.081);\n        --mint-2: color(display-p3 0.068 0.104 0.105);\n        --mint-3: color(display-p3 0.077 0.17 0.168);\n        --mint-4: color(display-p3 0.068 0.224 0.22);\n        --mint-5: color(display-p3 0.104 0.275 0.264);\n        --mint-6: color(display-p3 0.154 0.332 0.313);\n        --mint-7: color(display-p3 0.207 0.403 0.373);\n        --mint-8: color(display-p3 0.258 0.49 0.441);\n        --mint-9: color(display-p3 0.62 0.908 0.834);\n        --mint-10: color(display-p3 0.725 0.954 0.898);\n        --mint-11: color(display-p3 0.482 0.825 0.733);\n        --mint-12: color(display-p3 0.807 0.955 0.887);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --sky-1: #f9feff;\n    --sky-2: #f1fafd;\n    --sky-3: #e1f6fd;\n    --sky-4: #d1f0fa;\n    --sky-5: #bee7f5;\n    --sky-6: #a9daed;\n    --sky-7: #8dcae3;\n    --sky-8: #60b3d7;\n    --sky-9: #7ce2fe;\n    --sky-10: #74daf8;\n    --sky-11: #00749e;\n    --sky-12: #1d3e56;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --sky-1: color(display-p3 0.98 0.995 0.999);\n        --sky-2: color(display-p3 0.953 0.98 0.99);\n        --sky-3: color(display-p3 0.899 0.963 0.989);\n        --sky-4: color(display-p3 0.842 0.937 0.977);\n        --sky-5: color(display-p3 0.777 0.9 0.954);\n        --sky-6: color(display-p3 0.701 0.851 0.921);\n        --sky-7: color(display-p3 0.604 0.785 0.879);\n        --sky-8: color(display-p3 0.457 0.696 0.829);\n        --sky-9: color(display-p3 0.585 0.877 0.983);\n        --sky-10: color(display-p3 0.555 0.845 0.959);\n        --sky-11: color(display-p3 0.193 0.448 0.605);\n        --sky-12: color(display-p3 0.145 0.241 0.329);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --sky-1: #0d141f;\n    --sky-2: #111a27;\n    --sky-3: #112840;\n    --sky-4: #113555;\n    --sky-5: #154467;\n    --sky-6: #1b537b;\n    --sky-7: #1f6692;\n    --sky-8: #197cae;\n    --sky-9: #7ce2fe;\n    --sky-10: #a8eeff;\n    --sky-11: #75c7f0;\n    --sky-12: #c2f3ff;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --sky-1: color(display-p3 0.056 0.078 0.116);\n        --sky-2: color(display-p3 0.075 0.101 0.149);\n        --sky-3: color(display-p3 0.089 0.154 0.244);\n        --sky-4: color(display-p3 0.106 0.207 0.323);\n        --sky-5: color(display-p3 0.135 0.261 0.394);\n        --sky-6: color(display-p3 0.17 0.322 0.469);\n        --sky-7: color(display-p3 0.205 0.394 0.557);\n        --sky-8: color(display-p3 0.232 0.48 0.665);\n        --sky-9: color(display-p3 0.585 0.877 0.983);\n        --sky-10: color(display-p3 0.718 0.925 0.991);\n        --sky-11: color(display-p3 0.536 0.772 0.924);\n        --sky-12: color(display-p3 0.799 0.947 0.993);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --tomato-1: #fffcfc;\n    --tomato-2: #fff8f7;\n    --tomato-3: #feebe7;\n    --tomato-4: #ffdcd3;\n    --tomato-5: #ffcdc2;\n    --tomato-6: #fdbdaf;\n    --tomato-7: #f5a898;\n    --tomato-8: #ec8e7b;\n    --tomato-9: #e54d2e;\n    --tomato-10: #dd4425;\n    --tomato-11: #d13415;\n    --tomato-12: #5c271f;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --tomato-1: color(display-p3 0.998 0.989 0.988);\n        --tomato-2: color(display-p3 0.994 0.974 0.969);\n        --tomato-3: color(display-p3 0.985 0.924 0.909);\n        --tomato-4: color(display-p3 0.996 0.868 0.835);\n        --tomato-5: color(display-p3 0.98 0.812 0.77);\n        --tomato-6: color(display-p3 0.953 0.75 0.698);\n        --tomato-7: color(display-p3 0.917 0.673 0.611);\n        --tomato-8: color(display-p3 0.875 0.575 0.502);\n        --tomato-9: color(display-p3 0.831 0.345 0.231);\n        --tomato-10: color(display-p3 0.802 0.313 0.2);\n        --tomato-11: color(display-p3 0.755 0.259 0.152);\n        --tomato-12: color(display-p3 0.335 0.165 0.132);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --tomato-1: #181111;\n    --tomato-2: #1f1513;\n    --tomato-3: #391714;\n    --tomato-4: #4e1511;\n    --tomato-5: #5e1c16;\n    --tomato-6: #6e2920;\n    --tomato-7: #853a2d;\n    --tomato-8: #ac4d39;\n    --tomato-9: #e54d2e;\n    --tomato-10: #ec6142;\n    --tomato-11: #ff977d;\n    --tomato-12: #fbd3cb;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --tomato-1: color(display-p3 0.09 0.068 0.067);\n        --tomato-2: color(display-p3 0.115 0.084 0.076);\n        --tomato-3: color(display-p3 0.205 0.097 0.083);\n        --tomato-4: color(display-p3 0.282 0.099 0.077);\n        --tomato-5: color(display-p3 0.339 0.129 0.101);\n        --tomato-6: color(display-p3 0.398 0.179 0.141);\n        --tomato-7: color(display-p3 0.487 0.245 0.194);\n        --tomato-8: color(display-p3 0.629 0.322 0.248);\n        --tomato-9: color(display-p3 0.831 0.345 0.231);\n        --tomato-10: color(display-p3 0.862 0.415 0.298);\n        --tomato-11: color(display-p3 1 0.585 0.455);\n        --tomato-12: color(display-p3 0.959 0.833 0.802);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --gray-1: #fcfcfc;\n    --gray-2: #f9f9f9;\n    --gray-3: #f0f0f0;\n    --gray-4: #e8e8e8;\n    --gray-5: #e0e0e0;\n    --gray-6: #d9d9d9;\n    --gray-7: #cecece;\n    --gray-8: #bbbbbb;\n    --gray-9: #8d8d8d;\n    --gray-10: #838383;\n    --gray-11: #646464;\n    --gray-12: #202020;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --gray-1: color(display-p3 0.988 0.988 0.988);\n        --gray-2: color(display-p3 0.975 0.975 0.975);\n        --gray-3: color(display-p3 0.939 0.939 0.939);\n        --gray-4: color(display-p3 0.908 0.908 0.908);\n        --gray-5: color(display-p3 0.88 0.88 0.88);\n        --gray-6: color(display-p3 0.849 0.849 0.849);\n        --gray-7: color(display-p3 0.807 0.807 0.807);\n        --gray-8: color(display-p3 0.732 0.732 0.732);\n        --gray-9: color(display-p3 0.553 0.553 0.553);\n        --gray-10: color(display-p3 0.512 0.512 0.512);\n        --gray-11: color(display-p3 0.392 0.392 0.392);\n        --gray-12: color(display-p3 0.125 0.125 0.125);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --gray-1: #111111;\n    --gray-2: #191919;\n    --gray-3: #222222;\n    --gray-4: #2a2a2a;\n    --gray-5: #313131;\n    --gray-6: #3a3a3a;\n    --gray-7: #484848;\n    --gray-8: #606060;\n    --gray-9: #6e6e6e;\n    --gray-10: #7b7b7b;\n    --gray-11: #b4b4b4;\n    --gray-12: #eeeeee;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --gray-1: color(display-p3 0.067 0.067 0.067);\n        --gray-2: color(display-p3 0.098 0.098 0.098);\n        --gray-3: color(display-p3 0.135 0.135 0.135);\n        --gray-4: color(display-p3 0.163 0.163 0.163);\n        --gray-5: color(display-p3 0.192 0.192 0.192);\n        --gray-6: color(display-p3 0.228 0.228 0.228);\n        --gray-7: color(display-p3 0.283 0.283 0.283);\n        --gray-8: color(display-p3 0.375 0.375 0.375);\n        --gray-9: color(display-p3 0.431 0.431 0.431);\n        --gray-10: color(display-p3 0.484 0.484 0.484);\n        --gray-11: color(display-p3 0.706 0.706 0.706);\n        --gray-12: color(display-p3 0.933 0.933 0.933);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --mauve-1: #fdfcfd;\n    --mauve-2: #faf9fb;\n    --mauve-3: #f2eff3;\n    --mauve-4: #eae7ec;\n    --mauve-5: #e3dfe6;\n    --mauve-6: #dbd8e0;\n    --mauve-7: #d0cdd7;\n    --mauve-8: #bcbac7;\n    --mauve-9: #8e8c99;\n    --mauve-10: #84828e;\n    --mauve-11: #65636d;\n    --mauve-12: #211f26;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --mauve-1: color(display-p3 0.991 0.988 0.992);\n        --mauve-2: color(display-p3 0.98 0.976 0.984);\n        --mauve-3: color(display-p3 0.946 0.938 0.952);\n        --mauve-4: color(display-p3 0.915 0.906 0.925);\n        --mauve-5: color(display-p3 0.886 0.876 0.901);\n        --mauve-6: color(display-p3 0.856 0.846 0.875);\n        --mauve-7: color(display-p3 0.814 0.804 0.84);\n        --mauve-8: color(display-p3 0.735 0.728 0.777);\n        --mauve-9: color(display-p3 0.555 0.549 0.596);\n        --mauve-10: color(display-p3 0.514 0.508 0.552);\n        --mauve-11: color(display-p3 0.395 0.388 0.424);\n        --mauve-12: color(display-p3 0.128 0.122 0.147);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --mauve-1: #121113;\n    --mauve-2: #1a191b;\n    --mauve-3: #232225;\n    --mauve-4: #2b292d;\n    --mauve-5: #323035;\n    --mauve-6: #3c393f;\n    --mauve-7: #49474e;\n    --mauve-8: #625f69;\n    --mauve-9: #6f6d78;\n    --mauve-10: #7c7a85;\n    --mauve-11: #b5b2bc;\n    --mauve-12: #eeeef0;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --mauve-1: color(display-p3 0.07 0.067 0.074);\n        --mauve-2: color(display-p3 0.101 0.098 0.105);\n        --mauve-3: color(display-p3 0.138 0.134 0.144);\n        --mauve-4: color(display-p3 0.167 0.161 0.175);\n        --mauve-5: color(display-p3 0.196 0.189 0.206);\n        --mauve-6: color(display-p3 0.232 0.225 0.245);\n        --mauve-7: color(display-p3 0.286 0.277 0.302);\n        --mauve-8: color(display-p3 0.383 0.373 0.408);\n        --mauve-9: color(display-p3 0.434 0.428 0.467);\n        --mauve-10: color(display-p3 0.487 0.48 0.519);\n        --mauve-11: color(display-p3 0.707 0.7 0.735);\n        --mauve-12: color(display-p3 0.933 0.933 0.94);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --slate-1: #fcfcfd;\n    --slate-2: #f9f9fb;\n    --slate-3: #f0f0f3;\n    --slate-4: #e8e8ec;\n    --slate-5: #e0e1e6;\n    --slate-6: #d9d9e0;\n    --slate-7: #cdced6;\n    --slate-8: #b9bbc6;\n    --slate-9: #8b8d98;\n    --slate-10: #80838d;\n    --slate-11: #60646c;\n    --slate-12: #1c2024;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --slate-1: color(display-p3 0.988 0.988 0.992);\n        --slate-2: color(display-p3 0.976 0.976 0.984);\n        --slate-3: color(display-p3 0.94 0.941 0.953);\n        --slate-4: color(display-p3 0.908 0.909 0.925);\n        --slate-5: color(display-p3 0.88 0.881 0.901);\n        --slate-6: color(display-p3 0.85 0.852 0.876);\n        --slate-7: color(display-p3 0.805 0.808 0.838);\n        --slate-8: color(display-p3 0.727 0.733 0.773);\n        --slate-9: color(display-p3 0.547 0.553 0.592);\n        --slate-10: color(display-p3 0.503 0.512 0.549);\n        --slate-11: color(display-p3 0.379 0.392 0.421);\n        --slate-12: color(display-p3 0.113 0.125 0.14);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --slate-1: #111113;\n    --slate-2: #18191b;\n    --slate-3: #212225;\n    --slate-4: #272a2d;\n    --slate-5: #2e3135;\n    --slate-6: #363a3f;\n    --slate-7: #43484e;\n    --slate-8: #5a6169;\n    --slate-9: #696e77;\n    --slate-10: #777b84;\n    --slate-11: #b0b4ba;\n    --slate-12: #edeef0;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --slate-1: color(display-p3 0.067 0.067 0.074);\n        --slate-2: color(display-p3 0.095 0.098 0.105);\n        --slate-3: color(display-p3 0.13 0.135 0.145);\n        --slate-4: color(display-p3 0.156 0.163 0.176);\n        --slate-5: color(display-p3 0.183 0.191 0.206);\n        --slate-6: color(display-p3 0.215 0.226 0.244);\n        --slate-7: color(display-p3 0.265 0.28 0.302);\n        --slate-8: color(display-p3 0.357 0.381 0.409);\n        --slate-9: color(display-p3 0.415 0.431 0.463);\n        --slate-10: color(display-p3 0.469 0.483 0.514);\n        --slate-11: color(display-p3 0.692 0.704 0.728);\n        --slate-12: color(display-p3 0.93 0.933 0.94);\n      }\n    }\n  }\n}\n@layer base {\n  :root, .light, .light-theme {\n    --slate-a1: #00005503;\n    --slate-a2: #00005506;\n    --slate-a3: #0000330f;\n    --slate-a4: #00002d17;\n    --slate-a5: #0009321f;\n    --slate-a6: #00002f26;\n    --slate-a7: #00062e32;\n    --slate-a8: #00083046;\n    --slate-a9: #00051d74;\n    --slate-a10: #00071b7f;\n    --slate-a11: #0007149f;\n    --slate-a12: #000509e3;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      :root, .light, .light-theme {\n        --slate-a1: color(display-p3 0.024 0.024 0.349 / 0.012);\n        --slate-a2: color(display-p3 0.024 0.024 0.349 / 0.024);\n        --slate-a3: color(display-p3 0.004 0.004 0.204 / 0.059);\n        --slate-a4: color(display-p3 0.012 0.012 0.184 / 0.091);\n        --slate-a5: color(display-p3 0.004 0.039 0.2 / 0.122);\n        --slate-a6: color(display-p3 0.008 0.008 0.165 / 0.15);\n        --slate-a7: color(display-p3 0.008 0.027 0.184 / 0.197);\n        --slate-a8: color(display-p3 0.004 0.031 0.176 / 0.275);\n        --slate-a9: color(display-p3 0.004 0.02 0.106 / 0.455);\n        --slate-a10: color(display-p3 0.004 0.027 0.098 / 0.499);\n        --slate-a11: color(display-p3 0 0.02 0.063 / 0.62);\n        --slate-a12: color(display-p3 0 0.012 0.031 / 0.887);\n      }\n    }\n  }\n}\n@layer base {\n  .dark, .dark-theme {\n    --slate-a1: #00000000;\n    --slate-a2: #d8f4f609;\n    --slate-a3: #ddeaf814;\n    --slate-a4: #d3edf81d;\n    --slate-a5: #d9edfe25;\n    --slate-a6: #d6ebfd30;\n    --slate-a7: #d9edff40;\n    --slate-a8: #d9edff5d;\n    --slate-a9: #dfebfd6d;\n    --slate-a10: #e5edfd7b;\n    --slate-a11: #f1f7feb5;\n    --slate-a12: #fcfdffef;\n  }\n  @supports (color: color(display-p3 1 1 1)) {\n    @media (color-gamut: p3) {\n      .dark, .dark-theme {\n        --slate-a1: color(display-p3 0 0 0 / 0);\n        --slate-a2: color(display-p3 0.875 0.992 1 / 0.034);\n        --slate-a3: color(display-p3 0.882 0.933 0.992 / 0.077);\n        --slate-a4: color(display-p3 0.882 0.953 0.996 / 0.111);\n        --slate-a5: color(display-p3 0.878 0.929 0.996 / 0.145);\n        --slate-a6: color(display-p3 0.882 0.949 0.996 / 0.183);\n        --slate-a7: color(display-p3 0.882 0.929 1 / 0.246);\n        --slate-a8: color(display-p3 0.871 0.937 1 / 0.361);\n        --slate-a9: color(display-p3 0.898 0.937 1 / 0.42);\n        --slate-a10: color(display-p3 0.918 0.945 1 / 0.475);\n        --slate-a11: color(display-p3 0.949 0.969 0.996 / 0.708);\n        --slate-a12: color(display-p3 0.988 0.992 1 / 0.937);\n      }\n    }\n  }\n}\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    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');\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-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 {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden='until-found'])) {\n    display: none !important;\n  }\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    border-color: var(--color-gray-200, currentColor);\n  }\n}\n@layer base {\n  #spark-app {\n    --tomato-contrast: #fff;\n    --red-contrast: #fff;\n    --ruby-contrast: #fff;\n    --crimson-contrast: #fff;\n    --pink-contrast: #fff;\n    --plum-contrast: #fff;\n    --purple-contrast: #fff;\n    --violet-contrast: #fff;\n    --iris-contrast: #fff;\n    --indigo-contrast: #fff;\n    --blue-contrast: #fff;\n    --cyan-contrast: #fff;\n    --teal-contrast: #fff;\n    --jade-contrast: #fff;\n    --green-contrast: #fff;\n    --grass-contrast: #fff;\n    --bronze-contrast: #fff;\n    --gold-contrast: #fff;\n    --brown-contrast: #fff;\n    --orange-contrast: #fff;\n    --amber-contrast: #000;\n    --yellow-contrast: #000;\n    --lime-contrast: #000;\n    --mint-contrast: #000;\n    --sky-contrast: #000;\n    --gray-contrast: #fff;\n    --mauve-contrast: #fff;\n    --slate-contrast: #fff;\n    --sage-contrast: #fff;\n    --olive-contrast: #fff;\n    --sand-contrast: #fff;\n    --size-scale: 1;\n    --size-0: 0px;\n    --size-px: 1px;\n    --size-0-5: calc(0.125rem * var(--size-scale));\n    --size-1: calc(0.25rem * var(--size-scale));\n    --size-1-5: calc(0.375rem * var(--size-scale));\n    --size-2: calc(0.5rem * var(--size-scale));\n    --size-2-5: calc(0.625rem * var(--size-scale));\n    --size-3: calc(0.75rem * var(--size-scale));\n    --size-3-5: calc(0.875rem * var(--size-scale));\n    --size-4: calc(1rem * var(--size-scale));\n    --size-5: calc(1.25rem * var(--size-scale));\n    --size-6: calc(1.5rem * var(--size-scale));\n    --size-7: calc(1.75rem * var(--size-scale));\n    --size-8: calc(2rem * var(--size-scale));\n    --size-9: calc(2.25rem * var(--size-scale));\n    --size-10: calc(2.5rem * var(--size-scale));\n    --size-11: calc(2.75rem * var(--size-scale));\n    --size-12: calc(3rem * var(--size-scale));\n    --size-14: calc(3.5rem * var(--size-scale));\n    --size-16: calc(4rem * var(--size-scale));\n    --size-20: calc(5rem * var(--size-scale));\n    --size-24: calc(6rem * var(--size-scale));\n    --size-28: calc(7rem * var(--size-scale));\n    --size-32: calc(8rem * var(--size-scale));\n    --size-36: calc(9rem * var(--size-scale));\n    --size-40: calc(10rem * var(--size-scale));\n    --size-44: calc(11rem * var(--size-scale));\n    --size-48: calc(12rem * var(--size-scale));\n    --size-52: calc(13rem * var(--size-scale));\n    --size-56: calc(14rem * var(--size-scale));\n    --size-60: calc(15rem * var(--size-scale));\n    --size-64: calc(16rem * var(--size-scale));\n    --size-72: calc(18rem * var(--size-scale));\n    --size-80: calc(20rem * var(--size-scale));\n    --size-96: calc(24rem * var(--size-scale));\n    --radius-factor: 1;\n    --radius-sm: calc(2px * var(--radius-factor) * var(--size-scale));\n    --radius-md: calc(6px * var(--radius-factor) * var(--size-scale));\n    --radius-lg: calc(8px * var(--radius-factor) * var(--size-scale));\n    --radius-xl: calc(12px * var(--radius-factor) * var(--size-scale));\n    --radius-2xl: calc(16px * var(--radius-factor) * var(--size-scale));\n    --radius-full: 9999px;\n    --color-neutral-1: var(--slate-1);\n    --color-neutral-2: var(--slate-2);\n    --color-neutral-3: var(--slate-3);\n    --color-neutral-4: var(--slate-4);\n    --color-neutral-5: var(--slate-5);\n    --color-neutral-6: var(--slate-6);\n    --color-neutral-7: var(--slate-7);\n    --color-neutral-8: var(--slate-8);\n    --color-neutral-9: var(--slate-9);\n    --color-neutral-10: var(--slate-10);\n    --color-neutral-11: var(--slate-11);\n    --color-neutral-12: var(--slate-12);\n    --color-neutral-a1: var(--slate-a1);\n    --color-neutral-a2: var(--slate-a2);\n    --color-neutral-a3: var(--slate-a3);\n    --color-neutral-a4: var(--slate-a4);\n    --color-neutral-a5: var(--slate-a5);\n    --color-neutral-a6: var(--slate-a6);\n    --color-neutral-a7: var(--slate-a7);\n    --color-neutral-a8: var(--slate-a8);\n    --color-neutral-a9: var(--slate-a9);\n    --color-neutral-a10: var(--slate-a10);\n    --color-neutral-a11: var(--slate-a11);\n    --color-neutral-a12: var(--slate-a12);\n    --color-neutral-contrast: var(--slate-contrast);\n    --color-accent-1: var(--blue-1);\n    --color-accent-2: var(--blue-2);\n    --color-accent-3: var(--blue-3);\n    --color-accent-4: var(--blue-4);\n    --color-accent-5: var(--blue-5);\n    --color-accent-6: var(--blue-6);\n    --color-accent-7: var(--blue-7);\n    --color-accent-8: var(--blue-8);\n    --color-accent-9: var(--blue-9);\n    --color-accent-10: var(--blue-10);\n    --color-accent-11: var(--blue-11);\n    --color-accent-12: var(--blue-12);\n    --color-accent-contrast: var(--blue-contrast);\n    --color-accent-secondary-1: var(--violet-1);\n    --color-accent-secondary-2: var(--violet-2);\n    --color-accent-secondary-3: var(--violet-3);\n    --color-accent-secondary-4: var(--violet-4);\n    --color-accent-secondary-5: var(--violet-5);\n    --color-accent-secondary-6: var(--violet-6);\n    --color-accent-secondary-7: var(--violet-7);\n    --color-accent-secondary-8: var(--violet-8);\n    --color-accent-secondary-9: var(--violet-9);\n    --color-accent-secondary-10: var(--violet-10);\n    --color-accent-secondary-11: var(--violet-11);\n    --color-accent-secondary-12: var(--violet-12);\n    --color-accent-secondary-contrast: var(--violet-contrast);\n    --color-fg: var(--color-neutral-12);\n    --color-fg-secondary: var(--color-neutral-a11);\n    --color-bg: #ffffff;\n    --color-bg-inset: var(--color-neutral-2);\n    --color-bg-overlay: #ffffff;\n    --color-focus-ring: var(--color-accent-9);\n    --font-sans-serif: ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n      \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n    --font-serif: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n    --font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n      \"Liberation Mono\", \"Courier New\", monospace;\n    --font-family: var(--font-sans-serif);\n  }\n  #spark-app.dark-theme {\n    --color-bg: var(--color-neutral-1);\n    --color-bg-inset: #000000;\n    --color-bg-overlay: var(--color-neutral-3);\n  }\n}\n@layer theme, base, components, utilities;\n@layer theme;\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html, :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b, strong {\n    font-weight: bolder;\n  }\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub, sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol, ul, menu {\n    list-style: none;\n  }\n  img, svg, video, canvas, audio, iframe, embed, object {\n    display: block;\n    vertical-align: middle;\n  }\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n  button, input, select, optgroup, textarea, ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-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 {\n    padding-block: 0;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n}\n@layer utilities;\n@layer base {\n  * {\n    border-color: var(--border);\n  }\n  body {\n    font-family: 'Inter', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  html {\n    scroll-behavior: smooth;\n  }\n  @media (max-width: 768px) {\n    html {\n      -webkit-tap-highlight-color: transparent;\n    }\n  }\n  *::-webkit-scrollbar {\n    width: 14px;\n    height: 14px;\n  }\n  @media (max-width: 768px) {\n    *::-webkit-scrollbar {\n      width: 8px;\n      height: 8px;\n    }\n  }\n  *::-webkit-scrollbar-track {\n    background: oklch(0.12 0.03 260);\n    border-radius: 12px;\n  }\n  *::-webkit-scrollbar-thumb {\n    background: linear-gradient(180deg, oklch(0.55 0.20 270), oklch(0.65 0.28 300));\n    border-radius: 12px;\n    border: 3px solid oklch(0.12 0.03 260);\n  }\n  @media (max-width: 768px) {\n    *::-webkit-scrollbar-thumb {\n      border: 2px solid oklch(0.12 0.03 260);\n    }\n  }\n  *::-webkit-scrollbar-thumb:hover {\n    background: linear-gradient(180deg, oklch(0.65 0.28 300), oklch(0.55 0.20 270));\n  }\n  *::-webkit-scrollbar-thumb:active {\n    background: oklch(0.65 0.28 300);\n  }\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: oklch(0.65 0.28 300) oklch(0.12 0.03 260);\n  }\n}\n:root {\n  --background: oklch(0.12 0.03 260);\n  --foreground: oklch(0.98 0 0);\n  --card: oklch(0.18 0.05 260 / 0.5);\n  --card-foreground: oklch(0.98 0 0);\n  --popover: oklch(0.18 0.05 260);\n  --popover-foreground: oklch(0.98 0 0);\n  --primary: oklch(0.50 0.22 280);\n  --primary-foreground: oklch(0.98 0 0);\n  --secondary: oklch(0.55 0.20 270);\n  --secondary-foreground: oklch(0.98 0 0);\n  --muted: oklch(0.55 0.20 270);\n  --muted-foreground: oklch(0.75 0.08 270);\n  --accent: oklch(0.65 0.28 300);\n  --accent-foreground: oklch(0.12 0.03 260);\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(0.98 0 0);\n  --border: oklch(0.55 0.20 270 / 0.25);\n  --input: oklch(0.55 0.20 270 / 0.35);\n  --ring: oklch(0.65 0.28 300);\n  --radius: 1rem;\n}\n.glass-card {\n  backdrop-filter: blur(40px) saturate(150%);\n  background: oklch(0.16 0.04 260 / 0.6);\n  border: 1px solid oklch(0.55 0.20 270 / 0.2);\n  position: relative;\n  overflow: hidden;\n}\n.glass-card::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: radial-gradient( 600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), oklch(0.65 0.28 300 / 0.1) 0%, transparent 50% );\n  opacity: 0;\n  transition: opacity 0.4s ease;\n  pointer-events: none;\n}\n.glass-card:hover::before {\n  opacity: 1;\n}\n.glass-card::after {\n  content: '';\n  position: absolute;\n  inset: -1px;\n  border-radius: inherit;\n  padding: 1px;\n  background: linear-gradient(135deg, oklch(0.65 0.28 300 / 0.3), transparent 40%, oklch(0.55 0.20 270 / 0.3) );\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n.glass-card:hover::after {\n  opacity: 1;\n}\n.featured-glow {\n  position: relative;\n  animation: glow-pulse 4s ease-in-out infinite;\n}\n.featured-glow::before {\n  content: '';\n  position: absolute;\n  inset: -3px;\n  border-radius: inherit;\n  padding: 3px;\n  background: linear-gradient(135deg, oklch(0.65 0.28 300), oklch(0.55 0.20 270), oklch(0.65 0.28 300) );\n  background-size: 300% 300%;\n  animation: gradient-rotate 4s linear infinite;\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  opacity: 0.7;\n}\n@keyframes glow-pulse {\n  0%, 100% {\n    filter: drop-shadow(0 0 12px oklch(0.65 0.28 300 / 0.4));\n  }\n  50% {\n    filter: drop-shadow(0 0 24px oklch(0.65 0.28 300 / 0.7));\n  }\n}\n@keyframes gradient-rotate {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n.gradient-bg {\n  background: radial-gradient(ellipse at top, oklch(0.25 0.15 270) 0%, oklch(0.12 0.03 260) 50%);\n  position: relative;\n}\n.gradient-bg::before {\n  content: '';\n  position: fixed;\n  inset: 0;\n  background-image: radial-gradient(circle at 20% 30%, oklch(0.50 0.22 280 / 0.2) 0%, transparent 50%), radial-gradient(circle at 80% 70%, oklch(0.65 0.28 300 / 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 80%, oklch(0.55 0.20 270 / 0.15) 0%, transparent 50%);\n  animation: background-shift 25s ease-in-out infinite;\n  pointer-events: none;\n}\n@keyframes background-shift {\n  0%, 100% {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n  }\n  50% {\n    opacity: 0.9;\n    transform: scale(1.15) rotate(5deg);\n  }\n}\n.animate-float {\n  animation: float 7s ease-in-out infinite;\n}\n@keyframes float {\n  0%, 100% {\n    transform: translateY(0px) rotate(0deg);\n  }\n  33% {\n    transform: translateY(-25px) rotate(2deg);\n  }\n  66% {\n    transform: translateY(-10px) rotate(-2deg);\n  }\n}\n.text-shimmer {\n  background: linear-gradient( 90deg, oklch(0.98 0 0) 0%, oklch(0.65 0.28 300) 50%, oklch(0.98 0 0) 100% );\n  background-size: 200% auto;\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: shimmer 4s linear infinite;\n}\n@keyframes shimmer {\n  to {\n    background-position: 200% center;\n  }\n}\n.animate-shimmer {\n  background-size: 200% auto;\n  animation: shimmer 8s linear infinite;\n}\n@keyframes spin-slow {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.animate-spin-slow {\n  animation: spin-slow 20s linear infinite;\n}\n@keyframes pulse-glow {\n  0%, 100% {\n    box-shadow: 0 0 20px oklch(0.65 0.28 300 / 0.3);\n  }\n  50% {\n    box-shadow: 0 0 40px oklch(0.65 0.28 300 / 0.6);\n  }\n}\n.animate-pulse-glow {\n  animation: pulse-glow 3s ease-in-out infinite;\n}\n.perspective-1000 {\n  perspective: 1000px;\n}\n.pricing-card-3d {\n  transform-style: preserve-3d;\n  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n.pricing-card-3d:hover {\n  transform: translateZ(30px) scale(1.02);\n}\n@layer base {\n  *, ::after, ::before, ::backdrop, ::file-selector-button {\n    border-color: var(--color-gray-200, currentColor);\n  }\n}\n:root {\n  --radius: 0.625rem;\n  --background: oklch(1 0 0);\n  --foreground: oklch(0.145 0 0);\n  --card: oklch(1 0 0);\n  --card-foreground: oklch(0.145 0 0);\n  --popover: oklch(1 0 0);\n  --popover-foreground: oklch(0.145 0 0);\n  --primary: oklch(0.205 0 0);\n  --primary-foreground: oklch(0.985 0 0);\n  --secondary: oklch(0.97 0 0);\n  --secondary-foreground: oklch(0.205 0 0);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: oklch(0.97 0 0);\n  --accent-foreground: oklch(0.205 0 0);\n  --destructive: oklch(0.577 0.245 27.325);\n  --border: oklch(0.922 0 0);\n  --input: oklch(0.922 0 0);\n  --ring: oklch(0.708 0 0);\n  --chart-1: oklch(0.646 0.222 41.116);\n  --chart-2: oklch(0.6 0.118 184.704);\n  --chart-3: oklch(0.398 0.07 227.392);\n  --chart-4: oklch(0.828 0.189 84.429);\n  --chart-5: oklch(0.769 0.188 70.08);\n  --sidebar: oklch(0.985 0 0);\n  --sidebar-foreground: oklch(0.145 0 0);\n  --sidebar-primary: oklch(0.205 0 0);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.97 0 0);\n  --sidebar-accent-foreground: oklch(0.205 0 0);\n  --sidebar-border: oklch(0.922 0 0);\n  --sidebar-ring: oklch(0.708 0 0);\n}\n.dark {\n  --background: oklch(0.145 0 0);\n  --foreground: oklch(0.985 0 0);\n  --card: oklch(0.205 0 0);\n  --card-foreground: oklch(0.985 0 0);\n  --popover: oklch(0.205 0 0);\n  --popover-foreground: oklch(0.985 0 0);\n  --primary: oklch(0.922 0 0);\n  --primary-foreground: oklch(0.205 0 0);\n  --secondary: oklch(0.269 0 0);\n  --secondary-foreground: oklch(0.985 0 0);\n  --muted: oklch(0.269 0 0);\n  --muted-foreground: oklch(0.708 0 0);\n  --accent: oklch(0.269 0 0);\n  --accent-foreground: oklch(0.985 0 0);\n  --destructive: oklch(0.704 0.191 22.216);\n  --border: oklch(1 0 0 / 10%);\n  --input: oklch(1 0 0 / 15%);\n  --ring: oklch(0.556 0 0);\n  --chart-1: oklch(0.488 0.243 264.376);\n  --chart-2: oklch(0.696 0.17 162.48);\n  --chart-3: oklch(0.769 0.188 70.08);\n  --chart-4: oklch(0.627 0.265 303.9);\n  --chart-5: oklch(0.645 0.246 16.439);\n  --sidebar: oklch(0.205 0 0);\n  --sidebar-foreground: oklch(0.985 0 0);\n  --sidebar-primary: oklch(0.488 0.243 264.376);\n  --sidebar-primary-foreground: oklch(0.985 0 0);\n  --sidebar-accent: oklch(0.269 0 0);\n  --sidebar-accent-foreground: oklch(0.985 0 0);\n  --sidebar-border: oklch(1 0 0 / 10%);\n  --sidebar-ring: oklch(0.556 0 0);\n}\n@layer base {\n  * {\n    border-color: var(--border);\n    outline-color: var(--ring);\n    @supports (color: color-mix(in lab, red, red)) {\n      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    }\n  }\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n}\n@property --tw-translate-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-translate-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-space-x-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-gradient-position {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-via {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-to {\n  syntax: \"<color>\";\n  inherits: false;\n  initial-value: #0000;\n}\n@property --tw-gradient-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-via-stops {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-gradient-from-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 0%;\n}\n@property --tw-gradient-via-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 50%;\n}\n@property --tw-gradient-to-position {\n  syntax: \"<length-percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ordinal {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-slashed-zero {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-figure {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-spacing {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-numeric-fraction {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-scale-x {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-y {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-scale-z {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 1;\n}\n@property --tw-content {\n  syntax: \"*\";\n  initial-value: \"\";\n  inherits: false;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  }\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity,1);\n    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));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity,1);\n    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));\n  }\n}\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height));\n  }\n}\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height));\n  }\n  to {\n    height: 0;\n  }\n}\n@keyframes caret-blink {\n  0%,70%,100% {\n    opacity: 1;\n  }\n  20%,50% {\n    opacity: 0;\n  }\n}\n@keyframes enter {\n  from {\n    opacity: var(--tw-enter-opacity,1);\n    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));\n  }\n}\n@keyframes exit {\n  to {\n    opacity: var(--tw-exit-opacity,1);\n    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));\n  }\n}\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height));\n  }\n}\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height,var(--bits-accordion-content-height));\n  }\n  to {\n    height: 0;\n  }\n}\n@keyframes caret-blink {\n  0%,70%,100% {\n    opacity: 1;\n  }\n  20%,50% {\n    opacity: 0;\n  }\n}\n@keyframes accordion-down {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-accordion-content-height);\n  }\n}\n@keyframes accordion-up {\n  from {\n    height: var(--radix-accordion-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-translate-x: 0;\n      --tw-translate-y: 0;\n      --tw-translate-z: 0;\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-space-y-reverse: 0;\n      --tw-space-x-reverse: 0;\n      --tw-border-style: solid;\n      --tw-gradient-position: initial;\n      --tw-gradient-from: #0000;\n      --tw-gradient-via: #0000;\n      --tw-gradient-to: #0000;\n      --tw-gradient-stops: initial;\n      --tw-gradient-via-stops: initial;\n      --tw-gradient-from-position: 0%;\n      --tw-gradient-via-position: 50%;\n      --tw-gradient-to-position: 100%;\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-tracking: initial;\n      --tw-ordinal: initial;\n      --tw-slashed-zero: initial;\n      --tw-numeric-figure: initial;\n      --tw-numeric-spacing: initial;\n      --tw-numeric-fraction: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n      --tw-scale-x: 1;\n      --tw-scale-y: 1;\n      --tw-scale-z: 1;\n      --tw-content: \"\";\n    }\n  }\n}\n"
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
import.meta.hot.prune(() => __vite__removeStyle(__vite__id))