/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        ::backdrop,
        :after,
        :before {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: ""
        }
    }
}

@layer theme {

    :host,
    :root {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-50: oklch(97.1% .013 17.38);
        --color-red-100: oklch(93.6% .032 17.717);
        --color-red-200: oklch(88.5% .062 18.334);
        --color-red-300: oklch(80.8% .114 19.571);
        --color-red-400: oklch(70.4% .191 22.216);
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-700: oklch(50.5% .213 27.518);
        --color-red-800: oklch(44.4% .177 26.899);
        --color-red-900: oklch(39.6% .141 25.723);
        --color-orange-50: oklch(98% .016 73.684);
        --color-orange-100: oklch(95.4% .038 75.164);
        --color-orange-200: oklch(90.1% .076 70.697);
        --color-orange-300: oklch(83.7% .128 66.29);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-orange-600: oklch(64.6% .222 41.116);
        --color-orange-700: oklch(55.3% .195 38.402);
        --color-orange-800: oklch(47% .157 37.304);
        --color-orange-900: oklch(40.8% .123 38.172);
        --color-amber-50: oklch(98.7% .022 95.277);
        --color-amber-100: oklch(96.2% .059 95.617);
        --color-amber-200: oklch(92.4% .12 95.746);
        --color-amber-300: oklch(87.9% .169 91.605);
        --color-amber-400: oklch(82.8% .189 84.429);
        --color-amber-500: oklch(76.9% .188 70.08);
        --color-amber-600: oklch(66.6% .179 58.318);
        --color-amber-700: oklch(55.5% .163 48.998);
        --color-amber-800: oklch(47.3% .137 46.201);
        --color-amber-900: oklch(41.4% .112 45.904);
        --color-yellow-50: oklch(98.7% .026 102.212);
        --color-yellow-100: oklch(97.3% .071 103.193);
        --color-yellow-200: oklch(94.5% .129 101.54);
        --color-yellow-300: oklch(90.5% .182 98.111);
        --color-yellow-400: oklch(85.2% .199 91.936);
        --color-yellow-500: oklch(79.5% .184 86.047);
        --color-yellow-600: oklch(68.1% .162 75.834);
        --color-yellow-700: oklch(55.4% .135 66.442);
        --color-yellow-800: oklch(47.6% .114 61.907);
        --color-yellow-900: oklch(42.1% .095 57.708);
        --color-green-50: oklch(98.2% .018 155.826);
        --color-green-100: oklch(96.2% .044 156.743);
        --color-green-200: oklch(92.5% .084 155.995);
        --color-green-300: oklch(87.1% .15 154.449);
        --color-green-400: oklch(79.2% .209 151.711);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-green-600: oklch(62.7% .194 149.214);
        --color-green-700: oklch(52.7% .154 150.069);
        --color-green-800: oklch(44.8% .119 151.328);
        --color-green-900: oklch(39.3% .095 152.535);
        --color-emerald-50: oklch(97.9% .021 166.113);
        --color-emerald-100: oklch(95% .052 163.051);
        --color-emerald-200: oklch(90.5% .093 164.15);
        --color-emerald-400: oklch(76.5% .177 163.223);
        --color-emerald-500: oklch(69.6% .17 162.48);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-emerald-700: oklch(50.8% .118 165.612);
        --color-blue-50: oklch(97% .014 254.604);
        --color-blue-100: oklch(93.2% .032 255.585);
        --color-blue-200: oklch(88.2% .059 254.128);
        --color-blue-300: oklch(80.9% .105 251.813);
        --color-blue-400: oklch(70.7% .165 254.624);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-blue-600: oklch(54.6% .245 262.881);
        --color-blue-700: oklch(48.8% .243 264.376);
        --color-blue-800: oklch(42.4% .199 265.638);
        --color-blue-900: oklch(37.9% .146 265.522);
        --color-indigo-50: oklch(96.2% .018 272.314);
        --color-indigo-100: oklch(93% .034 272.788);
        --color-indigo-200: oklch(87% .065 274.039);
        --color-indigo-300: oklch(78.5% .115 274.713);
        --color-indigo-400: oklch(67.3% .182 276.935);
        --color-indigo-500: oklch(58.5% .233 277.117);
        --color-indigo-600: oklch(51.1% .262 276.966);
        --color-indigo-700: oklch(45.7% .24 277.023);
        --color-indigo-800: oklch(39.8% .195 277.366);
        --color-indigo-900: oklch(35.9% .144 278.697);
        --color-purple-50: oklch(97.7% .014 308.299);
        --color-purple-100: oklch(94.6% .033 307.174);
        --color-purple-200: oklch(90.2% .063 306.703);
        --color-purple-500: oklch(62.7% .265 303.9);
        --color-purple-600: oklch(55.8% .288 302.321);
        --color-purple-700: oklch(49.6% .265 301.924);
        --color-purple-800: oklch(43.8% .218 303.724);
        --color-rose-100: oklch(94.1% .03 12.58);
        --color-rose-200: oklch(89.2% .058 10.001);
        --color-rose-300: oklch(81% .117 11.638);
        --color-rose-600: oklch(58.6% .253 17.585);
        --color-rose-700: oklch(51.4% .222 16.935);
        --color-rose-800: oklch(45.5% .188 13.697);
        --color-slate-50: oklch(98.4% .003 247.858);
        --color-slate-100: oklch(96.8% .007 247.896);
        --color-slate-200: oklch(92.9% .013 255.508);
        --color-slate-600: oklch(44.6% .043 257.281);
        --color-slate-800: oklch(27.9% .041 260.031);
        --color-slate-900: oklch(20.8% .042 265.755);
        --color-gray-50: oklch(98.5% .002 247.839);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-gray-300: oklch(87.2% .01 258.338);
        --color-gray-400: oklch(70.7% .022 261.325);
        --color-gray-500: oklch(55.1% .027 264.364);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-700: oklch(37.3% .034 259.733);
        --color-gray-800: oklch(27.8% .033 256.848);
        --color-gray-900: oklch(21% .034 264.665);
        --color-neutral-50: oklch(98.5% 0 0);
        --color-neutral-900: oklch(20.5% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --breakpoint-sm: 40rem;
        --breakpoint-md: 48rem;
        --breakpoint-lg: 64rem;
        --breakpoint-xl: 80rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25/1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --font-weight-extralight: 200;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --leading-relaxed: 1.625;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-lg: 16px;
        --blur-xl: 24px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

@layer base {

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

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

    :root {
        --background: 0 0% 100%;
        --foreground: 222.2 84% 4.9%;
        --card: 0 0% 100%;
        --card-foreground: 222.2 84% 4.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 222.2 84% 4.9%;
        --primary: 222.2 47.4% 11.2%;
        --primary-foreground: 210 40% 98%;
        --secondary: 210 40% 96.1%;
        --secondary-foreground: 222.2 47.4% 11.2%;
        --muted: 210 40% 96.1%;
        --muted-foreground: 215.4 16.3% 46.9%;
        --accent: 210 40% 96.1%;
        --accent-foreground: 222.2 47.4% 11.2%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 210 40% 98%;
        --border: 214.3 31.8% 91.4%;
        --input: 214.3 31.8% 91.4%;
        --ring: 222.2 84% 4.9%;
        --radius: .5rem
    }

    .dark {
        --background: 222.2 84% 4.9%;
        --foreground: 210 40% 98%;
        --card: 222.2 84% 4.9%;
        --card-foreground: 210 40% 98%;
        --popover: 222.2 84% 4.9%;
        --popover-foreground: 210 40% 98%;
        --primary: 210 40% 98%;
        --primary-foreground: 222.2 47.4% 11.2%;
        --secondary: 217.2 32.6% 17.5%;
        --secondary-foreground: 210 40% 98%;
        --muted: 217.2 32.6% 17.5%;
        --muted-foreground: 215 20.2% 65.1%;
        --accent: 217.2 32.6% 17.5%;
        --accent-foreground: 210 40% 98%;
        --destructive: 0 62.8% 30.6%;
        --destructive-foreground: 210 40% 98%;
        --border: 217.2 32.6% 17.5%;
        --input: 217.2 32.6% 17.5%;
        --ring: 212.7 26.8% 83.9%
    }

    * {
        border-color: hsl(var(--border))
    }

    body {
        background-color: hsl(var(--background));
        color: hsl(var(--foreground))
    }

    :root,
    [data-theme] {
        color: hsl(var(--heroui-foreground));
        background-color: hsl(var(--heroui-background))
    }

    :root,
    [data-theme=light] {
        color-scheme: light;
        --heroui-background: 0 0% 100%;
        --heroui-foreground-50: 0 0% 98.04%;
        --heroui-foreground-100: 240 4.76% 95.88%;
        --heroui-foreground-200: 240 5.88% 90%;
        --heroui-foreground-300: 240 4.88% 83.92%;
        --heroui-foreground-400: 240 5.03% 64.9%;
        --heroui-foreground-500: 240 3.83% 46.08%;
        --heroui-foreground-600: 240 5.2% 33.92%;
        --heroui-foreground-700: 240 5.26% 26.08%;
        --heroui-foreground-800: 240 3.7% 15.88%;
        --heroui-foreground-900: 240 5.88% 10%;
        --heroui-foreground: 201.82 24.44% 8.82%;
        --heroui-divider: 0 0% 6.67%;
        --heroui-focus: 212.02 100% 46.67%;
        --heroui-overlay: 0 0% 0%;
        --heroui-content1: 0 0% 100%;
        --heroui-content1-foreground: 201.82 24.44% 8.82%;
        --heroui-content2: 240 4.76% 95.88%;
        --heroui-content2-foreground: 240 3.7% 15.88%;
        --heroui-content3: 240 5.88% 90%;
        --heroui-content3-foreground: 240 5.26% 26.08%;
        --heroui-content4: 240 4.88% 83.92%;
        --heroui-content4-foreground: 240 5.2% 33.92%;
        --heroui-default-50: 0 0% 98.04%;
        --heroui-default-100: 240 4.76% 95.88%;
        --heroui-default-200: 240 5.88% 90%;
        --heroui-default-300: 240 4.88% 83.92%;
        --heroui-default-400: 240 5.03% 64.9%;
        --heroui-default-500: 240 3.83% 46.08%;
        --heroui-default-600: 240 5.2% 33.92%;
        --heroui-default-700: 240 5.26% 26.08%;
        --heroui-default-800: 240 3.7% 15.88%;
        --heroui-default-900: 240 5.88% 10%;
        --heroui-default-foreground: 0 0% 0%;
        --heroui-default: 240 4.88% 83.92%;
        --heroui-primary-50: 212.5 92.31% 94.9%;
        --heroui-primary-100: 211.84 92.45% 89.61%;
        --heroui-primary-200: 211.84 92.45% 79.22%;
        --heroui-primary-300: 212.24 92.45% 68.82%;
        --heroui-primary-400: 212.14 92.45% 58.43%;
        --heroui-primary-500: 212.02 100% 46.67%;
        --heroui-primary-600: 212.14 100% 38.43%;
        --heroui-primary-700: 212.24 100% 28.82%;
        --heroui-primary-800: 211.84 100% 19.22%;
        --heroui-primary-900: 211.84 100% 9.61%;
        --heroui-primary-foreground: 0 0% 100%;
        --heroui-primary: 212.02 100% 46.67%;
        --heroui-secondary-50: 270 61.54% 94.9%;
        --heroui-secondary-100: 270 59.26% 89.41%;
        --heroui-secondary-200: 270 59.26% 78.82%;
        --heroui-secondary-300: 270 59.26% 68.24%;
        --heroui-secondary-400: 270 59.26% 57.65%;
        --heroui-secondary-500: 270 66.67% 47.06%;
        --heroui-secondary-600: 270 66.67% 37.65%;
        --heroui-secondary-700: 270 66.67% 28.24%;
        --heroui-secondary-800: 270 66.67% 18.82%;
        --heroui-secondary-900: 270 66.67% 9.41%;
        --heroui-secondary-foreground: 0 0% 100%;
        --heroui-secondary: 270 66.67% 47.06%;
        --heroui-success-50: 146.67 64.29% 94.51%;
        --heroui-success-100: 145.71 61.4% 88.82%;
        --heroui-success-200: 146.2 61.74% 77.45%;
        --heroui-success-300: 145.79 62.57% 66.47%;
        --heroui-success-400: 146.01 62.45% 55.1%;
        --heroui-success-500: 145.96 79.46% 43.92%;
        --heroui-success-600: 146.01 79.89% 35.1%;
        --heroui-success-700: 145.79 79.26% 26.47%;
        --heroui-success-800: 146.2 79.78% 17.45%;
        --heroui-success-900: 145.71 77.78% 8.82%;
        --heroui-success-foreground: 0 0% 0%;
        --heroui-success: 145.96 79.46% 43.92%;
        --heroui-warning-50: 54.55 91.67% 95.29%;
        --heroui-warning-100: 37.14 91.3% 90.98%;
        --heroui-warning-200: 37.14 91.3% 81.96%;
        --heroui-warning-300: 36.96 91.24% 73.14%;
        --heroui-warning-400: 37.01 91.26% 64.12%;
        --heroui-warning-500: 37.03 91.27% 55.1%;
        --heroui-warning-600: 37.01 74.22% 44.12%;
        --heroui-warning-700: 36.96 73.96% 33.14%;
        --heroui-warning-800: 37.14 75% 21.96%;
        --heroui-warning-900: 37.14 75% 10.98%;
        --heroui-warning-foreground: 0 0% 0%;
        --heroui-warning: 37.03 91.27% 55.1%;
        --heroui-danger-50: 339.13 92% 95.1%;
        --heroui-danger-100: 340 91.84% 90.39%;
        --heroui-danger-200: 339.33 90% 80.39%;
        --heroui-danger-300: 339.11 90.6% 70.78%;
        --heroui-danger-400: 339 90% 60.78%;
        --heroui-danger-500: 339.2 90.36% 51.18%;
        --heroui-danger-600: 339 86.54% 40.78%;
        --heroui-danger-700: 339.11 85.99% 30.78%;
        --heroui-danger-800: 339.33 86.54% 20.39%;
        --heroui-danger-900: 340 84.91% 10.39%;
        --heroui-danger-foreground: 0 0% 100%;
        --heroui-danger: 339.2 90.36% 51.18%;
        --heroui-divider-weight: 1px;
        --heroui-disabled-opacity: .5;
        --heroui-font-size-tiny: .75rem;
        --heroui-font-size-small: .875rem;
        --heroui-font-size-medium: 1rem;
        --heroui-font-size-large: 1.125rem;
        --heroui-line-height-tiny: 1rem;
        --heroui-line-height-small: 1.25rem;
        --heroui-line-height-medium: 1.5rem;
        --heroui-line-height-large: 1.75rem;
        --heroui-radius-small: 8px;
        --heroui-radius-medium: 12px;
        --heroui-radius-large: 14px;
        --heroui-border-width-small: 1px;
        --heroui-border-width-medium: 2px;
        --heroui-border-width-large: 3px;
        --heroui-box-shadow-small: 0px 0px 5px 0px #00000005, 0px 2px 10px 0px #0000000f, 0px 0px 1px 0px #0000004d;
        --heroui-box-shadow-medium: 0px 0px 15px 0px #00000008, 0px 2px 30px 0px #00000014, 0px 0px 1px 0px #0000004d;
        --heroui-box-shadow-large: 0px 0px 30px 0px #0000000a, 0px 30px 60px 0px #0000001f, 0px 0px 1px 0px #0000004d;
        --heroui-hover-opacity: .8
    }
}

@layer components;

@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }

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

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

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

    .absolute,
    .sr-only {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

    .start-1\.5 {
        inset-inline-start: calc(var(--spacing)*1.5)
    }

    .start-2 {
        inset-inline-start: calc(var(--spacing)*2)
    }

    .start-3 {
        inset-inline-start: calc(var(--spacing)*3)
    }

    .start-auto {
        inset-inline-start: auto
    }

    .end-1 {
        inset-inline-end: calc(var(--spacing)*1)
    }

    .end-1\.5 {
        inset-inline-end: calc(var(--spacing)*1.5)
    }

    .end-3 {
        inset-inline-end: calc(var(--spacing)*3)
    }

    .end-18 {
        inset-inline-end: calc(var(--spacing)*18)
    }

    .end-auto {
        inset-inline-end: auto
    }

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

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

    .-top-px {
        top: -1px
    }

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

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

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

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

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

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

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

    .top-\[5\%\] {
        top: 5%
    }

    .top-\[10\%\] {
        top: 10%
    }

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

    .top-\[calc\(46\%\)\] {
        top: 46%
    }

    .top-\[calc\(100\%_\+_2px\)\] {
        top: calc(100% + 2px)
    }

    .top-\[var\(--navbar-height\)\] {
        top: var(--navbar-height)
    }

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

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

    .-right-px {
        right: -1px
    }

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

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

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

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

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

    .right-\[5\%\] {
        right: 5%
    }

    .right-\[10\%\] {
        right: 10%
    }

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

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

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

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

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

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

    .bottom-\[5\%\] {
        bottom: 5%
    }

    .bottom-\[10\%\] {
        bottom: 10%
    }

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

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

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

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

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

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

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

    .left-\[5\%\] {
        left: 5%
    }

    .left-\[10\%\] {
        left: 10%
    }

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

    .left-\[calc\(37\.5\%\)\] {
        left: 37.5%
    }

    .isolate {
        isolation: isolate
    }

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

    .z-0 {
        z-index: 0
    }

    .z-3 {
        z-index: 3
    }

    .z-9 {
        z-index: 9
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-\[1\] {
        z-index: 1
    }

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

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .col-span-1 {
        grid-column: span 1/span 1
    }

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

    .col-span-3 {
        grid-column: span 3/span 3
    }

    .container {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
        margin-inline: .5rem
    }

    .mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
        margin-inline: .375rem
    }

    .mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
        margin-inline: .25rem
    }

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

    .my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] {
        margin-block: .5rem
    }

    .my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] {
        margin-block: .375rem
    }

    .my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] {
        margin-block: .25rem
    }

    .my-auto {
        margin-block: auto
    }

    .-ms-2 {
        margin-inline-start: calc(var(--spacing)*-2)
    }

    .ms-2 {
        margin-inline-start: calc(var(--spacing)*2)
    }

    .ms-3 {
        margin-inline-start: calc(var(--spacing)*3)
    }

    .me-2 {
        margin-inline-end: calc(var(--spacing)*2)
    }

    .me-4 {
        margin-inline-end: calc(var(--spacing)*4)
    }

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

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

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

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

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

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

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

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

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

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

    .-mb-px {
        margin-bottom: -1px
    }

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

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

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

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

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

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

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

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

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

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

    .mb-px {
        margin-bottom: 1px
    }

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

    .-ml-px {
        margin-left: -1px
    }

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

    .box-border {
        box-sizing: border-box
    }

    .box-content {
        box-sizing: content-box
    }

    .scrollbar-default {
        -ms-overflow-style: auto;
        scrollbar-width: auto
    }

    .scrollbar-default::-webkit-scrollbar {
        display: block
    }

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

    .scrollbar-hide::-webkit-scrollbar {
        display: none
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flow-root {
        display: flow-root
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .table {
        display: table
    }

    .table\! {
        display: table !important
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

    .\!h-auto {
        height: auto !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[--visual-viewport-height\] {
        height: --visual-viewport-height
    }

    .h-\[2px\] {
        height: 2px
    }

    .h-\[8\%\] {
        height: 8%
    }

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

    .h-\[70px\] {
        height: 70px
    }

    .h-\[70vh\] {
        height: 70vh
    }

    .h-\[100dvh\] {
        height: 100dvh
    }

    .h-\[800px\] {
        height: 800px
    }

    .h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] {
        height: calc(100dvh - var(--navbar-height))
    }

    .h-\[var\(--navbar-height\)\] {
        height: var(--navbar-height)
    }

    .h-\[var\(--picker-height\)\] {
        height: var(--picker-height)
    }

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

    .h-auto {
        height: auto
    }

    .h-divider {
        height: var(--heroui-divider-weight)
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

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

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

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

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

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

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

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

    .max-h-\[20rem\] {
        max-height: 20rem
    }

    .max-h-\[24rem\] {
        max-height: 24rem
    }

    .max-h-\[28rem\] {
        max-height: 28rem
    }

    .max-h-\[32rem\] {
        max-height: 32rem
    }

    .max-h-\[36rem\] {
        max-height: 36rem
    }

    .max-h-\[42rem\] {
        max-height: 42rem
    }

    .max-h-\[48rem\] {
        max-height: 48rem
    }

    .max-h-\[56rem\] {
        max-height: 56rem
    }

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

    .max-h-\[64rem\] {
        max-height: 64rem
    }

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

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

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

    .max-h-\[calc\(100\%_-_8rem\)\] {
        max-height: calc(100% - 8rem)
    }

    .max-h-\[none\] {
        max-height: none
    }

    .max-h-full {
        max-height: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-h-\[100dvh\] {
        min-height: 100dvh
    }

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

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

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

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

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

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

    .w-1\/2 {
        width: 50%
    }

    .w-1\/3 {
        width: 33.3333%
    }

    .w-1\/4 {
        width: 25%
    }

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

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

    .w-2\/3 {
        width: 66.6667%
    }

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

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

    .w-3\/4 {
        width: 75%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[25\%\] {
        width: 25%
    }

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

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

    .w-\[calc\(100\%_-_16px\)\] {
        width: calc(100% - 16px)
    }

    .w-\[calc\(100\%_-theme\(spacing\.6\)\)\] {
        width: calc(100% - 1.5rem)
    }

    .w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] {
        width: calc(var(--visible-months)*var(--calendar-width))
    }

    .w-auto {
        width: auto
    }

    .w-divider {
        width: var(--heroui-divider-weight)
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[none\] {
        max-width: none
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-full {
        min-width: 100%
    }

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

    .min-w-min {
        min-width: min-content
    }

    .flex-1 {
        flex: 1
    }

    .flex-auto {
        flex: auto
    }

    .flex-initial {
        flex: 0 auto
    }

    .flex-none {
        flex: none
    }

    .flex-shrink {
        flex-shrink: 1
    }

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

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .flex-grow,
    .grow {
        flex-grow: 1
    }

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

    .table-auto {
        table-layout: auto
    }

    .table-fixed {
        table-layout: fixed
    }

    .caption-bottom {
        caption-side: bottom
    }

    .border-collapse {
        border-collapse: collapse
    }

    .\[transform-origin\:var\(--trigger-anchor-point\)\] {
        transform-origin: var(--trigger-anchor-point)
    }

    .origin-center {
        transform-origin: 50%
    }

    .origin-left {
        transform-origin: 0
    }

    .origin-right {
        transform-origin: 100%
    }

    .origin-top {
        transform-origin: top
    }

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

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

    .-translate-x-1\/2,
    .translate-x-1 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

    .translate-x-1\/2,
    .translate-x-\[-50\%\] {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-\[-50\%\] {
        --tw-translate-x: -50%
    }

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

    .-translate-y-1,
    .-translate-y-1\/2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

    .translate-y-1,
    .translate-y-1\/2 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

    .translate-y-2\/4 {
        --tw-translate-y: calc(2/4*100%)
    }

    .translate-y-2\/4,
    .translate-y-3\/4 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-3\/4 {
        --tw-translate-y: calc(3/4*100%)
    }

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

    .scale-0 {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%
    }

    .scale-0,
    .scale-50 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-50 {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%
    }

    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%
    }

    .scale-75,
    .scale-90 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%
    }

    .scale-100,
    .scale-105 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-105 {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%
    }

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

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

    .rotate-0 {
        rotate: none
    }

    .rotate-180 {
        rotate: 180deg
    }

    .spinner-bar-animation {
        animation-delay: calc(-1.2s + (.1s*var(--bar-index)));
        transform: rotate(calc(30deg*var(--bar-index)))translate(140%)
    }

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

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

    .animate-\[appearance-in_1s_infinite\] {
        animation: appearance-in 1s infinite
    }

    .animate-blink {
        animation: blink 1.4s infinite both
    }

    .animate-drip-expand {
        animation: drip-expand .42s linear
    }

    .animate-fade-out {
        animation: fade-out 1.2s linear infinite
    }

    .animate-indeterminate-bar {
        animation: indeterminate-bar 1.5s cubic-bezier(.65, .815, .735, .395) infinite
    }

    .animate-none {
        animation: none
    }

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

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

    .animate-spinner-ease-spin {
        animation: spinner-spin .8s infinite
    }

    .animate-spinner-linear-spin {
        animation: spinner-spin .8s linear infinite
    }

    .animate-sway {
        animation: sway .75s infinite
    }

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

    .cursor-help {
        cursor: help
    }

    .cursor-move {
        cursor: move
    }

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

    .cursor-ns-resize {
        cursor: ns-resize
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-text {
        cursor: text
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

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

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

    .snap-center {
        scroll-snap-align: center
    }

    .scroll-py-6 {
        scroll-padding-block: calc(var(--spacing)*6)
    }

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

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

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

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

    .\[appearance\:textfield\] {
        appearance: textfield
    }

    .appearance-none {
        appearance: none
    }

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

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

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

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

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

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

    .flex-col {
        flex-direction: column
    }

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

    .flex-row {
        flex-direction: row
    }

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

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-content-center {
        place-content: center
    }

    .place-items-center {
        place-items: center
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

    .justify-around {
        justify-content: space-around
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .\!gap-0 {
        gap: calc(var(--spacing)*0) !important
    }

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

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

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

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

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

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

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

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

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

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

    .gap-px {
        gap: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .self-center {
        align-self: center
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

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

    .overflow-x-scroll {
        overflow-x: scroll
    }

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

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

    .overflow-y-scroll {
        overflow-y: scroll
    }

    .\!rounded-none {
        border-radius: 0 !important
    }

    .rounded {
        border-radius: .25rem
    }

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

    .rounded-\[calc\(theme\(borderRadius\.large\)\/1\.5\)\],
    .rounded-\[calc\(var\(--heroui-radius-large\)\/1\.5\)\] {
        border-radius: calc(var(--heroui-radius-large)/1.5)
    }

    .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\] {
        border-radius: calc(var(--heroui-radius-medium)*.5)
    }

    .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\] {
        border-radius: calc(var(--heroui-radius-medium)*.6)
    }

    .rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\] {
        border-radius: calc(var(--heroui-radius-medium)*.7)
    }

    .rounded-\[calc\(var\(--heroui-radius-medium\)\/2\)\] {
        border-radius: calc(var(--heroui-radius-medium)/2)
    }

    .rounded-\[calc\(var\(--heroui-radius-small\)\/2\)\] {
        border-radius: calc(var(--heroui-radius-small)/2)
    }

    .rounded-full {
        border-radius: 3.40282e+38px
    }

    .rounded-large {
        border-radius: var(--heroui-radius-large)
    }

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

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

    .rounded-medium {
        border-radius: var(--heroui-radius-medium)
    }

    .rounded-none {
        border-radius: 0
    }

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

    .rounded-small {
        border-radius: var(--heroui-radius-small)
    }

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

    .\!rounded-s-none {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important
    }

    .\!rounded-e-none {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important
    }

    .rounded-t-large {
        border-top-left-radius: var(--heroui-radius-large);
        border-top-right-radius: var(--heroui-radius-large)
    }

    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }

    .rounded-t-medium {
        border-top-left-radius: var(--heroui-radius-medium);
        border-top-right-radius: var(--heroui-radius-medium)
    }

    .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .rounded-t-small {
        border-top-left-radius: var(--heroui-radius-small);
        border-top-right-radius: var(--heroui-radius-small)
    }

    .rounded-t-xl {
        border-top-left-radius: var(--radius-xl);
        border-top-right-radius: var(--radius-xl)
    }

    .rounded-l-none {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .rounded-r-md {
        border-top-right-radius: var(--radius-md);
        border-bottom-right-radius: var(--radius-md)
    }

    .rounded-r-none {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

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

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

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

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

    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

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

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

    .rounded-bl-3xl {
        border-bottom-left-radius: var(--radius-3xl)
    }

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

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

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

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

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

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

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

    .border-x-\[calc\(theme\(spacing\.5\)\/2\)\] {
        border-inline-style: var(--tw-border-style);
        border-inline-width: .625rem
    }

    .border-x-\[calc\(theme\(spacing\.6\)\/2\)\] {
        border-inline-style: var(--tw-border-style);
        border-inline-width: .75rem
    }

    .border-x-\[calc\(theme\(spacing\.7\)\/2\)\] {
        border-inline-style: var(--tw-border-style);
        border-inline-width: .875rem
    }

    .border-y-\[calc\(theme\(spacing\.5\)\/2\)\] {
        border-block-style: var(--tw-border-style);
        border-block-width: .625rem
    }

    .border-y-\[calc\(theme\(spacing\.6\)\/2\)\] {
        border-block-style: var(--tw-border-style);
        border-block-width: .75rem
    }

    .border-y-\[calc\(theme\(spacing\.7\)\/2\)\] {
        border-block-style: var(--tw-border-style);
        border-block-width: .875rem
    }

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

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

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

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

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

    .border-b-medium {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: var(--heroui-border-width-medium)
    }

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

    .\!border-none {
        --tw-border-style: none !important;
        border-style: none !important
    }

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

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

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

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

    .\!border-danger {
        border-color: hsl(var(--heroui-danger)/1) !important
    }

    .border-amber-300 {
        border-color: var(--color-amber-300)
    }

    .border-background {
        border-color: hsl(var(--heroui-background)/1)
    }

    .border-blue-100 {
        border-color: var(--color-blue-100)
    }

    .border-blue-200 {
        border-color: var(--color-blue-200)
    }

    .border-blue-300 {
        border-color: var(--color-blue-300)
    }

    .border-blue-500 {
        border-color: var(--color-blue-500)
    }

    .border-blue-600 {
        border-color: var(--color-blue-600)
    }

    .border-current {
        border-color: currentColor
    }

    .border-danger {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .border-danger-100 {
        border-color: hsl(var(--heroui-danger-100)/1)
    }

    .border-danger-200 {
        border-color: hsl(var(--heroui-danger-200)/1)
    }

    .border-danger-300 {
        border-color: hsl(var(--heroui-danger-300)/1)
    }

    .border-danger-400 {
        border-color: hsl(var(--heroui-danger-400)/1)
    }

    .border-default {
        border-color: hsl(var(--heroui-default)/1)
    }

    .border-default-100 {
        border-color: hsl(var(--heroui-default-100)/1)
    }

    .border-default-200 {
        border-color: hsl(var(--heroui-default-200)/1)
    }

    .border-default-300 {
        border-color: hsl(var(--heroui-default-300)/1)
    }

    .border-default-400 {
        border-color: hsl(var(--heroui-default-400)/1)
    }

    .border-divider {
        border-color: hsl(var(--heroui-divider)/.15)
    }

    .border-foreground {
        border-color: hsl(var(--heroui-foreground)/1)
    }

    .border-foreground-400 {
        border-color: hsl(var(--heroui-foreground-400)/1)
    }

    .border-gray-100 {
        border-color: var(--color-gray-100)
    }

    .border-gray-200 {
        border-color: var(--color-gray-200)
    }

    .border-gray-300 {
        border-color: var(--color-gray-300)
    }

    .border-gray-400 {
        border-color: var(--color-gray-400)
    }

    .border-gray-500 {
        border-color: var(--color-gray-500)
    }

    .border-green-200 {
        border-color: var(--color-green-200)
    }

    .border-green-300 {
        border-color: var(--color-green-300)
    }

    .border-green-500 {
        border-color: var(--color-green-500)
    }

    .border-indigo-400 {
        border-color: var(--color-indigo-400)
    }

    .border-indigo-500 {
        border-color: var(--color-indigo-500)
    }

    .border-indigo-600 {
        border-color: var(--color-indigo-600)
    }

    .border-orange-200 {
        border-color: var(--color-orange-200)
    }

    .border-orange-500 {
        border-color: var(--color-orange-500)
    }

    .border-primary {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .border-primary-100 {
        border-color: hsl(var(--heroui-primary-100)/1)
    }

    .border-primary-200 {
        border-color: hsl(var(--heroui-primary-200)/1)
    }

    .border-primary-400 {
        border-color: hsl(var(--heroui-primary-400)/1)
    }

    .border-primary-500 {
        border-color: hsl(var(--heroui-primary-500)/1)
    }

    .border-primary-600 {
        border-color: hsl(var(--heroui-primary-600)/1)
    }

    .border-purple-200 {
        border-color: var(--color-purple-200)
    }

    .border-purple-500 {
        border-color: var(--color-purple-500)
    }

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

    .border-red-300 {
        border-color: var(--color-red-300)
    }

    .border-red-500 {
        border-color: var(--color-red-500)
    }

    .border-red-600 {
        border-color: var(--color-red-600)
    }

    .border-secondary {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .border-secondary-100 {
        border-color: hsl(var(--heroui-secondary-100)/1)
    }

    .border-secondary-200 {
        border-color: hsl(var(--heroui-secondary-200)/1)
    }

    .border-secondary-400 {
        border-color: hsl(var(--heroui-secondary-400)/1)
    }

    .border-slate-200 {
        border-color: var(--color-slate-200)
    }

    .border-success {
        border-color: hsl(var(--heroui-success)/1)
    }

    .border-success-100 {
        border-color: hsl(var(--heroui-success-100)/1)
    }

    .border-success-200 {
        border-color: hsl(var(--heroui-success-200)/1)
    }

    .border-success-300 {
        border-color: hsl(var(--heroui-success-300)/1)
    }

    .border-success-400 {
        border-color: hsl(var(--heroui-success-400)/1)
    }

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

    .border-warning {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .border-warning-100 {
        border-color: hsl(var(--heroui-warning-100)/1)
    }

    .border-warning-200 {
        border-color: hsl(var(--heroui-warning-200)/1)
    }

    .border-warning-300 {
        border-color: hsl(var(--heroui-warning-300)/1)
    }

    .border-warning-400 {
        border-color: hsl(var(--heroui-warning-400)/1)
    }

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

    .border-yellow-200 {
        border-color: var(--color-yellow-200)
    }

    .border-yellow-500 {
        border-color: var(--color-yellow-500)
    }

    .border-x-transparent {
        border-inline-color: #0000
    }

    .border-y-transparent {
        border-block-color: #0000
    }

    .border-t-blue-500 {
        border-top-color: var(--color-blue-500)
    }

    .border-t-primary-600 {
        border-top-color: hsl(var(--heroui-primary-600)/1)
    }

    .border-t-transparent {
        border-top-color: #0000
    }

    .border-r-transparent {
        border-right-color: #0000
    }

    .border-b-current {
        border-bottom-color: currentColor
    }

    .border-b-danger {
        border-bottom-color: hsl(var(--heroui-danger)/1)
    }

    .border-b-default {
        border-bottom-color: hsl(var(--heroui-default)/1)
    }

    .border-b-primary {
        border-bottom-color: hsl(var(--heroui-primary)/1)
    }

    .border-b-secondary {
        border-bottom-color: hsl(var(--heroui-secondary)/1)
    }

    .border-b-success {
        border-bottom-color: hsl(var(--heroui-success)/1)
    }

    .border-b-warning {
        border-bottom-color: hsl(var(--heroui-warning)/1)
    }

    .border-b-white {
        border-bottom-color: var(--color-white)
    }

    .border-l-danger-500 {
        border-left-color: hsl(var(--heroui-danger-500)/1)
    }

    .border-l-orange-500 {
        border-left-color: var(--color-orange-500)
    }

    .border-l-success-500 {
        border-left-color: hsl(var(--heroui-success-500)/1)
    }

    .border-l-transparent {
        border-left-color: #0000
    }

    .border-l-warning-500 {
        border-left-color: hsl(var(--heroui-warning-500)/1)
    }

    .\!bg-danger-50 {
        background-color: hsl(var(--heroui-danger-50)/1) !important
    }

    .\!bg-transparent {
        background-color: #0000 !important
    }

    .\!bg-white {
        background-color: var(--color-white) !important
    }

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

    .bg-background,
    .bg-background\/10 {
        background-color: hsl(var(--heroui-background)/1)
    }

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

    .bg-background\/70 {
        background-color: hsl(var(--heroui-background)/1)
    }

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

    .bg-background\/80 {
        background-color: hsl(var(--heroui-background)/1)
    }

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

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

    .bg-black\/40 {
        background-color: #0006
    }

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

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

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

    .bg-black\/80 {
        background-color: #000c
    }

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

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

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

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

    .bg-blue-500 {
        background-color: var(--color-blue-500)
    }

    .bg-blue-500\/10 {
        background-color: #3080ff1a
    }

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

    .bg-blue-600 {
        background-color: var(--color-blue-600)
    }

    .bg-content1 {
        background-color: hsl(var(--heroui-content1)/1)
    }

    .bg-content2 {
        background-color: hsl(var(--heroui-content2)/1)
    }

    .bg-content3 {
        background-color: hsl(var(--heroui-content3)/1)
    }

    .bg-current {
        background-color: currentColor
    }

    .bg-danger {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .bg-danger-50 {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .bg-danger-100 {
        background-color: hsl(var(--heroui-danger-100)/1)
    }

    .bg-danger-200 {
        background-color: hsl(var(--heroui-danger-200)/1)
    }

    .bg-danger-400 {
        background-color: hsl(var(--heroui-danger-400)/1)
    }

    .bg-danger-500,
    .bg-danger-500\/10 {
        background-color: hsl(var(--heroui-danger-500)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger-500\/10 {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-500)/1)10%, transparent)
        }
    }

    .bg-danger-600 {
        background-color: hsl(var(--heroui-danger-600)/1)
    }

    .bg-danger\/10 {
        background-color: hsl(var(--heroui-danger)/1)
    }

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

    .bg-danger\/20 {
        background-color: hsl(var(--heroui-danger)/1)
    }

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

    .bg-default {
        background-color: hsl(var(--heroui-default)/1)
    }

    .bg-default-50 {
        background-color: hsl(var(--heroui-default-50)/1)
    }

    .bg-default-100 {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .bg-default-200 {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .bg-default-300,
    .bg-default-300\/50 {
        background-color: hsl(var(--heroui-default-300)/1)
    }

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

    .bg-default-400 {
        background-color: hsl(var(--heroui-default-400)/1)
    }

    .bg-default-500 {
        background-color: hsl(var(--heroui-default-500)/1)
    }

    .bg-default-800 {
        background-color: hsl(var(--heroui-default-800)/1)
    }

    .bg-default\/40 {
        background-color: hsl(var(--heroui-default)/1)
    }

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

    .bg-divider {
        background-color: hsl(var(--heroui-divider)/.15)
    }

    .bg-foreground {
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .bg-foreground-100 {
        background-color: hsl(var(--heroui-foreground-100)/1)
    }

    .bg-foreground-400 {
        background-color: hsl(var(--heroui-foreground-400)/1)
    }

    .bg-foreground\/10 {
        background-color: hsl(var(--heroui-foreground)/1)
    }

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

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

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

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

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

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

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

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

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

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

    .bg-green-300 {
        background-color: var(--color-green-300)
    }

    .bg-green-400 {
        background-color: var(--color-green-400)
    }

    .bg-green-500 {
        background-color: var(--color-green-500)
    }

    .bg-green-500\/10 {
        background-color: #00c7581a
    }

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

    .bg-green-600 {
        background-color: var(--color-green-600)
    }

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

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

    .bg-indigo-600 {
        background-color: var(--color-indigo-600)
    }

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

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

    .bg-orange-500 {
        background-color: var(--color-orange-500)
    }

    .bg-orange-500\/10 {
        background-color: #fe6e001a
    }

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

    .bg-orange-600 {
        background-color: var(--color-orange-600)
    }

    .bg-overlay\/30 {
        background-color: hsl(var(--heroui-overlay)/1)
    }

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

    .bg-overlay\/50 {
        background-color: hsl(var(--heroui-overlay)/1)
    }

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

    .bg-primary {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .bg-primary-50 {
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    .bg-primary-100 {
        background-color: hsl(var(--heroui-primary-100)/1)
    }

    .bg-primary-200 {
        background-color: hsl(var(--heroui-primary-200)/1)
    }

    .bg-primary-400 {
        background-color: hsl(var(--heroui-primary-400)/1)
    }

    .bg-primary-500,
    .bg-primary-500\/10 {
        background-color: hsl(var(--heroui-primary-500)/1)
    }

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

    .bg-primary-600 {
        background-color: hsl(var(--heroui-primary-600)/1)
    }

    .bg-primary\/10 {
        background-color: hsl(var(--heroui-primary)/1)
    }

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

    .bg-primary\/20 {
        background-color: hsl(var(--heroui-primary)/1)
    }

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

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

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

    .bg-purple-500 {
        background-color: var(--color-purple-500)
    }

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

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

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

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

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

    .bg-red-500\/10 {
        background-color: #fb2c361a
    }

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

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

    .bg-secondary {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .bg-secondary-50 {
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    .bg-secondary-100 {
        background-color: hsl(var(--heroui-secondary-100)/1)
    }

    .bg-secondary-400 {
        background-color: hsl(var(--heroui-secondary-400)/1)
    }

    .bg-secondary-500 {
        background-color: hsl(var(--heroui-secondary-500)/1)
    }

    .bg-secondary\/20 {
        background-color: hsl(var(--heroui-secondary)/1)
    }

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

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

    .bg-success {
        background-color: hsl(var(--heroui-success)/1)
    }

    .bg-success-50 {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .bg-success-100 {
        background-color: hsl(var(--heroui-success-100)/1)
    }

    .bg-success-200 {
        background-color: hsl(var(--heroui-success-200)/1)
    }

    .bg-success-400 {
        background-color: hsl(var(--heroui-success-400)/1)
    }

    .bg-success-500,
    .bg-success-500\/10 {
        background-color: hsl(var(--heroui-success-500)/1)
    }

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

    .bg-success-600 {
        background-color: hsl(var(--heroui-success-600)/1)
    }

    .bg-success\/10 {
        background-color: hsl(var(--heroui-success)/1)
    }

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

    .bg-success\/20 {
        background-color: hsl(var(--heroui-success)/1)
    }

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

    .bg-transparent {
        background-color: #0000
    }

    .bg-warning {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .bg-warning-50 {
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    .bg-warning-100 {
        background-color: hsl(var(--heroui-warning-100)/1)
    }

    .bg-warning-400 {
        background-color: hsl(var(--heroui-warning-400)/1)
    }

    .bg-warning-500,
    .bg-warning-500\/10 {
        background-color: hsl(var(--heroui-warning-500)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-warning-500\/10 {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning-500)/1)10%, transparent)
        }
    }

    .bg-warning\/10 {
        background-color: hsl(var(--heroui-warning)/1)
    }

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

    .bg-warning\/20 {
        background-color: hsl(var(--heroui-warning)/1)
    }

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

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

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

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

    .bg-yellow-400 {
        background-color: var(--color-yellow-400)
    }

    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }

    .bg-yellow-600 {
        background-color: var(--color-yellow-600)
    }

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab
    }

    .bg-gradient-to-b,
    .bg-gradient-to-br {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-img-inherit {
        background-image: inherit
    }

    .bg-stripe-gradient-danger {
        background-image: linear-gradient(45deg, hsl(var(--heroui-danger-200))25%, hsl(var(--heroui-danger))25%, hsl(var(--heroui-danger))50%, hsl(var(--heroui-danger-200))50%, hsl(var(--heroui-danger-200))75%, hsl(var(--heroui-danger))75%, hsl(var(--heroui-danger)))
    }

    .bg-stripe-gradient-default {
        background-image: linear-gradient(45deg, hsl(var(--heroui-default-200))25%, hsl(var(--heroui-default-400))25%, hsl(var(--heroui-default-400))50%, hsl(var(--heroui-default-200))50%, hsl(var(--heroui-default-200))75%, hsl(var(--heroui-default-400))75%, hsl(var(--heroui-default-400)))
    }

    .bg-stripe-gradient-primary {
        background-image: linear-gradient(45deg, hsl(var(--heroui-primary-200))25%, hsl(var(--heroui-primary))25%, hsl(var(--heroui-primary))50%, hsl(var(--heroui-primary-200))50%, hsl(var(--heroui-primary-200))75%, hsl(var(--heroui-primary))75%, hsl(var(--heroui-primary)))
    }

    .bg-stripe-gradient-secondary {
        background-image: linear-gradient(45deg, hsl(var(--heroui-secondary-200))25%, hsl(var(--heroui-secondary))25%, hsl(var(--heroui-secondary))50%, hsl(var(--heroui-secondary-200))50%, hsl(var(--heroui-secondary-200))75%, hsl(var(--heroui-secondary))75%, hsl(var(--heroui-secondary)))
    }

    .bg-stripe-gradient-success {
        background-image: linear-gradient(45deg, hsl(var(--heroui-success-200))25%, hsl(var(--heroui-success))25%, hsl(var(--heroui-success))50%, hsl(var(--heroui-success-200))50%, hsl(var(--heroui-success-200))75%, hsl(var(--heroui-success))75%, hsl(var(--heroui-success)))
    }

    .bg-stripe-gradient-warning {
        background-image: linear-gradient(45deg, hsl(var(--heroui-warning-200))25%, hsl(var(--heroui-warning))25%, hsl(var(--heroui-warning))50%, hsl(var(--heroui-warning-200))50%, hsl(var(--heroui-warning-200))75%, hsl(var(--heroui-warning))75%, hsl(var(--heroui-warning)))
    }

    .from-amber-50 {
        --tw-gradient-from: var(--color-amber-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-amber-100 {
        --tw-gradient-from: var(--color-amber-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-amber-400 {
        --tw-gradient-from: var(--color-amber-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-amber-500 {
        --tw-gradient-from: var(--color-amber-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-amber-600 {
        --tw-gradient-from: var(--color-amber-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-blue-50 {
        --tw-gradient-from: var(--color-blue-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-blue-100 {
        --tw-gradient-from: var(--color-blue-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-blue-400 {
        --tw-gradient-from: var(--color-blue-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-blue-500 {
        --tw-gradient-from: var(--color-blue-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-blue-600 {
        --tw-gradient-from: var(--color-blue-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-danger-50 {
        --tw-gradient-from: hsl(var(--heroui-danger-50)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-danger-500 {
        --tw-gradient-from: hsl(var(--heroui-danger-500)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-emerald-50 {
        --tw-gradient-from: var(--color-emerald-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-emerald-100 {
        --tw-gradient-from: var(--color-emerald-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-emerald-400 {
        --tw-gradient-from: var(--color-emerald-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-emerald-500 {
        --tw-gradient-from: var(--color-emerald-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-emerald-600 {
        --tw-gradient-from: var(--color-emerald-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-gray-50 {
        --tw-gradient-from: var(--color-gray-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-gray-500 {
        --tw-gradient-from: var(--color-gray-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-green-50 {
        --tw-gradient-from: var(--color-green-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-green-500 {
        --tw-gradient-from: var(--color-green-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-orange-50 {
        --tw-gradient-from: var(--color-orange-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-orange-500 {
        --tw-gradient-from: var(--color-orange-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-50 {
        --tw-gradient-from: hsl(var(--heroui-primary-50)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-primary-500 {
        --tw-gradient-from: hsl(var(--heroui-primary-500)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-purple-500 {
        --tw-gradient-from: var(--color-purple-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-50 {
        --tw-gradient-from: var(--color-red-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-100 {
        --tw-gradient-from: var(--color-red-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-400 {
        --tw-gradient-from: var(--color-red-400);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-500 {
        --tw-gradient-from: var(--color-red-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-red-600 {
        --tw-gradient-from: var(--color-red-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-secondary-500 {
        --tw-gradient-from: hsl(var(--heroui-secondary-500)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-slate-50 {
        --tw-gradient-from: var(--color-slate-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-success-50 {
        --tw-gradient-from: hsl(var(--heroui-success-50)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-success-500 {
        --tw-gradient-from: hsl(var(--heroui-success-500)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-transparent {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-warning-50 {
        --tw-gradient-from: hsl(var(--heroui-warning-50)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-warning-500 {
        --tw-gradient-from: hsl(var(--heroui-warning-500)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-yellow-50 {
        --tw-gradient-from: var(--color-yellow-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .from-yellow-500 {
        --tw-gradient-from: var(--color-yellow-500);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .via-transparent {
        --tw-gradient-via: transparent;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-blue-50 {
        --tw-gradient-to: var(--color-blue-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-100 {
        --tw-gradient-to: var(--color-blue-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-200 {
        --tw-gradient-to: var(--color-blue-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-300 {
        --tw-gradient-to: var(--color-blue-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-600 {
        --tw-gradient-to: var(--color-blue-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-700 {
        --tw-gradient-to: var(--color-blue-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-blue-800 {
        --tw-gradient-to: var(--color-blue-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-current {
        --tw-gradient-to: currentcolor;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-danger {
        --tw-gradient-to: hsl(var(--heroui-danger)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-danger-100 {
        --tw-gradient-to: hsl(var(--heroui-danger-100)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-danger-600 {
        --tw-gradient-to: hsl(var(--heroui-danger-600)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-default {
        --tw-gradient-to: hsl(var(--heroui-default)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-gray-50 {
        --tw-gradient-to: var(--color-gray-50);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-gray-100 {
        --tw-gradient-to: var(--color-gray-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-gray-600 {
        --tw-gradient-to: var(--color-gray-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-100 {
        --tw-gradient-to: var(--color-green-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-200 {
        --tw-gradient-to: var(--color-green-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-300 {
        --tw-gradient-to: var(--color-green-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-600 {
        --tw-gradient-to: var(--color-green-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-700 {
        --tw-gradient-to: var(--color-green-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-green-800 {
        --tw-gradient-to: var(--color-green-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-indigo-100 {
        --tw-gradient-to: var(--color-indigo-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-orange-100 {
        --tw-gradient-to: var(--color-orange-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-orange-600 {
        --tw-gradient-to: var(--color-orange-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary {
        --tw-gradient-to: hsl(var(--heroui-primary)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-100 {
        --tw-gradient-to: hsl(var(--heroui-primary-100)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-primary-600 {
        --tw-gradient-to: hsl(var(--heroui-primary-600)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-purple-600 {
        --tw-gradient-to: var(--color-purple-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-red-100 {
        --tw-gradient-to: var(--color-red-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-red-600 {
        --tw-gradient-to: var(--color-red-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-rose-100 {
        --tw-gradient-to: var(--color-rose-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-rose-200 {
        --tw-gradient-to: var(--color-rose-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-rose-300 {
        --tw-gradient-to: var(--color-rose-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-rose-600 {
        --tw-gradient-to: var(--color-rose-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-rose-700 {
        --tw-gradient-to: var(--color-rose-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-rose-800 {
        --tw-gradient-to: var(--color-rose-800);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-secondary {
        --tw-gradient-to: hsl(var(--heroui-secondary)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-secondary-600 {
        --tw-gradient-to: hsl(var(--heroui-secondary-600)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-slate-100 {
        --tw-gradient-to: var(--color-slate-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-success {
        --tw-gradient-to: hsl(var(--heroui-success)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-success-100 {
        --tw-gradient-to: hsl(var(--heroui-success-100)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-success-600 {
        --tw-gradient-to: hsl(var(--heroui-success-600)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-warning {
        --tw-gradient-to: hsl(var(--heroui-warning)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-warning-100 {
        --tw-gradient-to: hsl(var(--heroui-warning-100)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-warning-600 {
        --tw-gradient-to: hsl(var(--heroui-warning-600)/1);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-white {
        --tw-gradient-to: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-100 {
        --tw-gradient-to: var(--color-yellow-100);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-200 {
        --tw-gradient-to: var(--color-yellow-200);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-300 {
        --tw-gradient-to: var(--color-yellow-300);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-600 {
        --tw-gradient-to: var(--color-yellow-600);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-700 {
        --tw-gradient-to: var(--color-yellow-700);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-yellow-800 {
        --tw-gradient-to: var(--color-yellow-800);
        --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))
    }

    .\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] {
        -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .bg-clip-inherit {
        background-clip: inherit
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .fill-current {
        fill: currentColor
    }

    .stroke-current {
        stroke: currentColor
    }

    .stroke-default-300\/50 {
        stroke: hsl(var(--heroui-default-300)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .stroke-default-300\/50 {
            stroke: color-mix(in oklab, hsl(var(--heroui-default-300)/1)50%, transparent)
        }
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .p-0 {
        padding: calc(var(--spacing)*0)
    }

    .p-0\.5 {
        padding: calc(var(--spacing)*.5)
    }

    .p-1 {
        padding: calc(var(--spacing)*1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing)*1.5)
    }

    .p-2 {
        padding: calc(var(--spacing)*2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing)*2.5)
    }

    .p-3 {
        padding: calc(var(--spacing)*3)
    }

    .p-4 {
        padding: calc(var(--spacing)*4)
    }

    .p-5 {
        padding: calc(var(--spacing)*5)
    }

    .p-6 {
        padding: calc(var(--spacing)*6)
    }

    .p-8 {
        padding: calc(var(--spacing)*8)
    }

    .p-12 {
        padding: calc(var(--spacing)*12)
    }

    .\!px-1 {
        padding-inline: calc(var(--spacing)*1) !important
    }

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing)*.5)
    }

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

    .px-1\.5 {
        padding-inline: calc(var(--spacing)*1.5)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .py-0 {
        padding-block: calc(var(--spacing)*0)
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing)*.5)
    }

    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing)*3)
    }

    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }

    .py-5 {
        padding-block: calc(var(--spacing)*5)
    }

    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }

    .py-8 {
        padding-block: calc(var(--spacing)*8)
    }

    .py-10 {
        padding-block: calc(var(--spacing)*10)
    }

    .py-12 {
        padding-block: calc(var(--spacing)*12)
    }

    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }

    .ps-1 {
        padding-inline-start: calc(var(--spacing)*1)
    }

    .ps-2 {
        padding-inline-start: calc(var(--spacing)*2)
    }

    .pe-2 {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .pe-6 {
        padding-inline-end: calc(var(--spacing)*6)
    }

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

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

    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }

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

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

    .pt-3 {
        padding-top: calc(var(--spacing)*3)
    }

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

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

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

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

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

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

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

    .pr-10 {
        padding-right: calc(var(--spacing)*10)
    }

    .\!pb-0 {
        padding-bottom: calc(var(--spacing)*0) !important
    }

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

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

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

    .pb-1\.5 {
        padding-bottom: calc(var(--spacing)*1.5)
    }

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

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

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

    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing)*12)
    }

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

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

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

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

    .pl-7 {
        padding-left: calc(var(--spacing)*7)
    }

    .pl-8 {
        padding-left: calc(var(--spacing)*8)
    }

    .pl-10 {
        padding-left: calc(var(--spacing)*10)
    }

    .pl-\[1px\] {
        padding-left: 1px
    }

    .text-center {
        text-align: center
    }

    .text-end {
        text-align: end
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-start {
        text-align: start
    }

    .align-middle {
        vertical-align: middle
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-6xl {
        font-size: var(--text-6xl);
        line-height: var(--tw-leading, var(--text-6xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-large {
        font-size: var(--heroui-font-size-large);
        line-height: var(--heroui-line-height-large)
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-medium {
        font-size: var(--heroui-font-size-medium);
        line-height: var(--heroui-line-height-medium)
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-small {
        font-size: var(--heroui-font-size-small);
        line-height: var(--heroui-line-height-small)
    }

    .text-tiny {
        font-size: var(--heroui-font-size-tiny);
        line-height: var(--heroui-line-height-tiny)
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .text-\[0\.5rem\] {
        font-size: .5rem
    }

    .text-\[0\.6rem\] {
        font-size: .6rem
    }

    .text-\[0\.55rem\] {
        font-size: .55rem
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[100\%\] {
        font-size: 100%
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }

    .leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15
    }

    .leading-\[32px\] {
        --tw-leading: 32px;
        line-height: 32px
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .leading-inherit {
        line-height: inherit
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .font-extralight {
        --tw-font-weight: var(--font-weight-extralight);
        font-weight: var(--font-weight-extralight)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .tracking-wider {
        --tw-tracking: var(--tracking-wider);
        letter-spacing: var(--tracking-wider)
    }

    .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
    }

    .break-words {
        overflow-wrap: break-word
    }

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap
    }

    .\!text-danger {
        color: hsl(var(--heroui-danger)/1) !important
    }

    .text-amber-600 {
        color: var(--color-amber-600)
    }

    .text-amber-700 {
        color: var(--color-amber-700)
    }

    .text-amber-800 {
        color: var(--color-amber-800)
    }

    .text-amber-900 {
        color: var(--color-amber-900)
    }

    .text-background {
        color: hsl(var(--heroui-background)/1)
    }

    .text-black {
        color: var(--color-black)
    }

    .text-blue-100 {
        color: var(--color-blue-100)
    }

    .text-blue-200 {
        color: var(--color-blue-200)
    }

    .text-blue-400 {
        color: var(--color-blue-400)
    }

    .text-blue-500 {
        color: var(--color-blue-500)
    }

    .text-blue-600 {
        color: var(--color-blue-600)
    }

    .text-blue-700 {
        color: var(--color-blue-700)
    }

    .text-blue-800 {
        color: var(--color-blue-800)
    }

    .text-blue-900 {
        color: var(--color-blue-900)
    }

    .text-current {
        color: currentColor
    }

    .text-danger {
        color: hsl(var(--heroui-danger)/1)
    }

    .text-danger-100 {
        color: hsl(var(--heroui-danger-100)/1)
    }

    .text-danger-200 {
        color: hsl(var(--heroui-danger-200)/1)
    }

    .text-danger-300 {
        color: hsl(var(--heroui-danger-300)/1)
    }

    .text-danger-400 {
        color: hsl(var(--heroui-danger-400)/1)
    }

    .text-danger-500 {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .text-danger-600 {
        color: hsl(var(--heroui-danger-600)/1)
    }

    .text-danger-700 {
        color: hsl(var(--heroui-danger-700)/1)
    }

    .text-danger-800 {
        color: hsl(var(--heroui-danger-800)/1)
    }

    .text-danger-foreground {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .text-danger\/80 {
        color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-danger\/80 {
            color: color-mix(in oklab, hsl(var(--heroui-danger)/1)80%, transparent)
        }
    }

    .text-default {
        color: hsl(var(--heroui-default)/1)
    }

    .text-default-400 {
        color: hsl(var(--heroui-default-400)/1)
    }

    .text-default-500 {
        color: hsl(var(--heroui-default-500)/1)
    }

    .text-default-600 {
        color: hsl(var(--heroui-default-600)/1)
    }

    .text-default-700 {
        color: hsl(var(--heroui-default-700)/1)
    }

    .text-default-foreground {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .text-emerald-700 {
        color: var(--color-emerald-700)
    }

    .text-foreground {
        color: hsl(var(--heroui-foreground)/1)
    }

    .text-foreground-400 {
        color: hsl(var(--heroui-foreground-400)/1)
    }

    .text-foreground-500 {
        color: hsl(var(--heroui-foreground-500)/1)
    }

    .text-foreground-600 {
        color: hsl(var(--heroui-foreground-600)/1)
    }

    .text-foreground\/50 {
        color: hsl(var(--heroui-foreground)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-foreground\/50 {
            color: color-mix(in oklab, hsl(var(--heroui-foreground)/1)50%, transparent)
        }
    }

    .text-gray-100 {
        color: var(--color-gray-100)
    }

    .text-gray-200 {
        color: var(--color-gray-200)
    }

    .text-gray-300 {
        color: var(--color-gray-300)
    }

    .text-gray-400 {
        color: var(--color-gray-400)
    }

    .text-gray-500 {
        color: var(--color-gray-500)
    }

    .text-gray-600 {
        color: var(--color-gray-600)
    }

    .text-gray-700 {
        color: var(--color-gray-700)
    }

    .text-gray-800 {
        color: var(--color-gray-800)
    }

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-green-100 {
        color: var(--color-green-100)
    }

    .text-green-200 {
        color: var(--color-green-200)
    }

    .text-green-500 {
        color: var(--color-green-500)
    }

    .text-green-600 {
        color: var(--color-green-600)
    }

    .text-green-700 {
        color: var(--color-green-700)
    }

    .text-green-800 {
        color: var(--color-green-800)
    }

    .text-green-900 {
        color: var(--color-green-900)
    }

    .text-indigo-600 {
        color: var(--color-indigo-600)
    }

    .text-inherit {
        color: inherit
    }

    .text-orange-100 {
        color: var(--color-orange-100)
    }

    .text-orange-200 {
        color: var(--color-orange-200)
    }

    .text-orange-500 {
        color: var(--color-orange-500)
    }

    .text-orange-600 {
        color: var(--color-orange-600)
    }

    .text-orange-700 {
        color: var(--color-orange-700)
    }

    .text-orange-800 {
        color: var(--color-orange-800)
    }

    .text-primary {
        color: hsl(var(--heroui-primary)/1)
    }

    .text-primary-100 {
        color: hsl(var(--heroui-primary-100)/1)
    }

    .text-primary-200 {
        color: hsl(var(--heroui-primary-200)/1)
    }

    .text-primary-300 {
        color: hsl(var(--heroui-primary-300)/1)
    }

    .text-primary-400 {
        color: hsl(var(--heroui-primary-400)/1)
    }

    .text-primary-500 {
        color: hsl(var(--heroui-primary-500)/1)
    }

    .text-primary-600 {
        color: hsl(var(--heroui-primary-600)/1)
    }

    .text-primary-700 {
        color: hsl(var(--heroui-primary-700)/1)
    }

    .text-primary-800 {
        color: hsl(var(--heroui-primary-800)/1)
    }

    .text-primary-900 {
        color: hsl(var(--heroui-primary-900)/1)
    }

    .text-primary-foreground {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .text-primary\/80 {
        color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/80 {
            color: color-mix(in oklab, hsl(var(--heroui-primary)/1)80%, transparent)
        }
    }

    .text-purple-100 {
        color: var(--color-purple-100)
    }

    .text-purple-200 {
        color: var(--color-purple-200)
    }

    .text-purple-500 {
        color: var(--color-purple-500)
    }

    .text-purple-600 {
        color: var(--color-purple-600)
    }

    .text-purple-700 {
        color: var(--color-purple-700)
    }

    .text-purple-800 {
        color: var(--color-purple-800)
    }

    .text-red-100 {
        color: var(--color-red-100)
    }

    .text-red-200 {
        color: var(--color-red-200)
    }

    .text-red-300 {
        color: var(--color-red-300)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-red-500 {
        color: var(--color-red-500)
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .text-red-700 {
        color: var(--color-red-700)
    }

    .text-red-800 {
        color: var(--color-red-800)
    }

    .text-red-900 {
        color: var(--color-red-900)
    }

    .text-secondary {
        color: hsl(var(--heroui-secondary)/1)
    }

    .text-secondary-100 {
        color: hsl(var(--heroui-secondary-100)/1)
    }

    .text-secondary-200 {
        color: hsl(var(--heroui-secondary-200)/1)
    }

    .text-secondary-300 {
        color: hsl(var(--heroui-secondary-300)/1)
    }

    .text-secondary-400 {
        color: hsl(var(--heroui-secondary-400)/1)
    }

    .text-secondary-500 {
        color: hsl(var(--heroui-secondary-500)/1)
    }

    .text-secondary-600 {
        color: hsl(var(--heroui-secondary-600)/1)
    }

    .text-secondary-foreground {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .text-secondary\/80 {
        color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-secondary\/80 {
            color: color-mix(in oklab, hsl(var(--heroui-secondary)/1)80%, transparent)
        }
    }

    .text-slate-600 {
        color: var(--color-slate-600)
    }

    .text-slate-800 {
        color: var(--color-slate-800)
    }

    .text-slate-900 {
        color: var(--color-slate-900)
    }

    .text-success {
        color: hsl(var(--heroui-success)/1)
    }

    .text-success-100 {
        color: hsl(var(--heroui-success-100)/1)
    }

    .text-success-200 {
        color: hsl(var(--heroui-success-200)/1)
    }

    .text-success-400 {
        color: hsl(var(--heroui-success-400)/1)
    }

    .text-success-500 {
        color: hsl(var(--heroui-success-500)/1)
    }

    .text-success-600 {
        color: hsl(var(--heroui-success-600)/1)
    }

    .text-success-700 {
        color: hsl(var(--heroui-success-700)/1)
    }

    .text-success-800 {
        color: hsl(var(--heroui-success-800)/1)
    }

    .text-success-foreground {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .text-success\/80 {
        color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-success\/80 {
            color: color-mix(in oklab, hsl(var(--heroui-success)/1)80%, transparent)
        }
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: hsl(var(--heroui-warning)/1)
    }

    .text-warning-100 {
        color: hsl(var(--heroui-warning-100)/1)
    }

    .text-warning-200 {
        color: hsl(var(--heroui-warning-200)/1)
    }

    .text-warning-400 {
        color: hsl(var(--heroui-warning-400)/1)
    }

    .text-warning-500 {
        color: hsl(var(--heroui-warning-500)/1)
    }

    .text-warning-600 {
        color: hsl(var(--heroui-warning-600)/1)
    }

    .text-warning-700 {
        color: hsl(var(--heroui-warning-700)/1)
    }

    .text-warning-800 {
        color: hsl(var(--heroui-warning-800)/1)
    }

    .text-warning-foreground {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .text-warning\/80 {
        color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-warning\/80 {
            color: color-mix(in oklab, hsl(var(--heroui-warning)/1)80%, transparent)
        }
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\/80 {
        color: #fffc
    }

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

    .text-yellow-100 {
        color: var(--color-yellow-100)
    }

    .text-yellow-200 {
        color: var(--color-yellow-200)
    }

    .text-yellow-500 {
        color: var(--color-yellow-500)
    }

    .text-yellow-600 {
        color: var(--color-yellow-600)
    }

    .text-yellow-700 {
        color: var(--color-yellow-700)
    }

    .text-yellow-800 {
        color: var(--color-yellow-800)
    }

    .text-yellow-900 {
        color: var(--color-yellow-900)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .ordinal {
        --tw-ordinal: ordinal
    }

    .ordinal,
    .tabular-nums {
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .overline {
        text-decoration-line: overline
    }

    .underline {
        text-decoration-line: underline
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .placeholder-gray-400::placeholder {
        color: var(--color-gray-400)
    }

    .placeholder-gray-500::placeholder {
        color: var(--color-gray-500)
    }

    .dark {
        color-scheme: dark;
        --heroui-background: 0 0% 0%;
        --heroui-foreground-50: 240 5.88% 10%;
        --heroui-foreground-100: 240 3.7% 15.88%;
        --heroui-foreground-200: 240 5.26% 26.08%;
        --heroui-foreground-300: 240 5.2% 33.92%;
        --heroui-foreground-400: 240 3.83% 46.08%;
        --heroui-foreground-500: 240 5.03% 64.9%;
        --heroui-foreground-600: 240 4.88% 83.92%;
        --heroui-foreground-700: 240 5.88% 90%;
        --heroui-foreground-800: 240 4.76% 95.88%;
        --heroui-foreground-900: 0 0% 98.04%;
        --heroui-foreground: 210 5.56% 92.94%;
        --heroui-focus: 212.02 100% 46.67%;
        --heroui-overlay: 0 0% 0%;
        --heroui-divider: 0 0% 100%;
        --heroui-content1: 240 5.88% 10%;
        --heroui-content1-foreground: 0 0% 98.04%;
        --heroui-content2: 240 3.7% 15.88%;
        --heroui-content2-foreground: 240 4.76% 95.88%;
        --heroui-content3: 240 5.26% 26.08%;
        --heroui-content3-foreground: 240 5.88% 90%;
        --heroui-content4: 240 5.2% 33.92%;
        --heroui-content4-foreground: 240 4.88% 83.92%;
        --heroui-default-50: 240 5.88% 10%;
        --heroui-default-100: 240 3.7% 15.88%;
        --heroui-default-200: 240 5.26% 26.08%;
        --heroui-default-300: 240 5.2% 33.92%;
        --heroui-default-400: 240 3.83% 46.08%;
        --heroui-default-500: 240 5.03% 64.9%;
        --heroui-default-600: 240 4.88% 83.92%;
        --heroui-default-700: 240 5.88% 90%;
        --heroui-default-800: 240 4.76% 95.88%;
        --heroui-default-900: 0 0% 98.04%;
        --heroui-default-foreground: 0 0% 100%;
        --heroui-default: 240 5.26% 26.08%;
        --heroui-primary-50: 211.84 100% 9.61%;
        --heroui-primary-100: 211.84 100% 19.22%;
        --heroui-primary-200: 212.24 100% 28.82%;
        --heroui-primary-300: 212.14 100% 38.43%;
        --heroui-primary-400: 212.02 100% 46.67%;
        --heroui-primary-500: 212.14 92.45% 58.43%;
        --heroui-primary-600: 212.24 92.45% 68.82%;
        --heroui-primary-700: 211.84 92.45% 79.22%;
        --heroui-primary-800: 211.84 92.45% 89.61%;
        --heroui-primary-900: 212.5 92.31% 94.9%;
        --heroui-primary-foreground: 0 0% 100%;
        --heroui-primary: 212.02 100% 46.67%;
        --heroui-secondary-50: 270 66.67% 9.41%;
        --heroui-secondary-100: 270 66.67% 18.82%;
        --heroui-secondary-200: 270 66.67% 28.24%;
        --heroui-secondary-300: 270 66.67% 37.65%;
        --heroui-secondary-400: 270 66.67% 47.06%;
        --heroui-secondary-500: 270 59.26% 57.65%;
        --heroui-secondary-600: 270 59.26% 68.24%;
        --heroui-secondary-700: 270 59.26% 78.82%;
        --heroui-secondary-800: 270 59.26% 89.41%;
        --heroui-secondary-900: 270 61.54% 94.9%;
        --heroui-secondary-foreground: 0 0% 100%;
        --heroui-secondary: 270 59.26% 57.65%;
        --heroui-success-50: 145.71 77.78% 8.82%;
        --heroui-success-100: 146.2 79.78% 17.45%;
        --heroui-success-200: 145.79 79.26% 26.47%;
        --heroui-success-300: 146.01 79.89% 35.1%;
        --heroui-success-400: 145.96 79.46% 43.92%;
        --heroui-success-500: 146.01 62.45% 55.1%;
        --heroui-success-600: 145.79 62.57% 66.47%;
        --heroui-success-700: 146.2 61.74% 77.45%;
        --heroui-success-800: 145.71 61.4% 88.82%;
        --heroui-success-900: 146.67 64.29% 94.51%;
        --heroui-success-foreground: 0 0% 0%;
        --heroui-success: 145.96 79.46% 43.92%;
        --heroui-warning-50: 37.14 75% 10.98%;
        --heroui-warning-100: 37.14 75% 21.96%;
        --heroui-warning-200: 36.96 73.96% 33.14%;
        --heroui-warning-300: 37.01 74.22% 44.12%;
        --heroui-warning-400: 37.03 91.27% 55.1%;
        --heroui-warning-500: 37.01 91.26% 64.12%;
        --heroui-warning-600: 36.96 91.24% 73.14%;
        --heroui-warning-700: 37.14 91.3% 81.96%;
        --heroui-warning-800: 37.14 91.3% 90.98%;
        --heroui-warning-900: 54.55 91.67% 95.29%;
        --heroui-warning-foreground: 0 0% 0%;
        --heroui-warning: 37.03 91.27% 55.1%;
        --heroui-danger-50: 340 84.91% 10.39%;
        --heroui-danger-100: 339.33 86.54% 20.39%;
        --heroui-danger-200: 339.11 85.99% 30.78%;
        --heroui-danger-300: 339 86.54% 40.78%;
        --heroui-danger-400: 339.2 90.36% 51.18%;
        --heroui-danger-500: 339 90% 60.78%;
        --heroui-danger-600: 339.11 90.6% 70.78%;
        --heroui-danger-700: 339.33 90% 80.39%;
        --heroui-danger-800: 340 91.84% 90.39%;
        --heroui-danger-900: 339.13 92% 95.1%;
        --heroui-danger-foreground: 0 0% 100%;
        --heroui-danger: 339.2 90.36% 51.18%;
        --heroui-divider-weight: 1px;
        --heroui-disabled-opacity: .5;
        --heroui-font-size-tiny: .75rem;
        --heroui-font-size-small: .875rem;
        --heroui-font-size-medium: 1rem;
        --heroui-font-size-large: 1.125rem;
        --heroui-line-height-tiny: 1rem;
        --heroui-line-height-small: 1.25rem;
        --heroui-line-height-medium: 1.5rem;
        --heroui-line-height-large: 1.75rem;
        --heroui-radius-small: 8px;
        --heroui-radius-medium: 12px;
        --heroui-radius-large: 14px;
        --heroui-border-width-small: 1px;
        --heroui-border-width-medium: 2px;
        --heroui-border-width-large: 3px;
        --heroui-box-shadow-small: 0px 0px 5px 0px #0000000d, 0px 2px 10px 0px #0003, inset 0px 0px 1px 0px #ffffff26;
        --heroui-box-shadow-medium: 0px 0px 15px 0px #0000000f, 0px 2px 30px 0px #00000038, inset 0px 0px 1px 0px #ffffff26;
        --heroui-box-shadow-large: 0px 0px 30px 0px #00000012, 0px 30px 60px 0px #00000042, inset 0px 0px 1px 0px #ffffff26;
        --heroui-hover-opacity: .9
    }

    .light {
        color-scheme: light;
        --heroui-background: 0 0% 100%;
        --heroui-foreground-50: 0 0% 98.04%;
        --heroui-foreground-100: 240 4.76% 95.88%;
        --heroui-foreground-200: 240 5.88% 90%;
        --heroui-foreground-300: 240 4.88% 83.92%;
        --heroui-foreground-400: 240 5.03% 64.9%;
        --heroui-foreground-500: 240 3.83% 46.08%;
        --heroui-foreground-600: 240 5.2% 33.92%;
        --heroui-foreground-700: 240 5.26% 26.08%;
        --heroui-foreground-800: 240 3.7% 15.88%;
        --heroui-foreground-900: 240 5.88% 10%;
        --heroui-foreground: 201.82 24.44% 8.82%;
        --heroui-divider: 0 0% 6.67%;
        --heroui-focus: 212.02 100% 46.67%;
        --heroui-overlay: 0 0% 0%;
        --heroui-content1: 0 0% 100%;
        --heroui-content1-foreground: 201.82 24.44% 8.82%;
        --heroui-content2: 240 4.76% 95.88%;
        --heroui-content2-foreground: 240 3.7% 15.88%;
        --heroui-content3: 240 5.88% 90%;
        --heroui-content3-foreground: 240 5.26% 26.08%;
        --heroui-content4: 240 4.88% 83.92%;
        --heroui-content4-foreground: 240 5.2% 33.92%;
        --heroui-default-50: 0 0% 98.04%;
        --heroui-default-100: 240 4.76% 95.88%;
        --heroui-default-200: 240 5.88% 90%;
        --heroui-default-300: 240 4.88% 83.92%;
        --heroui-default-400: 240 5.03% 64.9%;
        --heroui-default-500: 240 3.83% 46.08%;
        --heroui-default-600: 240 5.2% 33.92%;
        --heroui-default-700: 240 5.26% 26.08%;
        --heroui-default-800: 240 3.7% 15.88%;
        --heroui-default-900: 240 5.88% 10%;
        --heroui-default-foreground: 0 0% 0%;
        --heroui-default: 240 4.88% 83.92%;
        --heroui-primary-50: 212.5 92.31% 94.9%;
        --heroui-primary-100: 211.84 92.45% 89.61%;
        --heroui-primary-200: 211.84 92.45% 79.22%;
        --heroui-primary-300: 212.24 92.45% 68.82%;
        --heroui-primary-400: 212.14 92.45% 58.43%;
        --heroui-primary-500: 212.02 100% 46.67%;
        --heroui-primary-600: 212.14 100% 38.43%;
        --heroui-primary-700: 212.24 100% 28.82%;
        --heroui-primary-800: 211.84 100% 19.22%;
        --heroui-primary-900: 211.84 100% 9.61%;
        --heroui-primary-foreground: 0 0% 100%;
        --heroui-primary: 212.02 100% 46.67%;
        --heroui-secondary-50: 270 61.54% 94.9%;
        --heroui-secondary-100: 270 59.26% 89.41%;
        --heroui-secondary-200: 270 59.26% 78.82%;
        --heroui-secondary-300: 270 59.26% 68.24%;
        --heroui-secondary-400: 270 59.26% 57.65%;
        --heroui-secondary-500: 270 66.67% 47.06%;
        --heroui-secondary-600: 270 66.67% 37.65%;
        --heroui-secondary-700: 270 66.67% 28.24%;
        --heroui-secondary-800: 270 66.67% 18.82%;
        --heroui-secondary-900: 270 66.67% 9.41%;
        --heroui-secondary-foreground: 0 0% 100%;
        --heroui-secondary: 270 66.67% 47.06%;
        --heroui-success-50: 146.67 64.29% 94.51%;
        --heroui-success-100: 145.71 61.4% 88.82%;
        --heroui-success-200: 146.2 61.74% 77.45%;
        --heroui-success-300: 145.79 62.57% 66.47%;
        --heroui-success-400: 146.01 62.45% 55.1%;
        --heroui-success-500: 145.96 79.46% 43.92%;
        --heroui-success-600: 146.01 79.89% 35.1%;
        --heroui-success-700: 145.79 79.26% 26.47%;
        --heroui-success-800: 146.2 79.78% 17.45%;
        --heroui-success-900: 145.71 77.78% 8.82%;
        --heroui-success-foreground: 0 0% 0%;
        --heroui-success: 145.96 79.46% 43.92%;
        --heroui-warning-50: 54.55 91.67% 95.29%;
        --heroui-warning-100: 37.14 91.3% 90.98%;
        --heroui-warning-200: 37.14 91.3% 81.96%;
        --heroui-warning-300: 36.96 91.24% 73.14%;
        --heroui-warning-400: 37.01 91.26% 64.12%;
        --heroui-warning-500: 37.03 91.27% 55.1%;
        --heroui-warning-600: 37.01 74.22% 44.12%;
        --heroui-warning-700: 36.96 73.96% 33.14%;
        --heroui-warning-800: 37.14 75% 21.96%;
        --heroui-warning-900: 37.14 75% 10.98%;
        --heroui-warning-foreground: 0 0% 0%;
        --heroui-warning: 37.03 91.27% 55.1%;
        --heroui-danger-50: 339.13 92% 95.1%;
        --heroui-danger-100: 340 91.84% 90.39%;
        --heroui-danger-200: 339.33 90% 80.39%;
        --heroui-danger-300: 339.11 90.6% 70.78%;
        --heroui-danger-400: 339 90% 60.78%;
        --heroui-danger-500: 339.2 90.36% 51.18%;
        --heroui-danger-600: 339 86.54% 40.78%;
        --heroui-danger-700: 339.11 85.99% 30.78%;
        --heroui-danger-800: 339.33 86.54% 20.39%;
        --heroui-danger-900: 340 84.91% 10.39%;
        --heroui-danger-foreground: 0 0% 100%;
        --heroui-danger: 339.2 90.36% 51.18%;
        --heroui-divider-weight: 1px;
        --heroui-disabled-opacity: .5;
        --heroui-font-size-tiny: .75rem;
        --heroui-font-size-small: .875rem;
        --heroui-font-size-medium: 1rem;
        --heroui-font-size-large: 1.125rem;
        --heroui-line-height-tiny: 1rem;
        --heroui-line-height-small: 1.25rem;
        --heroui-line-height-medium: 1.5rem;
        --heroui-line-height-large: 1.75rem;
        --heroui-radius-small: 8px;
        --heroui-radius-medium: 12px;
        --heroui-radius-large: 14px;
        --heroui-border-width-small: 1px;
        --heroui-border-width-medium: 2px;
        --heroui-border-width-large: 3px;
        --heroui-box-shadow-small: 0px 0px 5px 0px #00000005, 0px 2px 10px 0px #0000000f, 0px 0px 1px 0px #0000004d;
        --heroui-box-shadow-medium: 0px 0px 15px 0px #00000008, 0px 2px 30px 0px #00000014, 0px 0px 1px 0px #0000004d;
        --heroui-box-shadow-large: 0px 0px 30px 0px #0000000a, 0px 30px 60px 0px #0000001f, 0px 0px 1px 0px #0000004d;
        --heroui-hover-opacity: .8
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-10 {
        opacity: .1
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.0001\] {
        opacity: .0001
    }

    .opacity-\[value\] {
        opacity: value
    }

    .opacity-disabled {
        opacity: var(--heroui-disabled-opacity)
    }

    .\!shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .shadow,
    .shadow-2xl {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040)
    }

    .shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, #0000000d)
    }

    .shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\],
    .shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
        --tw-shadow: 0px 20px 20px 0px var(--tw-shadow-color, #0000000d)
    }

    .shadow-large {
        --tw-shadow: var(--heroui-box-shadow-large)
    }

    .shadow-large,
    .shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
    }

    .shadow-md,
    .shadow-medium {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-medium {
        --tw-shadow: var(--heroui-box-shadow-medium)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000
    }

    .shadow-none,
    .shadow-sm {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .shadow-small {
        --tw-shadow: var(--heroui-box-shadow-small)
    }

    .shadow-small,
    .shadow-xl {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a)
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d)
    }

    .ring,
    .ring-1,
    .shadow-xs {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring,
    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .ring-2,
    .ring-8 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-8 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .shadow-amber-200 {
        --tw-shadow-color: oklch(92.4% .12 95.746)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-amber-200 {
            --tw-shadow-color: color-mix(in oklab, var(--color-amber-200)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-black\/5 {
        --tw-shadow-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/5 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black)5%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-blue-200 {
        --tw-shadow-color: oklch(88.2% .059 254.128)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-blue-200 {
            --tw-shadow-color: color-mix(in oklab, var(--color-blue-200)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-danger\/40 {
        --tw-shadow-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-danger\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-default\/50 {
        --tw-shadow-color: hsl(var(--heroui-default)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-default\/50 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default)/1)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-emerald-200 {
        --tw-shadow-color: oklch(90.5% .093 164.15)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-emerald-200 {
            --tw-shadow-color: color-mix(in oklab, var(--color-emerald-200)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-foreground\/40 {
        --tw-shadow-color: hsl(var(--heroui-foreground)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-foreground\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-primary\/40 {
        --tw-shadow-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-red-200 {
        --tw-shadow-color: oklch(88.5% .062 18.334)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-red-200 {
            --tw-shadow-color: color-mix(in oklab, var(--color-red-200)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-secondary\/40 {
        --tw-shadow-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-secondary\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-success\/40 {
        --tw-shadow-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-success\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .shadow-warning\/40 {
        --tw-shadow-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-warning\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .ring-amber-500 {
        --tw-ring-color: var(--color-amber-500)
    }

    .ring-background {
        --tw-ring-color: hsl(var(--heroui-background)/1)
    }

    .ring-black {
        --tw-ring-color: var(--color-black)
    }

    .ring-blue-300 {
        --tw-ring-color: var(--color-blue-300)
    }

    .ring-blue-500 {
        --tw-ring-color: var(--color-blue-500)
    }

    .ring-danger {
        --tw-ring-color: hsl(var(--heroui-danger)/1)
    }

    .ring-default {
        --tw-ring-color: hsl(var(--heroui-default)/1)
    }

    .ring-emerald-500 {
        --tw-ring-color: var(--color-emerald-500)
    }

    .ring-focus {
        --tw-ring-color: hsl(var(--heroui-focus)/1)
    }

    .ring-green-300 {
        --tw-ring-color: var(--color-green-300)
    }

    .ring-primary {
        --tw-ring-color: hsl(var(--heroui-primary)/1)
    }

    .ring-red-300 {
        --tw-ring-color: var(--color-red-300)
    }

    .ring-red-500 {
        --tw-ring-color: var(--color-red-500)
    }

    .ring-secondary {
        --tw-ring-color: hsl(var(--heroui-secondary)/1)
    }

    .ring-success {
        --tw-ring-color: hsl(var(--heroui-success)/1)
    }

    .ring-transparent {
        --tw-ring-color: transparent
    }

    .ring-warning {
        --tw-ring-color: hsl(var(--heroui-warning)/1)
    }

    .ring-white {
        --tw-ring-color: var(--color-white)
    }

    .ring-yellow-300 {
        --tw-ring-color: var(--color-yellow-300)
    }

    .ring-offset-2 {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .ring-offset-background {
        --tw-ring-offset-color: hsl(var(--heroui-background)/1)
    }

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

    .outline-transparent {
        outline-color: #0000
    }

    .blur {
        --tw-blur: blur(8px)
    }

    .blur,
    .blur-lg {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-lg {
        --tw-blur: blur(var(--blur-lg))
    }

    .grayscale {
        --tw-grayscale: grayscale(100%)
    }

    .grayscale,
    .invert {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .invert {
        --tw-invert: invert(100%)
    }

    .saturate-150 {
        --tw-saturate: saturate(150%)
    }

    .filter,
    .saturate-150 {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px)
    }

    .backdrop-blur,
    .backdrop-blur-lg {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-lg {
        --tw-backdrop-blur: blur(var(--blur-lg))
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(var(--blur-md))
    }

    .backdrop-blur-md,
    .backdrop-blur-sm {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm))
    }

    .backdrop-blur-xl {
        --tw-backdrop-blur: blur(var(--blur-xl))
    }

    .backdrop-blur-xl,
    .backdrop-opacity-disabled {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-opacity-disabled {
        --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity))
    }

    .backdrop-saturate-150 {
        --tw-backdrop-saturate: saturate(150%)
    }

    .backdrop-filter,
    .backdrop-saturate-150 {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,opacity\] {
        transition-property: color, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,transform\] {
        transition-property: opacity, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,background-color\,color\] {
        transition-property: transform, background-color, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[transform\,color\,left\,opacity\,translate\,scale\] {
        transition-property: transform, color, left, opacity, translate, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-background {
        transition-property: background;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors-opacity {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-height {
        transition-property: height;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-left {
        transition-property: left;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-size {
        transition-property: width, height;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform-background {
        transition-property: transform, scale, background;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-transform-colors {
        transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-transform-colors-opacity {
        transition-property: transform, scale, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-transform-opacity {
        transition-property: transform, scale, opacity rotate;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .transition-width {
        transition-property: width;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .\!transition-none {
        transition-property: none !important
    }

    .transition-none {
        transition-property: none
    }

    .\!duration-100 {
        --tw-duration: .1s !important;
        transition-duration: .1s !important
    }

    .\!duration-150 {
        --tw-duration: .15s !important;
        transition-duration: .15s !important
    }

    .\!duration-200 {
        --tw-duration: .2s !important;
        transition-duration: .2s !important
    }

    .\!duration-250 {
        --tw-duration: .25s !important;
        transition-duration: .25s !important
    }

    .\!duration-300 {
        --tw-duration: .3s !important;
        transition-duration: .3s !important
    }

    .\!duration-500 {
        --tw-duration: .5s !important;
        transition-duration: .5s !important
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .\!ease-out {
        --tw-ease: var(--ease-out) !important;
        transition-timing-function: var(--ease-out) !important
    }

    .\!ease-soft-spring {
        --tw-ease: cubic-bezier(.155, 1.105, .295, 1.12) !important;
        transition-timing-function: cubic-bezier(.155, 1.105, .295, 1.12) !important
    }

    .ease-in {
        --tw-ease: var(--ease-in);
        transition-timing-function: var(--ease-in)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .will-change-auto {
        will-change: auto
    }

    .will-change-transform {
        will-change: transform
    }

    .\!outline-solid {
        --tw-outline-style: solid !important;
        outline-style: solid !important
    }

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

    .outline-solid {
        --tw-outline-style: solid;
        outline-style: solid
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[--picker-height\:224px\] {
        --picker-height: 224px
    }

    .\[--scale-enter\:100\%\] {
        --scale-enter: 100%
    }

    .\[--scale-exit\:100\%\] {
        --scale-exit: 100%
    }

    .\[--scroll-shadow-size\:100px\] {
        --scroll-shadow-size: 100px
    }

    .\[--slide-enter\:0px\] {
        --slide-enter: 0px
    }

    .\[--slide-exit\:80px\] {
        --slide-exit: 80px
    }

    .\[-webkit-mask\:radial-gradient\(closest-side\,rgba\(0\,0\,0\,0\.0\)calc\(100\%-3px\)\,rgba\(0\,0\,0\,1\)calc\(100\%-3px\)\)\] {
        -webkit-mask: radial-gradient(closest-side, #0000 calc(100% - 3px), #000 calc(100% - 3px))
    }

    .\[animation-duration\:1s\] {
        animation-duration: 1s
    }

    .input-search-cancel-button-none::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

    .spinner-dot-animation {
        animation-delay: calc(.25s*var(--dot-index))
    }

    .spinner-dot-blink-animation {
        animation-delay: calc(.2s*var(--dot-index))
    }

    .tap-highlight-transparent {
        -webkit-tap-highlight-color: transparent
    }

    .text-fill-inherit {
        -webkit-text-fill-color: inherit
    }

    @media (hover:hover) {
        .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
            pointer-events: auto
        }

        .group-hover\:visible:is(:where(.group):hover *) {
            visibility: visible
        }

        .group-hover\:block:is(:where(.group):hover *) {
            display: block
        }

        .group-hover\:hidden:is(:where(.group):hover *) {
            display: none
        }

        .group-hover\:scale-100:is(:where(.group):hover *) {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:border-current:is(:where(.group):hover *) {
            border-color: currentColor
        }

        .group-hover\:bg-red-700:is(:where(.group):hover *) {
            background-color: var(--color-red-700)
        }

        .group-hover\:text-current:is(:where(.group):hover *) {
            color: currentColor
        }

        .group-hover\:text-primary-600:is(:where(.group):hover *) {
            color: hsl(var(--heroui-primary-600)/1)
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }

    .group-data-\[copied\=true\]\:scale-50:is(:where(.group)[data-copied=true] *) {
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[copied\=true\]\:scale-100:is(:where(.group)[data-copied=true] *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[copied\=true\]\:opacity-0:is(:where(.group)[data-copied=true] *) {
        opacity: 0
    }

    .group-data-\[copied\=true\]\:opacity-100:is(:where(.group)[data-copied=true] *) {
        opacity: 1
    }

    .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed:is(:where(.group\/tr)[data-disabled=true] *) {
        cursor: not-allowed
    }

    .group-data-\[disabled\=true\]\/tr\:text-foreground-300:is(:where(.group\/tr)[data-disabled=true] *) {
        color: hsl(var(--heroui-foreground-300)/1)
    }

    .group-data-\[filled-within\=true\]\:pointer-events-auto:is(:where(.group)[data-filled-within=true] *) {
        pointer-events: auto
    }

    .group-data-\[filled-within\=true\]\:start-0:is(:where(.group)[data-filled-within=true] *) {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 3.5px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 4px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 6px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 6px - var(--heroui-border-width-medium))*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 8px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 8px - var(--heroui-border-width-medium))*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny)/2 - 5px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny)/2 - 8px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny)/2 - 8px - var(--heroui-border-width-medium))*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 20px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 24px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]:is(:where(.group)[data-filled-within=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny)/2 + 16px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled-within\=true\]\:scale-85:is(:where(.group)[data-filled-within=true] *) {
        --tw-scale-x: .85;
        --tw-scale-y: .85;
        --tw-scale-z: .85;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[filled-within\=true\]\:text-default-600:is(:where(.group)[data-filled-within=true] *) {
        color: hsl(var(--heroui-default-600)/1)
    }

    .group-data-\[filled-within\=true\]\:text-foreground:is(:where(.group)[data-filled-within=true] *) {
        color: hsl(var(--heroui-foreground)/1)
    }

    .group-data-\[filled\=true\]\:start-0:is(:where(.group)[data-filled=true] *) {
        inset-inline-start: calc(var(--spacing)*0)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_3\.5px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 3.5px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_4px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 4px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 6px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_6px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 6px - var(--heroui-border-width-medium))*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 8px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-small\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-small)/2 - 8px - var(--heroui-border-width-medium))*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_5px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny)/2 - 5px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny)/2 - 8px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_var\(--heroui-font-size-tiny\)\/2_-_8px_-_var\(--heroui-border-width-medium\)\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(50% + var(--heroui-font-size-tiny)/2 - 8px - var(--heroui-border-width-medium))*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_20px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 20px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_24px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 24px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+var\(--heroui-font-size-tiny\)\/2_\+_16px\)\]:is(:where(.group)[data-filled=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-tiny)/2 + 16px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[filled\=true\]\:scale-85:is(:where(.group)[data-filled=true] *) {
        --tw-scale-x: .85;
        --tw-scale-y: .85;
        --tw-scale-z: .85;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[filled\=true\]\:text-default-600:is(:where(.group)[data-filled=true] *) {
        color: hsl(var(--heroui-default-600)/1)
    }

    .group-data-\[filled\=true\]\:text-foreground:is(:where(.group)[data-filled=true] *) {
        color: hsl(var(--heroui-foreground)/1)
    }

    .group-data-\[focus-visible\=true\]\:z-10:is(:where(.group)[data-focus-visible=true] *) {
        z-index: 10
    }

    .group-data-\[focus-visible\=true\]\:block:is(:where(.group)[data-focus-visible=true] *) {
        display: block
    }

    .group-data-\[focus-visible\=true\]\:hidden:is(:where(.group)[data-focus-visible=true] *) {
        display: none
    }

    .group-data-\[focus-visible\=true\]\:ring-2:is(:where(.group)[data-focus-visible=true] *) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[focus-visible\=true\]\:ring-focus:is(:where(.group)[data-focus-visible=true] *) {
        --tw-ring-color: hsl(var(--heroui-focus)/1)
    }

    .group-data-\[focus-visible\=true\]\:ring-offset-2:is(:where(.group)[data-focus-visible=true] *) {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .group-data-\[focus-visible\=true\]\:ring-offset-background:is(:where(.group)[data-focus-visible=true] *) {
        --tw-ring-offset-color: hsl(var(--heroui-background)/1)
    }

    .group-data-\[focus\=true\]\:\!border-danger:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-danger)/1) !important
    }

    .group-data-\[focus\=true\]\:border-danger:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[focus\=true\]\:border-default-foreground:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-default-foreground)/1)
    }

    .group-data-\[focus\=true\]\:border-primary:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .group-data-\[focus\=true\]\:border-secondary:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .group-data-\[focus\=true\]\:border-success:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-success)/1)
    }

    .group-data-\[focus\=true\]\:border-warning:is(:where(.group)[data-focus=true] *) {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .group-data-\[focus\=true\]\:\!bg-danger-50:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-danger-50)/1) !important
    }

    .group-data-\[focus\=true\]\:bg-danger-50:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .group-data-\[focus\=true\]\:bg-default-100:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .group-data-\[focus\=true\]\:bg-default-200:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .group-data-\[focus\=true\]\:bg-primary-50:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    .group-data-\[focus\=true\]\:bg-secondary-50:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    .group-data-\[focus\=true\]\:bg-success-50:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .group-data-\[focus\=true\]\:bg-warning-50:is(:where(.group)[data-focus=true] *) {
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    .group-data-\[has-end-content\=true\]\:left-2:is(:where(.group)[data-has-end-content=true] *) {
        left: calc(var(--spacing)*2)
    }

    .group-data-\[has-end-content\=true\]\:mt-4:is(:where(.group)[data-has-end-content=true] *) {
        margin-top: calc(var(--spacing)*4)
    }

    .group-data-\[has-helper\=true\]\:flex:is(:where(.group)[data-has-helper=true] *) {
        display: flex
    }

    .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_26px\)\]:is(:where(.group)[data-has-helper=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 26px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_30px\)\]:is(:where(.group)[data-has-helper=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 30px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[has-helper\=true\]\:-translate-y-\[calc\(100\%_\+_var\(--heroui-font-size-small\)\/2_\+_34px\)\]:is(:where(.group)[data-has-helper=true] *) {
        --tw-translate-y: calc(calc(100% + var(--heroui-font-size-small)/2 + 34px)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[has-helper\=true\]\:pt-2:is(:where(.group)[data-has-helper=true] *) {
        padding-top: calc(var(--spacing)*2)
    }

    .group-data-\[has-helper\=true\]\:pt-3:is(:where(.group)[data-has-helper=true] *) {
        padding-top: calc(var(--spacing)*3)
    }

    .group-data-\[has-helper\=true\]\:pt-4:is(:where(.group)[data-has-helper=true] *) {
        padding-top: calc(var(--spacing)*4)
    }

    .group-data-\[has-label-outside\=true\]\:pointer-events-auto:is(:where(.group)[data-has-label-outside=true] *) {
        pointer-events: auto
    }

    .group-data-\[has-label\=true\]\:items-end:is(:where(.group)[data-has-label=true] *) {
        align-items: flex-end
    }

    .group-data-\[has-label\=true\]\:items-start:is(:where(.group)[data-has-label=true] *) {
        align-items: flex-start
    }

    .group-data-\[has-label\=true\]\:pt-4:is(:where(.group)[data-has-label=true] *) {
        padding-top: calc(var(--spacing)*4)
    }

    .group-data-\[has-label\=true\]\:pt-5:is(:where(.group)[data-has-label=true] *) {
        padding-top: calc(var(--spacing)*5)
    }

    .group-data-\[has-multiple-months\=true\]\:flex-row:is(:where(.group)[data-has-multiple-months=true] *) {
        flex-direction: row
    }

    .group-data-\[has-value\=true\]\:pointer-events-auto:is(:where(.group)[data-has-value=true] *) {
        pointer-events: auto
    }

    .group-data-\[has-value\=true\]\:block:is(:where(.group)[data-has-value=true] *) {
        display: block
    }

    .group-data-\[has-value\=true\]\:scale-100:is(:where(.group)[data-has-value=true] *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[has-value\=true\]\:text-default-foreground:is(:where(.group)[data-has-value=true] *) {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .group-data-\[has-value\=true\]\:text-foreground:is(:where(.group)[data-has-value=true] *) {
        color: hsl(var(--heroui-foreground)/1)
    }

    .group-data-\[has-value\=true\]\:opacity-70:is(:where(.group)[data-has-value=true] *) {
        opacity: .7
    }

    .group-data-\[hover-unselected\=true\]\:bg-default-100:is(:where(.group)[data-hover-unselected=true] *) {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .group-data-\[hover\=true\]\/th\:opacity-100:is(:where(.group\/th)[data-hover=true] *) {
        opacity: 1
    }

    .group-data-\[invalid\=true\]\:border-danger:is(:where(.group)[data-invalid=true] *) {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[invalid\=true\]\:bg-danger-50:is(:where(.group)[data-invalid=true] *) {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .group-data-\[invalid\=true\]\:text-danger:is(:where(.group)[data-invalid=true] *) {
        color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[loaded\=true\]\:opacity-100:is(:where(.group)[data-loaded=true] *) {
        opacity: 1
    }

    .group-data-\[pressed\=true\]\:w-5:is(:where(.group)[data-pressed=true] *) {
        width: calc(var(--spacing)*5)
    }

    .group-data-\[pressed\=true\]\:w-6:is(:where(.group)[data-pressed=true] *) {
        width: calc(var(--spacing)*6)
    }

    .group-data-\[pressed\=true\]\:w-7:is(:where(.group)[data-pressed=true] *) {
        width: calc(var(--spacing)*7)
    }

    .group-data-\[pressed\=true\]\:scale-95:is(:where(.group)[data-pressed=true] *) {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[pressed\=true\]\:opacity-70:is(:where(.group)[data-pressed=true] *) {
        opacity: .7
    }

    .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
        margin-left: calc(var(--spacing)*3)
    }

    .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
        margin-left: calc(var(--spacing)*4)
    }

    .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5:is(:where(.group)[data-selected] *):is(:where(.group)[data-pressed] *) {
        margin-left: calc(var(--spacing)*5)
    }

    .group-data-\[selected\=true\]\:ms-4:is(:where(.group)[data-selected=true] *) {
        margin-inline-start: calc(var(--spacing)*4)
    }

    .group-data-\[selected\=true\]\:ms-5:is(:where(.group)[data-selected=true] *) {
        margin-inline-start: calc(var(--spacing)*5)
    }

    .group-data-\[selected\=true\]\:ms-6:is(:where(.group)[data-selected=true] *) {
        margin-inline-start: calc(var(--spacing)*6)
    }

    .group-data-\[selected\=true\]\:translate-x-3:is(:where(.group)[data-selected=true] *) {
        --tw-translate-x: calc(var(--spacing)*3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[selected\=true\]\:scale-100:is(:where(.group)[data-selected=true] *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[selected\=true\]\:border-danger:is(:where(.group)[data-selected=true] *) {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[selected\=true\]\:border-default-500:is(:where(.group)[data-selected=true] *) {
        border-color: hsl(var(--heroui-default-500)/1)
    }

    .group-data-\[selected\=true\]\:border-primary:is(:where(.group)[data-selected=true] *) {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .group-data-\[selected\=true\]\:border-secondary:is(:where(.group)[data-selected=true] *) {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .group-data-\[selected\=true\]\:border-success:is(:where(.group)[data-selected=true] *) {
        border-color: hsl(var(--heroui-success)/1)
    }

    .group-data-\[selected\=true\]\:border-warning:is(:where(.group)[data-selected=true] *) {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .group-data-\[selected\=true\]\:bg-danger:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[selected\=true\]\:bg-default-400:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-default-400)/1)
    }

    .group-data-\[selected\=true\]\:bg-primary:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .group-data-\[selected\=true\]\:bg-secondary:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .group-data-\[selected\=true\]\:bg-success:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-success)/1)
    }

    .group-data-\[selected\=true\]\:bg-warning:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .group-data-\[selected\=true\]\:text-danger:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[selected\=true\]\:text-danger-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .group-data-\[selected\=true\]\:text-default-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .group-data-\[selected\=true\]\:text-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-foreground)/1)
    }

    .group-data-\[selected\=true\]\:text-primary:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-primary)/1)
    }

    .group-data-\[selected\=true\]\:text-primary-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .group-data-\[selected\=true\]\:text-secondary:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-secondary)/1)
    }

    .group-data-\[selected\=true\]\:text-secondary-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .group-data-\[selected\=true\]\:text-success:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-success)/1)
    }

    .group-data-\[selected\=true\]\:text-success-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .group-data-\[selected\=true\]\:text-warning:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-warning)/1)
    }

    .group-data-\[selected\=true\]\:text-warning-foreground:is(:where(.group)[data-selected=true] *) {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .group-data-\[selected\=true\]\:opacity-0:is(:where(.group)[data-selected=true] *) {
        opacity: 0
    }

    .group-data-\[selected\=true\]\:opacity-60:is(:where(.group)[data-selected=true] *) {
        opacity: .6
    }

    .group-data-\[selected\=true\]\:opacity-100:is(:where(.group)[data-selected=true] *) {
        opacity: 1
    }

    .peer-checked\:bg-blue-600:is(:where(.peer):checked~*) {
        background-color: var(--color-blue-600)
    }

    .peer-focus\:ring-4:is(:where(.peer):focus~*) {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .peer-focus\:ring-blue-300:is(:where(.peer):focus~*) {
        --tw-ring-color: var(--color-blue-300)
    }

    .peer-focus\:outline-none:is(:where(.peer):focus~*) {
        --tw-outline-style: none;
        outline-style: none
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
    }

    .peer-disabled\:opacity-70:is(:where(.peer):disabled~*) {
        opacity: .7
    }

    .peer-data-\[filled\=true\]\:pointer-events-auto:is(:where(.peer)[data-filled=true]~*) {
        pointer-events: auto
    }

    .peer-data-\[filled\=true\]\:pointer-events-none:is(:where(.peer)[data-filled=true]~*) {
        pointer-events: none
    }

    .peer-data-\[filled\=true\]\:block:is(:where(.peer)[data-filled=true]~*) {
        display: block
    }

    .peer-data-\[filled\=true\]\:scale-100:is(:where(.peer)[data-filled=true]~*) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .peer-data-\[filled\=true\]\:opacity-70:is(:where(.peer)[data-filled=true]~*) {
        opacity: .7
    }

    .file\:mr-4::file-selector-button {
        margin-right: calc(var(--spacing)*4)
    }

    .file\:cursor-pointer::file-selector-button {
        cursor: pointer
    }

    .file\:rounded::file-selector-button {
        border-radius: .25rem
    }

    .file\:rounded-md::file-selector-button {
        border-radius: var(--radius-md)
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-blue-50::file-selector-button {
        background-color: var(--color-blue-50)
    }

    .file\:bg-indigo-50::file-selector-button {
        background-color: var(--color-indigo-50)
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .file\:px-2::file-selector-button {
        padding-inline: calc(var(--spacing)*2)
    }

    .file\:px-4::file-selector-button {
        padding-inline: calc(var(--spacing)*4)
    }

    .file\:py-1::file-selector-button {
        padding-block: calc(var(--spacing)*1)
    }

    .file\:py-2::file-selector-button {
        padding-block: calc(var(--spacing)*2)
    }

    .file\:py-3::file-selector-button {
        padding-block: calc(var(--spacing)*3)
    }

    .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .file\:text-xs::file-selector-button {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

    .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .file\:font-semibold::file-selector-button {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .file\:text-blue-700::file-selector-button {
        color: var(--color-blue-700)
    }

    .file\:text-indigo-700::file-selector-button {
        color: var(--color-indigo-700)
    }

    .placeholder\:text-danger::placeholder {
        color: hsl(var(--heroui-danger)/1)
    }

    .placeholder\:text-foreground-500::placeholder {
        color: hsl(var(--heroui-foreground-500)/1)
    }

    .placeholder\:text-primary::placeholder {
        color: hsl(var(--heroui-primary)/1)
    }

    .placeholder\:text-secondary::placeholder {
        color: hsl(var(--heroui-secondary)/1)
    }

    .placeholder\:text-success-600::placeholder {
        color: hsl(var(--heroui-success-600)/1)
    }

    .placeholder\:text-warning-600::placeholder {
        color: hsl(var(--heroui-warning-600)/1)
    }

    .before\:pointer-events-auto:before {
        content: var(--tw-content);
        pointer-events: auto
    }

    .before\:pointer-events-none:before {
        content: var(--tw-content);
        pointer-events: none
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .before\:right-0:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:z-0:before {
        content: var(--tw-content);
        z-index: 0
    }

    .before\:z-\[-1\]:before {
        content: var(--tw-content);
        z-index: -1
    }

    .before\:box-border:before {
        content: var(--tw-content);
        box-sizing: border-box
    }

    .before\:block:before {
        content: var(--tw-content);
        display: block
    }

    .before\:hidden:before {
        content: var(--tw-content);
        display: none
    }

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

    .before\:h-2\.5:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*2.5)
    }

    .before\:h-4:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

    .before\:h-6:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*6)
    }

    .before\:h-8:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*8)
    }

    .before\:h-11:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*11)
    }

    .before\:h-px:before {
        content: var(--tw-content);
        height: 1px
    }

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

    .before\:w-2\.5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*2.5)
    }

    .before\:w-6:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*6)
    }

    .before\:w-8:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*8)
    }

    .before\:w-11:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*11)
    }

    .before\:-translate-x-full:before {
        --tw-translate-x: -100%
    }

    .before\:-translate-x-full:before,
    .before\:-translate-y-1:before {
        content: var(--tw-content);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:-translate-y-1:before {
        --tw-translate-y: calc(var(--spacing)*-1)
    }

    .before\:rotate-0:before {
        content: var(--tw-content);
        rotate: none
    }

    .before\:rotate-45:before {
        content: var(--tw-content);
        rotate: 45deg
    }

    .before\:animate-none:before {
        content: var(--tw-content);
        animation: none
    }

    .before\:animate-shimmer:before {
        content: var(--tw-content);
        animation: shimmer 2s infinite
    }

    .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]:before {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)*.5)
    }

    .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]:before {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)*.6)
    }

    .before\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]:before {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)*.7)
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e+38px
    }

    .before\:rounded-none:before {
        content: var(--tw-content);
        border-radius: 0
    }

    .before\:rounded-sm:before {
        content: var(--tw-content);
        border-radius: var(--radius-sm)
    }

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

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

    .before\:border-solid:before {
        content: var(--tw-content);
        --tw-border-style: solid;
        border-style: solid
    }

    .before\:border-content4\/30:before {
        content: var(--tw-content);
        border-color: hsl(var(--heroui-content4)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-content4\/30:before {
            border-color: color-mix(in oklab, hsl(var(--heroui-content4)/1)30%, transparent)
        }
    }

    .before\:border-danger:before {
        content: var(--tw-content);
        border-color: hsl(var(--heroui-danger)/1)
    }

    .before\:border-default:before {
        content: var(--tw-content);
        border-color: hsl(var(--heroui-default)/1)
    }

    .before\:bg-content1:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-content1)/1)
    }

    .before\:bg-current:before {
        content: var(--tw-content);
        background-color: currentColor
    }

    .before\:bg-danger:before,
    .before\:bg-danger\/20:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-danger\/20:before {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger)/1)20%, transparent)
        }
    }

    .before\:bg-default\/60:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-default)/1)
    }

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

    .before\:bg-foreground:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .before\:bg-primary:before,
    .before\:bg-primary\/20:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-primary\/20:before {
            background-color: color-mix(in oklab, hsl(var(--heroui-primary)/1)20%, transparent)
        }
    }

    .before\:bg-secondary:before,
    .before\:bg-secondary\/20:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-secondary\/20:before {
            background-color: color-mix(in oklab, hsl(var(--heroui-secondary)/1)20%, transparent)
        }
    }

    .before\:bg-success:before,
    .before\:bg-success\/20:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-success)/1)
    }

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

    .before\:bg-transparent:before {
        content: var(--tw-content);
        background-color: #0000
    }

    .before\:bg-warning:before,
    .before\:bg-warning\/20:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-warning\/20:before {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning)/1)20%, transparent)
        }
    }

    .before\:bg-gradient-to-r:before {
        content: var(--tw-content);
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .before\:from-transparent:before {
        content: var(--tw-content);
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:via-content4:before {
        content: var(--tw-content);
        --tw-gradient-via: hsl(var(--heroui-content4)/1);
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .before\:to-transparent:before {
        content: var(--tw-content);
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .before\:opacity-0:before {
        content: var(--tw-content);
        opacity: 0
    }

    .before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1
    }

    .before\:shadow-small:before {
        content: var(--tw-content);
        --tw-shadow: var(--heroui-box-shadow-small);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .before\:transition-colors:before {
        content: var(--tw-content);
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .before\:transition-transform:before {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .before\:transition-width:before {
        content: var(--tw-content);
        transition-property: width;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .before\:transition-none:before {
        content: var(--tw-content);
        transition-property: none
    }

    .before\:duration-150:before {
        content: var(--tw-content);
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100:is(:where(.group\/tr)[aria-selected=false] *):is(:where(.group\/tr)[data-hover=true] *):before,
    .group-data-\[hover\=true\]\:before\:bg-default-100:is(:where(.group)[data-hover=true] *):before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70:is(:where(.group\/tr)[aria-selected=false] *):is(:where(.group\/tr)[data-hover=true] *):before {
        content: var(--tw-content);
        opacity: .7
    }

    .group-data-\[middle\=true\]\/tr\:before\:rounded-none:is(:where(.group\/tr)[data-middle=true] *):before {
        content: var(--tw-content);
        border-radius: 0
    }

    .group-data-\[odd\=true\]\/tr\:before\:-z-10:is(:where(.group\/tr)[data-odd=true] *):before {
        content: var(--tw-content);
        z-index: calc(10*-1)
    }

    .group-data-\[odd\=true\]\/tr\:before\:bg-default-100:is(:where(.group\/tr)[data-odd=true] *):before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .group-data-\[odd\=true\]\/tr\:before\:opacity-100:is(:where(.group\/tr)[data-odd=true] *):before {
        content: var(--tw-content);
        opacity: 1
    }

    .group-data-\[open\=true\]\:before\:translate-y-px:is(:where(.group)[data-open=true] *):before {
        content: var(--tw-content);
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[open\=true\]\:before\:rotate-45:is(:where(.group)[data-open=true] *):before {
        content: var(--tw-content);
        rotate: 45deg
    }

    .group-data-\[selected\=true\]\:before\:w-full:is(:where(.group)[data-selected=true] *):before {
        content: var(--tw-content);
        width: 100%
    }

    .after\:pointer-events-auto:after {
        content: var(--tw-content);
        pointer-events: auto
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:inset-0:after {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .after\:top-0:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*0)
    }

    .after\:top-\[2px\]:after {
        content: var(--tw-content);
        top: 2px
    }

    .after\:right-0:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .after\:-bottom-1:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*-1)
    }

    .after\:-bottom-\[2px\]:after {
        content: var(--tw-content);
        bottom: -2px
    }

    .after\:bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .after\:left-0:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

    .after\:left-\[2px\]:after {
        content: var(--tw-content);
        left: 2px
    }

    .after\:-z-10:after {
        content: var(--tw-content);
        z-index: calc(10*-1)
    }

    .after\:z-0:after {
        content: var(--tw-content);
        z-index: 0
    }

    .after\:z-\[-1\]:after {
        content: var(--tw-content);
        z-index: -1
    }

    .after\:ms-0\.5:after {
        content: var(--tw-content);
        margin-inline-start: calc(var(--spacing)*.5)
    }

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

    .after\:block:after {
        content: var(--tw-content);
        display: block
    }

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

    .after\:h-4:after {
        content: var(--tw-content);
        height: calc(var(--spacing)*4)
    }

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

    .after\:h-\[2px\]:after {
        content: var(--tw-content);
        height: 2px
    }

    .after\:h-divider:after {
        content: var(--tw-content);
        height: var(--heroui-divider-weight)
    }

    .after\:h-full:after {
        content: var(--tw-content);
        height: 100%
    }

    .after\:h-px:after {
        content: var(--tw-content);
        height: 1px
    }

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

    .after\:w-4:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*4)
    }

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

    .after\:w-6:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*6)
    }

    .after\:w-\[80\%\]:after {
        content: var(--tw-content);
        width: 80%
    }

    .after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .after\:origin-center:after {
        content: var(--tw-content);
        transform-origin: 50%
    }

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

    .after\:-translate-x-1\/2:after,
    .after\:translate-y-1:after {
        content: var(--tw-content);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:translate-y-1:after {
        --tw-translate-y: calc(var(--spacing)*1)
    }

    .after\:scale-50:after {
        content: var(--tw-content);
        --tw-scale-x: 50%;
        --tw-scale-y: 50%;
        --tw-scale-z: 50%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .after\:rotate-0:after {
        content: var(--tw-content);
        rotate: none
    }

    .after\:rounded-\[calc\(var\(--heroui-radius-large\)\/2\)\]:after {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-large)/2)
    }

    .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.5\)\]:after {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)*.5)
    }

    .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.6\)\]:after {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)*.6)
    }

    .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\*0\.7\)\]:after {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)*.7)
    }

    .after\:rounded-\[calc\(var\(--heroui-radius-medium\)\/3\)\]:after {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-medium)/3)
    }

    .after\:rounded-\[calc\(var\(--heroui-radius-small\)\/3\)\]:after {
        content: var(--tw-content);
        border-radius: calc(var(--heroui-radius-small)/3)
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e+38px
    }

    .after\:rounded-none:after {
        content: var(--tw-content);
        border-radius: 0
    }

    .after\:rounded-xl:after {
        content: var(--tw-content);
        border-radius: var(--radius-xl)
    }

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

    .after\:border-gray-300:after {
        content: var(--tw-content);
        border-color: var(--color-gray-300)
    }

    .after\:\!bg-danger:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger)/1) !important
    }

    .after\:bg-background:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-background)/1)
    }

    .after\:bg-content1:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-content1)/1)
    }

    .after\:bg-content3:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-content3)/1)
    }

    .after\:bg-current:after {
        content: var(--tw-content);
        background-color: currentColor
    }

    .after\:bg-danger:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger)/1)
    }

    .after\:bg-default:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-default)/1)
    }

    .after\:bg-default-foreground:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-default-foreground)/1)
    }

    .after\:bg-divider:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-divider)/.15)
    }

    .after\:bg-foreground:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .after\:bg-primary:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-primary)/1)
    }

    .after\:bg-secondary:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .after\:bg-success:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-success)/1)
    }

    .after\:bg-transparent:after {
        content: var(--tw-content);
        background-color: #0000
    }

    .after\:bg-warning:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-warning)/1)
    }

    .after\:bg-white:after {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .after\:text-danger:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-danger)/1)
    }

    .after\:text-danger-foreground:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .after\:text-default-foreground:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .after\:text-primary-foreground:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .after\:text-secondary-foreground:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .after\:text-success-foreground:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .after\:text-warning-foreground:after {
        content: var(--tw-content);
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
    }

    .after\:opacity-100:after {
        content: var(--tw-content);
        opacity: 1
    }

    .after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]:after {
        --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, #0000000d)
    }

    .after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]:after,
    .after\:shadow-small:after {
        content: var(--tw-content);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .after\:shadow-small:after {
        --tw-shadow: var(--heroui-box-shadow-small)
    }

    .after\:transition-all:after {
        content: var(--tw-content);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:transition-background:after {
        content: var(--tw-content);
        transition-property: background;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .after\:transition-height:after {
        content: var(--tw-content);
        transition-property: height;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .after\:transition-transform:after {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .after\:transition-transform-opacity:after {
        content: var(--tw-content);
        transition-property: transform, scale, opacity rotate;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .after\:transition-width:after {
        content: var(--tw-content);
        transition-property: width;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .after\:transition-none:after {
        content: var(--tw-content);
        transition-property: none
    }

    .after\:\!duration-200:after {
        content: var(--tw-content);
        --tw-duration: .2s !important;
        transition-duration: .2s !important
    }

    .after\:duration-150:after {
        content: var(--tw-content);
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .after\:\!ease-linear:after {
        content: var(--tw-content);
        --tw-ease: linear !important;
        transition-timing-function: linear !important
    }

    .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:content-\[\'\*\'\]:after {
        --tw-content: "*";
        content: var(--tw-content)
    }

    .group-data-\[focus\=true\]\:after\:w-full:is(:where(.group)[data-focus=true] *):after {
        content: var(--tw-content);
        width: 100%
    }

    .group-data-\[invalid\=true\]\:after\:bg-danger:is(:where(.group)[data-invalid=true] *):after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[open\=true\]\:after\:translate-y-0:is(:where(.group)[data-open=true] *):after {
        content: var(--tw-content);
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[open\=true\]\:after\:-rotate-45:is(:where(.group)[data-open=true] *):after {
        content: var(--tw-content);
        rotate: -45deg
    }

    .group-data-\[required\=true\]\:after\:ml-0\.5:is(:where(.group)[data-required=true] *):after {
        content: var(--tw-content);
        margin-left: calc(var(--spacing)*.5)
    }

    .group-data-\[required\=true\]\:after\:text-danger:is(:where(.group)[data-required=true] *):after {
        content: var(--tw-content);
        color: hsl(var(--heroui-danger)/1)
    }

    .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]:is(:where(.group)[data-required=true] *):after {
        --tw-content: "*";
        content: var(--tw-content)
    }

    .group-data-\[selected\=true\]\:after\:scale-100:is(:where(.group)[data-selected=true] *):after {
        content: var(--tw-content);
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .group-data-\[selected\=true\]\:after\:opacity-100:is(:where(.group)[data-selected=true] *):after {
        content: var(--tw-content);
        opacity: 1
    }

    .peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .peer-checked\:after\:border-white:is(:where(.peer):checked~*):after {
        content: var(--tw-content);
        border-color: var(--color-white)
    }

    .first\:mt-2:first-child {
        margin-top: calc(var(--spacing)*2)
    }

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

    .first\:rounded-s-full:first-child {
        border-start-start-radius: 3.40282e+38px;
        border-end-start-radius: 3.40282e+38px
    }

    .first\:rounded-s-large:first-child {
        border-start-start-radius: var(--heroui-radius-large);
        border-end-start-radius: var(--heroui-radius-large)
    }

    .first\:rounded-s-lg:first-child {
        border-start-start-radius: var(--radius-lg);
        border-end-start-radius: var(--radius-lg)
    }

    .first\:rounded-s-medium:first-child {
        border-start-start-radius: var(--heroui-radius-medium);
        border-end-start-radius: var(--heroui-radius-medium)
    }

    .first\:rounded-s-none:first-child {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .first\:rounded-s-small:first-child {
        border-start-start-radius: var(--heroui-radius-small);
        border-end-start-radius: var(--heroui-radius-small)
    }

    .first\:before\:rounded-s-lg:first-child:before {
        content: var(--tw-content);
        border-start-start-radius: var(--radius-lg);
        border-end-start-radius: var(--radius-lg)
    }

    .first\:before\:rounded-s-none:first-child:before {
        content: var(--tw-content);
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-lg:is(:where(.group\/tr)[data-first=true] *):first-child:before {
        content: var(--tw-content);
        border-start-start-radius: var(--radius-lg)
    }

    .group-data-\[first\=true\]\/tr\:first\:before\:rounded-ss-none:is(:where(.group\/tr)[data-first=true] *):first-child:before {
        content: var(--tw-content);
        border-start-start-radius: 0
    }

    .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-lg:is(:where(.group\/tr)[data-last=true] *):first-child:before {
        content: var(--tw-content);
        border-end-start-radius: var(--radius-lg)
    }

    .group-data-\[last\=true\]\/tr\:first\:before\:rounded-es-none:is(:where(.group\/tr)[data-last=true] *):first-child:before {
        content: var(--tw-content);
        border-end-start-radius: 0
    }

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

    .last\:rounded-e-full:last-child {
        border-start-end-radius: 3.40282e+38px;
        border-end-end-radius: 3.40282e+38px
    }

    .last\:rounded-e-large:last-child {
        border-start-end-radius: var(--heroui-radius-large);
        border-end-end-radius: var(--heroui-radius-large)
    }

    .last\:rounded-e-lg:last-child {
        border-start-end-radius: var(--radius-lg);
        border-end-end-radius: var(--radius-lg)
    }

    .last\:rounded-e-medium:last-child {
        border-start-end-radius: var(--heroui-radius-medium);
        border-end-end-radius: var(--heroui-radius-medium)
    }

    .last\:rounded-e-none:last-child {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .last\:rounded-e-small:last-child {
        border-start-end-radius: var(--heroui-radius-small);
        border-end-end-radius: var(--heroui-radius-small)
    }

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

    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing)*0)
    }

    .last\:before\:rounded-e-lg:last-child:before {
        content: var(--tw-content);
        border-start-end-radius: var(--radius-lg);
        border-end-end-radius: var(--radius-lg)
    }

    .last\:before\:rounded-e-none:last-child:before {
        content: var(--tw-content);
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-lg:is(:where(.group\/tr)[data-first=true] *):last-child:before {
        content: var(--tw-content);
        border-start-end-radius: var(--radius-lg)
    }

    .group-data-\[first\=true\]\/tr\:last\:before\:rounded-se-none:is(:where(.group\/tr)[data-first=true] *):last-child:before {
        content: var(--tw-content);
        border-start-end-radius: 0
    }

    .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-lg:is(:where(.group\/tr)[data-last=true] *):last-child:before {
        content: var(--tw-content);
        border-end-end-radius: var(--radius-lg)
    }

    .group-data-\[last\=true\]\/tr\:last\:before\:rounded-ee-none:is(:where(.group\/tr)[data-last=true] *):last-child:before {
        content: var(--tw-content);
        border-end-end-radius: 0
    }

    .first-of-type\:rounded-e-none:first-of-type {
        border-start-end-radius: 0;
        border-end-end-radius: 0
    }

    .last-of-type\:rounded-s-none:last-of-type {
        border-start-start-radius: 0;
        border-end-start-radius: 0
    }

    .autofill\:bg-transparent:autofill {
        background-color: #0000
    }

    .focus-within\:border-blue-500:focus-within {
        border-color: var(--color-blue-500)
    }

    .focus-within\:border-danger:focus-within {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .focus-within\:border-default-400:focus-within {
        border-color: hsl(var(--heroui-default-400)/1)
    }

    .focus-within\:border-default-foreground:focus-within {
        border-color: hsl(var(--heroui-default-foreground)/1)
    }

    .focus-within\:border-primary:focus-within {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .focus-within\:border-secondary:focus-within {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .focus-within\:border-success:focus-within {
        border-color: hsl(var(--heroui-success)/1)
    }

    .focus-within\:border-warning:focus-within {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .focus-within\:bg-danger-50:focus-within {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .focus-within\:bg-primary-50:focus-within {
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    .focus-within\:bg-secondary-50:focus-within {
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    .focus-within\:bg-success-50:focus-within {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .focus-within\:bg-warning-50:focus-within {
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    .focus-within\:after\:w-full:focus-within:after {
        content: var(--tw-content);
        width: 100%
    }

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

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

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

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

        .hover\:scale-102:hover {
            --tw-scale-x: 102%;
            --tw-scale-y: 102%;
            --tw-scale-z: 102%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-105:hover {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:scale-125:hover {
            --tw-scale-x: 125%;
            --tw-scale-y: 125%;
            --tw-scale-z: 125%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:border-blue-300:hover {
            border-color: var(--color-blue-300)
        }

        .hover\:border-blue-500:hover {
            border-color: var(--color-blue-500)
        }

        .hover\:border-danger:hover {
            border-color: hsl(var(--heroui-danger)/1)
        }

        .hover\:border-default:hover {
            border-color: hsl(var(--heroui-default)/1)
        }

        .hover\:border-default-300:hover {
            border-color: hsl(var(--heroui-default-300)/1)
        }

        .hover\:border-default-400:hover {
            border-color: hsl(var(--heroui-default-400)/1)
        }

        .hover\:border-gray-300:hover {
            border-color: var(--color-gray-300)
        }

        .hover\:border-gray-400:hover {
            border-color: var(--color-gray-400)
        }

        .hover\:border-primary:hover {
            border-color: hsl(var(--heroui-primary)/1)
        }

        .hover\:border-secondary:hover {
            border-color: hsl(var(--heroui-secondary)/1)
        }

        .hover\:border-success:hover {
            border-color: hsl(var(--heroui-success)/1)
        }

        .hover\:border-warning:hover {
            border-color: hsl(var(--heroui-warning)/1)
        }

        .hover\:\!bg-foreground:hover {
            background-color: hsl(var(--heroui-foreground)/1) !important
        }

        .hover\:bg-blue-50:hover {
            background-color: var(--color-blue-50)
        }

        .hover\:bg-blue-100:hover {
            background-color: var(--color-blue-100)
        }

        .hover\:bg-blue-600:hover {
            background-color: var(--color-blue-600)
        }

        .hover\:bg-blue-700:hover {
            background-color: var(--color-blue-700)
        }

        .hover\:bg-danger:hover {
            background-color: hsl(var(--heroui-danger)/1)
        }

        .hover\:bg-danger-50:hover {
            background-color: hsl(var(--heroui-danger-50)/1)
        }

        .hover\:bg-danger-600:hover {
            background-color: hsl(var(--heroui-danger-600)/1)
        }

        .hover\:bg-danger-700:hover {
            background-color: hsl(var(--heroui-danger-700)/1)
        }

        .hover\:bg-default-100:hover {
            background-color: hsl(var(--heroui-default-100)/1)
        }

        .hover\:bg-default-200:hover {
            background-color: hsl(var(--heroui-default-200)/1)
        }

        .hover\:bg-gray-50:hover {
            background-color: var(--color-gray-50)
        }

        .hover\:bg-gray-100:hover {
            background-color: var(--color-gray-100)
        }

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

        .hover\:bg-gray-300:hover {
            background-color: var(--color-gray-300)
        }

        .hover\:bg-gray-700:hover {
            background-color: var(--color-gray-700)
        }

        .hover\:bg-green-100:hover {
            background-color: var(--color-green-100)
        }

        .hover\:bg-green-100\/80:hover {
            background-color: #dcfce7cc
        }

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

        .hover\:bg-green-200:hover {
            background-color: var(--color-green-200)
        }

        .hover\:bg-green-600:hover {
            background-color: var(--color-green-600)
        }

        .hover\:bg-green-700:hover {
            background-color: var(--color-green-700)
        }

        .hover\:bg-indigo-700:hover {
            background-color: var(--color-indigo-700)
        }

        .hover\:bg-orange-200:hover {
            background-color: var(--color-orange-200)
        }

        .hover\:bg-orange-700:hover {
            background-color: var(--color-orange-700)
        }

        .hover\:bg-primary-50:hover {
            background-color: hsl(var(--heroui-primary-50)/1)
        }

        .hover\:bg-primary-100:hover {
            background-color: hsl(var(--heroui-primary-100)/1)
        }

        .hover\:bg-primary-700:hover {
            background-color: hsl(var(--heroui-primary-700)/1)
        }

        .hover\:bg-primary\/80:hover {
            background-color: hsl(var(--heroui-primary)/1)
        }

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

        .hover\:bg-primary\/90:hover {
            background-color: hsl(var(--heroui-primary)/1)
        }

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

        .hover\:bg-purple-100:hover {
            background-color: var(--color-purple-100)
        }

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

        .hover\:bg-red-100\/80:hover {
            background-color: #ffe2e2cc
        }

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

        .hover\:bg-red-200:hover {
            background-color: var(--color-red-200)
        }

        .hover\:bg-red-600:hover {
            background-color: var(--color-red-600)
        }

        .hover\:bg-red-700:hover {
            background-color: var(--color-red-700)
        }

        .hover\:bg-secondary-50:hover {
            background-color: hsl(var(--heroui-secondary-50)/1)
        }

        .hover\:bg-secondary\/80:hover {
            background-color: hsl(var(--heroui-secondary)/1)
        }

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

        .hover\:bg-success-50:hover {
            background-color: hsl(var(--heroui-success-50)/1)
        }

        .hover\:bg-success-700:hover {
            background-color: hsl(var(--heroui-success-700)/1)
        }

        .hover\:bg-success\/90:hover {
            background-color: hsl(var(--heroui-success)/1)
        }

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

        .hover\:bg-warning-50:hover {
            background-color: hsl(var(--heroui-warning-50)/1)
        }

        .hover\:bg-warning\/90:hover {
            background-color: hsl(var(--heroui-warning)/1)
        }

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

        .hover\:bg-yellow-100\/80:hover {
            background-color: #fef9c2cc
        }

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

        .hover\:bg-yellow-600:hover {
            background-color: var(--color-yellow-600)
        }

        .hover\:bg-yellow-700:hover {
            background-color: var(--color-yellow-700)
        }

        .hover\:from-amber-100:hover {
            --tw-gradient-from: var(--color-amber-100);
            --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))
        }

        .hover\:from-blue-100:hover {
            --tw-gradient-from: var(--color-blue-100);
            --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))
        }

        .hover\:from-blue-200:hover {
            --tw-gradient-from: var(--color-blue-200);
            --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))
        }

        .hover\:from-blue-600:hover {
            --tw-gradient-from: var(--color-blue-600);
            --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))
        }

        .hover\:from-emerald-100:hover {
            --tw-gradient-from: var(--color-emerald-100);
            --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))
        }

        .hover\:from-green-600:hover {
            --tw-gradient-from: var(--color-green-600);
            --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))
        }

        .hover\:from-purple-600:hover {
            --tw-gradient-from: var(--color-purple-600);
            --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))
        }

        .hover\:from-red-100:hover {
            --tw-gradient-from: var(--color-red-100);
            --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))
        }

        .hover\:from-red-600:hover {
            --tw-gradient-from: var(--color-red-600);
            --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))
        }

        .hover\:to-blue-300:hover {
            --tw-gradient-to: var(--color-blue-300);
            --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))
        }

        .hover\:to-blue-700:hover {
            --tw-gradient-to: var(--color-blue-700);
            --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))
        }

        .hover\:to-green-700:hover {
            --tw-gradient-to: var(--color-green-700);
            --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))
        }

        .hover\:to-purple-700:hover {
            --tw-gradient-to: var(--color-purple-700);
            --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))
        }

        .hover\:to-red-200:hover {
            --tw-gradient-to: var(--color-red-200);
            --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))
        }

        .hover\:to-red-700:hover {
            --tw-gradient-to: var(--color-red-700);
            --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))
        }

        .hover\:text-blue-500:hover {
            color: var(--color-blue-500)
        }

        .hover\:text-blue-600:hover {
            color: var(--color-blue-600)
        }

        .hover\:text-blue-700:hover {
            color: var(--color-blue-700)
        }

        .hover\:text-blue-800:hover {
            color: var(--color-blue-800)
        }

        .hover\:text-blue-900:hover {
            color: var(--color-blue-900)
        }

        .hover\:text-danger-600:hover {
            color: hsl(var(--heroui-danger-600)/1)
        }

        .hover\:text-default-600:hover {
            color: hsl(var(--heroui-default-600)/1)
        }

        .hover\:text-foreground:hover {
            color: hsl(var(--heroui-foreground)/1)
        }

        .hover\:text-foreground-600:hover {
            color: hsl(var(--heroui-foreground-600)/1)
        }

        .hover\:text-gray-500:hover {
            color: var(--color-gray-500)
        }

        .hover\:text-gray-600:hover {
            color: var(--color-gray-600)
        }

        .hover\:text-gray-700:hover {
            color: var(--color-gray-700)
        }

        .hover\:text-gray-800:hover {
            color: var(--color-gray-800)
        }

        .hover\:text-gray-900:hover {
            color: var(--color-gray-900)
        }

        .hover\:text-green-700:hover {
            color: var(--color-green-700)
        }

        .hover\:text-green-800:hover {
            color: var(--color-green-800)
        }

        .hover\:text-green-900:hover {
            color: var(--color-green-900)
        }

        .hover\:text-indigo-500:hover {
            color: var(--color-indigo-500)
        }

        .hover\:text-indigo-800:hover {
            color: var(--color-indigo-800)
        }

        .hover\:text-indigo-900:hover {
            color: var(--color-indigo-900)
        }

        .hover\:text-primary:hover {
            color: hsl(var(--heroui-primary)/1)
        }

        .hover\:text-primary-500:hover {
            color: hsl(var(--heroui-primary-500)/1)
        }

        .hover\:text-primary-600:hover {
            color: hsl(var(--heroui-primary-600)/1)
        }

        .hover\:text-primary-800:hover {
            color: hsl(var(--heroui-primary-800)/1)
        }

        .hover\:text-red-500:hover {
            color: var(--color-red-500)
        }

        .hover\:text-red-700:hover {
            color: var(--color-red-700)
        }

        .hover\:text-red-800:hover {
            color: var(--color-red-800)
        }

        .hover\:text-red-900:hover {
            color: var(--color-red-900)
        }

        .hover\:text-secondary-600:hover {
            color: hsl(var(--heroui-secondary-600)/1)
        }

        .hover\:text-success-600:hover {
            color: hsl(var(--heroui-success-600)/1)
        }

        .hover\:text-warning-600:hover {
            color: hsl(var(--heroui-warning-600)/1)
        }

        .hover\:no-underline:hover {
            text-decoration-line: none
        }

        .hover\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:\!opacity-100:hover {
            opacity: 1 !important
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:opacity-hover:hover {
            opacity: var(--heroui-hover-opacity)
        }

        .hover\:shadow-lg:hover {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
        }

        .hover\:shadow-lg:hover,
        .hover\:shadow-md:hover {
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:shadow-md:hover {
            --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
        }

        .hover\:shadow-xl:hover {
            --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-data-\[invalid\=true\]\:hover\:border-danger:is(:where(.group)[data-invalid=true] *):hover {
            border-color: hsl(var(--heroui-danger)/1)
        }

        .group-data-\[invalid\=true\]\:hover\:bg-danger-100:is(:where(.group)[data-invalid=true] *):hover {
            background-color: hsl(var(--heroui-danger-100)/1)
        }

        .hover\:file\:bg-blue-100:hover::file-selector-button {
            background-color: var(--color-blue-100)
        }

        .hover\:file\:bg-indigo-100:hover::file-selector-button {
            background-color: var(--color-indigo-100)
        }

        .hover\:after\:bg-danger\/20:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-danger)/1)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:after\:bg-danger\/20:hover:after {
                background-color: color-mix(in oklab, hsl(var(--heroui-danger)/1)20%, transparent)
            }
        }

        .hover\:after\:bg-foreground\/10:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-foreground)/1)
        }

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

        .hover\:after\:bg-primary\/20:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-primary)/1)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:after\:bg-primary\/20:hover:after {
                background-color: color-mix(in oklab, hsl(var(--heroui-primary)/1)20%, transparent)
            }
        }

        .hover\:after\:bg-secondary\/20:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-secondary)/1)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:after\:bg-secondary\/20:hover:after {
                background-color: color-mix(in oklab, hsl(var(--heroui-secondary)/1)20%, transparent)
            }
        }

        .hover\:after\:bg-success\/20:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-success)/1)
        }

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

        .hover\:after\:bg-warning\/20:hover:after {
            content: var(--tw-content);
            background-color: hsl(var(--heroui-warning)/1)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:after\:bg-warning\/20:hover:after {
                background-color: color-mix(in oklab, hsl(var(--heroui-warning)/1)20%, transparent)
            }
        }

        .hover\:after\:opacity-100:hover:after {
            content: var(--tw-content);
            opacity: 1
        }

        .focus-within\:hover\:border-danger:focus-within:hover {
            border-color: hsl(var(--heroui-danger)/1)
        }

        .focus-within\:hover\:border-default-foreground:focus-within:hover {
            border-color: hsl(var(--heroui-default-foreground)/1)
        }

        .focus-within\:hover\:border-primary:focus-within:hover {
            border-color: hsl(var(--heroui-primary)/1)
        }

        .focus-within\:hover\:border-secondary:focus-within:hover {
            border-color: hsl(var(--heroui-secondary)/1)
        }

        .focus-within\:hover\:border-success:focus-within:hover {
            border-color: hsl(var(--heroui-success)/1)
        }

        .focus-within\:hover\:border-warning:focus-within:hover {
            border-color: hsl(var(--heroui-warning)/1)
        }

        .focus-within\:hover\:bg-default-100:focus-within:hover {
            background-color: hsl(var(--heroui-default-100)/1)
        }

        .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:is(:where(.group)[data-invalid=true] *):focus-within:hover {
            border-color: hsl(var(--heroui-danger)/1)
        }

        .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:is(:where(.group)[data-invalid=true] *):focus-within:hover {
            background-color: hsl(var(--heroui-danger-50)/1)
        }
    }

    .focus\:z-10:focus {
        z-index: 10
    }

    .focus\:border-blue-500:focus {
        border-color: var(--color-blue-500)
    }

    .focus\:border-indigo-500:focus {
        border-color: var(--color-indigo-500)
    }

    .focus\:border-primary-500:focus {
        border-color: hsl(var(--heroui-primary-500)/1)
    }

    .focus\:border-red-500:focus {
        border-color: var(--color-red-500)
    }

    .focus\:border-transparent:focus {
        border-color: #0000
    }

    .focus\:bg-danger-400\/50:focus {
        background-color: hsl(var(--heroui-danger-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-danger-400\/50:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-400)/1)50%, transparent)
        }
    }

    .focus\:bg-default-400\/50:focus {
        background-color: hsl(var(--heroui-default-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-default-400\/50:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-default-400)/1)50%, transparent)
        }
    }

    .focus\:bg-primary-400\/50:focus {
        background-color: hsl(var(--heroui-primary-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-primary-400\/50:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-primary-400)/1)50%, transparent)
        }
    }

    .focus\:bg-secondary-400\/50:focus {
        background-color: hsl(var(--heroui-secondary-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-secondary-400\/50:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-secondary-400)/1)50%, transparent)
        }
    }

    .focus\:bg-success-400\/50:focus {
        background-color: hsl(var(--heroui-success-400)/1)
    }

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

    .focus\:bg-warning-400\/50:focus {
        background-color: hsl(var(--heroui-warning-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-warning-400\/50:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning-400)/1)50%, transparent)
        }
    }

    .focus\:underline:focus {
        text-decoration-line: underline
    }

    .focus\:placeholder-gray-400:focus::placeholder {
        color: var(--color-gray-400)
    }

    .focus\:shadow-xs:focus {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d)
    }

    .focus\:ring-1:focus,
    .focus\:ring:focus,
    .focus\:shadow-xs:focus {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-1:focus,
    .focus\:ring:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor)
    }

    .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-blue-500:focus {
        --tw-ring-color: var(--color-blue-500)
    }

    .focus\:ring-gray-500:focus {
        --tw-ring-color: var(--color-gray-500)
    }

    .focus\:ring-green-500:focus {
        --tw-ring-color: var(--color-green-500)
    }

    .focus\:ring-indigo-200:focus {
        --tw-ring-color: var(--color-indigo-200)
    }

    .focus\:ring-indigo-500:focus {
        --tw-ring-color: var(--color-indigo-500)
    }

    .focus\:ring-primary:focus {
        --tw-ring-color: hsl(var(--heroui-primary)/1)
    }

    .focus\:ring-primary-500:focus {
        --tw-ring-color: hsl(var(--heroui-primary-500)/1)
    }

    .focus\:ring-yellow-500:focus {
        --tw-ring-color: var(--color-yellow-500)
    }

    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus\:ring-inset:focus {
        --tw-ring-inset: inset
    }

    .focus-visible\:z-10:focus-visible {
        z-index: 10
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px
    }

    .focus-visible\:outline-focus:focus-visible {
        outline-color: hsl(var(--heroui-focus)/1)
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:outline-solid:focus-visible {
        --tw-outline-style: solid;
        outline-style: solid
    }

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

    .active\:bg-default-200:active {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .active\:bg-default-300:active {
        background-color: hsl(var(--heroui-default-300)/1)
    }

    .active\:underline:active {
        text-decoration-line: underline
    }

    .active\:\!opacity-70:active {
        opacity: .7 !important
    }

    .active\:opacity-disabled:active {
        opacity: var(--heroui-disabled-opacity)
    }

    .disabled\:pointer-events-none:disabled {
        pointer-events: none
    }

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:cursor-not-allowed:disabled {
        cursor: not-allowed
    }

    .disabled\:bg-indigo-300:disabled {
        background-color: var(--color-indigo-300)
    }

    .disabled\:bg-primary-300:disabled {
        background-color: hsl(var(--heroui-primary-300)/1)
    }

    .disabled\:bg-red-300:disabled {
        background-color: var(--color-red-300)
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .has-\[\:disabled\]\:opacity-60:has(:disabled) {
        opacity: .6
    }

    .aria-expanded\:scale-\[0\.97\][aria-expanded=true] {
        scale: .97
    }

    .aria-expanded\:opacity-70[aria-expanded=true] {
        opacity: .7
    }

    .data-\[active\=true\]\:scale-100[data-active=true] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .data-\[active\=true\]\:scale-110[data-active=true] {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .data-\[active\=true\]\:border-danger[data-active=true] {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[active\=true\]\:border-danger-400[data-active=true] {
        border-color: hsl(var(--heroui-danger-400)/1)
    }

    .data-\[active\=true\]\:border-default-300[data-active=true] {
        border-color: hsl(var(--heroui-default-300)/1)
    }

    .data-\[active\=true\]\:border-default-400[data-active=true] {
        border-color: hsl(var(--heroui-default-400)/1)
    }

    .data-\[active\=true\]\:border-foreground[data-active=true] {
        border-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[active\=true\]\:border-primary[data-active=true] {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[active\=true\]\:border-secondary[data-active=true] {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[active\=true\]\:border-success[data-active=true] {
        border-color: hsl(var(--heroui-success)/1)
    }

    .data-\[active\=true\]\:border-warning[data-active=true] {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[active\=true\]\:bg-danger[data-active=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[active\=true\]\:bg-danger-100[data-active=true] {
        background-color: hsl(var(--heroui-danger-100)/1)
    }

    .data-\[active\=true\]\:bg-danger-200[data-active=true] {
        background-color: hsl(var(--heroui-danger-200)/1)
    }

    .data-\[active\=true\]\:bg-default-200[data-active=true] {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .data-\[active\=true\]\:bg-default-400[data-active=true] {
        background-color: hsl(var(--heroui-default-400)/1)
    }

    .data-\[active\=true\]\:bg-primary[data-active=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[active\=true\]\:bg-primary-200[data-active=true] {
        background-color: hsl(var(--heroui-primary-200)/1)
    }

    .data-\[active\=true\]\:bg-secondary[data-active=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[active\=true\]\:bg-secondary-200[data-active=true] {
        background-color: hsl(var(--heroui-secondary-200)/1)
    }

    .data-\[active\=true\]\:bg-success[data-active=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[active\=true\]\:bg-success-200[data-active=true] {
        background-color: hsl(var(--heroui-success-200)/1)
    }

    .data-\[active\=true\]\:bg-warning[data-active=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[active\=true\]\:bg-warning-200[data-active=true] {
        background-color: hsl(var(--heroui-warning-200)/1)
    }

    .data-\[active\=true\]\:font-semibold[data-active=true] {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .data-\[active\=true\]\:text-danger-foreground[data-active=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[active\=true\]\:text-default-foreground[data-active=true] {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[active\=true\]\:text-primary-foreground[data-active=true] {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[active\=true\]\:text-secondary-foreground[data-active=true] {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[active\=true\]\:text-success-foreground[data-active=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[active\=true\]\:text-warning-foreground[data-active=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[active\=true\]\:shadow-md[data-active=true] {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[active\=true\]\:shadow-danger\/40[data-active=true] {
        --tw-shadow-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:shadow-danger\/40[data-active=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[active\=true\]\:shadow-default\/50[data-active=true] {
        --tw-shadow-color: hsl(var(--heroui-default)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:shadow-default\/50[data-active=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default)/1)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[active\=true\]\:shadow-primary\/40[data-active=true] {
        --tw-shadow-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:shadow-primary\/40[data-active=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[active\=true\]\:shadow-secondary\/40[data-active=true] {
        --tw-shadow-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:shadow-secondary\/40[data-active=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[active\=true\]\:shadow-success\/40[data-active=true] {
        --tw-shadow-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:shadow-success\/40[data-active=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[active\=true\]\:shadow-warning\/40[data-active=true] {
        --tw-shadow-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[active\=true\]\:shadow-warning\/40[data-active=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[active\=true\]\:after\:w-full[data-active=true]:after {
        content: var(--tw-content);
        width: 100%
    }

    .data-\[active\=true\]\:after\:bg-danger-400[data-active=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger-400)/1)
    }

    .data-\[animation\=exiting\]\:opacity-0[data-animation=exiting] {
        opacity: 0
    }

    .data-\[arrow\=true\]\:before\:block[data-arrow=true]:before {
        content: var(--tw-content);
        display: block
    }

    .data-\[before\=true\]\:rotate-180[data-before=true] {
        rotate: 180deg
    }

    .data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-bottom-scroll=true] {
        -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(180deg, #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .data-\[direction\=ascending\]\:rotate-180[data-direction=ascending] {
        rotate: 180deg
    }

    .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
    }

    .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
    }

    .data-\[disabled\=true\]\:pointer-events-none[data-disabled=true] {
        pointer-events: none
    }

    .data-\[disabled\=true\]\:cursor-default[data-disabled=true] {
        cursor: default
    }

    .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true] {
        cursor: not-allowed
    }

    .data-\[disabled\=true\]\:text-default-300[data-disabled=true] {
        color: hsl(var(--heroui-default-300)/1)
    }

    .data-\[disabled\=true\]\:opacity-30[data-disabled=true] {
        opacity: .3
    }

    .data-\[disabled\=true\]\:transition-none[data-disabled=true] {
        transition-property: none
    }

    .data-\[dragging\=true\]\:cursor-grabbing[data-dragging=true] {
        cursor: grabbing
    }

    .data-\[dragging\=true\]\:after\:scale-80[data-dragging=true]:after {
        content: var(--tw-content);
        --tw-scale-x: .8;
        --tw-scale-y: .8;
        --tw-scale-z: .8;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .data-\[dragging\=true\]\:after\:scale-100[data-dragging=true]:after {
        content: var(--tw-content);
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .data-\[editable\=true\]\:text-danger[data-editable=true] {
        color: hsl(var(--heroui-danger)/1)
    }

    .data-\[editable\=true\]\:text-foreground[data-editable=true] {
        color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[editable\=true\]\:text-primary[data-editable=true] {
        color: hsl(var(--heroui-primary)/1)
    }

    .data-\[editable\=true\]\:text-secondary[data-editable=true] {
        color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[editable\=true\]\:text-success-600[data-editable=true] {
        color: hsl(var(--heroui-success-600)/1)
    }

    .data-\[editable\=true\]\:text-warning-600[data-editable=true] {
        color: hsl(var(--heroui-warning-600)/1)
    }

    .data-\[editable\=true\]\:focus\:text-danger[data-editable=true]:focus {
        color: hsl(var(--heroui-danger)/1)
    }

    .data-\[editable\=true\]\:focus\:text-default-foreground[data-editable=true]:focus {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[editable\=true\]\:focus\:text-primary[data-editable=true]:focus {
        color: hsl(var(--heroui-primary)/1)
    }

    .data-\[editable\=true\]\:focus\:text-secondary[data-editable=true]:focus {
        color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[editable\=true\]\:focus\:text-success[data-editable=true]:focus {
        color: hsl(var(--heroui-success)/1)
    }

    .data-\[editable\=true\]\:focus\:text-success-600[data-editable=true]:focus {
        color: hsl(var(--heroui-success-600)/1)
    }

    .data-\[editable\=true\]\:focus\:text-warning[data-editable=true]:focus {
        color: hsl(var(--heroui-warning)/1)
    }

    .data-\[editable\=true\]\:focus\:text-warning-600[data-editable=true]:focus {
        color: hsl(var(--heroui-warning-600)/1)
    }

    .data-\[fill-end\=true\]\:border-e-danger[data-fill-end=true] {
        border-inline-end-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[fill-end\=true\]\:border-e-foreground[data-fill-end=true] {
        border-inline-end-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[fill-end\=true\]\:border-e-primary[data-fill-end=true] {
        border-inline-end-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[fill-end\=true\]\:border-e-secondary[data-fill-end=true] {
        border-inline-end-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[fill-end\=true\]\:border-e-success[data-fill-end=true] {
        border-inline-end-color: hsl(var(--heroui-success)/1)
    }

    .data-\[fill-end\=true\]\:border-e-warning[data-fill-end=true] {
        border-inline-end-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[fill-end\=true\]\:border-t-danger[data-fill-end=true] {
        border-top-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[fill-end\=true\]\:border-t-foreground[data-fill-end=true] {
        border-top-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[fill-end\=true\]\:border-t-primary[data-fill-end=true] {
        border-top-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[fill-end\=true\]\:border-t-secondary[data-fill-end=true] {
        border-top-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[fill-end\=true\]\:border-t-success[data-fill-end=true] {
        border-top-color: hsl(var(--heroui-success)/1)
    }

    .data-\[fill-end\=true\]\:border-t-warning[data-fill-end=true] {
        border-top-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[fill-start\=true\]\:border-s-danger[data-fill-start=true] {
        border-inline-start-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[fill-start\=true\]\:border-s-foreground[data-fill-start=true] {
        border-inline-start-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[fill-start\=true\]\:border-s-primary[data-fill-start=true] {
        border-inline-start-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[fill-start\=true\]\:border-s-secondary[data-fill-start=true] {
        border-inline-start-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[fill-start\=true\]\:border-s-success[data-fill-start=true] {
        border-inline-start-color: hsl(var(--heroui-success)/1)
    }

    .data-\[fill-start\=true\]\:border-s-warning[data-fill-start=true] {
        border-inline-start-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[fill-start\=true\]\:border-b-danger[data-fill-start=true] {
        border-bottom-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[fill-start\=true\]\:border-b-foreground[data-fill-start=true] {
        border-bottom-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[fill-start\=true\]\:border-b-primary[data-fill-start=true] {
        border-bottom-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[fill-start\=true\]\:border-b-secondary[data-fill-start=true] {
        border-bottom-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[fill-start\=true\]\:border-b-success[data-fill-start=true] {
        border-bottom-color: hsl(var(--heroui-success)/1)
    }

    .data-\[fill-start\=true\]\:border-b-warning[data-fill-start=true] {
        border-bottom-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible] {
        outline-color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[focus-visible\]\:outline-default-foreground[data-focus-visible] {
        outline-color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible] {
        outline-color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible] {
        outline-color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[focus-visible\]\:outline-success-foreground[data-focus-visible] {
        outline-color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible] {
        outline-color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[focus-visible\=true\]\:z-10[data-focus-visible=true] {
        z-index: 10
    }

    .data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible=true] {
        --tw-translate-x: calc(var(--spacing)*-3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[focus-visible\=true\]\:outline-2[data-focus-visible=true] {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible=true] {
        outline-offset: 2px
    }

    .data-\[focus-visible\=true\]\:outline-focus[data-focus-visible=true] {
        outline-color: hsl(var(--heroui-focus)/1)
    }

    .data-\[focus\=true\]\:border-danger[data-focus=true] {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[focus\=true\]\:border-default-400[data-focus=true] {
        border-color: hsl(var(--heroui-default-400)/1)
    }

    .data-\[focus\=true\]\:border-default-foreground[data-focus=true] {
        border-color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[focus\=true\]\:border-primary[data-focus=true] {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[focus\=true\]\:border-secondary[data-focus=true] {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[focus\=true\]\:border-success[data-focus=true] {
        border-color: hsl(var(--heroui-success)/1)
    }

    .data-\[focus\=true\]\:border-warning[data-focus=true] {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[focus\=true\]\:after\:w-full[data-focus=true]:after {
        content: var(--tw-content);
        width: 100%
    }

    .data-\[focused\=true\]\:z-10[data-focused=true] {
        z-index: 10
    }

    .data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content=true] {
        padding-inline-end: calc(var(--spacing)*1.5)
    }

    .data-\[has-helper\=true\]\:items-start[data-has-helper=true] {
        align-items: flex-start
    }

    .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+8px\)\][data-has-helper=true],
    .data-\[has-helper\=true\]\:pb-\[calc\(var\(--heroui-font-size-tiny\)_\+_8px\)\][data-has-helper=true] {
        padding-bottom: calc(var(--heroui-font-size-tiny) + 8px)
    }

    .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_8px\)\][data-has-label=true] {
        margin-top: calc(var(--heroui-font-size-small) + 8px)
    }

    .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_10px\)\][data-has-label=true] {
        margin-top: calc(var(--heroui-font-size-small) + 10px)
    }

    .data-\[has-label\=true\]\:mt-\[calc\(var\(--heroui-font-size-small\)_\+_12px\)\][data-has-label=true] {
        margin-top: calc(var(--heroui-font-size-small) + 12px)
    }

    .data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows=true] {
        border-radius: var(--heroui-radius-large)
    }

    .data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content=true] {
        padding-inline-start: calc(var(--spacing)*1.5)
    }

    .data-\[has-title\=true\]\:pt-1[data-has-title=true] {
        padding-top: calc(var(--spacing)*1)
    }

    .data-\[has-value\=true\]\:text-default-foreground[data-has-value=true] {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[hidden\=true\]\:hidden[data-hidden=true] {
        display: none
    }

    .data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll=true] {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll=true]::-webkit-scrollbar {
        display: none
    }

    .data-\[hover\]\:bg-danger-50[data-hover] {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .data-\[hover\]\:bg-danger-200[data-hover] {
        background-color: hsl(var(--heroui-danger-200)/1)
    }

    .data-\[hover\]\:bg-default-100[data-hover] {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .data-\[hover\]\:bg-primary-50[data-hover] {
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    .data-\[hover\]\:bg-primary-200[data-hover] {
        background-color: hsl(var(--heroui-primary-200)/1)
    }

    .data-\[hover\]\:bg-secondary-50[data-hover] {
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    .data-\[hover\]\:bg-secondary-200[data-hover] {
        background-color: hsl(var(--heroui-secondary-200)/1)
    }

    .data-\[hover\]\:bg-success-50[data-hover] {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .data-\[hover\]\:bg-success-200[data-hover] {
        background-color: hsl(var(--heroui-success-200)/1)
    }

    .data-\[hover\]\:bg-warning-100[data-hover] {
        background-color: hsl(var(--heroui-warning-100)/1)
    }

    .data-\[hover\]\:bg-warning-200[data-hover] {
        background-color: hsl(var(--heroui-warning-200)/1)
    }

    .data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected=true] {
        opacity: var(--heroui-disabled-opacity)
    }

    .data-\[hover\=true\]\:-translate-x-3[data-hover=true] {
        --tw-translate-x: calc(var(--spacing)*-3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[hover\=true\]\:translate-x-0[data-hover=true] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[hover\=true\]\:border-danger[data-hover=true] {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[hover\=true\]\:border-default[data-hover=true] {
        border-color: hsl(var(--heroui-default)/1)
    }

    .data-\[hover\=true\]\:border-default-400[data-hover=true] {
        border-color: hsl(var(--heroui-default-400)/1)
    }

    .data-\[hover\=true\]\:border-primary[data-hover=true] {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[hover\=true\]\:border-secondary[data-hover=true] {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[hover\=true\]\:border-success[data-hover=true] {
        border-color: hsl(var(--heroui-success)/1)
    }

    .data-\[hover\=true\]\:border-warning[data-hover=true] {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[hover\=true\]\:\!bg-danger[data-hover=true] {
        background-color: hsl(var(--heroui-danger)/1) !important
    }

    .data-\[hover\=true\]\:\!bg-danger-100[data-hover=true] {
        background-color: hsl(var(--heroui-danger-100)/1) !important
    }

    .data-\[hover\=true\]\:\!bg-default[data-hover=true] {
        background-color: hsl(var(--heroui-default)/1) !important
    }

    .data-\[hover\=true\]\:\!bg-primary[data-hover=true] {
        background-color: hsl(var(--heroui-primary)/1) !important
    }

    .data-\[hover\=true\]\:\!bg-secondary[data-hover=true] {
        background-color: hsl(var(--heroui-secondary)/1) !important
    }

    .data-\[hover\=true\]\:\!bg-success[data-hover=true] {
        background-color: hsl(var(--heroui-success)/1) !important
    }

    .data-\[hover\=true\]\:\!bg-warning[data-hover=true] {
        background-color: hsl(var(--heroui-warning)/1) !important
    }

    .data-\[hover\=true\]\:bg-content2[data-hover=true] {
        background-color: hsl(var(--heroui-content2)/1)
    }

    .data-\[hover\=true\]\:bg-danger[data-hover=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[hover\=true\]\:bg-danger-50[data-hover=true] {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .data-\[hover\=true\]\:bg-danger-100[data-hover=true] {
        background-color: hsl(var(--heroui-danger-100)/1)
    }

    .data-\[hover\=true\]\:bg-danger\/20[data-hover=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-danger\/20[data-hover=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger)/1)20%, transparent)
        }
    }

    .data-\[hover\=true\]\:bg-default[data-hover=true] {
        background-color: hsl(var(--heroui-default)/1)
    }

    .data-\[hover\=true\]\:bg-default-100[data-hover=true] {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .data-\[hover\=true\]\:bg-default-200[data-hover=true] {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .data-\[hover\=true\]\:bg-default\/40[data-hover=true] {
        background-color: hsl(var(--heroui-default)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-default\/40[data-hover=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-default)/1)40%, transparent)
        }
    }

    .data-\[hover\=true\]\:bg-foreground-200[data-hover=true] {
        background-color: hsl(var(--heroui-foreground-200)/1)
    }

    .data-\[hover\=true\]\:bg-primary[data-hover=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[hover\=true\]\:bg-primary-50[data-hover=true] {
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    .data-\[hover\=true\]\:bg-primary\/20[data-hover=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-primary\/20[data-hover=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-primary)/1)20%, transparent)
        }
    }

    .data-\[hover\=true\]\:bg-secondary[data-hover=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[hover\=true\]\:bg-secondary-50[data-hover=true] {
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    .data-\[hover\=true\]\:bg-secondary\/20[data-hover=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-secondary\/20[data-hover=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-secondary)/1)20%, transparent)
        }
    }

    .data-\[hover\=true\]\:bg-success[data-hover=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[hover\=true\]\:bg-success-50[data-hover=true] {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .data-\[hover\=true\]\:bg-success-100[data-hover=true] {
        background-color: hsl(var(--heroui-success-100)/1)
    }

    .data-\[hover\=true\]\:bg-success\/20[data-hover=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-success\/20[data-hover=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-success)/1)20%, transparent)
        }
    }

    .data-\[hover\=true\]\:bg-transparent[data-hover=true] {
        background-color: #0000
    }

    .data-\[hover\=true\]\:bg-warning[data-hover=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[hover\=true\]\:bg-warning-50[data-hover=true] {
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    .data-\[hover\=true\]\:bg-warning-100[data-hover=true] {
        background-color: hsl(var(--heroui-warning-100)/1)
    }

    .data-\[hover\=true\]\:bg-warning\/20[data-hover=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-warning\/20[data-hover=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning)/1)20%, transparent)
        }
    }

    .data-\[hover\=true\]\:\!text-danger-foreground[data-hover=true] {
        color: hsl(var(--heroui-danger-foreground)/1) !important
    }

    .data-\[hover\=true\]\:\!text-primary-foreground[data-hover=true] {
        color: hsl(var(--heroui-primary-foreground)/1) !important
    }

    .data-\[hover\=true\]\:\!text-secondary-foreground[data-hover=true] {
        color: hsl(var(--heroui-secondary-foreground)/1) !important
    }

    .data-\[hover\=true\]\:\!text-success-foreground[data-hover=true] {
        color: hsl(var(--heroui-success-foreground)/1) !important
    }

    .data-\[hover\=true\]\:\!text-warning-foreground[data-hover=true] {
        color: hsl(var(--heroui-warning-foreground)/1) !important
    }

    .data-\[hover\=true\]\:text-danger[data-hover=true] {
        color: hsl(var(--heroui-danger)/1)
    }

    .data-\[hover\=true\]\:text-danger-500[data-hover=true] {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .data-\[hover\=true\]\:text-danger-foreground[data-hover=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[hover\=true\]\:text-default-500[data-hover=true] {
        color: hsl(var(--heroui-default-500)/1)
    }

    .data-\[hover\=true\]\:text-default-foreground[data-hover=true] {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[hover\=true\]\:text-foreground-400[data-hover=true] {
        color: hsl(var(--heroui-foreground-400)/1)
    }

    .data-\[hover\=true\]\:text-foreground-600[data-hover=true] {
        color: hsl(var(--heroui-foreground-600)/1)
    }

    .data-\[hover\=true\]\:text-primary[data-hover=true] {
        color: hsl(var(--heroui-primary)/1)
    }

    .data-\[hover\=true\]\:text-primary-400[data-hover=true] {
        color: hsl(var(--heroui-primary-400)/1)
    }

    .data-\[hover\=true\]\:text-primary-foreground[data-hover=true] {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[hover\=true\]\:text-secondary[data-hover=true] {
        color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[hover\=true\]\:text-secondary-400[data-hover=true] {
        color: hsl(var(--heroui-secondary-400)/1)
    }

    .data-\[hover\=true\]\:text-secondary-foreground[data-hover=true] {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[hover\=true\]\:text-success[data-hover=true] {
        color: hsl(var(--heroui-success)/1)
    }

    .data-\[hover\=true\]\:text-success-600[data-hover=true] {
        color: hsl(var(--heroui-success-600)/1)
    }

    .data-\[hover\=true\]\:text-success-foreground[data-hover=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[hover\=true\]\:text-warning[data-hover=true] {
        color: hsl(var(--heroui-warning)/1)
    }

    .data-\[hover\=true\]\:text-warning-600[data-hover=true] {
        color: hsl(var(--heroui-warning-600)/1)
    }

    .data-\[hover\=true\]\:text-warning-foreground[data-hover=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[hover\=true\]\:opacity-70[data-hover=true] {
        opacity: .7
    }

    .data-\[hover\=true\]\:opacity-hover[data-hover=true] {
        opacity: var(--heroui-hover-opacity)
    }

    .data-\[hover\=true\]\:shadow-lg[data-hover=true] {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[hover\=true\]\:shadow-danger\/30[data-hover=true] {
        --tw-shadow-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:shadow-danger\/30[data-hover=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[hover\=true\]\:shadow-default\/50[data-hover=true] {
        --tw-shadow-color: hsl(var(--heroui-default)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:shadow-default\/50[data-hover=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default)/1)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[hover\=true\]\:shadow-primary\/30[data-hover=true] {
        --tw-shadow-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:shadow-primary\/30[data-hover=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[hover\=true\]\:shadow-secondary\/30[data-hover=true] {
        --tw-shadow-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:shadow-secondary\/30[data-hover=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[hover\=true\]\:shadow-success\/30[data-hover=true] {
        --tw-shadow-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:shadow-success\/30[data-hover=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[hover\=true\]\:shadow-warning\/30[data-hover=true] {
        --tw-shadow-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:shadow-warning\/30[data-hover=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[hover\=true\]\:transition-colors[data-hover=true] {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .data-\[in-range\=false\]\:bg-default-200[data-in-range=false] {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .data-\[in-range\=true\]\:bg-background\/50[data-in-range=true] {
        background-color: hsl(var(--heroui-background)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[in-range\=true\]\:bg-background\/50[data-in-range=true] {
            background-color: color-mix(in oklab, hsl(var(--heroui-background)/1)50%, transparent)
        }
    }

    .data-\[in-range\=true\]\:bg-danger[data-in-range=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[in-range\=true\]\:bg-foreground[data-in-range=true] {
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[in-range\=true\]\:bg-primary[data-in-range=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[in-range\=true\]\:bg-secondary[data-in-range=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[in-range\=true\]\:bg-success[data-in-range=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[in-range\=true\]\:bg-warning[data-in-range=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[in-range\=true\]\:opacity-100[data-in-range=true] {
        opacity: 1
    }

    .data-\[inert\=true\]\:hidden[data-inert=true] {
        display: none
    }

    .data-\[invalid\=true\]\:text-danger-300[data-invalid=true] {
        color: hsl(var(--heroui-danger-300)/1)
    }

    .data-\[invalid\=true\]\:focus\:bg-danger-400\/50[data-invalid=true]:focus {
        background-color: hsl(var(--heroui-danger-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[invalid\=true\]\:focus\:bg-danger-400\/50[data-invalid=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-400)/1)50%, transparent)
        }
    }

    .data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger[data-invalid=true][data-editable=true]:focus,
    .data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-invalid=true][data-editable=true] {
        color: hsl(var(--heroui-danger)/1)
    }

    .data-\[invisible\=true\]\:scale-0[data-invisible=true] {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .data-\[invisible\=true\]\:opacity-0[data-invisible=true] {
        opacity: 0
    }

    .data-\[justify\=center\]\:justify-center[data-justify=center] {
        justify-content: center
    }

    .data-\[justify\=end\]\:flex-grow[data-justify=end] {
        flex-grow: 1
    }

    .data-\[justify\=end\]\:basis-0[data-justify=end] {
        flex-basis: calc(var(--spacing)*0)
    }

    .data-\[justify\=end\]\:justify-end[data-justify=end] {
        justify-content: flex-end
    }

    .data-\[justify\=start\]\:flex-grow[data-justify=start] {
        flex-grow: 1
    }

    .data-\[justify\=start\]\:basis-0[data-justify=start] {
        flex-basis: calc(var(--spacing)*0)
    }

    .data-\[justify\=start\]\:justify-start[data-justify=start] {
        justify-content: flex-start
    }

    .data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-right-scroll=true] {
        -webkit-mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(to right, #000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-scroll=true] {
        -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(270deg, #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .data-\[loaded\=true\]\:pointer-events-auto[data-loaded=true] {
        pointer-events: auto
    }

    .data-\[loaded\=true\]\:overflow-visible[data-loaded=true] {
        overflow: visible
    }

    .data-\[loaded\=true\]\:\!bg-transparent[data-loaded=true] {
        background-color: #0000 !important
    }

    .data-\[loaded\=true\]\:opacity-100[data-loaded=true] {
        opacity: 1
    }

    .data-\[loaded\=true\]\:before\:-z-10[data-loaded=true]:before {
        content: var(--tw-content);
        z-index: calc(10*-1)
    }

    .data-\[loaded\=true\]\:before\:animate-none[data-loaded=true]:before {
        content: var(--tw-content);
        animation: none
    }

    .data-\[loaded\=true\]\:after\:opacity-0[data-loaded=true]:after,
    .data-\[loaded\=true\]\:before\:opacity-0[data-loaded=true]:before {
        content: var(--tw-content);
        opacity: 0
    }

    .data-\[menu-open\=true\]\:border-none[data-menu-open=true] {
        --tw-border-style: none;
        border-style: none
    }

    .data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open=true] {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .data-\[moving\]\:opacity-100[data-moving] {
        opacity: 1
    }

    .data-\[moving\=true\]\:transition-transform[data-moving=true] {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .data-\[open\=true\]\:block[data-open=true] {
        display: block
    }

    .data-\[open\=true\]\:flex[data-open=true] {
        display: flex
    }

    .data-\[open\=true\]\:-rotate-90[data-open=true] {
        rotate: -90deg
    }

    .data-\[open\=true\]\:rotate-180[data-open=true] {
        rotate: 180deg
    }

    .data-\[open\=true\]\:border-danger[data-open=true] {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[open\=true\]\:border-default-400[data-open=true] {
        border-color: hsl(var(--heroui-default-400)/1)
    }

    .data-\[open\=true\]\:border-default-foreground[data-open=true] {
        border-color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[open\=true\]\:border-primary[data-open=true] {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[open\=true\]\:border-secondary[data-open=true] {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[open\=true\]\:border-success[data-open=true] {
        border-color: hsl(var(--heroui-success)/1)
    }

    .data-\[open\=true\]\:border-warning[data-open=true] {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[open\=true\]\:after\:w-full[data-open=true]:after {
        content: var(--tw-content);
        width: 100%
    }

    .data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal] {
        flex-direction: row
    }

    .data-\[outside-month\=true\]\:before\:hidden[data-outside-month=true]:before {
        content: var(--tw-content);
        display: none
    }

    .data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-disabled=true][data-outside-month=true] {
        opacity: 0
    }

    .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-editable=true][data-placeholder=true] {
        color: hsl(var(--heroui-danger-300)/1)
    }

    .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-editable=true][data-placeholder=true] {
        color: hsl(var(--heroui-foreground-500)/1)
    }

    .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-editable=true][data-placeholder=true] {
        color: hsl(var(--heroui-primary-300)/1)
    }

    .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-editable=true][data-placeholder=true] {
        color: hsl(var(--heroui-secondary-300)/1)
    }

    .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-editable=true][data-placeholder=true] {
        color: hsl(var(--heroui-success-400)/1)
    }

    .data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-editable=true][data-placeholder=true] {
        color: hsl(var(--heroui-warning-400)/1)
    }

    .data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom]:before {
        content: var(--tw-content);
        top: calc(1.5px - .3125rem)
    }

    .data-\[placement\=bottom\]\:before\:left-1\/2[data-placement=bottom]:before {
        content: var(--tw-content);
        left: 50%
    }

    .data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement=bottom]:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[placement\=bottom-center\]\:fixed[data-placement=bottom-center] {
        position: fixed
    }

    .data-\[placement\=bottom-center\]\:right-0[data-placement=bottom-center] {
        right: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-center\]\:bottom-0[data-placement=bottom-center] {
        bottom: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-center\]\:left-0[data-placement=bottom-center] {
        left: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-center\]\:left-1\/2[data-placement=bottom-center] {
        left: 50%
    }

    .data-\[placement\=bottom-center\]\:flex[data-placement=bottom-center] {
        display: flex
    }

    .data-\[placement\=bottom-center\]\:-translate-x-1\/2[data-placement=bottom-center] {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[placement\=bottom-center\]\:flex-col[data-placement=bottom-center] {
        flex-direction: column
    }

    .data-\[placement\=bottom-center\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\][data-placement=bottom-center]:before {
        content: var(--tw-content);
        top: calc(-1*var(--top-extension, 16px))
    }

    .data-\[placement\=bottom-center\]\:before\:h-\[var\(--top-extension\,16px\)\][data-placement=bottom-center]:before {
        content: var(--tw-content);
        height: var(--top-extension, 16px)
    }

    .data-\[placement\=bottom-center\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\][data-placement=bottom-center]:after {
        content: var(--tw-content);
        bottom: calc(-1*var(--bottom-extension, 16px))
    }

    .data-\[placement\=bottom-center\]\:after\:h-\[var\(--bottom-extension\,16px\)\][data-placement=bottom-center]:after {
        content: var(--tw-content);
        height: var(--bottom-extension, 16px)
    }

    .data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom-end]:before {
        content: var(--tw-content);
        top: calc(1.5px - .3125rem)
    }

    .data-\[placement\=bottom-end\]\:before\:right-3[data-placement=bottom-end]:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*3)
    }

    .data-\[placement\=bottom-left\]\:fixed[data-placement=bottom-left] {
        position: fixed
    }

    .data-\[placement\=bottom-left\]\:bottom-0[data-placement=bottom-left] {
        bottom: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-left\]\:left-0[data-placement=bottom-left] {
        left: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-left\]\:mx-auto[data-placement=bottom-left] {
        margin-inline: auto
    }

    .data-\[placement\=bottom-left\]\:flex[data-placement=bottom-left] {
        display: flex
    }

    .data-\[placement\=bottom-left\]\:flex-col[data-placement=bottom-left] {
        flex-direction: column
    }

    .data-\[placement\=bottom-left\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\][data-placement=bottom-left]:before {
        content: var(--tw-content);
        top: calc(-1*var(--top-extension, 16px))
    }

    .data-\[placement\=bottom-left\]\:before\:h-\[var\(--top-extension\,16px\)\][data-placement=bottom-left]:before {
        content: var(--tw-content);
        height: var(--top-extension, 16px)
    }

    .data-\[placement\=bottom-left\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\][data-placement=bottom-left]:after {
        content: var(--tw-content);
        bottom: calc(-1*var(--bottom-extension, 16px))
    }

    .data-\[placement\=bottom-left\]\:after\:h-\[var\(--bottom-extension\,16px\)\][data-placement=bottom-left]:after {
        content: var(--tw-content);
        height: var(--bottom-extension, 16px)
    }

    .data-\[placement\=bottom-right\]\:fixed[data-placement=bottom-right] {
        position: fixed
    }

    .data-\[placement\=bottom-right\]\:right-0[data-placement=bottom-right] {
        right: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-right\]\:bottom-0[data-placement=bottom-right] {
        bottom: calc(var(--spacing)*0)
    }

    .data-\[placement\=bottom-right\]\:mx-auto[data-placement=bottom-right] {
        margin-inline: auto
    }

    .data-\[placement\=bottom-right\]\:flex[data-placement=bottom-right] {
        display: flex
    }

    .data-\[placement\=bottom-right\]\:flex-col[data-placement=bottom-right] {
        flex-direction: column
    }

    .data-\[placement\=bottom-right\]\:before\:top-\[calc\(-1\*var\(--top-extension\,16px\)\)\][data-placement=bottom-right]:before {
        content: var(--tw-content);
        top: calc(-1*var(--top-extension, 16px))
    }

    .data-\[placement\=bottom-right\]\:before\:h-\[var\(--top-extension\,16px\)\][data-placement=bottom-right]:before {
        content: var(--tw-content);
        height: var(--top-extension, 16px)
    }

    .data-\[placement\=bottom-right\]\:after\:bottom-\[calc\(-1\*var\(--bottom-extension\,16px\)\)\][data-placement=bottom-right]:after {
        content: var(--tw-content);
        bottom: calc(-1*var(--bottom-extension, 16px))
    }

    .data-\[placement\=bottom-right\]\:after\:h-\[var\(--bottom-extension\,16px\)\][data-placement=bottom-right]:after {
        content: var(--tw-content);
        height: var(--bottom-extension, 16px)
    }

    .data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=bottom-start]:before {
        content: var(--tw-content);
        top: calc(1.5px - .3125rem)
    }

    .data-\[placement\=bottom-start\]\:before\:left-3[data-placement=bottom-start]:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*3)
    }

    .data-\[placement\=left\]\:before\:top-1\/2[data-placement=left]:before {
        content: var(--tw-content);
        top: 50%
    }

    .data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement=left]:before {
        content: var(--tw-content);
        right: calc(2px - .3125rem)
    }

    .data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement=left]:before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=left-end]:before {
        content: var(--tw-content);
        right: calc(3px - .3125rem)
    }

    .data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement=left-end]:before {
        content: var(--tw-content);
        bottom: 25%
    }

    .data-\[placement\=left-start\]\:before\:top-1\/4[data-placement=left-start]:before {
        content: var(--tw-content);
        top: 25%
    }

    .data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=left-start]:before {
        content: var(--tw-content);
        right: calc(3px - .3125rem)
    }

    .data-\[placement\=right\]\:before\:top-1\/2[data-placement=right]:before {
        content: var(--tw-content);
        top: 50%
    }

    .data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement=right]:before {
        content: var(--tw-content);
        left: calc(2px - .3125rem)
    }

    .data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement=right]:before {
        content: var(--tw-content);
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement=right-end]:before {
        content: var(--tw-content);
        bottom: 25%
    }

    .data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=right-end]:before {
        content: var(--tw-content);
        left: calc(3px - .3125rem)
    }

    .data-\[placement\=right-start\]\:before\:top-1\/4[data-placement=right-start]:before {
        content: var(--tw-content);
        top: 25%
    }

    .data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement=right-start]:before {
        content: var(--tw-content);
        left: calc(3px - .3125rem)
    }

    .data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top]:before {
        content: var(--tw-content);
        bottom: calc(1.5px - .3125rem)
    }

    .data-\[placement\=top\]\:before\:left-1\/2[data-placement=top]:before {
        content: var(--tw-content);
        left: 50%
    }

    .data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement=top]:before {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[placement\=top-center\]\:fixed[data-placement=top-center] {
        position: fixed
    }

    .data-\[placement\=top-center\]\:top-0[data-placement=top-center] {
        top: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-center\]\:right-0[data-placement=top-center] {
        right: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-center\]\:left-0[data-placement=top-center] {
        left: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-center\]\:left-1\/2[data-placement=top-center] {
        left: 50%
    }

    .data-\[placement\=top-center\]\:flex[data-placement=top-center] {
        display: flex
    }

    .data-\[placement\=top-center\]\:-translate-x-1\/2[data-placement=top-center] {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[placement\=top-center\]\:flex-col[data-placement=top-center] {
        flex-direction: column
    }

    .data-\[placement\=top-end\]\:before\:right-3[data-placement=top-end]:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*3)
    }

    .data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top-end]:before {
        content: var(--tw-content);
        bottom: calc(1.5px - .3125rem)
    }

    .data-\[placement\=top-left\]\:fixed[data-placement=top-left] {
        position: fixed
    }

    .data-\[placement\=top-left\]\:top-0[data-placement=top-left] {
        top: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-left\]\:left-0[data-placement=top-left] {
        left: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-left\]\:mx-auto[data-placement=top-left] {
        margin-inline: auto
    }

    .data-\[placement\=top-left\]\:flex[data-placement=top-left] {
        display: flex
    }

    .data-\[placement\=top-left\]\:flex-col[data-placement=top-left] {
        flex-direction: column
    }

    .data-\[placement\=top-right\]\:fixed[data-placement=top-right] {
        position: fixed
    }

    .data-\[placement\=top-right\]\:top-0[data-placement=top-right] {
        top: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-right\]\:right-0[data-placement=top-right] {
        right: calc(var(--spacing)*0)
    }

    .data-\[placement\=top-right\]\:mx-auto[data-placement=top-right] {
        margin-inline: auto
    }

    .data-\[placement\=top-right\]\:flex[data-placement=top-right] {
        display: flex
    }

    .data-\[placement\=top-right\]\:flex-col[data-placement=top-right] {
        flex-direction: column
    }

    .data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement=top-start]:before {
        content: var(--tw-content);
        bottom: calc(1.5px - .3125rem)
    }

    .data-\[placement\=top-start\]\:before\:left-3[data-placement=top-start]:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*3)
    }

    .data-\[pressed\=true\]\:scale-100[data-pressed=true] {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed=true] {
        scale: .97
    }

    .data-\[pressed\=true\]\:opacity-50[data-pressed=true] {
        opacity: .5
    }

    .data-\[pressed\=true\]\:opacity-70[data-pressed=true] {
        opacity: .7
    }

    .data-\[pressed\=true\]\:opacity-disabled[data-pressed=true] {
        opacity: var(--heroui-disabled-opacity)
    }

    .data-\[range-end\=true\]\:before\:rounded-e-full[data-range-end=true]:before {
        content: var(--tw-content);
        border-start-end-radius: 3.40282e+38px;
        border-end-end-radius: 3.40282e+38px
    }

    .data-\[range-start\=true\]\:before\:rounded-s-full[data-range-start=true]:before {
        content: var(--tw-content);
        border-start-start-radius: 3.40282e+38px;
        border-end-start-radius: 3.40282e+38px
    }

    .data-\[readonly\=true\]\:cursor-default[data-readonly=true] {
        cursor: default
    }

    .data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-right-scroll=true] {
        -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(90deg, #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .data-\[selectable\=true\]\:focus\:border-danger[data-selectable=true]:focus {
        border-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selectable\=true\]\:focus\:border-default[data-selectable=true]:focus {
        border-color: hsl(var(--heroui-default)/1)
    }

    .data-\[selectable\=true\]\:focus\:border-primary[data-selectable=true]:focus {
        border-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selectable\=true\]\:focus\:border-secondary[data-selectable=true]:focus {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selectable\=true\]\:focus\:border-success[data-selectable=true]:focus {
        border-color: hsl(var(--heroui-success)/1)
    }

    .data-\[selectable\=true\]\:focus\:border-warning[data-selectable=true]:focus {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selectable\=true\]\:focus\:bg-danger[data-selectable=true]:focus,
    .data-\[selectable\=true\]\:focus\:bg-danger\/20[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:bg-danger\/20[data-selectable=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger)/1)20%, transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:bg-default[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-default)/1)
    }

    .data-\[selectable\=true\]\:focus\:bg-default-100[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .data-\[selectable\=true\]\:focus\:bg-default\/40[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-default)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:bg-default\/40[data-selectable=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-default)/1)40%, transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:bg-primary[data-selectable=true]:focus,
    .data-\[selectable\=true\]\:focus\:bg-primary\/20[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:bg-primary\/20[data-selectable=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-primary)/1)20%, transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:bg-secondary[data-selectable=true]:focus,
    .data-\[selectable\=true\]\:focus\:bg-secondary\/20[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:bg-secondary\/20[data-selectable=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-secondary)/1)20%, transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:bg-success[data-selectable=true]:focus,
    .data-\[selectable\=true\]\:focus\:bg-success\/20[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:bg-success\/20[data-selectable=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-success)/1)20%, transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:bg-warning[data-selectable=true]:focus,
    .data-\[selectable\=true\]\:focus\:bg-warning\/20[data-selectable=true]:focus {
        background-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:bg-warning\/20[data-selectable=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning)/1)20%, transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:text-danger[data-selectable=true]:focus {
        color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-danger-foreground[data-selectable=true]:focus {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-default-500[data-selectable=true]:focus {
        color: hsl(var(--heroui-default-500)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-default-foreground[data-selectable=true]:focus {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-primary[data-selectable=true]:focus {
        color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-primary-foreground[data-selectable=true]:focus {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-secondary[data-selectable=true]:focus {
        color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-secondary-foreground[data-selectable=true]:focus {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-success[data-selectable=true]:focus {
        color: hsl(var(--heroui-success)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-success-foreground[data-selectable=true]:focus {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-warning[data-selectable=true]:focus {
        color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selectable\=true\]\:focus\:text-warning-foreground[data-selectable=true]:focus {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[selectable\=true\]\:focus\:shadow-danger\/30[data-selectable=true]:focus {
        --tw-shadow-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:shadow-danger\/30[data-selectable=true]:focus {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:shadow-default\/50[data-selectable=true]:focus {
        --tw-shadow-color: hsl(var(--heroui-default)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:shadow-default\/50[data-selectable=true]:focus {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-default)/1)50%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:shadow-primary\/30[data-selectable=true]:focus {
        --tw-shadow-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:shadow-primary\/30[data-selectable=true]:focus {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:shadow-secondary\/30[data-selectable=true]:focus {
        --tw-shadow-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:shadow-secondary\/30[data-selectable=true]:focus {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:shadow-success\/30[data-selectable=true]:focus {
        --tw-shadow-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:shadow-success\/30[data-selectable=true]:focus {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selectable\=true\]\:focus\:shadow-warning\/30[data-selectable=true]:focus {
        --tw-shadow-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selectable\=true\]\:focus\:shadow-warning\/30[data-selectable=true]:focus {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning)/1)30%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:bg-danger[data-selected=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selected\=true\]\:bg-default[data-selected=true] {
        background-color: hsl(var(--heroui-default)/1)
    }

    .data-\[selected\=true\]\:bg-foreground[data-selected=true] {
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[selected\=true\]\:bg-primary[data-selected=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:bg-secondary[data-selected=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:bg-success[data-selected=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[selected\=true\]\:bg-warning[data-selected=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selected\=true\]\:text-background[data-selected=true] {
        color: hsl(var(--heroui-background)/1)
    }

    .data-\[selected\=true\]\:text-danger[data-selected=true] {
        color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selected\=true\]\:text-danger-foreground[data-selected=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[selected\=true\]\:text-default-foreground[data-selected=true] {
        color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[selected\=true\]\:text-primary[data-selected=true] {
        color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:text-primary-foreground[data-selected=true] {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[selected\=true\]\:text-secondary[data-selected=true] {
        color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:text-secondary-foreground[data-selected=true] {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[selected\=true\]\:text-success-600[data-selected=true] {
        color: hsl(var(--heroui-success-600)/1)
    }

    .data-\[selected\=true\]\:text-success-foreground[data-selected=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[selected\=true\]\:text-warning-600[data-selected=true] {
        color: hsl(var(--heroui-warning-600)/1)
    }

    .data-\[selected\=true\]\:text-warning-foreground[data-selected=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[selected\=true\]\:shadow-md[data-selected=true] {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
    }

    .data-\[selected\=true\]\:shadow-md[data-selected=true],
    .data-\[selected\=true\]\:shadow-none[data-selected=true] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[selected\=true\]\:shadow-none[data-selected=true] {
        --tw-shadow: 0 0 #0000
    }

    .data-\[selected\=true\]\:shadow-danger\/40[data-selected=true] {
        --tw-shadow-color: hsl(var(--heroui-danger)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-danger\/40[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-danger)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:shadow-foreground\/40[data-selected=true] {
        --tw-shadow-color: hsl(var(--heroui-foreground)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-foreground\/40[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-foreground)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:shadow-primary\/40[data-selected=true] {
        --tw-shadow-color: hsl(var(--heroui-primary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-primary\/40[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-primary)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:shadow-secondary\/40[data-selected=true] {
        --tw-shadow-color: hsl(var(--heroui-secondary)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-secondary\/40[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-secondary)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:shadow-success\/40[data-selected=true] {
        --tw-shadow-color: hsl(var(--heroui-success)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-success\/40[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-success)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:shadow-warning\/40[data-selected=true] {
        --tw-shadow-color: hsl(var(--heroui-warning)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:shadow-warning\/40[data-selected=true] {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, hsl(var(--heroui-warning)/1)40%, transparent)var(--tw-shadow-alpha), transparent)
        }
    }

    .data-\[selected\=true\]\:before\:opacity-100[data-selected=true]:before {
        content: var(--tw-content);
        opacity: 1
    }

    .data-\[selected\=true\]\:after\:bg-danger[data-selected=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selected\=true\]\:after\:bg-foreground[data-selected=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[selected\=true\]\:after\:bg-primary[data-selected=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:after\:bg-secondary[data-selected=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:after\:bg-success[data-selected=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[selected\=true\]\:after\:bg-warning[data-selected=true]:after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selected\=true\]\:after\:opacity-100[data-selected=true]:after {
        content: var(--tw-content);
        opacity: 1
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-background)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:bg-transparent[data-selected=true][data-range-selection=true] {
        background-color: #0000
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-success-600)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-warning-500)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-foreground)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-selected=true][data-range-selection=true]:before {
            background-color: color-mix(in oklab, hsl(var(--heroui-foreground)/1)10%, transparent)
        }
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-success-100)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-warning-100)/1)
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-selected=true][data-range-selection=true][data-outside-month=true] {
        background-color: #0000
    }

    .data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-selected=true][data-range-selection=true][data-outside-month=true] {
        color: hsl(var(--heroui-default-300)/1)
    }

    .data-\[selection-end\=true\]\:before\:rounded-e-full[data-selection-end=true]:before {
        content: var(--tw-content);
        border-start-end-radius: 3.40282e+38px;
        border-end-end-radius: 3.40282e+38px
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selected=true][data-selection-end=true] {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-selected=true][data-selection-end=true][data-range-selection=true] {
        border-radius: 3.40282e+38px
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-selected=true][data-selection-end=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-selected=true][data-selection-end=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-selected=true][data-selection-end=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-selected=true][data-selection-end=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-selected=true][data-selection-end=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-selected=true][data-selection-end=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-selected=true][data-selection-end=true][data-range-selection=true] {
        color: hsl(var(--heroui-background)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-selected=true][data-selection-end=true][data-range-selection=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-selected=true][data-selection-end=true][data-range-selection=true] {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-selected=true][data-selection-end=true][data-range-selection=true] {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-selected=true][data-selection-end=true][data-range-selection=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-selected=true][data-selection-end=true][data-range-selection=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[selection-start\=true\]\:before\:rounded-s-full[data-selection-start=true]:before {
        content: var(--tw-content);
        border-start-start-radius: 3.40282e+38px;
        border-end-start-radius: 3.40282e+38px
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selected=true][data-selection-start=true] {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-selected=true][data-selection-start=true][data-range-selection=true] {
        border-radius: 3.40282e+38px
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-selected=true][data-selection-start=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-selected=true][data-selection-start=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-selected=true][data-selection-start=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-primary)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-selected=true][data-selection-start=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-selected=true][data-selection-start=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-selected=true][data-selection-start=true][data-range-selection=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-background)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-secondary-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[sortable\=true\]\:cursor-pointer[data-sortable=true] {
        cursor: pointer
    }

    .data-\[state\=active\]\:bg-background[data-state=active] {
        background-color: hsl(var(--heroui-background)/1)
    }

    .data-\[state\=active\]\:text-foreground[data-state=active] {
        color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[toast-exiting\=true\]\:transform-gpu[data-toast-exiting=true] {
        transform: translateZ(0)var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }

    .data-\[toast-exiting\=true\]\:opacity-0[data-toast-exiting=true] {
        opacity: 0
    }

    .data-\[toast-exiting\=true\]\:transition-all[data-toast-exiting=true] {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .data-\[toast-exiting\=true\]\:duration-300[data-toast-exiting=true] {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .data-\[toast-exiting\=true\]\:ease-out[data-toast-exiting=true] {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .data-\[toast-exiting\=true\]\:will-change-transform[data-toast-exiting=true] {
        will-change: transform
    }

    .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-center\]\:translate-y-full[data-toast-exiting=true][data-placement=bottom-center] {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-left\]\:-translate-x-full[data-toast-exiting=true][data-placement=bottom-left] {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[toast-exiting\=true\]\:data-\[placement\=bottom-right\]\:translate-x-full[data-toast-exiting=true][data-placement=bottom-right] {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[toast-exiting\=true\]\:data-\[placement\=top-center\]\:-translate-y-full[data-toast-exiting=true][data-placement=top-center] {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[toast-exiting\=true\]\:data-\[placement\=top-left\]\:-translate-x-full[data-toast-exiting=true][data-placement=top-left] {
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[toast-exiting\=true\]\:data-\[placement\=top-right\]\:translate-x-full[data-toast-exiting=true][data-placement=top-right] {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-bottom-scroll=true] {
        -webkit-mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(#000, #000, transparent 0, #000 var(--scroll-shadow-size), #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-scroll=true] {
        -webkit-mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent);
        mask-image: linear-gradient(0deg, #000 calc(100% - var(--scroll-shadow-size)), transparent)
    }

    .data-\[type\=color\]\:rounded-none[data-type=color] {
        border-radius: 0
    }

    .data-\[unavailable\=true\]\:cursor-default[data-unavailable=true] {
        cursor: default
    }

    .data-\[unavailable\=true\]\:text-default-300[data-unavailable=true] {
        color: hsl(var(--heroui-default-300)/1)
    }

    .data-\[unavailable\=true\]\:line-through[data-unavailable=true] {
        text-decoration-line: line-through
    }

    .data-\[visible\=true\]\:pointer-events-auto[data-visible=true] {
        pointer-events: auto
    }

    .data-\[visible\=true\]\:cursor-pointer[data-visible=true] {
        cursor: pointer
    }

    .data-\[visible\=true\]\:opacity-100[data-visible=true] {
        opacity: 1
    }

    @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:scale-100 {
            --tw-scale-x: 100%;
            --tw-scale-y: 100%;
            --tw-scale-z: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .motion-reduce\:transition-none {
            transition-property: none
        }

        .motion-reduce\:after\:transition-none:after {
            content: var(--tw-content);
            transition-property: none
        }
    }

    @media (min-width:40rem) {
        .sm\:col-span-2 {
            grid-column: span 2/span 2
        }

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

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

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

        .sm\:mx-6 {
            margin-inline: calc(var(--spacing)*6)
        }

        .sm\:mx-auto {
            margin-inline: auto
        }

        .sm\:my-0 {
            margin-block: calc(var(--spacing)*0)
        }

        .sm\:my-16 {
            margin-block: calc(var(--spacing)*16)
        }

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

        .sm\:ml-6 {
            margin-left: calc(var(--spacing)*6)
        }

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

        .sm\:w-\[356px\] {
            width: 356px
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:w-full {
            width: 100%
        }

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

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

        .sm\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-wrap {
            flex-wrap: wrap
        }

        .sm\:items-center {
            align-items: center
        }

        .sm\:items-end {
            align-items: flex-end
        }

        .sm\:items-start {
            align-items: flex-start
        }

        .sm\:justify-between {
            justify-content: space-between
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

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

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

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

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

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

        .sm\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .sm\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .sm\:\[--scale-enter\:100\%\] {
            --scale-enter: 100%
        }

        .sm\:\[--scale-exit\:103\%\] {
            --scale-exit: 103%
        }

        .sm\:\[--slide-enter\:0px\] {
            --slide-enter: 0px
        }

        .sm\:\[--slide-exit\:0px\] {
            --slide-exit: 0px
        }

        .sm\:data-\[placement\=bottom-center\]\:mx-auto[data-placement=bottom-center] {
            margin-inline: auto
        }

        .sm\:data-\[placement\=bottom-center\]\:w-max[data-placement=bottom-center] {
            width: max-content
        }

        .sm\:data-\[placement\=bottom-left\]\:ml-2[data-placement=bottom-left] {
            margin-left: calc(var(--spacing)*2)
        }

        .sm\:data-\[placement\=bottom-left\]\:w-max[data-placement=bottom-left] {
            width: max-content
        }

        .sm\:data-\[placement\=bottom-right\]\:mr-2[data-placement=bottom-right] {
            margin-right: calc(var(--spacing)*2)
        }

        .sm\:data-\[placement\=bottom-right\]\:w-max[data-placement=bottom-right] {
            width: max-content
        }

        .sm\:data-\[placement\=top-center\]\:mx-auto[data-placement=top-center] {
            margin-inline: auto
        }

        .sm\:data-\[placement\=top-center\]\:w-max[data-placement=top-center] {
            width: max-content
        }

        .sm\:data-\[placement\=top-left\]\:ml-2[data-placement=top-left] {
            margin-left: calc(var(--spacing)*2)
        }

        .sm\:data-\[placement\=top-left\]\:w-max[data-placement=top-left] {
            width: max-content
        }

        .sm\:data-\[placement\=top-right\]\:mr-2[data-placement=top-right] {
            margin-right: calc(var(--spacing)*2)
        }

        .sm\:data-\[placement\=top-right\]\:w-max[data-placement=top-right] {
            width: max-content
        }

        .sm\:data-\[visible\=true\]\:pointer-events-none[data-visible=true] {
            pointer-events: none
        }

        .sm\:data-\[visible\=true\]\:opacity-0[data-visible=true] {
            opacity: 0
        }

        .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto:is(:where(.group)[data-hover=true] *)[data-visible=true] {
            pointer-events: auto
        }

        .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100:is(:where(.group)[data-hover=true] *)[data-visible=true] {
            opacity: 1
        }
    }

    @media (min-width:48rem) {
        .md\:right-4 {
            right: calc(var(--spacing)*4)
        }

        .md\:left-auto {
            left: auto
        }

        .md\:col-span-1 {
            grid-column: span 1/span 1
        }

        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-3 {
            grid-column: span 3/span 3
        }

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

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:w-1\/4 {
            width: 25%
        }

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

        .md\:w-80 {
            width: calc(var(--spacing)*80)
        }

        .md\:w-96 {
            width: calc(var(--spacing)*96)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:flex-1 {
            flex: 1
        }

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

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .md\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-start {
            justify-content: flex-start
        }

        .md\:self-end {
            align-self: flex-end
        }

        .md\:p-8 {
            padding: calc(var(--spacing)*8)
        }
    }

    @media (min-width:64rem) {
        .lg\:col-span-1 {
            grid-column: span 1/span 1
        }

        .lg\:col-span-2 {
            grid-column: span 2/span 2
        }

        .lg\:col-span-3 {
            grid-column: span 3/span 3
        }

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:flex {
            display: flex
        }

        .lg\:hidden {
            display: none
        }

        .lg\:w-60 {
            width: calc(var(--spacing)*60)
        }

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

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

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:items-center {
            align-items: center
        }

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

        .lg\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }
    }

    @media (min-width:80rem) {
        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }
    }

    .rtl\:right-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        right: auto
    }

    .rtl\:left-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*2)
    }

    .rtl\:origin-top-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        transform-origin: 100% 0
    }

    .rtl\:-rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: -180deg
    }

    .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: 180deg
    }

    .rtl\:flex-row-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        flex-direction: row-reverse
    }

    :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) {
        --tw-space-x-reverse: 1
    }

    .rtl\:data-\[focus-visible\=true\]\:translate-x-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *)[data-focus-visible=true],
    .rtl\:data-\[hover\=true\]\:translate-x-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *)[data-hover=true] {
        --tw-translate-x: calc(var(--spacing)*3);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .rtl\:data-\[open\=true\]\:-rotate-90:where(:dir(rtl), [dir=rtl], [dir=rtl] *)[data-open=true] {
        rotate: -90deg
    }

    :where(.dark\:divide-gray-700:is(.dark *)>:not(:last-child)) {
        border-color: var(--color-gray-700)
    }

    :where(.dark\:divide-gray-800:is(.dark *)>:not(:last-child)) {
        border-color: var(--color-gray-800)
    }

    .dark\:border-danger-100:is(.dark *) {
        border-color: hsl(var(--heroui-danger-100)/1)
    }

    .dark\:border-default-200:is(.dark *) {
        border-color: hsl(var(--heroui-default-200)/1)
    }

    .dark\:border-gray-600:is(.dark *) {
        border-color: var(--color-gray-600)
    }

    .dark\:border-gray-700:is(.dark *) {
        border-color: var(--color-gray-700)
    }

    .dark\:border-primary-100:is(.dark *) {
        border-color: hsl(var(--heroui-primary-100)/1)
    }

    .dark\:border-red-900:is(.dark *) {
        border-color: var(--color-red-900)
    }

    .dark\:border-success-100:is(.dark *) {
        border-color: hsl(var(--heroui-success-100)/1)
    }

    .dark\:border-warning-100:is(.dark *) {
        border-color: hsl(var(--heroui-warning-100)/1)
    }

    .dark\:bg-background:is(.dark *),
    .dark\:bg-background\/20:is(.dark *) {
        background-color: hsl(var(--heroui-background)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-background\/20:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-background)/1)20%, transparent)
        }
    }

    .dark\:bg-blue-900:is(.dark *) {
        background-color: var(--color-blue-900)
    }

    .dark\:bg-blue-900\/20:is(.dark *) {
        background-color: #1c398e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-blue-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-blue-900)20%, transparent)
        }
    }

    .dark\:bg-blue-900\/30:is(.dark *) {
        background-color: #1c398e4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-blue-900\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-blue-900)30%, transparent)
        }
    }

    .dark\:bg-content2:is(.dark *) {
        background-color: hsl(var(--heroui-content2)/1)
    }

    .dark\:bg-danger-50:is(.dark *),
    .dark\:bg-danger-50\/50:is(.dark *) {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-danger-50\/50:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-50)/1)50%, transparent)
        }
    }

    .dark\:bg-danger-100:is(.dark *) {
        background-color: hsl(var(--heroui-danger-100)/1)
    }

    .dark\:bg-danger-900\/20:is(.dark *) {
        background-color: hsl(var(--heroui-danger-900)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-danger-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-900)/1)20%, transparent)
        }
    }

    .dark\:bg-default:is(.dark *) {
        background-color: hsl(var(--heroui-default)/1)
    }

    .dark\:bg-default-50\/50:is(.dark *) {
        background-color: hsl(var(--heroui-default-50)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-default-50\/50:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-default-50)/1)50%, transparent)
        }
    }

    .dark\:bg-default-100:is(.dark *) {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .dark\:bg-gray-700:is(.dark *) {
        background-color: var(--color-gray-700)
    }

    .dark\:bg-gray-800:is(.dark *) {
        background-color: var(--color-gray-800)
    }

    .dark\:bg-gray-900:is(.dark *) {
        background-color: var(--color-gray-900)
    }

    .dark\:bg-gray-900\/30:is(.dark *) {
        background-color: #1018284d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-gray-900\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-gray-900)30%, transparent)
        }
    }

    .dark\:bg-neutral-900:is(.dark *) {
        background-color: var(--color-neutral-900)
    }

    .dark\:bg-orange-900\/30:is(.dark *) {
        background-color: #7e2a0c4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-orange-900\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-orange-900)30%, transparent)
        }
    }

    .dark\:bg-primary-50:is(.dark *),
    .dark\:bg-primary-50\/50:is(.dark *) {
        background-color: hsl(var(--heroui-primary-50)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-primary-50\/50:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-primary-50)/1)50%, transparent)
        }
    }

    .dark\:bg-primary-100:is(.dark *) {
        background-color: hsl(var(--heroui-primary-100)/1)
    }

    .dark\:bg-primary-900\/20:is(.dark *) {
        background-color: hsl(var(--heroui-primary-900)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-primary-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-primary-900)/1)20%, transparent)
        }
    }

    .dark\:bg-red-900\/30:is(.dark *) {
        background-color: #82181a4d
    }

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

    .dark\:bg-secondary-50:is(.dark *),
    .dark\:bg-secondary-50\/50:is(.dark *) {
        background-color: hsl(var(--heroui-secondary-50)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-secondary-50\/50:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-secondary-50)/1)50%, transparent)
        }
    }

    .dark\:bg-secondary-100:is(.dark *) {
        background-color: hsl(var(--heroui-secondary-100)/1)
    }

    .dark\:bg-success-50:is(.dark *),
    .dark\:bg-success-50\/50:is(.dark *) {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-success-50\/50:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-success-50)/1)50%, transparent)
        }
    }

    .dark\:bg-success-100:is(.dark *) {
        background-color: hsl(var(--heroui-success-100)/1)
    }

    .dark\:bg-success-900\/20:is(.dark *) {
        background-color: hsl(var(--heroui-success-900)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-success-900\/20:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-success-900)/1)20%, transparent)
        }
    }

    .dark\:bg-transparent:is(.dark *) {
        background-color: #0000
    }

    .dark\:bg-warning-50:is(.dark *),
    .dark\:bg-warning-50\/50:is(.dark *) {
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-warning-50\/50:is(.dark *) {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning-50)/1)50%, transparent)
        }
    }

    .dark\:bg-warning-100:is(.dark *) {
        background-color: hsl(var(--heroui-warning-100)/1)
    }

    .dark\:bg-yellow-900\/30:is(.dark *) {
        background-color: #733e0a4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-yellow-900\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-yellow-900)30%, transparent)
        }
    }

    .dark\:from-blue-900\/20:is(.dark *) {
        --tw-gradient-from: #1c398e33
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:from-blue-900\/20:is(.dark *) {
            --tw-gradient-from: color-mix(in oklab, var(--color-blue-900)20%, transparent)
        }
    }

    .dark\:from-blue-900\/20:is(.dark *) {
        --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))
    }

    .dark\:from-gray-700\/50:is(.dark *) {
        --tw-gradient-from: #36415380
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:from-gray-700\/50:is(.dark *) {
            --tw-gradient-from: color-mix(in oklab, var(--color-gray-700)50%, transparent)
        }
    }

    .dark\:from-gray-700\/50:is(.dark *) {
        --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))
    }

    .dark\:to-blue-800\/10:is(.dark *) {
        --tw-gradient-to: #193cb81a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:to-blue-800\/10:is(.dark *) {
            --tw-gradient-to: color-mix(in oklab, var(--color-blue-800)10%, transparent)
        }
    }

    .dark\:to-blue-800\/10:is(.dark *) {
        --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))
    }

    .dark\:to-gray-600\/50:is(.dark *) {
        --tw-gradient-to: #4a556580
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:to-gray-600\/50:is(.dark *) {
            --tw-gradient-to: color-mix(in oklab, var(--color-gray-600)50%, transparent)
        }
    }

    .dark\:to-gray-600\/50:is(.dark *) {
        --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))
    }

    .dark\:text-blue-200:is(.dark *) {
        color: var(--color-blue-200)
    }

    .dark\:text-blue-300:is(.dark *) {
        color: var(--color-blue-300)
    }

    .dark\:text-blue-400:is(.dark *) {
        color: var(--color-blue-400)
    }

    .dark\:text-danger-500:is(.dark *) {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .dark\:text-gray-100:is(.dark *) {
        color: var(--color-gray-100)
    }

    .dark\:text-gray-200:is(.dark *) {
        color: var(--color-gray-200)
    }

    .dark\:text-gray-300:is(.dark *) {
        color: var(--color-gray-300)
    }

    .dark\:text-gray-400:is(.dark *) {
        color: var(--color-gray-400)
    }

    .dark\:text-neutral-50:is(.dark *) {
        color: var(--color-neutral-50)
    }

    .dark\:text-orange-300:is(.dark *) {
        color: var(--color-orange-300)
    }

    .dark\:text-red-300:is(.dark *) {
        color: var(--color-red-300)
    }

    .dark\:text-red-400:is(.dark *) {
        color: var(--color-red-400)
    }

    .dark\:text-success:is(.dark *) {
        color: hsl(var(--heroui-success)/1)
    }

    .dark\:text-warning:is(.dark *) {
        color: hsl(var(--heroui-warning)/1)
    }

    .dark\:text-white:is(.dark *) {
        color: var(--color-white)
    }

    .dark\:text-yellow-300:is(.dark *) {
        color: var(--color-yellow-300)
    }

    .dark\:placeholder-gray-400:is(.dark *)::placeholder {
        color: var(--color-gray-400)
    }

    .dark\:opacity-20:is(.dark *) {
        opacity: .2
    }

    .dark\:placeholder\:text-danger-500:is(.dark *)::placeholder {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .dark\:placeholder\:text-success:is(.dark *)::placeholder {
        color: hsl(var(--heroui-success)/1)
    }

    .dark\:placeholder\:text-warning:is(.dark *)::placeholder {
        color: hsl(var(--heroui-warning)/1)
    }

    .dark\:before\:via-default-700\/10:is(.dark *):before {
        content: var(--tw-content);
        --tw-gradient-via: hsl(var(--heroui-default-700)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:before\:via-default-700\/10:is(.dark *):before {
            --tw-gradient-via: color-mix(in oklab, hsl(var(--heroui-default-700)/1)10%, transparent)
        }
    }

    .dark\:before\:via-default-700\/10:is(.dark *):before {
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .dark\:after\:bg-content2:is(.dark *):after {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-content2)/1)
    }

    @media (hover:hover) {
        .dark\:hover\:bg-blue-900\/30:is(.dark *):hover {
            background-color: #1c398e4d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-blue-900\/30:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-blue-900)30%, transparent)
            }
        }

        .dark\:hover\:bg-gray-600:is(.dark *):hover {
            background-color: var(--color-gray-600)
        }

        .dark\:hover\:bg-gray-700:is(.dark *):hover {
            background-color: var(--color-gray-700)
        }

        .dark\:hover\:text-blue-300:is(.dark *):hover {
            color: var(--color-blue-300)
        }

        .dark\:hover\:text-gray-300:is(.dark *):hover {
            color: var(--color-gray-300)
        }

        .dark\:hover\:text-white:is(.dark *):hover {
            color: var(--color-white)
        }
    }

    .dark\:focus\:border-blue-500:is(.dark *):focus {
        border-color: var(--color-blue-500)
    }

    .dark\:focus\:bg-danger-400\/20:is(.dark *):focus {
        background-color: hsl(var(--heroui-danger-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus\:bg-danger-400\/20:is(.dark *):focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-400)/1)20%, transparent)
        }
    }

    .dark\:focus\:bg-success-400\/20:is(.dark *):focus {
        background-color: hsl(var(--heroui-success-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus\:bg-success-400\/20:is(.dark *):focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-success-400)/1)20%, transparent)
        }
    }

    .dark\:focus\:bg-warning-400\/20:is(.dark *):focus {
        background-color: hsl(var(--heroui-warning-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus\:bg-warning-400\/20:is(.dark *):focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-warning-400)/1)20%, transparent)
        }
    }

    .dark\:focus\:ring-blue-500:is(.dark *):focus {
        --tw-ring-color: var(--color-blue-500)
    }

    .dark\:data-\[hover\=true\]\:bg-content2:is(.dark *)[data-hover=true] {
        background-color: hsl(var(--heroui-content2)/1)
    }

    .dark\:data-\[hover\=true\]\:bg-danger-50:is(.dark *)[data-hover=true] {
        background-color: hsl(var(--heroui-danger-50)/1)
    }

    .dark\:data-\[hover\=true\]\:bg-success-50:is(.dark *)[data-hover=true] {
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .dark\:data-\[hover\=true\]\:bg-warning-50:is(.dark *)[data-hover=true] {
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    .dark\:data-\[hover\=true\]\:text-danger-500:is(.dark *)[data-hover=true] {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .dark\:data-\[hover\=true\]\:text-success-500:is(.dark *)[data-hover=true] {
        color: hsl(var(--heroui-success-500)/1)
    }

    .dark\:data-\[hover\=true\]\:text-warning-500:is(.dark *)[data-hover=true] {
        color: hsl(var(--heroui-warning-500)/1)
    }

    .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:is(.dark *)[data-invalid=true]:focus {
        background-color: hsl(var(--heroui-danger-400)/1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:is(.dark *)[data-invalid=true]:focus {
            background-color: color-mix(in oklab, hsl(var(--heroui-danger-400)/1)20%, transparent)
        }
    }

    .dark\:data-\[selected\=true\]\:text-danger-500:is(.dark *)[data-selected=true] {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .dark\:data-\[selected\=true\]\:text-success:is(.dark *)[data-selected=true] {
        color: hsl(var(--heroui-success)/1)
    }

    .dark\:data-\[selected\=true\]\:text-warning:is(.dark *)[data-selected=true] {
        color: hsl(var(--heroui-warning)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger:is(.dark *)[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-danger)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success:is(.dark *)[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-success)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning:is(.dark *)[data-selected=true][data-hover=true] {
        background-color: hsl(var(--heroui-warning)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground:is(.dark *)[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground:is(.dark *)[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground:is(.dark *)[data-selected=true][data-hover=true] {
        color: hsl(var(--heroui-warning-foreground)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500:is(.dark *)[data-selected=true][data-range-selection=true] {
        color: hsl(var(--heroui-success-500)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50:is(.dark *)[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-success-50)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50:is(.dark *)[data-selected=true][data-range-selection=true]:before {
        content: var(--tw-content);
        background-color: hsl(var(--heroui-warning-50)/1)
    }

    .dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground:is(.dark *)[data-selected=true][data-selection-end=true][data-range-selection=true],
    .dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground:is(.dark *)[data-selected=true][data-selection-start=true][data-range-selection=true] {
        color: hsl(var(--heroui-success-foreground)/1)
    }

    @media print {
        .print\:block {
            display: block
        }
    }

    .\[\&_\.chevron-icon\]\:flex-none .chevron-icon {
        flex: none
    }

    .\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon {
        rotate: 180deg
    }

    .\[\&_\.chevron-icon\]\:transition-transform .chevron-icon {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .\[\&_p\]\:leading-relaxed p {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .\[\&_tr\]\:border-b tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .\[\&_tr\:last-child\]\:border-0 tr:last-child {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-danger,
    .\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-default,
    .\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-primary,
    .\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-secondary,
    .\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-success,
    .\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(var\(--heroui-border-width-medium\)\*-1\)\]+.border-medium.border-warning {
        margin-inline-start: calc(var(--heroui-border-width-medium)*-1)
    }

    .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
    .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
        appearance: none
    }

    .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
        padding-right: calc(var(--spacing)*0)
    }

    .\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child) {
        margin-left: calc(var(--spacing)*-1)
    }

    .\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) {
        margin-inline-start: -2px
    }

    .\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type) {
        border-radius: 0
    }

    .\[\&\>\*\]\:relative>* {
        position: relative
    }

    .\[\&\>\*\]\:z-1>* {
        z-index: 1
    }

    .\[\&\>span\]\:line-clamp-1>span {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }

    .\[\&\>svg\]\:absolute>svg {
        position: absolute
    }

    .\[\&\>svg\]\:top-4>svg {
        top: calc(var(--spacing)*4)
    }

    .\[\&\>svg\]\:left-4>svg {
        left: calc(var(--spacing)*4)
    }

    .\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\]>svg {
        max-width: 2rem
    }

    .\[\&\>svg\]\:text-foreground>svg {
        color: hsl(var(--heroui-foreground)/1)
    }

    .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
        --tw-translate-y: -3px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .\[\&\>svg\~\*\]\:pl-7>svg~* {
        padding-left: calc(var(--spacing)*7)
    }

    .\[\&\>tbody\>\*\:nth-child\(odd\)\]\:bg-gray-50>tbody>:nth-child(odd) {
        background-color: var(--color-gray-50)
    }

    .dark\:\[\&\>tbody\>\*\:nth-child\(odd\)\]\:bg-gray-800:is(.dark *)>tbody>:nth-child(odd) {
        background-color: var(--color-gray-800)
    }

    .\[\&\>tr\]\:first\:rounded-lg>tr:first-child {
        border-radius: var(--radius-lg)
    }

    .\[\&\>tr\]\:first\:shadow-small>tr:first-child {
        --tw-shadow: var(--heroui-box-shadow-small);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[\&\>tr\]\:last\:border-b-0>tr:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover=true]:not([data-active=true]) {
        background-color: hsl(var(--heroui-default-100)/1)
    }

    .\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover=true]:not([data-active=true]) {
        background-color: hsl(var(--heroui-default-200)/1)
    }

    .text-balance {
        text-wrap: balance
    }

    .drag-item {
        z-index: 1000
    }

    .drag-overlay {
        z-index: 9999
    }

    .drag-context-menu {
        z-index: 60
    }
}

.react-grid-layout {
    transition: height .2s
}

.react-grid-item img {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.react-grid-item.resizing {
    z-index: 1;
    will-change: width, height;
    transition: none
}

.react-grid-item.react-draggable-dragging {
    z-index: 3;
    will-change: transform;
    transition: none
}

.react-grid-item.dropping {
    visibility: hidden
}

.react-grid-item.react-grid-placeholder {
    opacity: .2;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    background: red;
    transition-duration: .1s
}

.react-grid-item.react-grid-placeholder.placeholder-resizing {
    transition: none
}

.react-grid-item>.react-resizable-handle:after {
    content: "";
    border-bottom: 2px solid #0006;
    border-right: 2px solid #0006;
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 3px;
    right: 3px
}

.react-resizable-hide>.react-resizable-handle {
    display: none
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-sw {
    cursor: sw-resize;
    bottom: 0;
    left: 0;
    transform: rotate(90deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-se {
    cursor: se-resize;
    bottom: 0;
    right: 0
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-nw {
    cursor: nw-resize;
    top: 0;
    left: 0;
    transform: rotate(180deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-ne {
    cursor: ne-resize;
    top: 0;
    right: 0;
    transform: rotate(270deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e,
.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    cursor: ew-resize;
    margin-top: -10px;
    top: 50%
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n,
.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    cursor: ns-resize;
    margin-left: -10px;
    left: 50%
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-grid-item>.react-resizable-handle.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}

.react-resizable {
    position: relative
}

.react-resizable-handle {
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-origin: content-box;
    width: 20px;
    height: 20px;
    padding: 0 3px 3px 0;
    position: absolute
}

.react-resizable-handle-sw {
    cursor: sw-resize;
    bottom: 0;
    left: 0;
    transform: rotate(90deg)
}

.react-resizable-handle-se {
    cursor: se-resize;
    bottom: 0;
    right: 0
}

.react-resizable-handle-nw {
    cursor: nw-resize;
    top: 0;
    left: 0;
    transform: rotate(180deg)
}

.react-resizable-handle-ne {
    cursor: ne-resize;
    top: 0;
    right: 0;
    transform: rotate(270deg)
}

.react-resizable-handle-e,
.react-resizable-handle-w {
    cursor: ew-resize;
    margin-top: -10px;
    top: 50%
}

.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg)
}

.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg)
}

.react-resizable-handle-n,
.react-resizable-handle-s {
    cursor: ns-resize;
    margin-left: -10px;
    left: 50%
}

.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg)
}

.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg)
}

:root {
    --foreground-rgb: 0, 0, 0;
    --background-rgb: 255, 255, 255
}

body {
    color: rgb(var(--foreground-rgb));
    background: rgb(var(--background-rgb))
}

.dark form:not([class*=bg-]):not(.no-form-bg),
form:not([class*=bg-]):not(.no-form-bg) {
    background-color: #fff
}

.button-clicked:after {
    content: "Button clicked!";
    background: #4c1d95;
    animation: fadeOut 2s forwards;
    bottom: 20px
}

.button-clicked:after,
.error-occurred:after {
    color: #fff;
    z-index: 9999;
    border-radius: 4px;
    padding: 8px 16px;
    position: fixed;
    right: 20px
}

.error-occurred:after {
    content: "Error occurred! Check console for details.";
    background: #e11d48;
    animation: fadeOut 5s forwards;
    top: 20px
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    70% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.react-grid-layout {
    position: relative;
    width: 100% !important;
    min-width: 100% !important
}

.react-grid-item {
    transition: left .2s, top .2s, width .2s, height .2s
}

.react-grid-item.cssTransforms {
    transition-property: transform, width, height
}

.react-grid-item>.react-resizable-handle {
    box-sizing: border-box;
    cursor: se-resize;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiM5OTkiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0ibTUgNWgtNHYtNGg0eiIvPjwvZz48L3N2Zz4=) 100% 100% no-repeat content-box border-box;
    width: 20px;
    height: 20px;
    padding: 0 3px 3px 0;
    position: absolute;
    bottom: 0;
    right: 0
}

.layout {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important
}

.dashboard-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important
}

.dashboard-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important
}

.react-grid-layout>.react-grid-item {
    box-sizing: border-box
}

.react-grid-layout {
    min-height: 400px
}

.react-grid-item {
    box-sizing: border-box;
    position: absolute
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes shimmer {
    to {
        transform: translate(200%)
    }
}

@keyframes spinner-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes drip-expand {
    0% {
        opacity: .2;
        transform: scale(0)
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes appearance-in {
    0% {
        opacity: 0;
        transform: translateZ(0)scale(.95)
    }

    60% {
        opacity: .75;
        backface-visibility: hidden;
        webkit-font-smoothing: antialiased;
        transform: translateZ(0)scale(1.05)
    }

    to {
        opacity: 1;
        transform: translateZ(0)scale(1)
    }
}

@keyframes indeterminate-bar {
    0% {
        transform: translate(-50%)scaleX(.2)
    }

    to {
        transform: translate(100%)scaleX(1)
    }
}

@keyframes sway {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translateY(-150%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: .15
    }
}

/* Toggle Switch Component Styles */
.toggle-switch-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
    cursor: pointer;
}

.toggle-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 26px;
}

.toggle-slider:before {
    position: absolute;
    content: '';
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.toggle-input:checked+.toggle-slider {
    background-color: #2196F3;
}

.toggle-input:checked+.toggle-slider:before {
    transform: translateX(24px);
}

.toggle-input:focus+.toggle-slider {
    box-shadow: 0 0 1px #2196F3;
}

.toggle-label {
    font-size: 14px;
    color: #333;
    user-select: none;
}

/* Disabled state */
.toggle-switch.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.toggle-switch.disabled .toggle-slider {
    cursor: not-allowed;
}

/* Size variants */
.toggle-switch.small {
    width: 36px;
    height: 20px;
}

.toggle-switch.small .toggle-slider:before {
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
}

.toggle-switch.small .toggle-input:checked+.toggle-slider:before {
    transform: translateX(16px);
}

.toggle-switch.large {
    width: 60px;
    height: 30px;
}

.toggle-switch.large .toggle-slider:before {
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
}

.toggle-switch.large .toggle-input:checked+.toggle-slider:before {
    transform: translateX(30px);
}

/* Color variants */
.toggle-switch.success .toggle-input:checked+.toggle-slider {
    background-color: #4CAF50;
}

.toggle-switch.success .toggle-input:focus+.toggle-slider {
    box-shadow: 0 0 1px #4CAF50;
}

.toggle-switch.warning .toggle-input:checked+.toggle-slider {
    background-color: #FF9800;
}

.toggle-switch.warning .toggle-input:focus+.toggle-slider {
    box-shadow: 0 0 1px #FF9800;
}

.toggle-switch.danger .toggle-input:checked+.toggle-slider {
    background-color: #f44336;
}

.toggle-switch.danger .toggle-input:focus+.toggle-slider {
    box-shadow: 0 0 1px #f44336;
}

/* PM Template Boolean Feedback Components */
.pm-boolean-feedback {
    margin-bottom: 1rem;
}

.feedback-header {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}

.feedback-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.required-indicator {
    color: #dc2626;
    font-weight: 600;
}

/* Boolean Toggle Style */
.boolean-toggle-container {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.boolean-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.boolean-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.boolean-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

.boolean-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.boolean-input:checked+.boolean-slider {
    background-color: #2563eb;
}

.boolean-input:focus+.boolean-slider {
    box-shadow: 0 0 1px #2563eb;
}

.boolean-input:checked+.boolean-slider:before {
    transform: translateX(26px);
}

.boolean-labels {
    display: flex;
    gap: 1rem;
    font-size: 0.875rem;
}

.boolean-off-label,
.boolean-on-label {
    color: #6b7280;
    transition: color 0.2s ease;
}

.boolean-input:not(:checked)~.boolean-labels .boolean-off-label,
.boolean-input:checked~.boolean-labels .boolean-on-label {
    color: #374151;
    font-weight: 500;
}

/* Boolean Slider Style */
.boolean-slider-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.slider-track {
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #e5e7eb;
    border-radius: 3px;
    cursor: pointer;
}

.boolean-range-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.slider-fill {
    position: absolute;
    height: 100%;
    background-color: #2563eb;
    border-radius: 3px;
    transition: width 0.2s ease;
}

.slider-thumb {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #2563eb;
    border: 2px solid white;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    transition: left 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.slider-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    color: #6b7280;
}

.slider-off-label.active,
.slider-on-label.active {
    color: #374151;
    font-weight: 500;
}

/* Boolean Buttons Style */
.boolean-buttons-container {
    display: flex;
    gap: 0.5rem;
}

.boolean-btn {
    flex: 1;
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background-color: white;
    color: #374151;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.boolean-btn:hover:not(:disabled) {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

.boolean-btn.active {
    background-color: #2563eb;
    border-color: #2563eb;
    color: white;
}

.boolean-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Boolean Slider Component */
.boolean-slider-component {
    margin-bottom: 1rem;
}

.boolean-slider-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.75rem;
}

.boolean-slider-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.boolean-slider-track {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: #e5e7eb;
    border-radius: 4px;
    cursor: pointer;
}

.boolean-slider-input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    margin: 0;
}

.boolean-slider-fill {
    position: absolute;
    height: 100%;
    background-color: #2563eb;
    border-radius: 4px;
    transition: width 0.3s ease;
    width: 0%;
}

.boolean-slider-thumb {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #2563eb;
    border: 3px solid white;
    border-radius: 50%;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    transition: left 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.boolean-slider-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
}

.boolean-label-off,
.boolean-label-on {
    color: #6b7280;
    transition: all 0.2s ease;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.boolean-label-off.active,
.boolean-label-on.active {
    color: #2563eb;
    font-weight: 600;
    background-color: #eff6ff;
}

.boolean-slider-help {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.5rem;
}

/* Feedback style selector */
.feedback-style-selector {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.25rem;
    background-color: #f3f4f6;
    border-radius: 0.375rem;
}

.style-option {
    flex: 1;
    padding: 0.5rem;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.style-option.active {
    background-color: white;
    color: #374151;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .boolean-toggle-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .boolean-labels {
        gap: 0.5rem;
    }

    .boolean-buttons-container {
        flex-direction: column;
    }

    .boolean-btn {
        text-align: center;
    }
}

/* Hidden utility */
.hidden {
    display: none !important;
}