@charset "UTF-8";

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

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-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-x-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-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-text-shadow-color: initial;
            --tw-text-shadow-alpha: 100%;
            --tw-content: ""
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% .237 25.331);
        --color-red-600: oklch(57.7% .245 27.325);
        --color-red-900: oklch(39.6% .141 25.723);
        --color-green-200: oklch(92.5% .084 155.995);
        --color-blue-500: oklch(62.3% .214 259.815);
        --color-gray-200: oklch(92.8% .006 264.531);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --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: 1.5;
        --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: 1.2;
        --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-black: 900;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --blur-xs: 4px;
        --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 {

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

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

    html,
    :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        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,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1
    }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

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

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

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

    :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: 2px;
        --heroui-radius-medium: 4px;
        --heroui-radius-large: 8px;
        --heroui-border-width-small: 1px;
        --heroui-border-width-medium: 1px;
        --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: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .\!absolute {
        position: absolute !important
    }

    .\!sticky {
        position: sticky !important
    }

    .absolute {
        position: absolute
    }

    .absolute\! {
        position: absolute !important
    }

    .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-0\.5 {
        top: calc(var(--spacing)*-.5)
    }

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

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

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

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

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

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

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

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

    .-top-19\.25 {
        top: calc(var(--spacing)*-19.25)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-421\.5 {
        top: calc(var(--spacing)*421.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-\[calc\(var\(--status-bar-height\)\+2\.75rem\)\] {
        top: calc(var(--status-bar-height) + 2.75rem)
    }

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

    .top-full {
        top: 100%
    }

    .top-px {
        top: 1px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .right-9\.5 {
        right: calc(var(--spacing)*9.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-left-19\.25 {
        left: calc(var(--spacing)*-19.25)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .left-full {
        left: 100%
    }

    .-z-30 {
        z-index: -30
    }

    .z-0 {
        z-index: 0
    }

    .z-0\! {
        z-index: 0 !important
    }

    .z-1 {
        z-index: 1
    }

    .z-7 {
        z-index: 7
    }

    .z-10 {
        z-index: 10
    }

    .z-15 {
        z-index: 15
    }

    .z-20 {
        z-index: 20
    }

    .z-25 {
        z-index: 25
    }

    .z-30 {
        z-index: 30
    }

    .z-31 {
        z-index: 31
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-52 {
        z-index: 52
    }

    .z-54 {
        z-index: 54
    }

    .z-55 {
        z-index: 55
    }

    .z-55\! {
        z-index: 55 !important
    }

    .z-60 {
        z-index: 60
    }

    .z-60\! {
        z-index: 60 !important
    }

    .z-65 {
        z-index: 65
    }

    .z-65\! {
        z-index: 65 !important
    }

    .z-70 {
        z-index: 70
    }

    .z-99 {
        z-index: 99
    }

    .z-100 {
        z-index: 100
    }

    .z-210 {
        z-index: 210
    }

    .z-250 {
        z-index: 250
    }

    .z-999 {
        z-index: 999
    }

    .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
    }

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

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

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

    .row-span-2 {
        grid-row: span 2/span 2
    }

    .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-0\! {
        margin: calc(var(--spacing)*0) !important
    }

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

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

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

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

    .m-auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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-0\.5 {
        margin-block: calc(var(--spacing)*.5)
    }

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

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

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

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

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

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

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

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

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

    .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-1\.5 {
        margin-top: calc(var(--spacing)*-1.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .mt-\[calc\(2\.75rem\+var\(--status-bar-height\)\)\] {
        margin-top: calc(2.75rem + var(--status-bar-height))
    }

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

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

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

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

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

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

    .-mr-\[3\.6rem\] {
        margin-right: -3.6rem
    }

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

    .mr-0\! {
        margin-right: calc(var(--spacing)*0) !important
    }

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

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

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

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

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

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

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

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

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

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

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

    .-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-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

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

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

    .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-2\.5 {
        margin-bottom: calc(var(--spacing)*2.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-ml-27\.75 {
        margin-left: calc(var(--spacing)*-27.75)
    }

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

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

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

    .-ml-\[0\.5px\] {
        margin-left: -.5px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .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
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .inline-grid {
        display: inline-grid
    }

    .table {
        display: table
    }

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

    .size-1\/3 {
        width: 33.3333%;
        height: 33.3333%
    }

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

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

    .size-2\.5\! {
        width: calc(var(--spacing)*2.5) !important;
        height: calc(var(--spacing)*2.5) !important
    }

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

    .size-3\! {
        width: calc(var(--spacing)*3) !important;
        height: calc(var(--spacing)*3) !important
    }

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

    .size-3\.5\! {
        width: calc(var(--spacing)*3.5) !important;
        height: calc(var(--spacing)*3.5) !important
    }

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

    .size-4\! {
        width: calc(var(--spacing)*4) !important;
        height: calc(var(--spacing)*4) !important
    }

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

    .size-4\.5\! {
        width: calc(var(--spacing)*4.5) !important;
        height: calc(var(--spacing)*4.5) !important
    }

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

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

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

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

    .size-6\! {
        width: calc(var(--spacing)*6) !important;
        height: calc(var(--spacing)*6) !important
    }

    .size-6\.5\! {
        width: calc(var(--spacing)*6.5) !important;
        height: calc(var(--spacing)*6.5) !important
    }

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

    .size-7\! {
        width: calc(var(--spacing)*7) !important;
        height: calc(var(--spacing)*7) !important
    }

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

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

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

    .size-9\! {
        width: calc(var(--spacing)*9) !important;
        height: calc(var(--spacing)*9) !important
    }

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

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

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

    .size-11\! {
        width: calc(var(--spacing)*11) !important;
        height: calc(var(--spacing)*11) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .size-80\! {
        width: calc(var(--spacing)*80) !important;
        height: calc(var(--spacing)*80) !important
    }

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

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

    .size-93\.75 {
        width: calc(var(--spacing)*93.75);
        height: calc(var(--spacing)*93.75)
    }

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

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

    .size-132\.25 {
        width: calc(var(--spacing)*132.25);
        height: calc(var(--spacing)*132.25)
    }

    .size-\[0\.875rem\] {
        width: .875rem;
        height: .875rem
    }

    .size-\[2\.7rem\] {
        width: 2.7rem;
        height: 2.7rem
    }

    .size-\[3\.24rem\] {
        width: 3.24rem;
        height: 3.24rem
    }

    .size-\[3\.75rem\] {
        width: 3.75rem;
        height: 3.75rem
    }

    .size-full {
        width: 100%;
        height: 100%
    }

    .\!h-\[calc\(100dvh-2\.75rem-var\(--status-bar-height\)\)\] {
        height: calc(100dvh - 2.75rem - var(--status-bar-height)) !important
    }

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

    .h-\(--nav-bar-height\) {
        height: var(--nav-bar-height)
    }

    .h-\(--visual-viewport-height\) {
        height: var(--visual-viewport-height)
    }

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

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

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

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

    .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-2\.25 {
        height: calc(var(--spacing)*2.25)
    }

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

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

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

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

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

    .h-4\/5 {
        height: 80%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-236\.25 {
        height: calc(var(--spacing)*236.25)
    }

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

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

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

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

    .h-\[3\.6rem\] {
        height: 3.6rem
    }

    .h-\[3\.75rem\] {
        height: 3.75rem
    }

    .h-\[6\.25rem\] {
        height: 6.25rem
    }

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

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

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

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

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

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

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

    .h-\[calc\(50dvh\+4rem\)\] {
        height: calc(50dvh + 4rem)
    }

    .h-\[calc\(100dvh-12rem\)\] {
        height: calc(100dvh - 12rem)
    }

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

    .h-\[calc\(var\(--nav-bar-height\)\+4rem\)\] {
        height: calc(var(--nav-bar-height) + 4rem)
    }

    .h-\[unset\] {
        height: unset
    }

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

    .h-\[var\(--picker-height\)\] {
        height: var(--picker-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-0 {
        max-height: calc(var(--spacing)*0)
    }

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

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

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

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

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

    .max-h-72\.5 {
        max-height: calc(var(--spacing)*72.5)
    }

    .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-\[50vh\] {
        max-height: 50vh
    }

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

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

    .max-h-\[70\%\] {
        max-height: 70%
    }

    .max-h-\[80dvh\] {
        max-height: 80dvh
    }

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

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

    .max-h-\[95dvh\] {
        max-height: 95dvh
    }

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

    .max-h-\[calc\(100dvh-8\.625rem\)\] {
        max-height: calc(100dvh - 8.625rem)
    }

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

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

    .\!min-h-\[calc\(100dvh-2\.75rem-var\(--status-bar-height\)\)\] {
        min-height: calc(100dvh - 2.75rem - var(--status-bar-height)) !important
    }

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

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

    .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-9 {
        min-height: calc(var(--spacing)*9)
    }

    .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-44 {
        min-height: calc(var(--spacing)*44)
    }

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

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

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

    .min-h-\[calc\(100dvh-8\.625rem\)\] {
        min-height: calc(100dvh - 8.625rem)
    }

    .min-h-\[calc\(var\(--nav-bar-height\)\+4rem\)\] {
        min-height: calc(var(--nav-bar-height) + 4rem)
    }

    .min-h-auto {
        min-height: auto
    }

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

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

    .\!w-auto {
        width: auto !important
    }

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

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

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

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

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

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

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

    .w-1\/6 {
        width: 16.6667%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-18\.75 {
        width: calc(var(--spacing)*18.75)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-38\.25 {
        width: calc(var(--spacing)*38.25)
    }

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

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

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

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

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

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

    .w-55\.75 {
        width: calc(var(--spacing)*55.75)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .w-83\.75 {
        width: calc(var(--spacing)*83.75)
    }

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

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

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

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

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

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

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

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

    .w-\[6\.25rem\] {
        width: 6.25rem
    }

    .w-\[12\.5\%\] {
        width: 12.5%
    }

    .w-\[18rem\] {
        width: 18rem
    }

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

    .w-\[31\.3125em\] {
        width: 31.3125em
    }

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

    .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;
        width: var(--max-screen-width) !important
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .max-w-\(--max-screen-width\),
    .max-w-2xl {
        max-width: var(--max-screen-width)
    }

    .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-10\! {
        max-width: calc(var(--spacing)*10) !important
    }

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

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

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

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

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

    .max-w-\[6\.25rem\] {
        max-width: 6.25rem
    }

    .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(--max-screen-width)
    }

    .max-w-max {
        max-width: max-content;
        max-width: var(--max-screen-width) !important
    }

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

    .max-w-none\! {
        max-width: none !important
    }

    .max-w-sm,
    .max-w-sw,
    .max-w-xl {
        max-width: var(--max-screen-width)
    }

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

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

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

    .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-12\.5 {
        min-width: calc(var(--spacing)*12.5)
    }

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

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

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

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

    .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-\[20\%\] {
        min-width: 20%
    }

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

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

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

    .min-w-auto\! {
        min-width: auto !important
    }

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

    .min-w-max {
        min-width: max-content;
        min-width: var(--max-screen-width) !important
    }

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

    .flex-0 {
        flex: 0
    }

    .flex-1 {
        flex: 1
    }

    .flex-2 {
        flex: 2
    }

    .flex-auto {
        flex: auto
    }

    .flex-initial {
        flex: 0 auto
    }

    .flex-none {
        flex: none
    }

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

    .shrink-1 {
        flex-shrink: 1
    }

    .flex-grow {
        flex-grow: 1
    }

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

    .table-auto {
        table-layout: auto
    }

    .table-fixed {
        table-layout: fixed
    }

    .border-collapse {
        border-collapse: collapse
    }

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

    .origin-\[1\.3125rem_1\.3125rem\] {
        transform-origin: 1.3125rem 1.3125rem
    }

    .origin-\[3rem_3rem\] {
        transform-origin: 3rem 3rem
    }

    .origin-bottom {
        transform-origin: bottom
    }

    .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: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-x-0 {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

    .translate-x-20 {
        --tw-translate-x: calc(var(--spacing)*20);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

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

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

    .translate-y-3\/4 {
        --tw-translate-y: 75%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

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

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

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

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

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

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

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

    .-rotate-45 {
        rotate: -45deg
    }

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

    .rotate-0 {
        rotate: none
    }

    .rotate-45 {
        rotate: 45deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-180 {
        rotate: 180deg
    }

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

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

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

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

    .spinner-bar-animation {
        animation: 1.2s linear infinite fade-out;
        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: 1s infinite appearance-in
    }

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

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

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

    .animate-none {
        animation: none
    }

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

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

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

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

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

    .cursor-default {
        cursor: default
    }

    .cursor-grab {
        cursor: grab
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-text {
        cursor: text
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

    .resize-none {
        resize: none
    }

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

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

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

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

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

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

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

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

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

    .appearance-none {
        -webkit-appearance: none;
        -moz-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-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

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

    .grid-cols-10 {
        grid-template-columns: repeat(10, 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
    }

    .content-center {
        align-content: center
    }

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

    .items-stretch {
        align-items: stretch
    }

    .justify-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-2\.5 {
        gap: calc(var(--spacing)*2.5)
    }

    .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-x-0 {
        column-gap: calc(var(--spacing)*0)
    }

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

    .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-3 {
        column-gap: calc(var(--spacing)*3)
    }

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

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

    :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-0\.25>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*.25)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*.25)*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)))
    }

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

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

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

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

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

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

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

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

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

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

    .self-center {
        align-self: center
    }

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

    .self-stretch {
        align-self: stretch
    }

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-clip {
        overflow: clip
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

    .overflow-visible {
        overflow: visible
    }

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

    .overflow-x-hidden {
        overflow-x: hidden
    }

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

    .overflow-x-visible {
        overflow-x: visible
    }

    .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-3xl {
        border-radius: var(--radius-3xl)
    }

    .rounded-\[0\.375rem\] {
        border-radius: .375rem
    }

    .rounded-\[1\.25rem\] {
        border-radius: 1.25rem
    }

    .rounded-\[1\.75rem\] {
        border-radius: 1.75rem
    }

    .rounded-\[2\.25rem\] {
        border-radius: 2.25rem
    }

    .rounded-\[4px\] {
        border-radius: 4px
    }

    .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.40282e38px
    }

    .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-sm\! {
        border-radius: var(--radius-sm) !important
    }

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

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

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

    .\!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 {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

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

    .rounded-t-\[0\.625rem\] {
        border-top-left-radius: .625rem;
        border-top-right-radius: .625rem
    }

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

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

    .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-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-bottom-left-radius: var(--radius-3xl)
    }

    .rounded-l-full {
        border-top-left-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .rounded-l-lg {
        border-top-left-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

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

    .rounded-l-sm {
        border-top-left-radius: var(--radius-sm);
        border-bottom-left-radius: var(--radius-sm)
    }

    .rounded-l-xs {
        border-top-left-radius: var(--radius-xs);
        border-bottom-left-radius: var(--radius-xs)
    }

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

    .rounded-r-full {
        border-top-right-radius: 3.40282e38px;
        border-bottom-right-radius: 3.40282e38px
    }

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

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

    .rounded-b {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

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

    .rounded-b-full {
        border-bottom-right-radius: 3.40282e38px;
        border-bottom-left-radius: 3.40282e38px
    }

    .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-br-lg {
        border-bottom-right-radius: var(--radius-lg)
    }

    .rounded-br-none {
        border-bottom-right-radius: 0
    }

    .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-1\.5 {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

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

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

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

    .border-\[0\.5rem\] {
        border-style: var(--tw-border-style);
        border-width: .5rem
    }

    .border-\[0\.25rem\] {
        border-style: var(--tw-border-style);
        border-width: .25rem
    }

    .border-\[0\.374rem\] {
        border-style: var(--tw-border-style);
        border-width: .374rem
    }

    .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 {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px
    }

    .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 {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }

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

    .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-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

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

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

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

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

    .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-4 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 4px
    }

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

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

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

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

    .\!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-none\! {
        --tw-border-style: none !important;
        border-style: none !important
    }

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

    .\!border-danger {
        border-color: var(--basic-color-danger) !important
    }

    .border-\(--dubai-theme-color\) {
        border-color: var(--dubai-theme-color)
    }

    .border-\[\#0003\] {
        border-color: #0003
    }

    .border-\[\#9E1203\] {
        border-color: #9e1203
    }

    .border-\[\#9FA5AC\] {
        border-color: #9fa5ac
    }

    .border-\[\#005092\] {
        border-color: #005092
    }

    .border-\[\#B2B2B2\] {
        border-color: #b2b2b2
    }

    .border-\[\#D8E0EA\] {
        border-color: #d8e0ea
    }

    .border-\[\#FCF9F2\] {
        border-color: #fcf9f2
    }

    .border-\[\#FFFFFF80\] {
        border-color: #ffffff80
    }

    .border-\[\#dadce0\] {
        border-color: #dadce0
    }

    .border-\[\#ddd\] {
        border-color: #ddd
    }

    .border-\[\#ff6450\] {
        border-color: #ff6450
    }

    .border-\[\#ffd84e\] {
        border-color: #ffd84e
    }

    .border-\[\#ffefa5\] {
        border-color: #ffefa5
    }

    .border-\[\#fff5\] {
        border-color: #fff5
    }

    .border-\[\#fff\] {
        border-color: #fff
    }

    .border-\[rgb\(216\,224\,234\)\] {
        border-color: #d8e0ea
    }

    .border-\[rgb\(228\,195\,161\)\] {
        border-color: #e4c3a1
    }

    .border-\[rgba\(0\,0\,0\,0\.2\)\] {
        border-color: #0003
    }

    .border-acc {
        border-color: var(--font-color-accent)
    }

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

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

    .border-black\/10 {
        border-color: #0000001a
    }

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

    .border-black\/20 {
        border-color: #0003
    }

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

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

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

    .border-danger {
        border-color: var(--basic-color-danger)
    }

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

    .border-danger-200 {
        border-color: hsl(var(--heroui-danger-200)/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 {
        border-color: var(--bg-color-gray)
    }

    .border-light-gray {
        border-color: var(--bg-color-lightGray)
    }

    .border-main,
    .border-main\/40 {
        border-color: var(--font-color-main)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-main\/40 {
            border-color: color-mix(in oklab, var(--font-color-main)40%, transparent)
        }
    }

    .border-primary {
        border-color: var(--basic-color-primary)
    }

    .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-sec {
        border-color: var(--font-color-second)
    }

    .border-sec-acc {
        border-color: var(--font-color-secAccent)
    }

    .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-selected {
        border-color: var(--bg-color-selected)
    }

    .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-text-acc {
        border-color: var(--font-color-accent)
    }

    .border-text-main,
    .border-text-main\/40 {
        border-color: var(--font-color-main)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-text-main\/40 {
            border-color: color-mix(in oklab, var(--font-color-main)40%, transparent)
        }
    }

    .border-text-sec {
        border-color: var(--font-color-second)
    }

    .border-text-sec-acc {
        border-color: var(--font-color-secAccent)
    }

    .border-tip {
        border-color: var(--basic-color-tip)
    }

    .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-white\/20 {
        border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .border-white\/30 {
        border-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/30 {
            border-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }
    }

    .border-white\/50 {
        border-color: #ffffff80
    }

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

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

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

    .border-t-\[\#fff3\] {
        border-top-color: #fff3
    }

    .border-t-primary {
        border-top-color: var(--basic-color-primary)
    }

    .border-t-selected {
        border-top-color: var(--bg-color-selected)
    }

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

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

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

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

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

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

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

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

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

    .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-gray {
        border-left-color: var(--bg-color-gray)
    }

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

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

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

    .bg-\(--bg-bets-item\) {
        background-color: var(--bg-bets-item)
    }

    .bg-\(--dubai-theme-color\) {
        background-color: var(--dubai-theme-color)
    }

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

    .bg-\[\#00D0D7\] {
        background-color: #00d0d7
    }

    .bg-\[\#0000\] {
        background-color: #0000
    }

    .bg-\[\#1B112B\] {
        background-color: #1b112b
    }

    .bg-\[\#1F3E55\] {
        background-color: #1f3e55
    }

    .bg-\[\#3D4F6A\] {
        background-color: #3d4f6a
    }

    .bg-\[\#4E6079\] {
        background-color: #4e6079
    }

    .bg-\[\#5e574266\] {
        background-color: #5e574266
    }

    .bg-\[\#6F2600\] {
        background-color: #6f2600
    }

    .bg-\[\#55f9ff\] {
        background-color: #55f9ff
    }

    .bg-\[\#65B2FB\] {
        background-color: #65b2fb
    }

    .bg-\[\#98FCFF\] {
        background-color: #98fcff
    }

    .bg-\[\#135B71\] {
        background-color: #135b71
    }

    .bg-\[\#176BE333\] {
        background-color: #176be333
    }

    .bg-\[\#485F6D\] {
        background-color: #485f6d
    }

    .bg-\[\#495F7F\] {
        background-color: #495f7f
    }

    .bg-\[\#740b0e\] {
        background-color: #740b0e
    }

    .bg-\[\#3256B2\] {
        background-color: #3256b2
    }

    .bg-\[\#5485A1\] {
        background-color: #5485a1
    }

    .bg-\[\#5748A7\] {
        background-color: #5748a7
    }

    .bg-\[\#6391AB\] {
        background-color: #6391ab
    }

    .bg-\[\#009919\] {
        background-color: #009919
    }

    .bg-\[\#30363B80\] {
        background-color: #30363b80
    }

    .bg-\[\#57707F\] {
        background-color: #57707f
    }

    .bg-\[\#379100\] {
        background-color: #379100
    }

    .bg-\[\#448124\] {
        background-color: #448124
    }

    .bg-\[\#686100\] {
        background-color: #686100
    }

    .bg-\[\#787878\] {
        background-color: #787878
    }

    .bg-\[\#791211\] {
        background-color: #791211
    }

    .bg-\[\#A27DCC\] {
        background-color: #a27dcc
    }

    .bg-\[\#AABBD3\] {
        background-color: #aabbd3
    }

    .bg-\[\#C2FEFF\] {
        background-color: #c2feff
    }

    .bg-\[\#CDFFE699\] {
        background-color: #cdffe699
    }

    .bg-\[\#CED2D6\] {
        background-color: #ced2d6
    }

    .bg-\[\#D6E0E8\] {
        background-color: #d6e0e8
    }

    .bg-\[\#D8E3E8\] {
        background-color: #d8e3e8
    }

    .bg-\[\#D8EEFF\] {
        background-color: #d8eeff
    }

    .bg-\[\#DCFFEB\] {
        background-color: #dcffeb
    }

    .bg-\[\#DEFEFF\] {
        background-color: #defeff
    }

    .bg-\[\#E0E0E0\] {
        background-color: #e0e0e0
    }

    .bg-\[\#E6E6E6\] {
        background-color: #e6e6e6
    }

    .bg-\[\#E9F2FF\] {
        background-color: #e9f2ff
    }

    .bg-\[\#EA1200\] {
        background-color: #ea1200
    }

    .bg-\[\#EDFFFF\] {
        background-color: #edffff
    }

    .bg-\[\#F0F0F0\] {
        background-color: #f0f0f0
    }

    .bg-\[\#F1F1F1\] {
        background-color: #f1f1f1
    }

    .bg-\[\#F4F4F4\] {
        background-color: #f4f4f4
    }

    .bg-\[\#F5F5F5\] {
        background-color: #f5f5f5
    }

    .bg-\[\#F5F8FA\] {
        background-color: #f5f8fa
    }

    .bg-\[\#F6C39B\] {
        background-color: #f6c39b
    }

    .bg-\[\#F7F9FF\] {
        background-color: #f7f9ff
    }

    .bg-\[\#F15802\]\! {
        background-color: #f15802 !important
    }

    .bg-\[\#FFC267\] {
        background-color: #ffc267
    }

    .bg-\[\#cecece\] {
        background-color: #cecece
    }

    .bg-\[\#e6f3ef\] {
        background-color: #e6f3ef
    }

    .bg-\[\#e8eaed\] {
        background-color: #e8eaed
    }

    .bg-\[\#e27b4c\] {
        background-color: #e27b4c
    }

    .bg-\[\#ea0101\] {
        background-color: #ea0101
    }

    .bg-\[\#edffff\] {
        background-color: #edffff
    }

    .bg-\[\#effaf2\] {
        background-color: #effaf2
    }

    .bg-\[\#fcf1b0\] {
        background-color: #fcf1b0
    }

    .bg-\[\#ff6450\] {
        background-color: #ff6450
    }

    .bg-\[rgb\(228\,196\,162\)\] {
        background-color: #e4c4a2
    }

    .bg-\[rgb\(232\,234\,237\)\] {
        background-color: #e8eaed
    }

    .bg-\[rgba\(0\,0\,0\,0\.20\)\] {
        background-color: #0003
    }

    .bg-\[rgba\(0\,193\,29\,0\.12\)\] {
        background-color: #00c11d1f
    }

    .bg-\[rgba\(113\,54\,239\,0\.12\)\] {
        background-color: #7136ef1f
    }

    .bg-\[rgba\(193\,39\,0\,0\.12\)\] {
        background-color: #c127001f
    }

    .bg-\[rgba\(251\,189\,22\,0\.12\)\] {
        background-color: #fbbd161f
    }

    .bg-\[rgba\(255\,255\,255\,0\.30\)\] {
        background-color: #ffffff4d
    }

    .bg-acc {
        background-color: var(--bg-color-accent)
    }

    .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\! {
        background-color: var(--color-black) !important
    }

    .bg-black\/0 {
        background-color: #0000
    }

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

    .bg-black\/5\! {
        background-color: #0000000d !important
    }

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

    .bg-black\/10 {
        background-color: #0000001a
    }

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

    .bg-black\/15 {
        background-color: #00000026
    }

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

    .bg-black\/20 {
        background-color: #0003
    }

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

    .bg-black\/20\! {
        background-color: #0003 !important
    }

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

    .bg-black\/30 {
        background-color: #0000004d
    }

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

    .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\/60 {
        background-color: #0009
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black)60%, 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-black\/90 {
        background-color: #000000e6
    }

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

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

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

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

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

    .bg-current {
        background-color: currentColor
    }

    .bg-danger {
        background-color: var(--basic-color-danger)
    }

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

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

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

    .bg-danger\/20 {
        background-color: var(--basic-color-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-danger\/20 {
            background-color: color-mix(in oklab, var(--basic-color-danger)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\/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 {
        background-color: var(--bg-color-gray)
    }

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

    .bg-gray\/60 {
        background-color: var(--bg-color-gray)
    }

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

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

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

    .bg-light-gray\! {
        background-color: var(--bg-color-lightGray) !important
    }

    .bg-main,
    .bg-main\/20 {
        background-color: var(--bg-color-main)
    }

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

    .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: var(--basic-color-primary)
    }

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

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

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

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

    .bg-primary\/15 {
        background-color: var(--basic-color-primary)
    }

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

    .bg-primary\/20 {
        background-color: var(--basic-color-primary)
    }

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

    .bg-primary\/20\! {
        background-color: var(--basic-color-primary) !important
    }

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

    .bg-primary\/40 {
        background-color: var(--basic-color-primary)
    }

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

    .bg-sec {
        background-color: var(--bg-color-second)
    }

    .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\/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-selected {
        background-color: var(--bg-color-selected)
    }

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

    .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-400 {
        background-color: hsl(var(--heroui-success-400)/1)
    }

    .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-table-even {
        background-color: var(--bg-table-even)
    }

    .bg-table-header {
        background-color: var(--bg-table-header)
    }

    .bg-table-odd {
        background-color: var(--bg-table-odd)
    }

    .bg-text-acc {
        background-color: var(--font-color-accent)
    }

    .bg-text-sec {
        background-color: var(--font-color-second)
    }

    .bg-tip {
        background-color: var(--basic-color-tip)
    }

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

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

    .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\/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-white\/0 {
        background-color: #0000
    }

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

    .bg-white\/10 {
        background-color: #ffffff1a
    }

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

    .bg-white\/30 {
        background-color: #ffffff4d
    }

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

    .bg-white\/40 {
        background-color: #fff6
    }

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

    .bg-white\/50 {
        background-color: #ffffff80
    }

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

    .bg-white\/80 {
        background-color: #fffc
    }

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

    .bg-white\/90 {
        background-color: #ffffffe6
    }

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

    .bg-linear-90 {
        --tw-gradient-position: 90deg
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-90 {
            --tw-gradient-position: 90deg in oklab
        }
    }

    .bg-linear-90 {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-linear-270 {
        --tw-gradient-position: 270deg
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-270 {
            --tw-gradient-position: 270deg in oklab
        }
    }

    .bg-linear-270 {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

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

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }

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

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

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-br {
            --tw-gradient-position: to bottom right in oklab
        }
    }

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

    .bg-linear-to-l {
        --tw-gradient-position: to left
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-l {
            --tw-gradient-position: to left in oklab
        }
    }

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

    .bg-linear-to-r {
        --tw-gradient-position: to right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab
        }
    }

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

    .bg-linear-to-t {
        --tw-gradient-position: to top
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab
        }
    }

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

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

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

    .\!bg-none {
        background-image: none !important
    }

    .bg-\[radial-gradient\(90\%_80\%_at_90\%_65\%\,_\#00E33C_10\%\,_\#C4FFC9_100\%\)\] {
        background-image: radial-gradient(90% 80% at 90% 65%, #00e33c 10%, #c4ffc9)
    }

    .bg-\[radial-gradient\(120\%_120\%_at_top_center\,_\#12E485_0\%\,\#fff_90\%\)\] {
        background-image: radial-gradient(120% 120% at top, #12e485, #fff 90%)
    }

    .bg-\[url\(\/images\/common\/gift-code-bg-light\.webp\)\] {
        background-image: url(https://betzzgame.com/images/common/gift-code-bg-light.webp)
    }

    .bg-\[url\(\/images\/home\/betzz-01-01\.webp\)\] {
        background-image: url(https://betzzgame.com/images/home/betzz-01-01.webp)
    }

    .bg-\[url\(\/images\/home\/betzz-12-25-dark\.webp\)\] {
        background-image: url(https://betzzgame.com/images/home/betzz-12-25-dark.webp)
    }

    .bg-\[url\(\/images\/mystery-box\/crown-box-bg\.webp\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/crown-box-bg.webp)
    }

    .bg-\[url\(\/images\/mystery-box\/price-tag\.png\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/price-tag.png)
    }

    .bg-\[url\(\/images\/mystery-box\/prize-bg\.png\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/prize-bg.png)
    }

    .bg-\[url\(\/images\/mystery-box\/prize-img-bg-big\.png\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/prize-img-bg-big.png)
    }

    .bg-\[url\(\/images\/mystery-box\/prize-img-bg-small\.png\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/prize-img-bg-small.png)
    }

    .bg-\[url\(\/images\/mystery-box\/win-prizes-bg\.png\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/win-prizes-bg.png)
    }

    .bg-\[url\(\/images\/mystery-box\/winner-avatar-bg\.png\)\] {
        background-image: url(https://betzzgame.com/images/mystery-box/winner-avatar-bg.png)
    }

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

    .bg-linear-lose {
        background-image: var(--linear-game-lose)
    }

    .bg-linear-primary-tb {
        background-image: var(--linear-primary-tb)
    }

    .bg-linear-primary-tr {
        background-image: var(--linear-primary-tr)
    }

    .bg-linear-tbd {
        background-image: var(--linear-game-to-be-drawn)
    }

    .bg-linear-won {
        background-image: var(--linear-game-won)
    }

    .bg-none\! {
        background-image: none !important
    }

    .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-\[\#00A783\] {
        --tw-gradient-from: #00a783;
        --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-\[\#00FF8224\] {
        --tw-gradient-from: #00ff8224;
        --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-\[\#3E019C\] {
        --tw-gradient-from: #3e019c;
        --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-\[\#8C5BFF\] {
        --tw-gradient-from: #8c5bff;
        --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-\[\#9E2526\] {
        --tw-gradient-from: #9e2526;
        --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-\[\#14B34C\] {
        --tw-gradient-from: #14b34c;
        --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-\[\#18A45E\] {
        --tw-gradient-from: #18a45e;
        --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-\[\#31D55A\] {
        --tw-gradient-from: #31d55a;
        --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-\[\#71DEFF\] {
        --tw-gradient-from: #71deff;
        --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-\[\#791211\] {
        --tw-gradient-from: #791211;
        --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-\[\#C1FFF7\] {
        --tw-gradient-from: #c1fff7;
        --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-\[\#C7DAF5\] {
        --tw-gradient-from: #c7daf5;
        --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-\[\#D0A1FF\] {
        --tw-gradient-from: #d0a1ff;
        --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-\[\#D8E0EA\] {
        --tw-gradient-from: #d8e0ea;
        --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-\[\#DBFFE2\] {
        --tw-gradient-from: #dbffe2;
        --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-\[\#E8FFF1\] {
        --tw-gradient-from: #e8fff1;
        --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-\[\#F5F7F9\] {
        --tw-gradient-from: #f5f7f9;
        --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-\[\#F9C39B\] {
        --tw-gradient-from: #f9c39b;
        --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-\[\#F18F34\] {
        --tw-gradient-from: #f18f34;
        --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-\[\#FAAA9B\] {
        --tw-gradient-from: #faaa9b;
        --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-\[\#FC9E8F\] {
        --tw-gradient-from: #fc9e8f;
        --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-\[\#FDAB1C\] {
        --tw-gradient-from: #fdab1c;
        --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-\[\#FEAB66\] {
        --tw-gradient-from: #feab66;
        --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-\[\#FFE5F7\] {
        --tw-gradient-from: #ffe5f7;
        --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-\[\#FFF\]\/0 {
        --tw-gradient-from: oklab(0% 0 0/0);
        --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-\[\#c786ff00\] {
        --tw-gradient-from: #c786ff00;
        --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-\[\#d4eaff\] {
        --tw-gradient-from: #d4eaff;
        --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-\[\#eccb9f\] {
        --tw-gradient-from: #eccb9f;
        --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-\[\#fcf1b0\] {
        --tw-gradient-from: #fcf1b0;
        --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-\[\#ffd66b00\] {
        --tw-gradient-from: #ffd66b00;
        --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-\[\#ffd84e99\] {
        --tw-gradient-from: #ffd84e99;
        --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-\[\#fff9b6\] {
        --tw-gradient-from: #fff9b6;
        --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-\[rgb\(236\,94\,54\)\] {
        --tw-gradient-from: #ec5e36;
        --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-\[rgba\(3\,201\,58\,0\.08\)\] {
        --tw-gradient-from: #03c93a14;
        --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-\[rgba\(23\,118\,255\,0\.08\)\] {
        --tw-gradient-from: #1776ff14;
        --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-\[rgba\(201\,3\,3\,0\.08\)\] {
        --tw-gradient-from: #c9030314;
        --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 {
        --tw-gradient-from: var(--bg-color-gray);
        --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 {
        --tw-gradient-from: var(--basic-color-primary);
        --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-transparent\! {
        --tw-gradient-from: transparent !important;
        --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)) !important
    }

    .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-white\/0 {
        --tw-gradient-from: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/0 {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)0%, transparent)
        }
    }

    .from-white\/0 {
        --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\/20 {
        --tw-gradient-from: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/20 {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)20%, transparent)
        }
    }

    .from-white\/20 {
        --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\/80 {
        --tw-gradient-from: #fffc
    }

    @supports (color:color-mix(in lab, red, red)) {
        .from-white\/80 {
            --tw-gradient-from: color-mix(in oklab, var(--color-white)80%, transparent)
        }
    }

    .from-white\/80 {
        --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-60\% {
        --tw-gradient-from-position: 60%
    }

    .from-62\% {
        --tw-gradient-from-position: 62%
    }

    .via-\[\#EB543B\] {
        --tw-gradient-via: #eb543b;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[\#c786ffff\] {
        --tw-gradient-via: #c786ff;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[\#ffd66bff\] {
        --tw-gradient-via: #ffd66b;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-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)
    }

    .via-85\% {
        --tw-gradient-via-position: 85%
    }

    .to-\[\#00FF8200\] {
        --tw-gradient-to: #00ff8200;
        --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-\[\#4E0100\] {
        --tw-gradient-to: #4e0100;
        --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-\[\#005E17\] {
        --tw-gradient-to: #005e17;
        --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-\[\#7A1F2E\] {
        --tw-gradient-to: #7a1f2e;
        --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-\[\#108B44\] {
        --tw-gradient-to: #108b44;
        --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-\[\#2954FF\] {
        --tw-gradient-to: #2954ff;
        --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-\[\#4400B1\] {
        --tw-gradient-to: #4400b1;
        --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-\[\#9328FF\] {
        --tw-gradient-to: #9328ff;
        --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-\[\#220000\] {
        --tw-gradient-to: #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-\[\#300779\] {
        --tw-gradient-to: #300779;
        --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-\[\#348403\] {
        --tw-gradient-to: #348403;
        --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-\[\#379100\] {
        --tw-gradient-to: #379100;
        --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-\[\#C6FFA3\] {
        --tw-gradient-to: #c6ffa3;
        --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-\[\#E8ECEF\] {
        --tw-gradient-to: #e8ecef;
        --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-\[\#E54433\] {
        --tw-gradient-to: #e54433;
        --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-\[\#EAF3FD\] {
        --tw-gradient-to: #eaf3fd;
        --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-\[\#F9E3BD\] {
        --tw-gradient-to: #f9e3bd;
        --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-\[\#F77A00\] {
        --tw-gradient-to: #f77a00;
        --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-\[\#F2346D\] {
        --tw-gradient-to: #f2346d;
        --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-\[\#FC9E8F\] {
        --tw-gradient-to: #fc9e8f;
        --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-\[\#FFE4DF\] {
        --tw-gradient-to: #ffe4df;
        --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-\[\#b51d04\] {
        --tw-gradient-to: #b51d04;
        --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-\[\#b41800\] {
        --tw-gradient-to: #b41800;
        --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-\[\#f2f2f2\] {
        --tw-gradient-to: #f2f2f2;
        --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-\[\#f19276\] {
        --tw-gradient-to: #f19276;
        --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-\[\#ffd84e00\] {
        --tw-gradient-to: #ffd84e00;
        --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-\[\#ffffffff\] {
        --tw-gradient-to: #fff;
        --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-\[rgb\(238\,120\,59\)\] {
        --tw-gradient-to: #ee783b;
        --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-\[var\(--linear-primary-end\)\] {
        --tw-gradient-to: var(--linear-primary-end);
        --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: var(--basic-color-danger);
        --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-light-gray {
        --tw-gradient-to: var(--bg-color-lightGray);
        --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: var(--basic-color-primary);
        --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-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-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .to-transparent\! {
        --tw-gradient-to: transparent !important;
        --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)) !important
    }

    .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-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-white\/0 {
        --tw-gradient-to: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-white\/0 {
            --tw-gradient-to: color-mix(in oklab, var(--color-white)0%, transparent)
        }
    }

    .to-white\/0 {
        --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\/60 {
        --tw-gradient-to: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-white\/60 {
            --tw-gradient-to: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .to-white\/60 {
        --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-26\% {
        --tw-gradient-to-position: 26%
    }

    .to-40\% {
        --tw-gradient-to-position: 40%
    }

    .to-85\% {
        --tw-gradient-to-position: 85%
    }

    .to-\[3\.375rem\] {
        --tw-gradient-to-position: 3.375rem
    }

    .\[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-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-clip-content {
        background-clip: content-box
    }

    .bg-clip-inherit {
        background-clip: inherit
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-center {
        background-position: 50%
    }

    .bg-top {
        background-position: top
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .bg-repeat-x {
        background-repeat: repeat-x
    }

    .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)
        }
    }

    .stroke-2 {
        stroke-width: 2px
    }

    .stroke-3 {
        stroke-width: 3px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

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

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

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

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

    .p-1\! {
        padding: calc(var(--spacing)*1) !important
    }

    .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-\[0\.5px\] {
        padding: .5px
    }

    .p-px {
        padding: 1px
    }

    .\!px-1 {
        padding-inline: calc(var(--spacing)*1) !important
    }

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-0\! {
        padding-inline: calc(var(--spacing)*0) !important
    }

    .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\! {
        padding-inline: calc(var(--spacing)*2) !important
    }

    .px-2\.5 {
        padding-inline: calc(var(--spacing)*2.5)
    }

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-3\.5 {
        padding-inline: calc(var(--spacing)*3.5)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-4\! {
        padding-inline: calc(var(--spacing)*4) !important
    }

    .px-4\.5 {
        padding-inline: calc(var(--spacing)*4.5)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-7 {
        padding-inline: calc(var(--spacing)*7)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-9 {
        padding-inline: calc(var(--spacing)*9)
    }

    .px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .px-19 {
        padding-inline: calc(var(--spacing)*19)
    }

    .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\! {
        padding-block: calc(var(--spacing)*1) !important
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
    }

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

    .py-2\! {
        padding-block: calc(var(--spacing)*2) !important
    }

    .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-5\.5 {
        padding-block: calc(var(--spacing)*5.5)
    }

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

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

    .ps-0\! {
        padding-inline-start: calc(var(--spacing)*0) !important
    }

    .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-1 {
        padding-top: calc(var(--spacing)*1)
    }

    .pt-1\.5 {
        padding-top: calc(var(--spacing)*1.5)
    }

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

    .pt-2\.5 {
        padding-top: calc(var(--spacing)*2.5)
    }

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

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

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

    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }

    .pt-9 {
        padding-top: calc(var(--spacing)*9)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

    .pt-11\.5 {
        padding-top: calc(var(--spacing)*11.5)
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-20 {
        padding-top: calc(var(--spacing)*20)
    }

    .pt-22 {
        padding-top: calc(var(--spacing)*22)
    }

    .pt-24 {
        padding-top: calc(var(--spacing)*24)
    }

    .pt-26\.5 {
        padding-top: calc(var(--spacing)*26.5)
    }

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

    .pr-0\.5 {
        padding-right: calc(var(--spacing)*.5)
    }

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

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

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

    .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
    }

    .pr-3 {
        padding-right: calc(var(--spacing)*3)
    }

    .pr-5 {
        padding-right: calc(var(--spacing)*5)
    }

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

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .\!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-0\.75 {
        padding-bottom: calc(var(--spacing)*.75)
    }

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

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

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

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing)*2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing)*3)
    }

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

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

    .pb-7 {
        padding-bottom: calc(var(--spacing)*7)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing)*14)
    }

    .pb-15 {
        padding-bottom: calc(var(--spacing)*15)
    }

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

    .pb-18 {
        padding-bottom: calc(var(--spacing)*18)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }

    .pb-20\.25 {
        padding-bottom: calc(var(--spacing)*20.25)
    }

    .pb-24 {
        padding-bottom: calc(var(--spacing)*24)
    }

    .pb-40 {
        padding-bottom: calc(var(--spacing)*40)
    }

    .pl-0\.5 {
        padding-left: calc(var(--spacing)*.5)
    }

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

    .pl-1\.5 {
        padding-left: calc(var(--spacing)*1.5)
    }

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

    .pl-2\.5 {
        padding-left: calc(var(--spacing)*2.5)
    }

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

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

    .pl-4\.5 {
        padding-left: calc(var(--spacing)*4.5)
    }

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

    .pl-5\.5 {
        padding-left: calc(var(--spacing)*5.5)
    }

    .pl-7 {
        padding-left: calc(var(--spacing)*7)
    }

    .pl-10\.5 {
        padding-left: calc(var(--spacing)*10.5)
    }

    .pl-12 {
        padding-left: calc(var(--spacing)*12)
    }

    .pl-\[1px\] {
        padding-left: 1px
    }

    .pl-\[3\.6rem\] {
        padding-left: 3.6rem
    }

    .pl-\[4\.32rem\] {
        padding-left: 4.32rem
    }

    .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-3xl\! {
        font-size: var(--text-3xl) !important;
        line-height: var(--tw-leading, var(--text-3xl--line-height)) !important
    }

    .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-8 {
        font-size: .5rem;
        line-height: var(--tw-leading, .625rem)
    }

    .text-9 {
        font-size: .5625rem;
        line-height: var(--tw-leading, .6875rem)
    }

    .text-10 {
        font-size: .625rem;
        line-height: var(--tw-leading, .75rem)
    }

    .text-10\! {
        font-size: .625rem !important;
        line-height: var(--tw-leading, .75rem) !important
    }

    .text-11 {
        font-size: .6875rem;
        line-height: var(--tw-leading, .75rem)
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-base\! {
        font-size: var(--text-base) !important;
        line-height: var(--tw-leading, var(--text-base--line-height)) !important
    }

    .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-sm\! {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important
    }

    .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-xs\! {
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important
    }

    .text-\[0\.5rem\] {
        font-size: .5rem
    }

    .text-\[0\.6rem\] {
        font-size: .6rem
    }

    .text-\[0\.55rem\] {
        font-size: .55rem
    }

    .text-\[0\.625rem\]\! {
        font-size: .625rem !important
    }

    .text-\[1\.375rem\] {
        font-size: 1.375rem
    }

    .text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .text-\[3\.5rem\] {
        font-size: 3.5rem
    }

    .text-\[10px\]\! {
        font-size: 10px !important
    }

    .text-\[100\%\] {
        font-size: 100%
    }

    .leading-3 {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .leading-3\.5 {
        --tw-leading: .875rem;
        line-height: .875rem
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
    }

    .leading-4\.5 {
        --tw-leading: 1.125rem;
        line-height: 1.125rem
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }

    .leading-5\.5 {
        --tw-leading: calc(var(--spacing)*5.5);
        line-height: calc(var(--spacing)*5.5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

    .leading-8 {
        --tw-leading: calc(var(--spacing)*8);
        line-height: calc(var(--spacing)*8)
    }

    .leading-9\.5 {
        --tw-leading: calc(var(--spacing)*9.5);
        line-height: calc(var(--spacing)*9.5)
    }

    .leading-10 {
        --tw-leading: calc(var(--spacing)*10);
        line-height: calc(var(--spacing)*10)
    }

    .leading-12 {
        --tw-leading: calc(var(--spacing)*12);
        line-height: calc(var(--spacing)*12)
    }

    .leading-\[1\.15\] {
        --tw-leading: 1.15;
        line-height: 1.15
    }

    .leading-\[32px\] {
        --tw-leading: 32px;
        line-height: 32px
    }

    .leading-inherit {
        line-height: inherit
    }

    .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-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)
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .text-wrap {
        text-wrap: wrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .overflow-ellipsis,
    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-break-spaces {
        white-space: break-spaces
    }

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .\!text-danger {
        color: var(--basic-color-danger) !important
    }

    .text-\(--bg-color-second\) {
        color: var(--bg-color-second)
    }

    .text-\(--dubai-theme-color\) {
        color: var(--dubai-theme-color)
    }

    .text-\[\#00C11D\] {
        color: #00c11d
    }

    .text-\[\#00C58A\] {
        color: #00c58a
    }

    .text-\[\#00D0D7\] {
        color: #00d0d7
    }

    .text-\[\#19C9FF\] {
        color: #19c9ff
    }

    .text-\[\#744b0b\] {
        color: #744b0b
    }

    .text-\[\#001154\] {
        color: #001154
    }

    .text-\[\#7136EF\] {
        color: #7136ef
    }

    .text-\[\#009048\] {
        color: #009048
    }

    .text-\[\#31373D\] {
        color: #31373d
    }

    .text-\[\#C12700\] {
        color: #c12700
    }

    .text-\[\#D7BD16\] {
        color: #d7bd16
    }

    .text-\[\#EA1200\] {
        color: #ea1200
    }

    .text-\[\#FAD33F\] {
        color: #fad33f
    }

    .text-\[\#FEF1CF\] {
        color: #fef1cf
    }

    .text-\[\#FF4D00\] {
        color: #ff4d00
    }

    .text-\[\#FF732A\] {
        color: #ff732a
    }

    .text-\[\#FF4747\] {
        color: #ff4747
    }

    .text-\[\#FFC43B\] {
        color: #ffc43b
    }

    .text-\[\#FFD015\] {
        color: #ffd015
    }

    .text-\[\#FFE873\] {
        color: #ffe873
    }

    .text-\[\#FFF022\] {
        color: #fff022
    }

    .text-\[\#FFFE24\] {
        color: #fffe24
    }

    .text-\[\#FFFE40\] {
        color: #fffe40
    }

    .text-\[\#FFFEDF\] {
        color: #fffedf
    }

    .text-\[\#d34c4d\] {
        color: #d34c4d
    }

    .text-\[\#e20000\] {
        color: #e20000
    }

    .text-\[\#ff6450\] {
        color: #ff6450
    }

    .text-\[\#ffea07\] {
        color: #ffea07
    }

    .text-\[\#fff82e\] {
        color: #fff82e
    }

    .text-\[\#fff309\] {
        color: #fff309
    }

    .text-acc {
        color: var(--font-color-accent)
    }

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

    .text-bg-main {
        color: var(--bg-color-main)
    }

    .text-bg-main\! {
        color: var(--bg-color-main) !important
    }

    .text-bg-sec {
        color: var(--bg-color-second)
    }

    .text-black {
        color: var(--color-black)
    }

    .text-black\! {
        color: var(--color-black) !important
    }

    .text-black\/60 {
        color: #0009
    }

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

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

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

    .text-current {
        color: currentColor
    }

    .text-current\! {
        color: currentColor !important
    }

    .text-danger {
        color: var(--basic-color-danger)
    }

    .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-foreground {
        color: hsl(var(--heroui-danger-foreground)/1)
    }

    .text-danger\/80 {
        color: var(--basic-color-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-danger\/80 {
            color: color-mix(in oklab, var(--basic-color-danger)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-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 {
        color: var(--bg-color-gray)
    }

    .text-gray\! {
        color: var(--bg-color-gray) !important
    }

    .text-inherit {
        color: inherit
    }

    .text-light-gray {
        color: var(--bg-color-lightGray)
    }

    .text-main {
        color: var(--font-color-main)
    }

    .text-main\! {
        color: var(--font-color-main) !important
    }

    .text-main\/60 {
        color: var(--font-color-main)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-main\/60 {
            color: color-mix(in oklab, var(--font-color-main)60%, transparent)
        }
    }

    .text-order-finish {
        color: var(--font-color-order-finish)
    }

    .text-order-waiting {
        color: var(--font-color-order-waiting)
    }

    .text-primary {
        color: var(--basic-color-primary)
    }

    .text-primary\! {
        color: var(--basic-color-primary) !important
    }

    .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-foreground {
        color: hsl(var(--heroui-primary-foreground)/1)
    }

    .text-primary\/80 {
        color: var(--basic-color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primary\/80 {
            color: color-mix(in oklab, var(--basic-color-primary)80%, transparent)
        }
    }

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

    .text-sec {
        color: var(--font-color-second)
    }

    .text-sec\! {
        color: var(--font-color-second) !important
    }

    .text-sec-acc {
        color: var(--font-color-secAccent)
    }

    .text-sec-acc\! {
        color: var(--font-color-secAccent) !important
    }

    .text-secondary {
        color: hsl(var(--heroui-secondary)/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-success {
        color: hsl(var(--heroui-success)/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-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-svg-gray {
        color: var(--svg-gray)
    }

    .text-tip {
        color: var(--basic-color-tip)
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: hsl(var(--heroui-warning)/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-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\! {
        color: var(--color-white) !important
    }

    .text-white\/60 {
        color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .text-white\/70 {
        color: #ffffffb3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white)70%, transparent)
        }
    }

    .text-white\/70\! {
        color: #ffffffb3 !important
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70\! {
            color: color-mix(in oklab, var(--color-white)70%, transparent) !important
        }
    }

    .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)
        }
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }

    .line-through {
        text-decoration-line: line-through
    }

    .no-underline {
        text-decoration-line: none
    }

    .underline {
        text-decoration-line: underline
    }

    .decoration-\[1\.25px\] {
        text-decoration-thickness: 1.25px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .subpixel-antialiased {
        -webkit-font-smoothing: auto;
        -moz-osx-font-smoothing: auto
    }

    .caret-primary {
        caret-color: var(--basic-color-primary)
    }

    .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: 2px;
        --heroui-radius-medium: 4px;
        --heroui-radius-large: 8px;
        --heroui-border-width-small: 1px;
        --heroui-border-width-medium: 1px;
        --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: 2px;
        --heroui-radius-medium: 4px;
        --heroui-radius-large: 8px;
        --heroui-border-width-small: 1px;
        --heroui-border-width-medium: 1px;
        --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-20 {
        opacity: .2
    }

    .opacity-25 {
        opacity: .25
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .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-100\! {
        opacity: 1 !important
    }

    .opacity-\[\.7\] {
        opacity: .7
    }

    .opacity-\[\.8\] {
        opacity: .8
    }

    .opacity-\[0\.0001\] {
        opacity: .0001
    }

    .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);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0\.75rem_0_\#00000040\] {
        --tw-shadow: 0 0 .75rem 0 var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] {
        --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] {
        --tw-shadow: 0px 20px 20px 0px var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-btn-primary {
        --tw-shadow: var(--btn-primary-shadown);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-large {
        --tw-shadow: var(--heroui-box-shadow-large);
        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);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #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)
    }

    .shadow-medium {
        --tw-shadow: var(--heroui-box-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-none {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-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-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-small {
        --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)
    }

    .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .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);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .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-danger\/40 {
        --tw-shadow-color: var(--basic-color-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-danger\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--basic-color-danger)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-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: var(--basic-color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-primary\/40 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--basic-color-primary)40%, transparent)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-background {
        --tw-ring-color: hsl(var(--heroui-background)/1)
    }

    .ring-danger {
        --tw-ring-color: var(--basic-color-danger)
    }

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

    .ring-focus {
        --tw-ring-color: hsl(var(--heroui-focus)/1)
    }

    .ring-primary {
        --tw-ring-color: var(--basic-color-primary)
    }

    .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-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-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

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

    .outline-\[0\.75rem\] {
        outline-style: var(--tw-outline-style);
        outline-width: .75rem
    }

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

    .outline-white\/60 {
        outline-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-white\/60 {
            outline-color: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .blur-lg {
        --tw-blur: blur(var(--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, )
    }

    .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .saturate-150 {
        --tw-saturate: 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, )
    }

    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }

    .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -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));
        -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-md {
        --tw-backdrop-blur: blur(var(--blur-md));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--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-xl {
        --tw-backdrop-blur: blur(var(--blur-xl));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-xs {
        --tw-backdrop-blur: blur(var(--blur-xs));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
    }

    .backdrop-opacity-disabled {
        --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity));
        -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-saturate-150 {
        --tw-backdrop-saturate: 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, visibility, 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-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
    }

    .delay-200 {
        transition-delay: .2s
    }

    .\!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-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .\!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-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-\[transform\,width\,height\] {
        will-change: transform, width, height
    }

    .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
    }

    .text-shadow-\[0_0_3px_\#000\] {
        text-shadow: 0 0 3px var(--tw-text-shadow-color, #000)
    }

    .text-shadow-\[0_1px_0_\#ffffce99\] {
        text-shadow: 0 1px 0 var(--tw-text-shadow-color, #ffffce99)
    }

    .text-shadow-\[0_2px_4px_\#000\] {
        text-shadow: 0 2px 4px var(--tw-text-shadow-color, #000)
    }

    :is(.\*\:pointer-events-auto>*) {
        pointer-events: auto
    }

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

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

    :is(.\*\:mr-4>*) {
        margin-right: calc(var(--spacing)*4)
    }

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

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

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

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

    :is(.\*\:ml-0\.5>*) {
        margin-left: calc(var(--spacing)*.5)
    }

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

    :is(.\*\:flex>*) {
        display: flex
    }

    :is(.\*\:shrink-0>*) {
        flex-shrink: 0
    }

    :is(.\*\:touch-none\!>*) {
        touch-action: none !important
    }

    :is(.\*\:items-center>*) {
        align-items: center
    }

    :is(.\*\:justify-between>*) {
        justify-content: space-between
    }

    :is(.\*\:overflow-hidden\!>*) {
        overflow: hidden !important
    }

    :is(.\*\:font-medium>*) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    :is(.\*\:text-main>*) {
        color: var(--font-color-main)
    }

    :is(.\*\:opacity-80>*) {
        opacity: .8
    }

    :is(.\*\*\:text-black\! *) {
        color: var(--color-black) !important
    }

    .not-first\:mt-1:not(:first-child) {
        margin-top: calc(var(--spacing)*1)
    }

    .not-first\:mt-2:not(:first-child) {
        margin-top: calc(var(--spacing)*2)
    }

    .not-first\:ml-2:not(:first-child) {
        margin-left: calc(var(--spacing)*2)
    }

    :is(.\*\:not-first\:mt-2>*):not(:first-child) {
        margin-top: calc(var(--spacing)*2)
    }

    :is(.\*\:not-first\:mt-3>*):not(:first-child) {
        margin-top: calc(var(--spacing)*3)
    }

    .not-last\:mr-2:not(:last-child) {
        margin-right: calc(var(--spacing)*2)
    }

    :is(.\*\:not-last\:mr-1>*):not(:last-child) {
        margin-right: calc(var(--spacing)*1)
    }

    :is(.\*\:not-last\:mr-2>*):not(:last-child) {
        margin-right: calc(var(--spacing)*2)
    }

    :is(.\*\:not-last\:mr-5>*):not(:last-child) {
        margin-right: calc(var(--spacing)*5)
    }

    :is(.\*\:not-last\:mb-2>*):not(:last-child) {
        margin-bottom: calc(var(--spacing)*2)
    }

    :is(.\*\:not-last\:mb-3>*):not(:last-child) {
        margin-bottom: calc(var(--spacing)*3)
    }

    :is(.\*\:not-last\:mb-5>*):not(:last-child) {
        margin-bottom: calc(var(--spacing)*5)
    }

    .not-dark\:bg-\[\#88B8FF\]:not(:is(.dark *)) {
        background-color: #88b8ff
    }

    .not-dark\:bg-\[\#f8f8f8\]:not(:is(.dark *)) {
        background-color: #f8f8f8
    }

    @media (hover:hover) {
        .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
            pointer-events: auto
        }

        .group-hover\:block:is(:where(.group):hover *) {
            display: block
        }

        .group-hover\:hidden:is(:where(.group):hover *) {
            display: none
        }

        .group-hover\:border-current:is(:where(.group):hover *) {
            border-color: currentColor
        }

        .group-hover\:text-current:is(:where(.group):hover *) {
            color: currentColor
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }

    .group-aria-expanded\:text-gray:is(:where(.group)[aria-expanded=true] *) {
        color: var(--bg-color-gray)
    }

    .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: var(--basic-color-danger) !important
    }

    .group-data-\[focus\=true\]\:border-danger:is(:where(.group)[data-focus=true] *) {
        border-color: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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-light-gray\/50:is(:where(.group)[data-focus=true] *) {
        background-color: var(--bg-color-lightGray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .group-data-\[focus\=true\]\:bg-light-gray\/50:is(:where(.group)[data-focus=true] *) {
            background-color: color-mix(in oklab, var(--bg-color-lightGray)50%, transparent)
        }
    }

    .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\]\:relative:is(:where(.group)[data-has-helper=true] *) {
        position: relative
    }

    .group-data-\[has-helper\=true\]\:flex:is(:where(.group)[data-has-helper=true] *) {
        display: flex
    }

    .group-data-\[has-helper\=true\]\:-translate-y-0:is(:where(.group)[data-has-helper=true] *) {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .group-data-\[has-helper\=true\]\:pe-2:is(:where(.group)[data-has-helper=true] *) {
        padding-inline-end: calc(var(--spacing)*2)
    }

    .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-helper\=true\]\:pb-1\.5:is(:where(.group)[data-has-helper=true] *) {
        padding-bottom: calc(var(--spacing)*1.5)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-danger)
    }

    .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-none:is(:where(.group)[data-selected=true] *) {
        --tw-border-style: none;
        border-style: none
    }

    .group-data-\[selected\=true\]\:border-danger:is(:where(.group)[data-selected=true] *) {
        border-color: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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-charcoal:is(:where(.group)[data-selected=true] *) {
        background-color: var(--bg-color-charcoal)
    }

    .group-data-\[selected\=true\]\:bg-danger:is(:where(.group)[data-selected=true] *) {
        background-color: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .group-data-\[selected\=true\]\:bg-secondary:is(:where(.group)[data-selected=true] *) {
        background-color: hsl(var(--heroui-secondary)/1)
    }

    .group-data-\[selected\=true\]\:bg-selected:is(:where(.group)[data-selected=true] *) {
        background-color: var(--bg-color-selected)
    }

    .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\]\:from-\(--basic-color-primary\):is(:where(.group)[data-selected=true] *) {
        --tw-gradient-from: var(--basic-color-primary);
        --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))
    }

    .group-data-\[selected\=true\]\:to-\(--basic-color-primary\):is(:where(.group)[data-selected=true] *) {
        --tw-gradient-to: var(--basic-color-primary);
        --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))
    }

    .group-data-\[selected\=true\]\:font-bold:is(:where(.group)[data-selected=true] *) {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .group-data-\[selected\=true\]\:text-\(--color-white\):is(:where(.group)[data-selected=true] *) {
        color: var(--color-white)
    }

    .group-data-\[selected\=true\]\:text-\[\#06b6d4\]:is(:where(.group)[data-selected=true] *) {
        color: #06b6d4
    }

    .group-data-\[selected\=true\]\:text-bg-main:is(:where(.group)[data-selected=true] *) {
        color: var(--bg-color-main)
    }

    .group-data-\[selected\=true\]\:text-black:is(:where(.group)[data-selected=true] *) {
        color: var(--color-black)
    }

    .group-data-\[selected\=true\]\:text-danger:is(:where(.group)[data-selected=true] *) {
        color: var(--basic-color-danger)
    }

    .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-main:is(:where(.group)[data-selected=true] *) {
        color: var(--font-color-main)
    }

    .group-data-\[selected\=true\]\:text-primary:is(:where(.group)[data-selected=true] *) {
        color: var(--basic-color-primary)
    }

    .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-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\:cursor-pointer::file-selector-button {
        cursor: pointer
    }

    .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .file\:bg-transparent::file-selector-button {
        background-color: #0000
    }

    .placeholder\:text-sm::placeholder {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .placeholder\:font-medium::placeholder {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .placeholder\:font-normal::placeholder {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .placeholder\:text-acc::placeholder {
        color: var(--font-color-accent)
    }

    .placeholder\:text-danger::placeholder {
        color: var(--basic-color-danger)
    }

    .placeholder\:text-foreground-500::placeholder {
        color: hsl(var(--heroui-foreground-500)/1)
    }

    .placeholder\:text-primary::placeholder {
        color: var(--basic-color-primary)
    }

    .placeholder\:text-sec-acc::placeholder {
        color: var(--font-color-secAccent)
    }

    .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\:-top-1:before {
        content: var(--tw-content);
        top: calc(var(--spacing)*-1)
    }

    .before\:right-0:before {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
    }

    .before\:-left-1:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-1)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:-z-1:before {
        content: var(--tw-content);
        z-index: -1
    }

    .before\:z-0:before {
        content: var(--tw-content);
        z-index: 0
    }

    .before\:z-\[-1\]:before {
        content: var(--tw-content);
        z-index: -1
    }

    .before\:mr-0\.5:before {
        content: var(--tw-content);
        margin-right: calc(var(--spacing)*.5)
    }

    .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\:size-10\.5:before {
        content: var(--tw-content);
        width: calc(var(--spacing)*10.5);
        height: calc(var(--spacing)*10.5)
    }

    .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 {
        content: var(--tw-content);
        --tw-translate-x: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .before\:-translate-y-1:before {
        content: var(--tw-content);
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .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: 2s infinite shimmer
    }

    .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.40282e38px
    }

    .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:before {
        content: var(--tw-content);
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .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: var(--basic-color-danger)
    }

    .before\:border-default:before {
        content: var(--tw-content);
        border-color: hsl(var(--heroui-default)/1)
    }

    .before\:border-primary:before {
        content: var(--tw-content);
        border-color: var(--basic-color-primary)
    }

    .before\:border-text-sec-acc:before {
        content: var(--tw-content);
        border-color: var(--font-color-secAccent)
    }

    .before\:border-white\/60:before {
        content: var(--tw-content);
        border-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:border-white\/60:before {
            border-color: color-mix(in oklab, var(--color-white)60%, transparent)
        }
    }

    .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: var(--basic-color-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-danger\/20:before {
            background-color: color-mix(in oklab, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .before\:bg-primary\/20:before {
            background-color: color-mix(in oklab, var(--basic-color-primary)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-white:before {
        content: var(--tw-content);
        background-color: var(--color-white)
    }

    .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\:text-danger:before {
        content: var(--tw-content);
        color: var(--basic-color-danger)
    }

    .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\:blur-xs:before {
        content: var(--tw-content);
        --tw-blur: blur(var(--blur-xs));
        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, )
    }

    .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-50:before {
        content: var(--tw-content);
        --tw-duration: 50ms;
        transition-duration: 50ms
    }

    .before\:duration-150:before {
        content: var(--tw-content);
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .before\:content-\[\'\*\'\]:before {
        --tw-content: "*";
        content: var(--tw-content)
    }

    .before\:content-none\!:before {
        content: var(--tw-content);
        --tw-content: none !important;
        content: none !important
    }

    .group-data-\[hover\=true\]\:before\:bg-default-100:is(:where(.group)[data-hover=true] *):before,
    .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 {
        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: -10
    }

    .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-0\.5:after {
        content: var(--tw-content);
        top: calc(var(--spacing)*.5)
    }

    .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-0\.5:after {
        content: var(--tw-content);
        left: calc(var(--spacing)*.5)
    }

    .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

    .after\:-z-10:after {
        content: var(--tw-content);
        z-index: -10
    }

    .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\:table-row:after {
        content: var(--tw-content);
        display: table-row
    }

    .after\:size-4:after {
        content: var(--tw-content);
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
    }

    .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-\[5px\]:after {
        content: var(--tw-content);
        height: 5px
    }

    .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 {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .after\:translate-y-1:after {
        content: var(--tw-content);
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .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.40282e38px
    }

    .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\:\!bg-danger:after {
        content: var(--tw-content);
        background-color: var(--basic-color-danger) !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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .after\:bg-red-600:after {
        content: var(--tw-content);
        background-color: var(--color-red-600)
    }

    .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\:text-danger:after {
        content: var(--tw-content);
        color: var(--basic-color-danger)
    }

    .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 {
        content: var(--tw-content);
        --tw-shadow: 0 1px 0px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .after\:shadow-small:after {
        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)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-danger)
    }

    .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
    }

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

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

    .first\:-ml-0\.5:first-child {
        margin-left: calc(var(--spacing)*-.5)
    }

    .first\:ml-0:first-child {
        margin-left: calc(var(--spacing)*0)
    }

    .first\:rounded-s-full:first-child {
        border-start-start-radius: 3.40282e38px;
        border-end-start-radius: 3.40282e38px
    }

    .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\:border-l-0:first-child {
        border-left-style: var(--tw-border-style);
        border-left-width: 0
    }

    .first\:pl-2:first-child {
        padding-left: calc(var(--spacing)*2)
    }

    .first\:text-left:first-child {
        text-align: left
    }

    .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\:mr-0:last-child {
        margin-right: calc(var(--spacing)*0)
    }

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

    .last\:rounded-e-full:last-child {
        border-start-end-radius: 3.40282e38px;
        border-end-end-radius: 3.40282e38px
    }

    .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\:rounded-b-lg:last-child {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }

    .last\:pr-2:last-child {
        padding-right: calc(var(--spacing)*2)
    }

    .last\:text-right:last-child {
        text-align: right
    }

    :is(.\*\:last\:mb-0>*):last-child {
        margin-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
    }

    .odd\:bg-table-odd:nth-child(odd) {
        background-color: var(--bg-table-odd)
    }

    .odd\:from-\[\#BBC756\]:nth-child(odd) {
        --tw-gradient-from: #bbc756;
        --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))
    }

    .odd\:to-\[\#9CBA52\]:nth-child(odd) {
        --tw-gradient-to: #9cba52;
        --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))
    }

    .even\:bg-table-even:nth-child(2n) {
        background-color: var(--bg-table-even)
    }

    .even\:from-\[\#FEB962\]:nth-child(2n) {
        --tw-gradient-from: #feb962;
        --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))
    }

    .even\:to-\[\#EEA64A\]:nth-child(2n) {
        --tw-gradient-to: #eea64a;
        --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))
    }

    .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-danger:focus-within {
        border-color: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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\: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-danger:hover {
            border-color: var(--basic-color-danger)
        }

        .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-primary:hover {
            border-color: var(--basic-color-primary)
        }

        .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-danger:hover {
            background-color: var(--basic-color-danger)
        }

        .hover\:bg-danger-50:hover {
            background-color: hsl(var(--heroui-danger-50)/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-primary-50:hover {
            background-color: hsl(var(--heroui-primary-50)/1)
        }

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

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

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

        .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-600:hover {
            color: hsl(var(--heroui-foreground-600)/1)
        }

        .hover\:text-primary-600:hover {
            color: hsl(var(--heroui-primary-600)/1)
        }

        .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\:underline:hover {
            text-decoration-line: underline
        }

        .hover\:\!opacity-100:hover {
            opacity: 1 !important
        }

        .hover\:opacity-70:hover {
            opacity: .7
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:opacity-hover:hover {
            opacity: var(--heroui-hover-opacity)
        }

        .group-data-\[invalid\=true\]\:hover\:border-danger:is(:where(.group)[data-invalid=true] *):hover {
            border-color: var(--basic-color-danger)
        }

        .group-data-\[invalid\=true\]\:hover\:bg-danger-100:is(:where(.group)[data-invalid=true] *):hover {
            background-color: hsl(var(--heroui-danger-100)/1)
        }

        .hover\:after\:bg-danger\/20:hover:after {
            content: var(--tw-content);
            background-color: var(--basic-color-danger)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:after\:bg-danger\/20:hover:after {
                background-color: color-mix(in oklab, var(--basic-color-danger)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: var(--basic-color-primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:after\:bg-primary\/20:hover:after {
                background-color: color-mix(in oklab, var(--basic-color-primary)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: var(--basic-color-danger)
        }

        .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: var(--basic-color-primary)
        }

        .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: var(--basic-color-danger)
        }

        .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\:border-primary:focus {
        border-color: var(--basic-color-primary)
    }

    .focus\:border-primary\!:focus {
        border-color: var(--basic-color-primary) !important
    }

    .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\:shadow-xs:focus {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:outline-solid:focus-visible {
        --tw-outline-style: solid;
        outline-style: solid
    }

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

    .active\:border-primary:active {
        border-color: var(--basic-color-primary)
    }

    .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\:text-primary:active {
        color: var(--basic-color-primary)
    }

    .active\:underline:active {
        text-decoration-line: underline
    }

    .active\:\!opacity-70:active {
        opacity: .7 !important
    }

    .active\:opacity-70:active {
        opacity: .7
    }

    .active\:opacity-80:active {
        opacity: .8
    }

    .active\:opacity-disabled:active {
        opacity: var(--heroui-disabled-opacity)
    }

    .disabled\:cursor-default:disabled {
        cursor: default
    }

    .disabled\:opacity-30:disabled {
        opacity: .3
    }

    .disabled\:opacity-60:disabled,
    .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
    }

    .aria-expanded\:opacity-100[aria-expanded=true] {
        opacity: 1
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    @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, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    @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, var(--basic-color-primary)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-\[animated\=true\]\:transition-\[left\,top\,width\,height\][data-animated=true] {
        transition-property: left, top, width, height;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .data-\[animated\=true\]\:duration-250[data-animated=true] {
        --tw-duration: .25s;
        transition-duration: .25s
    }

    .data-\[animated\=true\]\:ease-out[data-animated=true] {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .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\=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\]\:opacity-80[data-disabled=true] {
        opacity: .8
    }

    .data-\[disabled\=true\]\:opacity-100[data-disabled=true] {
        opacity: 1
    }

    .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: var(--basic-color-danger)
    }

    .data-\[editable\=true\]\:text-foreground[data-editable=true] {
        color: hsl(var(--heroui-foreground)/1)
    }

    .data-\[editable\=true\]\:text-primary[data-editable=true] {
        color: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .data-\[focus\=true\]\:border-primary\![data-focus=true] {
        border-color: var(--basic-color-primary) !important
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger) !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: var(--basic-color-primary) !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: var(--basic-color-danger)
    }

    .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: var(--basic-color-danger)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-danger\/20[data-hover=true] {
            background-color: color-mix(in oklab, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    .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: var(--basic-color-primary)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[hover\=true\]\:bg-primary\/20[data-hover=true] {
            background-color: color-mix(in oklab, var(--basic-color-primary)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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    @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, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    @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, var(--basic-color-primary)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))
    }

    .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger:is(:where(.group)[data-focus=true] *)[data-hover=true] {
        border-color: var(--basic-color-danger)
    }

    .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground:is(:where(.group)[data-focus=true] *)[data-hover=true] {
        border-color: hsl(var(--heroui-default-foreground)/1)
    }

    .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary:is(:where(.group)[data-focus=true] *)[data-hover=true] {
        border-color: var(--basic-color-primary)
    }

    .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary:is(:where(.group)[data-focus=true] *)[data-hover=true] {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-success:is(:where(.group)[data-focus=true] *)[data-hover=true] {
        border-color: hsl(var(--heroui-success)/1)
    }

    .group-data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning:is(:where(.group)[data-focus=true] *)[data-hover=true] {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .data-\[focus\=true\]\:data-\[hover\=true\]\:border-danger[data-focus=true][data-hover=true] {
        border-color: var(--basic-color-danger)
    }

    .data-\[focus\=true\]\:data-\[hover\=true\]\:border-default-foreground[data-focus=true][data-hover=true] {
        border-color: hsl(var(--heroui-default-foreground)/1)
    }

    .data-\[focus\=true\]\:data-\[hover\=true\]\:border-primary[data-focus=true][data-hover=true] {
        border-color: var(--basic-color-primary)
    }

    .data-\[focus\=true\]\:data-\[hover\=true\]\:border-secondary[data-focus=true][data-hover=true] {
        border-color: hsl(var(--heroui-secondary)/1)
    }

    .data-\[focus\=true\]\:data-\[hover\=true\]\:border-success[data-focus=true][data-hover=true] {
        border-color: hsl(var(--heroui-success)/1)
    }

    .data-\[focus\=true\]\:data-\[hover\=true\]\:border-warning[data-focus=true][data-hover=true] {
        border-color: hsl(var(--heroui-warning)/1)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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-\[initialized\=true\]\:visible[data-initialized=true] {
        visibility: visible
    }

    .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\]\:text-danger[data-invalid=true][data-editable=true],
    .data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger[data-invalid=true][data-editable=true]:focus {
        color: var(--basic-color-danger)
    }

    .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: -10
    }

    .data-\[loaded\=true\]\:before\:animate-none[data-loaded=true]:before {
        content: var(--tw-content);
        animation: none
    }

    .data-\[loaded\=true\]\:before\:opacity-0[data-loaded=true]:before,
    .data-\[loaded\=true\]\:after\:opacity-0[data-loaded=true]:after {
        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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: -50%;
        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: -50%;
        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: -50%;
        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: -50%;
        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: -50%;
        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: -50%;
        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.40282e38px;
        border-end-end-radius: 3.40282e38px
    }

    .data-\[range-start\=true\]\:before\:rounded-s-full[data-range-start=true]:before {
        content: var(--tw-content);
        border-start-start-radius: 3.40282e38px;
        border-end-start-radius: 3.40282e38px
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    @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, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    @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, var(--basic-color-primary)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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    @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, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    @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, var(--basic-color-primary)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\]\:border[data-selected=true] {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .data-\[selected\=true\]\:border-primary[data-selected=true] {
        border-color: var(--basic-color-primary)
    }

    .data-\[selected\=true\]\:border-primary\![data-selected=true] {
        border-color: var(--basic-color-primary) !important
    }

    .data-\[selected\=true\]\:bg-danger[data-selected=true] {
        background-color: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .data-\[selected\=true\]\:bg-primary\![data-selected=true] {
        background-color: var(--basic-color-primary) !important
    }

    .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\]\:bg-white[data-selected=true] {
        background-color: var(--color-white)
    }

    .data-\[selected\=true\]\:from-transparent[data-selected=true] {
        --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))
    }

    .data-\[selected\=true\]\:to-transparent[data-selected=true] {
        --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))
    }

    .data-\[selected\=true\]\:text-background[data-selected=true] {
        color: hsl(var(--heroui-background)/1)
    }

    .data-\[selected\=true\]\:text-danger[data-selected=true] {
        color: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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);
        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;
        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-danger\/40[data-selected=true] {
        --tw-shadow-color: var(--basic-color-danger)
    }

    @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, var(--basic-color-danger)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: var(--basic-color-primary)
    }

    @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, var(--basic-color-primary)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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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: var(--basic-color-primary)
    }

    .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.40282e38px;
        border-end-end-radius: 3.40282e38px
    }

    .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.40282e38px
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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.40282e38px;
        border-end-start-radius: 3.40282e38px
    }

    .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.40282e38px
    }

    .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: var(--basic-color-danger)
    }

    .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: var(--basic-color-primary)
    }

    .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-\[sortable\=true\]\:cursor-pointer[data-sortable=true] {
        cursor: pointer
    }

    .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
    }

    :is(.\*\:nth-\[2\]\:px-3>*):nth-child(2) {
        padding-inline: calc(var(--spacing)*3)
    }

    :is(.\*\:nth-\[2\]\:pt-3>*):nth-child(2) {
        padding-top: calc(var(--spacing)*3)
    }

    @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\: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\:my-0 {
            margin-block: calc(var(--spacing)*0)
        }

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

        .sm\:w-\[356px\] {
            width: 356px
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:items-center {
            align-items: center
        }

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

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

        .sm\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .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;
            width: var(--max-screen-width) !important
        }

        .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;
            width: var(--max-screen-width) !important
        }

        .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;
            width: var(--max-screen-width) !important
        }

        .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;
            width: var(--max-screen-width) !important
        }

        .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;
            width: var(--max-screen-width) !important
        }

        .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;
            width: var(--max-screen-width) !important
        }

        .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
        }
    }

    .rtl\:right-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        right: calc(var(--spacing)*0)
    }

    .rtl\:right-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        right: auto
    }

    .rtl\:left-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*0)
    }

    .rtl\:left-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*2)
    }

    .rtl\:left-6:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: calc(var(--spacing)*6)
    }

    .rtl\:left-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        left: auto
    }

    .rtl\:mr-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*0)
    }

    .rtl\:mr-0\.5:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*.5)
    }

    .rtl\:mr-1:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*1)
    }

    .rtl\:mr-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*2)
    }

    .rtl\:mr-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-right: calc(var(--spacing)*3)
    }

    .rtl\:-ml-10:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*-10)
    }

    .rtl\:-ml-12:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*-12)
    }

    .rtl\:-ml-\[3\.6rem\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: -3.6rem
    }

    .rtl\:ml-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*0)
    }

    .rtl\:ml-1:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*1)
    }

    .rtl\:ml-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*2)
    }

    .rtl\:ml-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*3)
    }

    .rtl\:ml-4:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        margin-left: calc(var(--spacing)*4)
    }

    .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-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        rotate: none
    }

    .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\:bg-linear-to-l:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        --tw-gradient-position: to left
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .rtl\:bg-linear-to-l:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
            --tw-gradient-position: to left in oklab
        }
    }

    .rtl\:bg-linear-to-l:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .rtl\:pr-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--spacing)*0)
    }

    .rtl\:pr-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--spacing)*3)
    }

    .rtl\:pr-12:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: calc(var(--spacing)*12)
    }

    .rtl\:pr-\[3\.6rem\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: 3.6rem
    }

    .rtl\:pr-\[4\.32rem\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-right: 4.32rem
    }

    .rtl\:pl-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--spacing)*0)
    }

    .rtl\:pl-2\.5:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--spacing)*2.5)
    }

    .rtl\:pl-3:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--spacing)*3)
    }

    .rtl\:pl-8:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        padding-left: calc(var(--spacing)*8)
    }

    .rtl\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: left
    }

    .rtl\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
        text-align: right
    }

    .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
    }

    .dark\:border-acc:is(.dark *) {
        border-color: var(--font-color-accent)
    }

    .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:is(.dark *),
    .dark\:border-gray\/60:is(.dark *) {
        border-color: var(--bg-color-gray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-gray\/60:is(.dark *) {
            border-color: color-mix(in oklab, var(--bg-color-gray)60%, transparent)
        }
    }

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

    .dark\:border-sec\/40:is(.dark *) {
        border-color: var(--font-color-second)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-sec\/40:is(.dark *) {
            border-color: color-mix(in oklab, var(--font-color-second)40%, transparent)
        }
    }

    .dark\:border-selected:is(.dark *) {
        border-color: var(--bg-color-selected)
    }

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

    .dark\:border-text-acc:is(.dark *) {
        border-color: var(--font-color-accent)
    }

    .dark\:border-text-sec:is(.dark *),
    .dark\:border-text-sec\/30:is(.dark *) {
        border-color: var(--font-color-second)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-text-sec\/30:is(.dark *) {
            border-color: color-mix(in oklab, var(--font-color-second)30%, transparent)
        }
    }

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

    .dark\:border-white\/40:is(.dark *) {
        border-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/40:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white)40%, transparent)
        }
    }

    .dark\:bg-\(--dubai-theme-color\)\/20:is(.dark *) {
        background-color: var(--dubai-theme-color)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-\(--dubai-theme-color\)\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--dubai-theme-color)20%, transparent)
        }
    }

    .dark\:bg-\[\#075BA9\]:is(.dark *) {
        background-color: #075ba9
    }

    .dark\:bg-\[\#464E59\]:is(.dark *) {
        background-color: #464e59
    }

    .dark\:bg-\[\#242727\]:is(.dark *) {
        background-color: #242727
    }

    .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-black\/40:is(.dark *) {
        background-color: #0006
    }

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

    .dark\:bg-black\/40\!:is(.dark *) {
        background-color: #0006 !important
    }

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

    .dark\:bg-charcoal:is(.dark *) {
        background-color: var(--bg-color-charcoal)
    }

    .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-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:is(.dark *) {
        background-color: var(--bg-color-gray)
    }

    .dark\:bg-light-gray:is(.dark *) {
        background-color: var(--bg-color-lightGray)
    }

    .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-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-selected:is(.dark *) {
        background-color: var(--bg-color-selected)
    }

    .dark\:bg-selected\!:is(.dark *) {
        background-color: var(--bg-color-selected) !important
    }

    .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-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-\[radial-gradient\(55\%_85\%_at_70\%_70\%\,_\#BB2514_0\%\,_\#362F2A_100\%\)\]:is(.dark *) {
        background-image: radial-gradient(55% 85% at 70% 70%, #bb2514, #362f2a)
    }

    .dark\:bg-\[radial-gradient\(circle_at_top_center\,_\#23ee89e6_0\%\,_\#2E6F50_36\%\,_\#323737_55\%\)\]:is(.dark *) {
        background-image: radial-gradient(circle at top, #23ee89e6, #2e6f50 36%, #323737 55%)
    }

    .dark\:bg-\[url\(\/images\/common\/gift-code-bg-dark\.webp\)\]:is(.dark *) {
        background-image: url(https://betzzgame.com/images/common/gift-code-bg-dark.webp)
    }

    .dark\:bg-\[url\(\/images\/home\/betzz-12-25-light\.webp\)\]:is(.dark *) {
        background-image: url(https://betzzgame.com/images/home/betzz-12-25-light.webp)
    }

    .dark\:from-\[\#00D0B4\]:is(.dark *) {
        --tw-gradient-from: #00d0b4;
        --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-\[\#2B2C2D\]:is(.dark *) {
        --tw-gradient-from: #2b2c2d;
        --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-\[\#3D4B43\]:is(.dark *) {
        --tw-gradient-from: #3d4b43;
        --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-\[\#4C494B\]:is(.dark *) {
        --tw-gradient-from: #4c494b;
        --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-\[\#6C6C6C\]:is(.dark *) {
        --tw-gradient-from: #6c6c6c;
        --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-\[\#11814a\]:is(.dark *) {
        --tw-gradient-from: #11814a;
        --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-\[\#647068\]:is(.dark *) {
        --tw-gradient-from: #647068;
        --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-charcoal:is(.dark *) {
        --tw-gradient-from: var(--bg-color-charcoal);
        --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\/60:is(.dark *) {
        --tw-gradient-from: var(--bg-color-gray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:from-gray\/60:is(.dark *) {
            --tw-gradient-from: color-mix(in oklab, var(--bg-color-gray)60%, transparent)
        }
    }

    .dark\:from-gray\/60: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-\[\#7CEA39\]:is(.dark *) {
        --tw-gradient-to: #7cea39;
        --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-\[\#464A47\]:is(.dark *) {
        --tw-gradient-to: #464a47;
        --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-\[\#215700\]:is(.dark *) {
        --tw-gradient-to: #215700;
        --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:is(.dark *) {
        --tw-gradient-to: var(--bg-color-gray);
        --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\:pt-2:is(.dark *) {
        padding-top: calc(var(--spacing)*2)
    }

    .dark\:pb-0:is(.dark *) {
        padding-bottom: calc(var(--spacing)*0)
    }

    .dark\:text-acc:is(.dark *) {
        color: var(--font-color-accent)
    }

    .dark\:text-charcoal:is(.dark *) {
        color: var(--bg-color-charcoal)
    }

    .dark\:text-danger-500:is(.dark *) {
        color: hsl(var(--heroui-danger-500)/1)
    }

    .dark\:text-gray:is(.dark *),
    .dark\:text-gray\/60:is(.dark *) {
        color: var(--bg-color-gray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-gray\/60:is(.dark *) {
            color: color-mix(in oklab, var(--bg-color-gray)60%, transparent)
        }
    }

    .dark\:text-gray\/80:is(.dark *) {
        color: var(--bg-color-gray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-gray\/80:is(.dark *) {
            color: color-mix(in oklab, var(--bg-color-gray)80%, transparent)
        }
    }

    .dark\:text-main:is(.dark *),
    .dark\:text-main\/80:is(.dark *) {
        color: var(--font-color-main)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:text-main\/80:is(.dark *) {
            color: color-mix(in oklab, var(--font-color-main)80%, transparent)
        }
    }

    .dark\:text-primary:is(.dark *) {
        color: var(--basic-color-primary)
    }

    .dark\:text-sec:is(.dark *) {
        color: var(--font-color-second)
    }

    .dark\:text-selected:is(.dark *) {
        color: var(--bg-color-selected)
    }

    .dark\:text-success:is(.dark *) {
        color: hsl(var(--heroui-success)/1)
    }

    .dark\:text-warning:is(.dark *) {
        color: hsl(var(--heroui-warning)/1)
    }

    .dark\:shadow-\[0_0_0\.75rem_0_\#000\]:is(.dark *) {
        --tw-shadow: 0 0 .75rem 0 var(--tw-shadow-color, #000);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:outline-gray\/60:is(.dark *) {
        outline-color: var(--bg-color-gray)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:outline-gray\/60:is(.dark *) {
            outline-color: color-mix(in oklab, var(--bg-color-gray)60%, transparent)
        }
    }

    .dark\:group-data-\[focus\=true\]\:bg-black\/50:is(.dark *):is(:where(.group)[data-focus=true] *) {
        background-color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:group-data-\[focus\=true\]\:bg-black\/50:is(.dark *):is(:where(.group)[data-focus=true] *) {
            background-color: color-mix(in oklab, var(--color-black)50%, transparent)
        }
    }

    .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)
    }

    .dark\:autofill\:\[-webkit-text-fill-color\:hsl\(var\(--heroui-foreground\)\)\]:is(.dark *):autofill {
        -webkit-text-fill-color: hsl(var(--heroui-foreground))
    }

    .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\: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: var(--basic-color-danger)
    }

    .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)
    }

    .\[\&_\.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))
    }

    .\[\&_\[data-link\]\]\:underline [data-link] {
        text-decoration-line: underline
    }

    .\[\&_p\]\:my-2 p {
        margin-block: calc(var(--spacing)*2)
    }

    .\[\&_span\.text-sec\]\:text-black\! span.text-sec {
        color: var(--color-black) !important
    }

    .\[\&_strong\]\:text-main\! strong {
        color: var(--font-color-main) !important
    }

    .\[\&_strong\]\:text-primary strong {
        color: var(--basic-color-primary)
    }

    .\[\&_td\]\:py-1 td {
        padding-block: calc(var(--spacing)*1)
    }

    .\[\&\+\.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)
    }

    .\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal {
        display: none
    }

    :is(.\*\:\[p\]\:my-2>*):is(p) {
        margin-block: calc(var(--spacing)*2)
    }

    :is(.\*\*\:\[p\]\:mt-1 *):is(p) {
        margin-top: calc(var(--spacing)*1)
    }

    :is(.\*\*\:\[p\]\:mb-2 *):is(p) {
        margin-bottom: calc(var(--spacing)*2)
    }

    :is(.\*\:\[span\]\:font-bold>*):is(span) {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    :is(.\*\:\[span\]\:font-medium>*):is(span) {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    :is(.\*\:\[span\]\:text-main>*):is(span) {
        color: var(--font-color-main)
    }

    :is(.\*\:\[span\]\:text-primary>*):is(span) {
        color: var(--basic-color-primary)
    }

    :is(.\*\:\[span\]\:text-white\/50>*):is(span) {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        :is(.\*\:\[span\]\:text-white\/50>*):is(span) {
            color: color-mix(in oklab, var(--color-white)50%, transparent)
        }
    }

    :is(.\*\:\[span\]\:not-last\:mr-1>*):is(span):not(:last-child) {
        margin-right: calc(var(--spacing)*1)
    }

    .\[\&\: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
    }

    .\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\]>svg {
        max-width: 2rem
    }

    .\[\&\>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)
    }

    .\[\&\[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)
    }
}

@font-face {
    font-family: DIN;
    src: url(../fonts/din.ttf)format("truetype");
    font-display: swap
}

@font-face {
    font-family: DIN;
    src: url(../fonts/din-mid.ttf)format("truetype");
    font-display: swap;
    font-weight: 500
}

@font-face {
    font-family: DIN;
    src: url(../fonts/din-bold.ttf)format("truetype");
    font-display: swap;
    font-weight: 700
}

@font-face {
    font-family: DIN;
    src: url(../fonts/din-black.ttf)format("truetype");
    font-display: swap;
    font-weight: 900
}

@font-face {
    font-family: Inter;
    src: url(../fonts/Inter.ttf)format("truetype");
    font-display: swap
}

:root {
    --max-screen-width: 540px;
    --basic-color-primary: #00d060;
    --basic-color-danger: #ff382c;
    --basic-color-tip: #ff4d4d;
    --bg-color-main: var(--basic-color-primary);
    --bg-color-second: #53ab1d;
    --bg-color-accent: #21a8f7;
    --bg-color-gray: #d9d9d9;
    --bg-color-lightGray: #f2f2f2;
    --bg-color-selected: #f6f7fb;
    --bg-table-header: #e9ecf5;
    --bg-table-odd: #fafdff;
    --bg-table-even: #f1f5f8;
    --bg-icon-gray: #5f6975;
    --bg-bets-item: #cd0000;
    --font-color-main: #2c2c2c;
    --font-color-second: #535353;
    --font-color-accent: #979797;
    --font-color-secAccent: #aaa;
    --font-color-order-waiting: #1776ff;
    --font-color-order-finish: #f15802;
    --svg-gray: #8d97ab;
    --linear-primary-start: var(--basic-color-primary);
    --linear-primary-end: #9fe872;
    --linear-primary-tr: linear-gradient(90deg, var(--linear-primary-start)0%, var(--linear-primary-end)100%);
    --linear-primary-tb: linear-gradient(180deg, var(--linear-primary-start)0%, var(--linear-primary-end)100%);
    --linear-game-to-be-drawn: linear-gradient(90deg, #1776ff14 0%, #1776ff00 100%);
    --linear-game-won: linear-gradient(90deg, #f1580214 0%, #f1580200 100%);
    --linear-game-lose: linear-gradient(90deg, #f1580214 0%, #f1580200 100%);
    --btn-primary-shadown: 0 2px 4px #fff6 inset, 0 -2px 4px #0006 inset;
    font-family: Inter
}

:root.dark {
    --basic-color-primary: #23ee89;
    --bg-color-second: #9fe872;
    --bg-color-gray: #292d2f;
    --bg-color-charcoal: #323737;
    --bg-color-lightGray: #242727;
    --bg-color-selected: #394142;
    --bg-table-header: var(--bg-color-selected);
    --bg-table-odd: var(--bg-color-charcoal);
    --bg-table-even: var(--bg-color-gray);
    --font-color-main: #fff;
    --font-color-second: #b3bec1;
    --font-color-accent: #b3bec1;
    --font-color-secAccent: #b3bec1
}

@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-x-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-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-text-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-text-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes shimmer {
    to {
        transform: translate(200%)
    }
}

@keyframes spinner-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@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
    }
}

html,
body {
    height: 100%;
    width: 100%;
    background-color: var(--bg-color-lightGray);
    color: var(--font-color-second);
    max-width: var(--max-screen-width);
    margin: 0 auto;
    font-weight: 500;
    font-size: 4.2666666667dvw;
    letter-spacing: -.3px;
    -webkit-user-select: none;
    user-select: none
}

@media (min-width: 540px) {

    html,
    body {
        font-size: calc(.0426666667 * var(--max-screen-width))
    }
}

::-webkit-scrollbar {
    display: none
}

[data-overlay-container] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.inter {
    font-family: Inter
}

.din {
    font-family: DIN
}

.hide-scrollbar .rc-virtual-list-scrollbar {
    display: none
}

.popup-slider li {
    width: .5rem;
    height: .5rem;
    font-size: 0;
    background-color: #ffffff80;
    border-radius: 4px
}

.popup-slider li.slick-active {
    background-color: var(--basic-color-primary)
}

.text-nowrap {
    white-space: pre
}

.game-progress-base {
    background-color: var(--font-color-second);
    box-shadow: 0 1px 2px #00000040 inset
}

button.min-w-unit-20,
button.min-w-20 {
    min-width: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

button.bg-default {
    background-color: transparent
}

html .react-datepicker-popper {
    z-index: 20
}

html .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
html .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
    border-bottom-color: #eaeaea;
    box-shadow: 0 4px 4px #0000001a
}

html .react-datepicker {
    border: none;
    box-shadow: 0 4px 4px #0000001a
}

html .react-datepicker__header {
    color: var(--font-color-main);
    background-color: #eaeaea;
    border: none
}

html .react-datepicker__navigation-icon:before {
    border-color: var(--font-color-accent);
    border-width: 1px 1px 0 0;
    top: 50%;
    margin-top: -3px
}

html .react-datepicker__month .react-datepicker__month-text,
html .react-datepicker__month .react-datepicker__quarter-text {
    padding: .375rem .125rem;
    transition: .2s;
    color: var(--font-color-second)
}

html .react-datepicker__day--keyboard-selected,
html .react-datepicker__month-text--keyboard-selected,
html .react-datepicker__quarter-text--keyboard-selected,
html .react-datepicker__year-text--keyboard-selected {
    border-radius: .25rem;
    background-color: var(--basic-color-primary);
    color: var(--color-white) !important
}

html .woot-widget-holder.woot-elements--right.woot-widget--without-bubble.has-unread-view {
    opacity: 0;
    pointer-events: none
}

html .woot-widget-holder.woot-elements--right.woot-widget--without-bubble:not(.has-unread-view, .woot--hide) {
    padding-top: var(--status-bar-height)
}

html #chat-widget-container>iframe:not(.chat-widget-minimized) {
    padding-top: var(--status-bar-height) !important
}

.ka-wrapper,
.ka-content {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    height: 100%;
    max-height: 100%
}

.lottery-top-icon-1 {
    background-image: url(https://betzzgame.com/images/lottery/01.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-2 {
    background-image: url(https://betzzgame.com/images/lottery/02.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-3 {
    background-image: url(https://betzzgame.com/images/lottery/03.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-4 {
    background-image: url(https://betzzgame.com/images/lottery/04.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-5 {
    background-image: url(https://betzzgame.com/images/lottery/05.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-6 {
    background-image: url(https://betzzgame.com/images/lottery/06.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-7 {
    background-image: url(https://betzzgame.com/images/lottery/07.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-8 {
    background-image: url(https://betzzgame.com/images/lottery/08.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-9 {
    background-image: url(https://betzzgame.com/images/lottery/09.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-10 {
    background-image: url(https://betzzgame.com/images/lottery/10.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-11 {
    background-image: url(https://betzzgame.com/images/lottery/11.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.lottery-top-icon-cons {
    background-image: url(https://betzzgame.com/images/lottery/cons.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: 2rem
}

.ka-visible .ka-wrapper,
.ka-visible .ka-wrapper .ka-content {
    overflow: visible
}

html .digit-input {
    box-shadow: 0 4px 4px #00000040 inset
}

html .digit-input.digit-input-a {
    border: 2px solid #be0000
}

html .digit-input.digit-input-b {
    border: 2px solid #ff8a00
}

html .digit-input.digit-input-c {
    border: 2px solid #007cef
}

html .digit-input.digit-input-d {
    border: 2px solid #00b209
}

html .digit-input.digit-input-e {
    border: 2px solid #00c7ce
}

[class*=animate-] {
    --animate-duration: 1s;
    --animate-timing: ease-out;
    --animate-delay: 0ms;
    --animate-count: 1
}

.animate-duration-300 {
    --animate-duration: .3s !important
}

.animate-infinite {
    --animate-count: infinite !important
}

.animate-duration-8 {
    --animate-duration: 8s !important
}

@keyframes AnimateScale {
    0% {
        transform: scale(var(--scale-start))
    }

    50% {
        transform: scale(var(--scale-via))
    }

    to {
        transform: scale(var(--scale-to))
    }
}

.animate-scale {
    --scale-start: 0;
    --scale-via: .5;
    --scale-to: 1;
    animation: AnimateScale var(--animate-duration) var(--animate-timing) var(--animate-delay) var(--animate-count)
}

.animate-scale.scale-start-100 {
    --scale-start: 1
}

.animate-scale.scale-via-90 {
    --scale-via: .9
}

.animate-scale.scale-via-110 {
    --scale-via: 1.1
}

.animate-scale.scale-via-120 {
    --scale-via: 1.2
}

@keyframes AnimateRotate {
    0% {
        transform: rotate(var(--rotate-star))
    }

    50% {
        transform: rotate(var(--rotate-via))
    }

    to {
        transform: rotate(var(--rotate-to))
    }
}

.animate-rotate {
    --rotate-start: 0deg;
    --rotate-via: 180deg;
    --rotate-to: 360deg;
    --animate-timing: linear;
    animation: AnimateRotate var(--animate-duration) var(--animate-timing) var(--animate-delay) var(--animate-count)
}

@keyframes AnimateShake {
    0% {
        transform: scale(1) rotate(0)
    }

    70% {
        transform: scale(1) rotate(0)
    }

    75% {
        transform: scale(1.01) rotate(-1deg)
    }

    80% {
        transform: scale(1.01) rotate(1deg)
    }

    85% {
        transform: scale(1.01) rotate(-1deg)
    }

    90% {
        transform: scale(1.01) rotate(1deg)
    }

    95% {
        transform: scale(1.01) rotate(0)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.animate-shake {
    animation: AnimateShake 2s ease-in-out infinite
}

@keyframes AnimateScaleLightScale {
    0% {
        transform: scale(1);
        opacity: 1
    }

    9% {
        transform: scale(1.05);
        opacity: .98
    }

    19% {
        transform: scale(1);
        opacity: 1
    }

    25% {
        transform: scale(1);
        opacity: 1
    }

    34% {
        transform: scale(1.05);
        opacity: .98
    }

    44% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes AnimateScaleLightLight {
    0% {
        transform: translate(var(--light-start)) rotate(-30deg)
    }

    50% {
        transform: translate(var(--light-start)) rotate(-30deg)
    }

    94% {
        transform: translate(var(--light-end)) rotate(-30deg)
    }

    to {
        transform: translate(var(--light-end)) rotate(-30deg)
    }
}

.animate-scale-light {
    position: relative;
    animation: AnimateScaleLightScale 1.6s ease-in-out 0ms infinite
}

.animate-scale-light:before {
    content: "";
    display: block;
    position: absolute;
    height: 6rem;
    width: 3rem;
    background-image: linear-gradient(90deg, #fff0, #fff888 30%, #fff8ee, #fff888 70%, #fff0);
    transform: translate(-4rem) rotate(-30deg);
    top: calc(var(--light-height) * -.25);
    left: 0;
    animation: AnimateScaleLightLight 1.6s ease-in-out 0ms infinite
}

@keyframes AnimateFlash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

.animate-flash {
    --animate-flash-via: .5;
    --animate-timing: linear;
    --animate-duration: .5s;
    --animate-count: infinite;
    animation: AnimateFlash var(--animate-duration) var(--animate-timing) var(--animate-delay) var(--animate-count)
}

@keyframes invertFlash {
    0% {
        filter: none
    }

    25% {
        filter: invert(1) brightness(1.15)
    }

    50% {
        filter: none
    }

    75% {
        filter: invert(1) brightness(1.15)
    }

    to {
        filter: none
    }
}

.animate-invert-flash {
    animation: invertFlash .42s ease-in-out infinite;
    will-change: filter
}

.toast-wapper {
    z-index: 9999
}

.toast-wapper .nl-toast-container {
    background-color: #000000b3;
    width: 17rem;
    min-height: 6.5rem;
    transition: .2s;
    opacity: 0
}

.toast-wapper .nl-toast-container.toast-container-visible {
    transition: .2s;
    opacity: 1
}

.bet-rank-tab-content,
.bet-rank-inset-shadow {
    box-shadow: 0 -4px 4px #ffffff24 inset, 0 3px 6px #fff6 inset
}

.bet-rank-tab-content.group[data-selected=true] {
    color: var(--color-black)
}

.bet-rank-tab-content[aria-selected=true] {
    background-color: var(--basic-color-primary)
}

.bet-rank-tab-content[aria-selected=true] [data-slot=tabContent] {
    color: var(--bg-black)
}

.bet-rank-tab-content [data-slot=cursor] {
    background-color: transparent
}

.home-banner-slider {
    overflow: hidden
}

.home-banner-slider .slick-dots {
    position: absolute;
    bottom: .5rem
}

.home-banner-slider .slick-dots li {
    margin: 0 .125rem;
    transition: .1s
}

.home-banner-slider .slick-dots li.size-1 {
    width: .25rem;
    height: .25rem
}

.home-banner-slider .slick-dots li.size-1.w-3 {
    width: .75rem
}

.result-cycle-tabs-tab {
    width: calc(100% - .75rem);
    transition: border-top .2s;
    margin-right: 0
}

.result-cycle-tabs-tab:not(:first-child) {
    margin-left: calc(var(--spacing) * 2)
}

.result-cycle-tabs-tab-selected {
    border-top: .1875rem solid var(--bg-color-main)
}

.game-cut-down-canvas {
    margin: 70% auto;
    width: 60%
}

.game-cut-down-text {
    left: 0;
    width: 100%;
    top: calc(50% - 9rem)
}

.result-table {
    letter-spacing: -.01875rem
}

.result-show-more {
    border: none;
    border-radius: 8px;
    background: var(--color-white);
    box-shadow: 0 4px 4px #0000001a
}

.result-show-more .button-more {
    color: var(--font-color-second)
}

.dice {
    --bg-k3-small: #0090e2;
    --bg-k3-green: #02921b;
    --bg-k3-big: #e20000
}

.game-close-icon {
    width: 2rem;
    height: 2rem;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3c!--%20白色的x，带一个圆形外框%20--%3e%3csvg%20style='width:2rem;height:2rem'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='31'%20height='31'%20rx='15.5'%20stroke='white'%20/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.7199%2012.6934C21.1104%2012.3029%2021.1104%2011.6697%2020.7198%2011.2792C20.3293%2010.8887%2019.6962%2010.8887%2019.3056%2011.2792L16%2014.5849L12.6944%2011.2792C12.3039%2010.8887%2011.6707%2010.8887%2011.2802%2011.2792C10.8897%2011.6697%2010.8897%2012.3029%2011.2802%2012.6934L14.5858%2015.9991L11.2802%2019.3047C10.8897%2019.6952%2010.8897%2020.3284%2011.2802%2020.7189C11.6707%2021.1094%2012.3039%2021.1094%2012.6944%2020.7189L16%2017.4133L19.3056%2020.7189C19.6962%2021.1094%2020.3293%2021.1094%2020.7198%2020.7189C21.1104%2020.3284%2021.1104%2019.6952%2020.7199%2019.3047L17.4142%2015.9991L20.7199%2012.6934Z'%20fill='white'%20/%3e%3c/svg%3e")
}

.dice-question-text {
    width: 14.625rem
}

.dice-select-parting-line {
    width: 6.6875rem;
    height: .5rem;
    color: var(--machine-mybets);
    background-image: url(data:image/webp;base64,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);
    background-size: 100%
}

.k3-single-1 {
    background-size: cover;
    background-image: url(data:image/webp;base64,UklGRpAFAABXRUJQVlA4WAoAAAAwAAAAdwAAdwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIUgEAAA2Al/1/o+aLgzggVUCq4A4HS8AUMAUkqYEeNQBRAFVQrgYYBhoUEAfsfd+OvxoRE4DLRUnllRDIUO8Xs9TjxqIdK2SulIXnKCSpv4Fo15HZqhNNrb+WriPb63pkryLHyH5TK/rLah0wlGM7uUQ/gaMYzu15OgeaZmPPKSkQNV/ulNSgmiT+xAe4imH5mAZbVTIHsk4HbRcAGPAV9QSQESG0XUAMxqKeoE0JUSoFp3geg3RJsVIFVlKyKtAS+Gn9+//f/3/CQfyw/FyxWuVJLeaK1GxSIpWGeUxpBqQRpQGQ1AWjFAiuTWgEAEld8LEHwbXpWBw1JUXmyx1DeSiorKs46QevVJo4c7TSRCzONjnNYvOyOQ9mMRQU1n1cPLFjSWDWwhV9sa6zbv32jusaZ2pZtn5zuLo3adxWmbTB9NPhpn46CLEqSHlPm5uFMF8tJ7gcVlA4IEgCAADwEgCdASp4AHgAPm0ylkekIyIhJZXbKIANiWcAdwXwD8M+QM0C7gXiBvAFIS7wz9gHtAOWT2IyqeDOkCZ73gHoABzeLxe57NIoWmyTEU6gG4EEaouobGG/sauw2aFozwQVbYEFw1VCuZryZ8UivVfDQem4Hts4cb6XVuPV0gu2aFxWIk2+rKx7FZZV+d/6pJiWeLhNkZ7YqOzV7PRl4/2AAP6L2+WVSIqgNUbEr2JuA9Wrm3sfHTH61S/e3kihZp0Y2GfHBuAlpwB49TNoAVgogCn9VOpPP+VpE7hTVva87o56pZrgAElbjJK/BLZxiQpZhqctZLZAaoxXFc+z0/8eMBuzCmLGeld8P9geL++RhnKPrtvwJbgP5u9ED33FAiLY6CW+3pmeJLZuYYZsxYaTzorMX/5sa56tmZzA//+e/7NuvJdA1HP+48I9cfclR8LrX9/HF8o33MRF8ItnkPHn+vn7FTXKnbNT8wymNoU+Z9Tped2JpDAIpozYc3XsJMX2TAu/WSaB/HEOn0Uxtmfhp55VpIkXax66/P9he1eeUYAK3pZHuMRUooXegVnFcn4kpbWyI9Yi6XRtFHDeXMQWAzxOr1FTCA2Zy6XVYApgL1xadX/a8PbAE3EUk/HA1UnaXRi1IIJJHNKmFBsiyb0GbAnt6BNt5X7eOFHYLthq+w6wdNsU2N+YhRC058fvYguXDuXu0U6YI4z5JipOcOKai1RFp0bASCV6+R5tmtTyHqlzNqA7Vgx/3QOvqXaz2fq7VDo/oKgAAA==)
}

.k3-single-2 {
    background-size: cover;
    background-image: url(data:image/webp;base64,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)
}

.k3-single-3 {
    background-size: cover;
    background-image: url(data:image/webp;base64,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)
}

.k3-single-4 {
    background-size: cover;
    background-image: url(data:image/webp;base64,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)
}

.k3-single-5 {
    background-size: cover;
    background-image: url(data:image/webp;base64,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)
}

.k3-single-6 {
    background-size: cover;
    background-image: url(data:image/webp;base64,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)
}

.k3-single-question {
    background-size: cover;
    background-image: url(data:image/webp;base64,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)
}

.dice-num-red,
.dice-num-green {
    border: 1px solid var(--T3, #979797);
    background: radial-gradient(68.54% 68.54% at 69.79% 34.37%, #fff, #ebebeb)
}

.dice-num-flat {
    background: var(--color-white) !important
}

.dice-sum-big {
    background: radial-gradient(75.44% 75.44% at 72.92% 28.12%, #f20000, #a20000);
    color: var(--color-white)
}

.dice-sum-big.dice-sum-flat {
    background: #e20000;
    color: var(--color-white)
}

.dice-sum-small {
    background: radial-gradient(68.54% 68.54% at 69.79% 34.37%, #0069ff, #0049b0);
    color: var(--color-white)
}

.dice-sum-small.dice-sum-flat {
    background: var(--basic-color-primary);
    color: var(--color-black)
}

.dice-sum-undefined,
.dice-sum-odd,
.dice-sum-even {
    background: radial-gradient(68.54% 68.54% at 69.79% 34.37%, #fff, #d7d7d7);
    border: 1px solid var(--font-color-accent)
}

.dice-sum-undefined.dice-sum-flat,
.dice-sum-odd.dice-sum-flat,
.dice-sum-even.dice-sum-flat {
    background: var(--bg-color-gray)
}

html:not(.dark) .dice-sum-undefined.dice-sum-flat,
html:not(.dark) .dice-sum-odd.dice-sum-flat,
html:not(.dark) .dice-sum-even.dice-sum-flat {
    background: #fff
}

.dice-sum-odd {
    color: #b91010
}

.dice-sum-even {
    color: #176be3
}

.wingo-ball {
    --game-color-red: #be0000;
    --game-color-green: #109216;
    --game-color-violet: #670fbf;
    border-radius: 50%
}

.wingo-ball.has-border:not(.text-white) {
    position: relative
}

.wingo-ball.has-border:not(.text-white):after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid var(--font-color-second)
}

.wingo-ball-green {
    background-color: var(--game-color-green)
}

.wingo-ball-green.disabled {
    opacity: .2
}

.wingo-ball-red {
    background-color: var(--game-color-red)
}

.wingo-ball-red.disabled {
    opacity: .2
}

.wingo-ball-green-violet {
    background: linear-gradient(315deg, var(--game-color-violet) 50.5%, var(--game-color-green) 51.88%)
}

.wingo-ball-green-violet.disabled {
    opacity: .2
}

.wingo-ball-red-violet {
    background: linear-gradient(315deg, var(--game-color-violet) 50.5%, var(--game-color-red) 51.88%)
}

.wingo-ball-red-violet.disabled {
    opacity: .2
}

.wingo-ball-full-red {
    background-color: var(--game-color-red)
}

.wingo-ball-full-green {
    background-color: var(--game-color-green)
}

.wingo-ball-full-violet {
    background-color: var(--game-color-violet)
}

.wingo-ball-full-green-violet {
    background: linear-gradient(315deg, var(--game-color-violet) 50.5%, var(--game-color-green) 51.88%)
}

.wingo-ball-full-red-violet {
    background: linear-gradient(315deg, var(--game-color-violet) 50.5%, var(--game-color-red) 51.88%)
}

.wingo-ball-full-gray {
    background-size: 100% 100%;
    background-image: url(data:image/webp;base64,UklGRhAEAABXRUJQVlA4WAoAAAAwAAAAPwAAPwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIrQEAAA2Qlm175FQvDoKCfihoUNCAgVXApBjIcCEgXQQ0g4E2FcBmgPQY6GKgqYIZFOzMku+6zu+ImAC0Tkr2SBCAWMXtZhORtLq8QE0S1JcSwYdUhMnRJqmMxiEmIIxG62Tli48fHZkcnQoz8Et8dEBzdE52cB7bMxop0uPStTU7QprCvo8/WpkjXdu7bWONlHV21myOtFU2bGKRuu7f1TPHySGHq0MaDK2PNd7AUcyGf2nwVNL9RhkT2KL6xYCr0O4HKTYwvgKgwFdoB8AygikABc5CBmhWuHzGgNfFC4E3QTKDYif73Ii49QQ3QdwI//2RmMVKMKsiMTscesw2G8lsHRSzbQSxisDLBasAPF+y8kCQgtH+AKAwjMYA4LRgU21/VN6wKfCr04LJfvVbVVgmY/zppGKx//cXhjPBoLxBzegtgwlquyOT3BgN89MssUVsAp3LpN6WaH6aZwktlmhTn9hUPoot2h29W5FEOf1A284/UXcf4R4dxjNlqaNyukG3C3+ZiQ7KB4/Oo1tJS+18VA8eScYwJj2gBh+IL68bpBsWK0jZJ0EAYhkPu4DWAQBWUDggbAAAABAGAJ0BKkAAQAA+tVahSycloyGuGSgA4BaJaQAAPd/rYqoTobjy+LG+G17+jmPSizrAFK5BriQW0AD+v7//cD//ad//90F273mYtqzlN8NsJ0/n8agH6FW5/Tv6mqaEPj0AAIL9wkIf+MQAAA==)
}

.result-dice-table-issue {
    width: 4.5rem;
    word-break: break-all
}

.scroll-area-mask-left {
    left: 0;
    background: linear-gradient(to right, #fff, #fff0)
}

.scroll-area-mask-right {
    right: 0;
    background: linear-gradient(to left, #fff, #fff0)
}

.dark .scroll-area-mask-left {
    left: 0;
    background: linear-gradient(to right, var(--bg-color-gray), rgba(255, 255, 255, 0))
}

.dark .scroll-area-mask-right {
    right: 0;
    background: linear-gradient(to left, var(--bg-color-gray), rgba(255, 255, 255, 0))
}

.color-num-r {
    color: var(--bg-k3-big)
}

.color-num-b {
    color: var(--bg-k3-small)
}

.color-num-g {
    color: var(--bg-k3-green)
}

.bg-letter-r {
    background-color: var(--bg-k3-big)
}

.bg-letter-g {
    background-color: var(--bg-k3-green)
}

.bg-letter-b {
    background-color: var(--bg-k3-small)
}

.content-round-bar {
    width: 7rem
}

.content-round-track {
    background-color: #ced2d6
}

.letter-item {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%
}

.dice-round-radio {
    height: 1.875rem
}

.dice-small-div {
    background: var(--bg-k3-small)
}

.dice-green-div {
    background: var(--bg-k3-green);
    height: 16px
}

.dice-big-div {
    background: var(--bg-k3-big)
}

.dice-small-text {
    color: var(--bg-k3-small)
}

.dice-big-text {
    color: var(--bg-k3-big)
}

.bets-congratulation {
    width: 100%;
    height: 3.1875rem
}

.bets-congratulation-top {
    width: 17.875rem;
    height: 2.9375rem
}

.dice-order-bg-top {
    border-bottom: 1px dashed #776114;
    background: #fffded
}

.dice-order-table-number {
    width: 3.25rem
}

.dice-order-table-game-type {
    width: 4.5rem
}

.dice-order-table-payment {
    width: 6rem
}

.dice-order-table-result {
    width: 5rem
}

.divider-top {
    border-top: .0625rem solid var(--bg-color-gray)
}

.dice-congratulation {
    width: 100%;
    height: 3.1875rem
}

.dice-congratulation-top {
    width: 17.875rem;
    height: 2.9375rem
}

.common-pay-ratio {
    background-color: var(--font-color-secAccent)
}

.common-pay-ratio.checked {
    background-color: var(--basic-color-primary)
}

.state-lotto-analyze {
    min-height: calc(100vh - 9.75rem)
}

.state-lotto-analyze [data-char=A][data-type=S],
.state-lotto-analyze [data-char=A][data-type=E] {
    background-color: #ff4e16
}

.state-lotto-analyze [data-char=A][data-type=B],
.state-lotto-analyze [data-char=A][data-type=O] {
    background-color: #d50000
}

.state-lotto-analyze [data-char=B][data-type=S],
.state-lotto-analyze [data-char=B][data-type=E] {
    background-color: #00a2ff
}

.state-lotto-analyze [data-char=B][data-type=B],
.state-lotto-analyze [data-char=B][data-type=O] {
    background-color: #0087d4
}

.state-lotto-analyze [data-char=C][data-type=S],
.state-lotto-analyze [data-char=C][data-type=E] {
    background-color: #f58a27
}

.state-lotto-analyze [data-char=C][data-type=B],
.state-lotto-analyze [data-char=C][data-type=O] {
    background-color: #bd6600
}

.state-lotto-analyze [data-char=D][data-type=S],
.state-lotto-analyze [data-char=D][data-type=E] {
    background-color: #008c59
}

.state-lotto-analyze [data-char=D][data-type=B],
.state-lotto-analyze [data-char=D][data-type=O] {
    background-color: #008b59
}

.wingo {
    --game-color-red: #ea0a0a;
    --game-color-green: #02b50a;
    --game-color-violet: #6e00dc
}

.shadow-25 {
    box-shadow: 0 4px 4px #00000040
}

.wingo-header-divider {
    width: 0;
    height: 4.5rem;
    border-left: .0625rem dashed #897aa1
}

.wingo-base-tabs {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 15
}

.wingo-machine-item {
    border-radius: 8px;
    border: 4px solid rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px #00000040
}

.wingo-machine-green,
.wingo-machine-disabled {
    background-color: var(--game-color-green) !important
}

.wingo-machine-violet {
    background-color: var(--game-color-violet) !important
}

.wingo-machine-red {
    background-color: var(--game-color-red) !important
}

.wingo-machine-disabled {
    opacity: .2
}

.wingo-machine-bottom-inner {
    border: 1px solid rgba(0, 0, 0, .4);
    background: #687384;
    box-shadow: 0 4px 16px #0003 inset
}

.wingo-machine-parting-line {
    width: 6.6875rem;
    height: .5rem;
    color: var(--machine-mybets);
    background-image: url(data:image/webp;base64,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);
    background-size: 100%
}

.wingo-result-history-red {
    background-color: #db0000
}

.wingo-result-history-text-red {
    color: #db0000
}

.wingo-result-history-green {
    background-color: #00b912
}

.wingo-result-history-text-green {
    color: #00b912
}

.wingo-result-history-violet {
    background-color: #8800db
}

.wingo-result-history-text-violet {
    color: #8800db
}

.result-right {
    width: 10.25rem;
    background: #b0aea0;
    box-shadow: 0 .25rem .25rem #0000001a inset
}

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

.bg-content {
    background: #a6b4bd
}

.bg-linear {
    background: linear-gradient(180deg, #a6b4bd, #cfdae1)
}

.Tab-bg {
    height: 4.0625rem;
    border-top: 1px solid rgba(255, 255, 255, .65);
    background: linear-gradient(180deg, #d1dbe2, #b0bfc7)
}

.betting-ctx {
    margin-top: .5625rem;
    margin-left: 1.3125rem;
    margin-right: 1.375rem
}

.betting-content {
    border-top: 1px solid rgba(255, 255, 255, .65);
    background: linear-gradient(180deg, #d1dbe2, #b0bfc7);
    padding: .5625rem .75rem
}

.mlr-2 {
    margin-left: .125rem;
    margin-right: .125rem
}

.progress {
    background: #8998a1;
    box-shadow: 0 1px 2px #00000040 inset
}

.progress .rounded-full {
    border-radius: 0
}

.wingo-three {
    background: #c8d2d8;
    height: 5.4375rem;
    padding-top: 1.1875rem
}

.wingo-three-item {
    width: 6.125rem;
    height: 3.25rem;
    background: #a2b0ba;
    box-shadow: 0 4px 4px #00000040 inset, 0 2px #ffffff40
}

.wingo-base-green {
    width: 5.5rem;
    border: 1px solid rgba(255, 255, 255, .22);
    background: linear-gradient(180deg, #007d14, #009919);
    box-shadow: 0 6px #007012
}

.wingo-base-violft {
    width: 5.5rem;
    border: 1px solid rgba(255, 255, 255, .22);
    background: linear-gradient(180deg, #6c00d7, #7b01f6);
    box-shadow: 0 6px #4e00b1
}

.wingo-base-red {
    width: 5.5rem;
    border: 1px solid rgba(255, 255, 255, .26);
    background: linear-gradient(180deg, #af0017, #d9001c);
    box-shadow: 0 6px #9d0000
}

.ItemBg {
    margin-left: .125rem;
    margin-right: .125rem
}

.item-btn {
    background: #a2b0ba;
    box-shadow: 0 4px 4px #00000040 inset;
    filter: drop-shadow(0px 2px 0px rgba(255, 255, 255, .25))
}

.item-btn-zero {
    background: linear-gradient(180deg, #d9001c 51.5%, #7a00f5 53.59%);
    filter: drop-shadow(0px 4px 0px #4e00b1);
    top: -.125rem
}

.item-btn-zero-basic {
    top: -.125rem;
    border: 1px solid rgba(255, 255, 255, .26)
}

.item-btn.min-w-unit-20,
.item-btn-green.min-w-unit-20,
.item-btn-red.min-w-unit-20 {
    min-width: 3rem !important
}

.item-btn-five {
    background: linear-gradient(180deg, #009919 51.5%, #7a00f5 53.59%);
    filter: drop-shadow(0px 4px 0px #4e00b1);
    top: -.125rem
}

.item-btn-green {
    background: linear-gradient(180deg, #008215, #009919);
    border: 1px solid rgba(255, 255, 255, .26);
    box-shadow: 0 4px #007012;
    top: -.125rem
}

.item-btn-red {
    background: linear-gradient(180deg, #ba0018, #e2001d);
    border: 1px solid rgba(255, 255, 255, .26);
    box-shadow: 0 4px #9d0000;
    top: -.125rem
}

.my-bets {
    border-top: 1px solid #fff;
    background: #b5c3cb
}

.order-nowin {
    background: var(--linear-game-lose)
}

.order-nowin .text {
    color: var(--font-color-accent)
}

.order-won {
    background: var(--linear-game-won)
}

.order-won .text {
    color: var(--bg-color-second)
}

.order-tobedrawn {
    background: var(--linear-game-to-be-drawn)
}

.order-tobedrawn .text {
    color: var(--font-color-order-waiting)
}

.wingo-order-header-line {
    border-bottom: .0625rem dashed var(--font-color-secAccent)
}

.wingo-congratulation {
    width: 100%;
    height: 3.1875rem
}

.wingo-congratulation-top {
    width: 17.875rem;
    height: 2.9375rem
}

@keyframes landGameLoop {
    0% {
        transform: translateY(var(--loop-start))
    }

    99.999% {
        transform: translateY(var(--loop-end))
    }

    to {
        transform: translateY(var(--loop-start))
    }
}

.land-game-left-loop {
    --loop-start: 0;
    --loop-end: -57.75rem;
    animation: landGameLoop 30s linear infinite;
    will-change: transform
}

.land-game-right-loop {
    --loop-start: -92.5rem;
    --loop-end: -34.75rem;
    animation: landGameLoop 30s linear infinite;
    will-change: transform
}

.land-provider-left-loop {
    --loop-start: 0;
    --loop-end: -76.5rem;
    animation: landGameLoop 45s linear infinite;
    will-change: transform
}

.land-provider-right-loop {
    --loop-start: -130.125rem;
    --loop-end: -53.625rem;
    animation: landGameLoop 45s linear infinite;
    will-change: transform
}

.rn-app-detail-box {
    --ad-primary: #01875f;
    --ad-sec: rgb(95, 99, 104);
    --ad-star-gray: #01875f;
    font-weight: 400;
    letter-spacing: -.2px
}

.rn-app-detail-box .text-adp {
    color: var(--ad-primary)
}

.rn-app-detail-box .text-ads {
    color: var(--ad-sec)
}

.rn-app-detail-box .bg-adp {
    background-color: var(--ad-primary)
}

.rn-app-detail-box .bg-ads {
    background-color: var(--ad-sec)
}

@keyframes identifier {
    0% {
        background-color: #000
    }

    to {
        background-color: #000
    }
}

.rn-image-modal-bg {
    animation: identifier .2s ease-in
}

@media (prefers-color-scheme: dark) {
    .rn-app-info-box {
        color: #fff;
        background-color: #000
    }

    .rn-app-info-box.pb-6 {
        padding-bottom: 3rem
    }
}

.result {
    --basic-result-0percent-white: rgba(255, 255, 255, 0);
    --basic-result-0percent-black: rgba(0, 0, 0, 0);
    --basic-result-20percent-black: rgba(0, 0, 0, .2);
    --basic-result-0percent-dark-gray: rgba(255, 227, 126, 0);
    --basic-result-purple: #982620;
    --basic-result-light-red: #e75d16;
    --basic-result-light-yellow: #ffc700;
    --basic-result-dark-blue: #4475a2;
    --basic--result-light-blue: #6e8fb6;
    --basic-result-dark-purple: #a27144;
    --basic-result-red-purple: #6a28be;
    --basic-result-light-purple: #b6916e;
    --basic-result-half-white: rgba(255, 255, 255, .5);
    --bg-result-gray: #e9ecf5;
    --bg-result-gray1: #ffe454;
    --bg-result-gray2: #ffeeb1;
    --bg-result-gray3: #e0e2e9;
    --bg-result-gray4: #4e4ed9;
    --bg-result-gray5: #eaeaea;
    --bg-result-gray6: #c9ced3;
    letter-spacing: -.01875rem
}

.result-top-radio-checked {
    border-radius: .25rem .25rem 0px 0px;
    border-top: .125rem solid var(--basic-color-primary);
    height: 2rem
}

.result-top-radio {
    width: 4.5rem;
    height: 1.875rem;
    max-width: none;
    border-radius: .25rem;
    transition: border-top .2s
}

.result-top-radio-group {
    height: 2rem
}

.result-table-header {
    padding: .75rem;
    background: linear-gradient(180deg, var(--color-white) 0%, var(--basic-result-0percent-white))
}

.digit-table-header {
    font-family: Inter;
    font-weight: 500;
    color: var(--bg-icon-gray)
}

.digit-table-header span {
    font-weight: 700;
    color: var(--font-color-second)
}

.char-item {
    font-family: Inter;
    font-size: .75rem;
    font-weight: 700;
    background-image: url(https://betzzgame.com/images/3d/char-bg.webp);
    background-size: cover
}

.num-item {
    font-family: Inter;
    font-size: .75rem;
    font-weight: 700;
    background-image: url(https://betzzgame.com/images/3d/num-bg.webp);
    background-size: cover
}

.codes-row {
    background: #f6f7fa;
    color: #fff
}

.codes-row .equale-item {
    font-family: Inter;
    font-size: .875rem;
    font-weight: 700;
    color: #000
}

.codes-row .pick {
    background: var(--basic-color-primary);
    font-family: Inter;
    font-size: .625rem;
    font-weight: 700
}

.codes-row .row-text {
    font-family: Inter;
    font-size: .875rem;
    font-weight: 700;
    color: #000
}

.result-sorry {
    border-bottom: 1px solid var(--bg-color-gray)
}

.result-card {
    width: 21.9375rem;
    letter-spacing: -.010625rem
}

.result-card-bets {
    border-bottom: .03125rem solid var(--bg-color-gray)
}

.result-icon-right {
    transform: rotate(-90deg);
    background-image: url("data:image/svg+xml,%3c!--%20一个向下的尖括号%20--%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20style='width:.75rem;height:.75rem'%20viewBox='0%200%2012%2012'%20fill='none'%3e%3cpath%20d='M2.77778%205L5.88889%208.11111L9%205'%20stroke='var(--svg-gray)'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")
}

.result-draw {
    border-top: .03125rem solid var(--bg-color-gray)
}

.result-more {
    border: 1px solid var(--bg-color-gray)
}

.rebateLinearGradientOne {
    background: linear-gradient(90deg, #f000 .04%, #ff130033 99.94%);
    border-radius: 1.25rem
}

.rebateLinearGradientTwo {
    border-radius: 1.25rem;
    background: linear-gradient(90deg, #1776ff00 .04%, #1776ff33 99.94%)
}

.rebateLinearGradientThree {
    background: linear-gradient(90deg, #03c95200 .04%, #03c93a33 99.94%);
    border-radius: 1.25rem
}

.mask-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0006;
    pointer-events: none;
    -webkit-mask-image: url(https://betzzgame.com/images/cash-reward/reward-sprite.webp);
    mask-image: url(https://betzzgame.com/images/cash-reward/reward-sprite.webp);
    -webkit-mask-size: 51.375rem 32.375rem;
    mask-size: 51.375rem 32.375rem;
    transition-duration: .2s
}

.mask-img.mask-img-left:after {
    -webkit-mask-position: left 0 top 0;
    mask-position: left 0 top 0
}

.mask-img.mask-img-right:after {
    -webkit-mask-position: left -3.875rem top 0;
    mask-position: left -3.875rem top 0
}