/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
@layer theme {

    :host,
    :root {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-50: oklch(.971 .013 17.38);
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-red-600: oklch(.577 .245 27.325);
        --color-blue-500: oklch(.623 .214 259.815);
        --color-gray-100: oklch(.967 .003 264.542);
        --color-gray-200: oklch(.928 .006 264.531);
        --color-gray-500: oklch(.551 .027 264.364);
        --color-gray-800: oklch(.278 .033 256.848);
        --color-gray-900: oklch(.21 .034 264.665);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-lg: 32rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --leading-normal: 1.5;
        --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-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --blur-xl: 24px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings)
    }
}

@layer base {

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

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

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

    body {
        line-height: inherit
    }

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
    }

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :root {
        --background: 0 0% 100%;
        --foreground: 0 0% 100%;
        --card: 0 0% 100%;
        --card-foreground: 0 0% 3.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 0 0% 3.9%;
        --primary: 0 0% 9%;
        --primary-foreground: 0 0% 98%;
        --secondary: 0 0% 96.1%;
        --secondary-foreground: 0 0% 9%;
        --muted: 0 0% 96.1%;
        --muted-foreground: 0 0% 45.1%;
        --accent: 0 0% 96.1%;
        --accent-foreground: 0 0% 9%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        --border: 0 0% 89.8%;
        --input: 0 0% 89.8%;
        --ring: 0 0% 3.9%;
        --chart-1: 12 76% 61%;
        --chart-2: 173 58% 39%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
        --radius: .5rem;
        --thumbnail-width-min: 124px;
        --thumbnail-width-sm: 166px;
        --thumbnail-height-min: 166px;
        --thumbnail-height-sm: 222px;
        --thumbnail-tall-width-min: 192px;
        --thumbnail-tall-width-sm: 218px;
        --thumbnail-tall-height-min: 226px;
        --thumbnail-tall-height-sm: 258px
    }

    *,
    ::backdrop,
    :after,
    :before {
        border-color: var(--color-gray-200, currentColor)
    }

    ::file-selector-button {
        border-color: var(--color-gray-200, currentColor)
    }

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

    body.scroll-locked {
        overflow: hidden !important
    }

    button {
        cursor: pointer
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover {
        -webkit-text-fill-color: #fff !important;
        caret-color: #fff !important;
        -webkit-background-clip: text !important;
        transition: color 0s 6000000s !important;
        box-shadow: inset 0 0 20px 20px #0000 !important
    }

    input:-webkit-autofill:active,
    input:-webkit-autofill:focus {
        -webkit-text-fill-color: #fff !important;
        caret-color: #fff !important;
        -webkit-background-clip: text !important;
        transition: color 0s 6000000s !important;
        box-shadow: inset 0 0 20px 20px #0000 !important
    }

    .radix-reposition-transition {
        transition: transform .3s ease-out !important
    }

    #optimobile-inbox-root,
    .kumulos-background-mask,
    .kumulos-prompt,
    [class*=kumulos],
    [class*=optimove],
    [data-optimove],
    [id*=optimove],
    iframe[class*=optimove],
    iframe[id*=optimove],
    iframe[src*=optimove] {
        z-index: 2147483647 !important;
        pointer-events: auto !important
    }

    .cpt-quest-widget .cpt-primary-button {
        color: #217025 !important;
        text-shadow: 0 1px #fff !important;
        background: #9fe10f !important;
        border: 1px solid #3aa33f !important
    }

    .cpt-quest-widget .cpt-tooltip-text {
        background: #240864bf !important;
        top: -33px !important
    }

    .cpt-quest-widget .cpt-currency-wrapper:after {
        background: #240864bf !important
    }

    .cpt-quest-modal-backdrop {
        background: #000 !important
    }

    .cpt-quest-widget .cpt-play {
        bottom: 0 !important
    }

    #_cpt_daily_widget .cpt-popup3-wrapper-cta.cpt-popup3-wrapper,
    #_cpt_widget_model .cpt-popup3-wrapper-cta.cpt-popup3-wrapper {
        margin-top: 24px !important
    }

    #_cpt_widget_model .cpt-popup3-quest-wrapper .cpt-top-wrapper .cpt-header-wrapper .cpt-header-currency-wrapper.cpt-wheel-hide {
        bottom: 72px !important
    }

    #_cpt_widget_model .cpt-popup3-quest-wrapper .cpt-top-wrapper .cpt-header-wrapper .cpt-header-currency-wrapper .cpt-currency-inner img {
        box-shadow: 0 0 9px 2px #4e29ff !important
    }
}

@layer components {
    #basic-page-wrapper h1 {
        margin-bottom: calc(var(--spacing)*5);
        --tw-leading: 48px;
        --tw-font-weight: var(--font-weight-semibold);
        font-size: 40px;
        line-height: 48px;
        font-weight: var(--font-weight-semibold)
    }

    #basic-page-wrapper h2 {
        --tw-leading: 46px;
        --tw-font-weight: var(--font-weight-semibold);
        font-size: 36px;
        line-height: 46px;
        font-weight: var(--font-weight-semibold);
        margin-block: 18px
    }

    #basic-page-wrapper h3 {
        margin-block: calc(var(--spacing)*4);
        --tw-leading: calc(var(--spacing)*9);
        font-size: 28px;
        line-height: calc(var(--spacing)*9)
    }

    #basic-page-wrapper h3,
    #basic-page-wrapper h4 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    #basic-page-wrapper h4 {
        margin-block: calc(var(--spacing)*3.5);
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    #basic-page-wrapper a {
        color: #a8f012;
        text-decoration-line: underline
    }

    #basic-page-wrapper ol {
        list-style-type: decimal
    }

    #basic-page-wrapper ol,
    #basic-page-wrapper ul {
        margin-bottom: calc(var(--spacing)*2.5);
        list-style-position: inside
    }

    #basic-page-wrapper ul {
        list-style-type: disc
    }

    #basic-page-wrapper p {
        margin-bottom: calc(var(--spacing)*2.5)
    }

    @media (width<40rem) {
        #basic-page-wrapper p {
            color: color-mix(in oklab, var(--color-white)70%, transparent)
        }
    }

    @media (width>=40rem) {
        #basic-page-wrapper p {
            color: color-mix(in oklab, var(--color-white)90%, transparent)
        }
    }

    @media (width<40rem) {
        #basic-page-wrapper span {
            color: color-mix(in oklab, var(--color-white)90%, transparent)
        }
    }
}

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

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

    .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;
        overflow: hidden
    }

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

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

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

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

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

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

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

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

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

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

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

    .-top-\[3px\] {
        top: -3px
    }

    .-top-\[6px\] {
        top: -6px
    }

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

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

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

    .-top-\[76px\] {
        top: -76px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-\[-2\.4\%\] {
        top: -2.4%
    }

    .top-\[-160px\] {
        top: -160px
    }

    .top-\[-242px\] {
        top: -242px
    }

    .top-\[15px\] {
        top: 15px
    }

    .top-\[18px\] {
        top: 18px
    }

    .top-\[25px\] {
        top: 25px
    }

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

    .top-\[35px\] {
        top: 35px
    }

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

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

    .top-\[56px\] {
        top: 56px
    }

    .top-\[61px\] {
        top: 61px
    }

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

    .top-\[70px\] {
        top: 70px
    }

    .top-\[78px\] {
        top: 78px
    }

    .top-\[80px\] {
        top: 80px
    }

    .top-\[88px\] {
        top: 88px
    }

    .top-\[100px\] {
        top: 100px
    }

    .top-\[120px\] {
        top: 120px
    }

    .top-\[158px\] {
        top: 158px
    }

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

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

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

    .-right-\[25px\] {
        right: -25px
    }

    .-right-\[32px\] {
        right: -32px
    }

    .-right-\[50px\] {
        right: -50px
    }

    .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-4 {
        right: calc(var(--spacing)*4)
    }

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

    .right-14\.25 {
        right: calc(var(--spacing)*14.25)
    }

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

    .right-\[2px\] {
        right: 2px
    }

    .right-\[45\.5px\] {
        right: 45.5px
    }

    .right-\[45px\] {
        right: 45px
    }

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

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

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

    .-bottom-\[20px\] {
        bottom: -20px
    }

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

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

    .bottom-\[-48px\] {
        bottom: -48px
    }

    .bottom-\[-60px\] {
        bottom: -60px
    }

    .bottom-\[3px\] {
        bottom: 3px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .left-14\.25 {
        left: calc(var(--spacing)*14.25)
    }

    .left-\[6px\] {
        left: 6px
    }

    .left-\[11px\] {
        left: 11px
    }

    .left-\[15px\] {
        left: 15px
    }

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

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

    .left-\[187px\] {
        left: 187px
    }

    .isolate {
        isolation: isolate
    }

    .\!z-\[10000\] {
        z-index: 10000 !important
    }

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

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

    .-z-\[1\] {
        z-index: calc(1*-1)
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-5 {
        z-index: 5
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-99 {
        z-index: 99
    }

    .z-100 {
        z-index: 100
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-start-1 {
        grid-column-start: 1
    }

    .col-start-4 {
        grid-column-start: 4
    }

    .\!container {
        width: 100% !important
    }

    @media (width>=30rem) {
        .\!container {
            max-width: 30rem !important
        }
    }

    @media (width>=40rem) {
        .\!container {
            max-width: 40rem !important
        }
    }

    @media (width>=48rem) {
        .\!container {
            max-width: 48rem !important
        }
    }

    @media (width>=64rem) {
        .\!container {
            max-width: 64rem !important
        }
    }

    @media (width>=80rem) {
        .\!container {
            max-width: 80rem !important
        }
    }

    @media (width>=96rem) {
        .\!container {
            max-width: 96rem !important
        }
    }

    .container {
        width: 100%
    }

    @media (width>=30rem) {
        .container {
            max-width: 30rem
        }
    }

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

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

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

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

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

    .\[margin\:_0_auto\] {
        margin: 0 auto
    }

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

    .m-auto {
        margin: auto
    }

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

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

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

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

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

    .mx-auto {
        margin-inline: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .-mt-\[8px\] {
        margin-top: -8px
    }

    .-mt-\[10px\] {
        margin-top: -10px
    }

    .-mt-\[24px\] {
        margin-top: -24px
    }

    .-mt-\[33px\] {
        margin-top: -33px
    }

    .-mt-\[96px\] {
        margin-top: -96px
    }

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

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

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

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

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

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

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

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

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

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

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

    .mt-\[-40px\] {
        margin-top: -40px
    }

    .mt-\[13px\] {
        margin-top: 13px
    }

    .mt-\[16px\] {
        margin-top: 16px
    }

    .mt-\[36px\] {
        margin-top: 36px
    }

    .mt-auto {
        margin-top: auto
    }

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

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

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

    .mr-\[24px\] {
        margin-right: 24px
    }

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

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

    .-mb-\[10px\] {
        margin-bottom: -10px
    }

    .-mb-\[12px\] {
        margin-bottom: -12px
    }

    .-mb-\[18px\] {
        margin-bottom: -18px
    }

    .-mb-\[25\%\] {
        margin-bottom: -25%
    }

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

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

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

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

    .mb-\[7px\] {
        margin-bottom: 7px
    }

    .mb-\[18px\] {
        margin-bottom: 18px
    }

    .mb-\[19px\] {
        margin-bottom: 19px
    }

    .mb-\[20px\] {
        margin-bottom: 20px
    }

    .mb-\[24px\] {
        margin-bottom: 24px
    }

    .mb-\[30px\] {
        margin-bottom: 30px
    }

    .mb-\[32px\] {
        margin-bottom: 32px
    }

    .mb-\[45px\] {
        margin-bottom: 45px
    }

    .mb-\[72px\] {
        margin-bottom: 72px
    }

    .mb-\[80px\] {
        margin-bottom: 80px
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .aspect-square {
        aspect-ratio: 1
    }

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

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

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

    .size-\[170px\] {
        width: 170px;
        height: 170px
    }

    .size-\[256px\] {
        width: 256px;
        height: 256px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[-webkit-fill-available\] {
        height: -webkit-fill-available
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[var\(--thumbnail-tall-height-min\)\] {
        height: var(--thumbnail-tall-height-min)
    }

    .h-auto {
        height: auto
    }

    .h-dvh {
        height: 100dvh
    }

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-max {
        height: max-content
    }

    .h-px {
        height: 1px
    }

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

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

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

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

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

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

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

    .max-h-\[calc\(100svh-32px\)\] {
        max-height: calc(100svh - 32px)
    }

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

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

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

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

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

    .min-h-\[130\%\] {
        min-height: 130%
    }

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

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

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

    .min-h-dvh {
        min-height: 100dvh
    }

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

    .\!w-full {
        width: 100% !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[1px\] {
        width: 1px
    }

    .w-\[28px\] {
        width: 28px
    }

    .w-\[32px\] {
        width: 32px
    }

    .w-\[36px\] {
        width: 36px
    }

    .w-\[38px\] {
        width: 38px
    }

    .w-\[42px\] {
        width: 42px
    }

    .w-\[46px\] {
        width: 46px
    }

    .w-\[47\.5px\] {
        width: 47.5px
    }

    .w-\[47px\] {
        width: 47px
    }

    .w-\[48px\] {
        width: 48px
    }

    .w-\[50px\] {
        width: 50px
    }

    .w-\[56px\] {
        width: 56px
    }

    .w-\[58px\] {
        width: 58px
    }

    .w-\[59px\] {
        width: 59px
    }

    .w-\[60px\] {
        width: 60px
    }

    .w-\[66px\] {
        width: 66px
    }

    .w-\[68px\] {
        width: 68px
    }

    .w-\[70px\] {
        width: 70px
    }

    .w-\[78px\] {
        width: 78px
    }

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

    .w-\[82px\] {
        width: 82px
    }

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

    .w-\[92px\] {
        width: 92px
    }

    .w-\[93px\] {
        width: 93px
    }

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

    .w-\[96px\] {
        width: 96px
    }

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

    .w-\[98px\] {
        width: 98px
    }

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

    .w-\[100px\] {
        width: 100px
    }

    .w-\[102\.857px\] {
        width: 102.857px
    }

    .w-\[102px\] {
        width: 102px
    }

    .w-\[104px\] {
        width: 104px
    }

    .w-\[105px\] {
        width: 105px
    }

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

    .w-\[112px\] {
        width: 112px
    }

    .w-\[116px\] {
        width: 116px
    }

    .w-\[120px\] {
        width: 120px
    }

    .w-\[126px\] {
        width: 126px
    }

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

    .w-\[164px\] {
        width: 164px
    }

    .w-\[168px\] {
        width: 168px
    }

    .w-\[172px\] {
        width: 172px
    }

    .w-\[175px\] {
        width: 175px
    }

    .w-\[193px\] {
        width: 193px
    }

    .w-\[206px\] {
        width: 206px
    }

    .w-\[222px\] {
        width: 222px
    }

    .w-\[256px\] {
        width: 256px
    }

    .w-\[295px\] {
        width: 295px
    }

    .w-\[300px\] {
        width: 300px
    }

    .w-\[310px\] {
        width: 310px
    }

    .w-\[320px\] {
        width: 320px
    }

    .w-\[343px\] {
        width: 343px
    }

    .w-\[350px\] {
        width: 350px
    }

    .w-\[352px\] {
        width: 352px
    }

    .w-\[355px\] {
        width: 355px
    }

    .w-\[360px\] {
        width: 360px
    }

    .w-\[400px\] {
        width: 400px
    }

    .w-\[415px\] {
        width: 415px
    }

    .w-\[420px\] {
        width: 420px
    }

    .w-\[450px\] {
        width: 450px
    }

    .w-\[477px\] {
        width: 477px
    }

    .w-\[502px\] {
        width: 502px
    }

    .w-\[511px\] {
        width: 511px
    }

    .w-\[523px\] {
        width: 523px
    }

    .w-\[610px\] {
        width: 610px
    }

    .w-\[919px\] {
        width: 919px
    }

    .w-\[960px\] {
        width: 960px
    }

    .w-\[calc\(100\%\+4rem\)\] {
        width: calc(100% + 4rem)
    }

    .w-\[calc\(100\%\+32px\)\] {
        width: calc(100% + 32px)
    }

    .w-\[calc\(100\%\+80px\)\] {
        width: calc(100% + 80px)
    }

    .w-\[calc\(100\%\+160px\)\] {
        width: calc(100% + 160px)
    }

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

    .w-\[calc\(100vw-32px\)\] {
        width: calc(100vw - 32px)
    }

    .w-\[min\(92vw\,680px\)\] {
        width: min(92vw, 680px)
    }

    .w-\[min\(100vw-32px\,640px\)\] {
        width: min(100vw - 32px, 640px)
    }

    .w-\[var\(--thumbnail-width-min\)\] {
        width: var(--thumbnail-width-min)
    }

    .w-auto {
        width: auto
    }

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .max-w-\[32\%\] {
        max-width: 32%
    }

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

    .max-w-\[120\%\] {
        max-width: 120%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[var\(--thumbnail-tall-width-min\)\] {
        max-width: var(--thumbnail-tall-width-min)
    }

    .max-w-\[var\(--thumbnail-width-min\)\] {
        max-width: var(--thumbnail-width-min)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-\[var\(--thumbnail-tall-width-min\)\] {
        min-width: var(--thumbnail-tall-width-min)
    }

    .min-w-\[var\(--thumbnail-width-min\)\] {
        min-width: var(--thumbnail-width-min)
    }

    .flex-1 {
        flex: 1
    }

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

    .grow-1 {
        flex-grow: 1
    }

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

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

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

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

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

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

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

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

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

    .translate-x-\[236px\] {
        --tw-translate-x: 236px
    }

    .translate-x-\[calc\(var\(--spacing\)\*-12\.5\)\] {
        --tw-translate-x: calc(var(--spacing)*-12.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .-translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing)*-.5)
    }

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

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

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

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

    .-translate-y-\[10\%\] {
        --tw-translate-y: calc(10%*-1)
    }

    .-translate-y-full {
        --tw-translate-y: -100%
    }

    .-translate-y-full,
    .translate-y-0\.5 {
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing)*.5)
    }

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

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

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

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

    .scale-60,
    .scale-95 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

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

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

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

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

    .scale-111,
    .scale-120 {
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

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

    .scale-x-\[-1\] {
        --tw-scale-x: -1;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }

    .scale-\[25\%\] {
        scale: 25%
    }

    .scale-\[100\%\] {
        scale: 100%
    }

    .scale-\[125\%\] {
        scale: 125%
    }

    .-rotate-\[20deg\] {
        rotate: -20deg
    }

    .-rotate-\[30deg\] {
        rotate: -30deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[-30deg\] {
        rotate: -30deg
    }

    .rotate-\[20deg\] {
        rotate: 20deg
    }

    .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-\[fadeIn_0\.49s_ease-in-out_forwards\] {
        animation: fadeIn .49s ease-in-out forwards
    }

    .animate-\[fadeOut_0\.21s_ease-in-out_forwards\] {
        animation: fadeOut .21s ease-in-out forwards
    }

    .animate-\[fadeOut_0\.49s_ease-in-out_forwards\] {
        animation: fadeOut .49s ease-in-out forwards
    }

    .animate-\[lightDownNoFlash_2\.1s\] {
        animation: lightDownNoFlash 2.1s
    }

    .animate-\[lightUpNoFlash_2\.8s\] {
        animation: lightUpNoFlash 2.8s
    }

    .animate-\[lightUp_0\.315s_ease-in-out\] {
        animation: lightUp .315s ease-in-out
    }

    .animate-\[move-down-to-up_\.35s_ease\] {
        animation: move-down-to-up .35s
    }

    .animate-\[move-down-to-up_\.35s_ease_forwards\] {
        animation: move-down-to-up .35s forwards
    }

    .animate-caret-blink {
        animation: caret-blink 1.25s ease-out infinite
    }

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

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

    .cursor-default {
        cursor: default
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .resize {
        resize: both
    }

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

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

    .auto-rows-fr {
        grid-auto-rows: 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-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .grid-cols-\[auto_auto\] {
        grid-template-columns: auto auto
    }

    .grid-cols-\[repeat\(3\,minmax\(109px\,120px\)\)\] {
        grid-template-columns: repeat(3, minmax(109px, 120px))
    }

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

    .grid-rows-\[max-content\] {
        grid-template-rows: max-content
    }

    .grid-rows-\[repeat\(4\,200px\)\] {
        grid-template-rows: repeat(4, 200px)
    }

    .flex-col {
        flex-direction: column
    }

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

    .flex-row {
        flex-direction: row
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .place-items-stretch {
        place-items: stretch stretch
    }

    .content-center {
        align-content: center
    }

    .items-center {
        align-items: center
    }

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

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

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

    .justify-stretch {
        justify-content: stretch
    }

    .justify-items-center {
        justify-items: center
    }

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

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

    .gap-\[0px\] {
        gap: 0
    }

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

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

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

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

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

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

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

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

    .gap-x-\[0px\] {
        column-gap: 0
    }

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

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

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

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

    .gap-y-\[4px\] {
        row-gap: 4px
    }

    .self-stretch {
        align-self: stretch
    }

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

    .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-y-auto {
        overflow-y: auto
    }

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

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

    .rounded-100 {
        border-radius: 100px
    }

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

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

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

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

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

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

    .rounded-\[29\.455px\] {
        border-radius: 29.455px
    }

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

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

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

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

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

    .rounded-none {
        border-radius: 0
    }

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

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

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

    .rounded-l-full {
        border-top-left-radius: 3.40282e+38px;
        border-bottom-left-radius: 3.40282e+38px
    }

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

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

    .rounded-r-full {
        border-top-right-radius: 3.40282e+38px;
        border-bottom-right-radius: 3.40282e+38px
    }

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

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

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

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

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

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

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

    .border-\[1\.5px\] {
        border-style: var(--tw-border-style);
        border-width: 1.5px
    }

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

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

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

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

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

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

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

    .border-\[\#0CB6D7\] {
        border-color: #0cb6d7
    }

    .border-\[\#3F3B65\] {
        border-color: #3f3b65
    }

    .border-\[\#36D30A80\] {
        border-color: #36d30a80
    }

    .border-\[\#36D30A\] {
        border-color: #36d30a
    }

    .border-\[\#886E5B80\] {
        border-color: #886e5b80
    }

    .border-\[\#75338a\] {
        border-color: #75338a
    }

    .border-\[\#88725B\] {
        border-color: #88725b
    }

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

    .border-\[\#A9EE14\] {
        border-color: #a9ee14
    }

    .border-\[\#D0D5DD\] {
        border-color: #d0d5dd
    }

    .border-\[\#EE83FF\] {
        border-color: #ee83ff
    }

    .border-\[\#F963F9\]\/35 {
        border-color: oklab(74.2619% .20896 -.132037/.35)
    }

    .border-\[\#FCA5A5\] {
        border-color: #fca5a5
    }

    .border-\[\#FEF3C7\] {
        border-color: #fef3c7
    }

    .border-\[\#FFFFFF1A\] {
        border-color: #ffffff1a
    }

    .border-\[\#FFFFFF1F\] {
        border-color: #ffffff1f
    }

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

    .border-\[0\] {
        border-color: 0
    }

    .border-\[none\] {
        border-color: none
    }

    .border-\[rgba\(249\,99\,249\,0\.35\)\] {
        border-color: #f963f959
    }

    .border-\[rgba\(255\,255\,255\,0\.42\)\] {
        border-color: #ffffff6b
    }

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

    .border-destructive {
        border-color: hsl(var(--destructive))
    }

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

    .border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }

    .border-white\/15 {
        border-color: color-mix(in oklab, var(--color-white)15%, transparent)
    }

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

    .border-white\/25 {
        border-color: color-mix(in oklab, var(--color-white)25%, transparent)
    }

    .border-t-\[\#F963F9\] {
        border-top-color: #f963f9
    }

    .border-t-\[rgba\(249\,99\,249\,0\.35\)\] {
        border-top-color: #f963f959
    }

    .\!bg-\[\#1B0C30\]\/35 {
        background-color: oklab(19.9712% .0336333 -.0600335/.35) !important
    }

    .bg-\[\#0F0823\] {
        background-color: #0f0823
    }

    .bg-\[\#1B0C30\]\/35 {
        background-color: oklab(19.9712% .0336333 -.0600335/.35)
    }

    .bg-\[\#1D1130\] {
        background-color: #1d1130
    }

    .bg-\[\#2C184F\] {
        background-color: #2c184f
    }

    .bg-\[\#2E2A51\] {
        background-color: #2e2a51
    }

    .bg-\[\#4D5890\]\/35 {
        background-color: oklab(47.7038% .00640357 -.0911233/.35)
    }

    .bg-\[\#4D589059\],
    .bg-\[\#4d589059\] {
        background-color: #4d589059
    }

    .bg-\[\#5D329880\] {
        background-color: #5d329880
    }

    .bg-\[\#34D399\] {
        background-color: #34d399
    }

    .bg-\[\#382F66\] {
        background-color: #382f66
    }

    .bg-\[\#19152D1A\] {
        background-color: #19152d1a
    }

    .bg-\[\#282337B2\] {
        background-color: #282337b2
    }

    .bg-\[\#282337\] {
        background-color: #282337
    }

    .bg-\[\#AFF41A\] {
        background-color: #aff41a
    }

    .bg-\[\#C2FF2D\] {
        background-color: #c2ff2d
    }

    .bg-\[\#EF4444\] {
        background-color: #ef4444
    }

    .bg-\[\#FCD34D\] {
        background-color: #fcd34d
    }

    .bg-\[\#FFA500\] {
        background-color: orange
    }

    .bg-\[\#ffffff\] {
        background-color: #fff
    }

    .bg-\[rgba\(7\,122\,205\,0\.25\)\] {
        background-color: #077acd40
    }

    .bg-\[rgba\(27\,12\,48\,0\.35\)\] {
        background-color: #1b0c3059
    }

    .bg-\[rgba\(255\,255\,255\,0\.25\)\] {
        background-color: #ffffff40
    }

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

    .bg-black\/30 {
        background-color: color-mix(in oklab, var(--color-black)30%, transparent)
    }

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

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

    .bg-black\/65 {
        background-color: color-mix(in oklab, var(--color-black)65%, transparent)
    }

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

    .bg-black\/90 {
        background-color: color-mix(in oklab, var(--color-black)90%, transparent)
    }

    .bg-destructive {
        background-color: hsl(var(--destructive))
    }

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

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

    .bg-muted {
        background-color: hsl(var(--muted))
    }

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

    .bg-primary\/20 {
        background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent)
    }

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

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

    .bg-white\/25 {
        background-color: color-mix(in oklab, var(--color-white)25%, transparent)
    }

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

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

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

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

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

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

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

    .bg-\[linear-gradient\(0deg\,\#200E3B_0\%\,\#200E3B_100\%\)\,linear-gradient\(231deg\,\#3F1953_35\.61\%\,\#300052_88\.73\%\)\,linear-gradient\(231deg\,\#B44CEA_35\.61\%\,\#8600E6_88\.73\%\)\] {
        background-image: linear-gradient(#200e3b 0 100%), linear-gradient(231deg, #3f1953 35.61%, #300052 88.73%), linear-gradient(231deg, #b44cea 35.61%, #8600e6 88.73%)
    }

    .bg-\[linear-gradient\(180deg\,\#2E1A51_0\%\,\#25367B_100\%\)\] {
        background-image: linear-gradient(#2e1a51, #25367b)
    }

    .bg-\[linear-gradient\(180deg\,\#C5FF3E_0\%\,\#9EE900_100\%\)\] {
        background-image: linear-gradient(#c5ff3e, #9ee900)
    }

    .bg-\[linear-gradient\(180deg\,_\#2E1A51_0\%\,_\#1C083F_100\%\)\] {
        background-image: linear-gradient(#2e1a51, #1c083f)
    }

    .bg-\[linear-gradient\(to_bottom\,\#0089e070_100\%\,\#0000_50\%\)\] {
        background-image: linear-gradient(#0089e070 100%, #0000 0)
    }

    .bg-\[linear-gradient\(to_bottom\,transparent_0\%\,\#0089e0_25\%\,transparent_50\%\)\] {
        background-image: linear-gradient(#0000, #0089e0 25%, #0000 50%)
    }

    .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,\#C1FF39_0\%\,\#86E500_100\%\)\] {
        background-image: radial-gradient(50% 50%, #c1ff39 0, #86e500 100%)
    }

    .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,\#F45DF5_0\%\,\#AD0FC4_100\%\)\] {
        background-image: radial-gradient(50% 50%, #f45df5 0, #ad0fc4 100%)
    }

    .bg-\[radial-gradient\(circle\,rgba\(116\,140\,255\,1\)_-70\%\,transparent_60\%\)\] {
        background-image: radial-gradient(circle, #748cff -70%, #0000 60%)
    }

    .bg-\[url\(\'\/img\/coins\/lc-sc\.png\'\)\] {
        background-image: url(/img/coins/lc-sc.png)
    }

    .bg-\[url\(\'\/img\/landing-pages\/purchase-bg\.png\'\)\] {
        background-image: url(/img/landing-pages/purchase-bg.png)
    }

    .bg-cashier {
        background-image: url(/img/bg/cashier.avif)
    }

    .bg-categories-dark {
        background-image: linear-gradient(#250a3b, #2a0a3a)
    }

    .bg-categories-light {
        background-image: linear-gradient(#1b4984, #1b4985)
    }

    .bg-lp-v1-hero {
        background-image: url(../img/Untitled.png)
    }

    .bg-lp-v2-hero {
        background-image: url(./Untitled.png)
    }

    .bg-none {
        background-image: none
    }

    .bg-rewards {
        background-image: url(/img/bg/circus.avif)
    }

    .from-\[\#4C1F71\] {
        --tw-gradient-from: #4c1f71;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#96D410\] {
        --tw-gradient-from: #96d410;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#441D54\] {
        --tw-gradient-from: #441d54;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#922EBB\] {
        --tw-gradient-from: #922ebb;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#71229E\] {
        --tw-gradient-from: #71229e;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#C2FF2D\] {
        --tw-gradient-from: #c2ff2d;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#F8AC19\] {
        --tw-gradient-from: #f8ac19;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#F45DF5\] {
        --tw-gradient-from: #f45df5;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#F963F9\] {
        --tw-gradient-from: #f963f9;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#FFCD3A\] {
        --tw-gradient-from: #ffcd3a;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#FFD728\] {
        --tw-gradient-from: #ffd728;
        --tw-gradient-stops: var(--tw-gradient-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\(140\,10\,166\,0\.50\)\] {
        --tw-gradient-from: #8c0aa680;
        --tw-gradient-stops: var(--tw-gradient-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-\[-24\.3\%\] {
        --tw-gradient-from-position: -24.3%
    }

    .via-\[\#F9E386\] {
        --tw-gradient-via: #f9e386;
        --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-20\% {
        --tw-gradient-via-position: 20%
    }

    .via-35\% {
        --tw-gradient-via-position: 35%
    }

    .via-85\% {
        --tw-gradient-via-position: 85%
    }

    .to-\[\#4E0B76\] {
        --tw-gradient-to: #4e0b76;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#74B200\] {
        --tw-gradient-to: #74b200;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#370A5D\] {
        --tw-gradient-to: #370a5d;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#441D54\] {
        --tw-gradient-to: #441d54;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#271032\] {
        --tw-gradient-to: #271032;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#AA0CC2\] {
        --tw-gradient-to: #aa0cc2;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#AD0FC4\] {
        --tw-gradient-to: #ad0fc4;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#AFF41A\] {
        --tw-gradient-to: #aff41a;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#F59E0B\] {
        --tw-gradient-to: #f59e0b;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#FEF3C7\] {
        --tw-gradient-to: #fef3c7;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#FFF546\] {
        --tw-gradient-to: #fff546;
        --tw-gradient-stops: var(--tw-gradient-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-\[rgba\(73\,6\,118\,0\.50\)\] {
        --tw-gradient-to: #49067680;
        --tw-gradient-stops: var(--tw-gradient-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-\[96\.08\%\] {
        --tw-gradient-to-position: 96.08%
    }

    .bg-cover {
        background-size: cover
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .bg-\[center_-50px\] {
        background-position: 50% -50px
    }

    .bg-bottom {
        background-position: bottom
    }

    .bg-center {
        background-position: 50%
    }

    .bg-left {
        background-position: 0
    }

    .bg-right {
        background-position: 100%
    }

    .bg-top {
        background-position: top
    }

    .bg-no-repeat {
        background-repeat: no-repeat
    }

    .fill-\[\#282337\] {
        fill: #282337
    }

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

    .stroke-\[\#886E5B80\] {
        stroke: #886e5b80
    }

    .stroke-\[1\.5px\] {
        stroke-width: 1.5px
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-fill {
        object-fit: fill
    }

    .object-bottom {
        object-position: bottom
    }

    .object-top {
        object-position: top
    }

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

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

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

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

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

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

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

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

    .px-0 {
        padding-inline: calc(var(--spacing)*0)
    }

    .px-1 {
        padding-inline: calc(var(--spacing)*1)
    }

    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }

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

    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }

    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }

    .px-5 {
        padding-inline: calc(var(--spacing)*5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }

    .px-8 {
        padding-inline: calc(var(--spacing)*8)
    }

    .px-9 {
        padding-inline: calc(var(--spacing)*9)
    }

    .px-12 {
        padding-inline: calc(var(--spacing)*12)
    }

    .px-20 {
        padding-inline: calc(var(--spacing)*20)
    }

    .px-\[18px\] {
        padding-inline: 18px
    }

    .px-\[85px\] {
        padding-inline: 85px
    }

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

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

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

    .py-2\.5 {
        padding-block: calc(var(--spacing)*2.5)
    }

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

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

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

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

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

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

    .py-\[7px\] {
        padding-block: 7px
    }

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

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

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

    .pt-8\.5 {
        padding-top: calc(var(--spacing)*8.5)
    }

    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }

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

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pt-\[10px\] {
        padding-top: 10px
    }

    .pt-\[36px\] {
        padding-top: 36px
    }

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

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

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

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

    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }

    .pr-\[7px\] {
        padding-right: 7px
    }

    .pr-\[48px\] {
        padding-right: 48px
    }

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

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

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

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

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

    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }

    .pb-11 {
        padding-bottom: calc(var(--spacing)*11)
    }

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

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

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

    .pb-28 {
        padding-bottom: calc(var(--spacing)*28)
    }

    .pb-\[40px\] {
        padding-bottom: 40px
    }

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

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

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

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

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

    .pl-12 {
        padding-left: calc(var(--spacing)*12)
    }

    .pl-\[18px\] {
        padding-left: 18px
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .align-middle {
        vertical-align: middle
    }

    .font-\[\'Verdana\'\] {
        font-family: Verdana
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-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-\[18px\] {
        font-size: 18px !important
    }

    .\!text-\[22px\] {
        font-size: 22px !important
    }

    .\!text-\[24px\] {
        font-size: 24px !important
    }

    .\!text-\[28px\] {
        font-size: 28px !important
    }

    .text-\[10\.179px\] {
        font-size: 10.179px
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[12\.353px\] {
        font-size: 12.353px
    }

    .text-\[12px\] {
        font-size: 12px
    }

    .text-\[13\.452px\] {
        font-size: 13.452px
    }

    .text-\[13px\] {
        font-size: 13px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[15\.656px\] {
        font-size: 15.656px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[17px\] {
        font-size: 17px
    }

    .text-\[18px\] {
        font-size: 18px
    }

    .text-\[19px\] {
        font-size: 19px
    }

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[24px\] {
        font-size: 24px
    }

    .text-\[25\.448px\] {
        font-size: 25.448px
    }

    .text-\[25px\] {
        font-size: 25px
    }

    .text-\[26px\] {
        font-size: 26px
    }

    .text-\[27px\] {
        font-size: 27px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[30px\] {
        font-size: 30px
    }

    .text-\[32px\] {
        font-size: 32px
    }

    .text-\[33\.943px\] {
        font-size: 33.943px
    }

    .text-\[33px\] {
        font-size: 33px
    }

    .text-\[34px\] {
        font-size: 34px
    }

    .text-\[35px\] {
        font-size: 35px
    }

    .text-\[36\.96px\] {
        font-size: 36.96px
    }

    .text-\[36px\] {
        font-size: 36px
    }

    .text-\[40px\] {
        font-size: 40px
    }

    .text-\[42px\] {
        font-size: 42px
    }

    .text-\[44px\] {
        font-size: 44px
    }

    .\!leading-\[30px\] {
        --tw-leading: 30px;
        line-height: 30px !important
    }

    .leading-0 {
        --tw-leading: calc(var(--spacing)*0);
        line-height: calc(var(--spacing)*0)
    }

    .leading-3 {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }

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

    .leading-10 {
        --tw-leading: calc(var(--spacing)*10);
        line-height: calc(var(--spacing)*10)
    }

    .leading-\[10px\] {
        --tw-leading: 10px;
        line-height: 10px
    }

    .leading-\[11\.876px\] {
        --tw-leading: 11.876px;
        line-height: 11.876px
    }

    .leading-\[13\.452px\] {
        --tw-leading: 13.452px;
        line-height: 13.452px
    }

    .leading-\[16px\] {
        --tw-leading: 16px;
        line-height: 16px
    }

    .leading-\[18px\] {
        --tw-leading: 18px;
        line-height: 18px
    }

    .leading-\[20px\] {
        --tw-leading: 20px;
        line-height: 20px
    }

    .leading-\[24px\] {
        --tw-leading: 24px;
        line-height: 24px
    }

    .leading-\[25\.448px\] {
        --tw-leading: 25.448px;
        line-height: 25.448px
    }

    .leading-\[26px\] {
        --tw-leading: 26px;
        line-height: 26px
    }

    .leading-\[28px\] {
        --tw-leading: 28px;
        line-height: 28px
    }

    .leading-\[33px\] {
        --tw-leading: 33px;
        line-height: 33px
    }

    .leading-\[35px\] {
        --tw-leading: 35px;
        line-height: 35px
    }

    .leading-\[36\.96px\] {
        --tw-leading: 36.96px;
        line-height: 36.96px
    }

    .leading-\[36px\] {
        --tw-leading: 36px;
        line-height: 36px
    }

    .leading-\[46px\] {
        --tw-leading: 46px;
        line-height: 46px
    }

    .leading-\[50px\] {
        --tw-leading: 50px;
        line-height: 50px
    }

    .leading-\[60\%\] {
        --tw-leading: 60%;
        line-height: 60%
    }

    .leading-\[100\%\] {
        --tw-leading: 100%;
        line-height: 100%
    }

    .leading-\[120\%\] {
        --tw-leading: 120%;
        line-height: 120%
    }

    .leading-\[130\%\] {
        --tw-leading: 130%;
        line-height: 130%
    }

    .leading-\[140\%\] {
        --tw-leading: 140%;
        line-height: 140%
    }

    .leading-\[150\%\] {
        --tw-leading: 150%;
        line-height: 150%
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .\!font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal) !important
    }

    .font-\[300\] {
        --tw-font-weight: 300;
        font-weight: 300
    }

    .font-\[400\] {
        --tw-font-weight: 400;
        font-weight: 400
    }

    .font-\[600\] {
        --tw-font-weight: 600;
        font-weight: 600
    }

    .font-\[700\] {
        --tw-font-weight: 700;
        font-weight: 700
    }

    .font-\[800\] {
        --tw-font-weight: 800;
        font-weight: 800
    }

    .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-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
    }

    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-\[0\%\] {
        --tw-tracking: 0%;
        letter-spacing: 0
    }

    .tracking-\[0\.9px\] {
        --tw-tracking: .9px;
        letter-spacing: .9px
    }

    .tracking-\[0\.45px\] {
        --tw-tracking: .45px;
        letter-spacing: .45px
    }

    .tracking-\[1\.05px\] {
        --tw-tracking: 1.05px;
        letter-spacing: 1.05px
    }

    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .text-nowrap {
        text-wrap: nowrap
    }

    .break-words {
        overflow-wrap: break-word
    }

    .break-all {
        word-break: break-all
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .text-\[\#6D268C\] {
        color: #6d268c
    }

    .text-\[\#7B23A3\] {
        color: #7b23a3
    }

    .text-\[\#193E9D\] {
        color: #193e9d
    }

    .text-\[\#241F41\] {
        color: #241f41
    }

    .text-\[\#630C86\] {
        color: #630c86
    }

    .text-\[\#367739\] {
        color: #367739
    }

    .text-\[\#A8F012\] {
        color: #a8f012
    }

    .text-\[\#A9EE14\] {
        color: #a9ee14
    }

    .text-\[\#BA0F5C\] {
        color: #ba0f5c
    }

    .text-\[\#BBFF1C\] {
        color: #bbff1c
    }

    .text-\[\#D426DB\] {
        color: #d426db
    }

    .text-\[\#EF4444\] {
        color: #ef4444
    }

    .text-\[\#F87171\] {
        color: #f87171
    }

    .text-\[\#FCD34D\] {
        color: #fcd34d
    }

    .text-\[\#FDCD0D\] {
        color: #fdcd0d
    }

    .text-\[\#FFE732\] {
        color: #ffe732
    }

    .text-\[\#FFFFFF70\] {
        color: #ffffff70
    }

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

    .text-\[\#FFFFFFB2\] {
        color: #ffffffb2
    }

    .text-\[\#FFFFFF\] {
        color: #fff
    }

    .text-\[\#a8f012\] {
        color: #a8f012
    }

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

    .text-current {
        color: currentColor
    }

    .text-destructive {
        color: hsl(var(--destructive))
    }

    .text-destructive-foreground {
        color: hsl(var(--destructive-foreground))
    }

    .text-foreground {
        color: hsl(var(--foreground))
    }

    .text-foreground\/50 {
        color: color-mix(in oklab, hsl(var(--foreground)) 50%, transparent)
    }

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

    .text-gray-900 {
        color: var(--color-gray-900)
    }

    .text-muted-foreground {
        color: hsl(var(--muted-foreground))
    }

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

    .text-transparent {
        color: #0000
    }

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

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

    .text-white\/50 {
        color: color-mix(in oklab, var(--color-white)50%, transparent)
    }

    .text-white\/60 {
        color: color-mix(in oklab, var(--color-white)60%, transparent)
    }

    .text-white\/70 {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .text-white\/80 {
        color: color-mix(in oklab, var(--color-white)80%, transparent)
    }

    .text-white\/90,
    .text-white\/\[0\.90\] {
        color: color-mix(in oklab, var(--color-white)90%, transparent)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .uppercase {
        text-transform: uppercase
    }

    .line-through {
        text-decoration-line: line-through
    }

    .underline {
        text-decoration-line: underline
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .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_1px_4px_rgba\(255\,255\,255\,0\.10\)\,0_-4px_2px_0_rgba\(0\,104\,5\,0\.45\)_inset\,0_3px_1px_0_rgba\(215\,255\,201\,0\.45\)_inset\] {
        --tw-shadow: 0 0 1px 4px var(--tw-shadow-color, #ffffff1a), 0 -4px 2px 0 var(--tw-shadow-color, #00680573)inset, 0 3px 1px 0 var(--tw-shadow-color, #d7ffc973)inset;
        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_1px_4px_rgba\(255\,255\,255\,0\.10\)\,0_-4px_2px_0_rgba\(71\,0\,104\,0\.45\)_inset\,0_3px_1px_0_rgba\(254\,201\,255\,0\.29\)_inset\] {
        --tw-shadow: 0 0 1px 4px var(--tw-shadow-color, #ffffff1a), 0 -4px 2px 0 var(--tw-shadow-color, #47006873)inset, 0 3px 1px 0 var(--tw-shadow-color, #fec9ff4a)inset;
        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_18px_2px_rgba\(255\,255\,255\,0\.45\)\] {
        --tw-shadow: 0 0 18px 2px var(--tw-shadow-color, #ffffff73);
        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_20px_0_\#108DCA\,4px_8px_2px_0_rgba\(0\,0\,0\,0\.07\)_inset\,-4px_-8px_2px_0_rgba\(255\,253\,253\,0\.08\)_inset\] {
        --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, #108dca), 4px 8px 2px 0 var(--tw-shadow-color, #00000012)inset, -4px -8px 2px 0 var(--tw-shadow-color, #fffdfd14)inset;
        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_30px_3px_rgba\(253\,120\,0\,0\.3\)\] {
        --tw-shadow: 0 0 30px 3px var(--tw-shadow-color, #fd78004d);
        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_-1\.5px_2\.5px_0px_\#0066C4B2_inset\,0px_4px_0px_0px_\#00000040\] {
        --tw-shadow: 0px -1.5px 2.5px 0px var(--tw-shadow-color, #0066c4b2)inset, 0px 4px 0px 0px 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-\[0px_0\.659px_15px_rgba\(255\,135\,0\,0\.46\)\] {
        --tw-shadow: 0px .659px 15px var(--tw-shadow-color, #ff870075)
    }

    .shadow-\[0px_0\.659px_15px_rgba\(255\,135\,0\,0\.46\)\],
    .shadow-\[0px_0\.659px_15px_rgba\(255\,135\,0\,0\.88\)\] {
        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_0\.659px_15px_rgba\(255\,135\,0\,0\.88\)\] {
        --tw-shadow: 0px .659px 15px var(--tw-shadow-color, #ff8700e0)
    }

    .shadow-\[0px_0px_12px_0px_rgba\(255\,254\,254\,0\.80\)\] {
        --tw-shadow: 0px 0px 12px 0px var(--tw-shadow-color, #fffefecc)
    }

    .shadow-\[0px_0px_12px_0px_rgba\(255\,254\,254\,0\.80\)\],
    .shadow-\[0px_0px_15px_0px_rgba\(0\,0\,0\,0\.25\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_15px_0px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: 0px 0px 15px 0px var(--tw-shadow-color, #00000040)
    }

    .shadow-\[0px_0px_15px_2px_\#FFF12E73\] {
        --tw-shadow: 0px 0px 15px 2px var(--tw-shadow-color, #fff12e73)
    }

    .shadow-\[0px_0px_15px_2px_\#FFF12E73\],
    .shadow-\[0px_0px_18px_2px_rgba\(255\,255\,255\,0\.45\)\] {
        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_0px_18px_2px_rgba\(255\,255\,255\,0\.45\)\] {
        --tw-shadow: 0px 0px 18px 2px var(--tw-shadow-color, #ffffff73)
    }

    .shadow-\[0px_0px_20px_0px_rgba\(169\,238\,20\,0\.45\)\,0px_-4px_2px_0px_rgba\(0\,0\,0\,0\.25\)_inset\,0px_2px_1px_0px_rgba\(255\,255\,255\,0\.25\)_inset\] {
        --tw-shadow: 0px 0px 20px 0px var(--tw-shadow-color, #a9ee1473), 0px -4px 2px 0px var(--tw-shadow-color, #00000040)inset, 0px 2px 1px 0px var(--tw-shadow-color, #ffffff40)inset;
        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_0px_20px_0px_rgba\(171\,0\,198\,0\.45\)\,0px_-4px_2px_0px_rgba\(0\,0\,0\,0\.25\)_inset\,0px_2px_1px_0px_rgba\(255\,255\,255\,0\.25\)_inset\] {
        --tw-shadow: 0px 0px 20px 0px var(--tw-shadow-color, #ab00c673), 0px -4px 2px 0px var(--tw-shadow-color, #00000040)inset, 0px 2px 1px 0px var(--tw-shadow-color, #ffffff40)inset;
        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_0px_22\.1px_0px_\#1B0343\,0px_-4px_2px_0px_rgba\(31\,28\,56\,0\.84\)_inset\,0px_4px_2px_0px_rgba\(89\,81\,158\,0\.65\)_inset\] {
        --tw-shadow: 0px 0px 22.1px 0px var(--tw-shadow-color, #1b0343), 0px -4px 2px 0px var(--tw-shadow-color, #1f1c38d6)inset, 0px 4px 2px 0px var(--tw-shadow-color, #59519ea6)inset;
        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_0px_22\.1px_0px_\#1B0343\,0px_-4px_2px_0px_rgba\(113\,34\,158\,0\.52\)_inset\,0px_4px_2px_0px_rgba\(255\,255\,255\,0\.28\)_inset\] {
        --tw-shadow: 0px 0px 22.1px 0px var(--tw-shadow-color, #1b0343), 0px -4px 2px 0px var(--tw-shadow-color, #71229e85)inset, 0px 4px 2px 0px var(--tw-shadow-color, #ffffff47)inset;
        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_1px_7px_2px_\#AB00C6B2\] {
        --tw-shadow: 0px 1px 7px 2px var(--tw-shadow-color, #ab00c6b2)
    }

    .shadow-\[0px_1px_7px_2px_\#AB00C6B2\],
    .shadow-\[0px_1px_7px_2px_rgba\(0\,0\,0\,0\.25\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_1px_7px_2px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: 0px 1px 7px 2px var(--tw-shadow-color, #00000040)
    }

    .shadow-\[0px_1px_7px_2px_rgba\(49\,196\,11\,0\.25\)\] {
        --tw-shadow: 0px 1px 7px 2px var(--tw-shadow-color, #31c40b40)
    }

    .shadow-\[0px_1px_16\.1px_2px_\#67F74273\],
    .shadow-\[0px_1px_7px_2px_rgba\(49\,196\,11\,0\.25\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_1px_16\.1px_2px_\#67F74273\] {
        --tw-shadow: 0px 1px 16.1px 2px var(--tw-shadow-color, #67f74273)
    }

    .shadow-\[inset_0_-2px_0_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0 -2px 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-\[inset_0_3px_1px_0_rgba\(254\,201\,255\,0\.29\)\,inset_0_-4px_2px_0_rgba\(71\,0\,104\,0\.45\)\,0_0_0_4px_rgba\(255\,255\,255\,0\.10\)\] {
        --tw-shadow: inset 0 3px 1px 0 var(--tw-shadow-color, #fec9ff4a), inset 0 -4px 2px 0 var(--tw-shadow-color, #47006873), 0 0 0 4px var(--tw-shadow-color, #ffffff1a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lc {
        --tw-shadow: 0px 1px 7px 2px var(--tw-shadow-color, #fff12b40)
    }

    .shadow-lc,
    .shadow-lg {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)
    }

    .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)
    }

    .shadow-md,
    .shadow-none {
        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
    }

    .shadow-sc {
        --tw-shadow: 0px 1px 7px 2px var(--tw-shadow-color, #31c40b40)
    }

    .shadow-sc,
    .shadow\/filters {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow\/filters {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }

    .ring,
    .ring-0 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }

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

    .\[box-shadow\:0_1px_7px_2px_rgba\(49\,196\,11\,0\.25\)\] {
        box-shadow: 0 1px 7px 2px #31c40b40
    }

    .\[box-shadow\:0_1px_7px_2px_rgba\(255\,241\,43\,0\.25\)\] {
        box-shadow: 0 1px 7px 2px #fff12b40
    }

    .ring-white\/10 {
        --tw-ring-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }

    .ring-offset-background {
        --tw-ring-offset-color: hsl(var(--background))
    }

    .outline-hidden {
        outline-style: none
    }

    @media (forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .blur {
        --tw-blur: blur(8px)
    }

    .blur,
    .blur-\[3px\] {
        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-\[3px\] {
        --tw-blur: blur(3px)
    }

    .blur-\[12px\] {
        --tw-blur: blur(12px)
    }

    .blur-\[12px\],
    .blur-\[48px\] {
        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-\[48px\] {
        --tw-blur: blur(48px)
    }

    .brightness-50 {
        --tw-brightness: brightness(50%)
    }

    .brightness-50,
    .drop-shadow-\[-0\.5px_-0\.5px_0_rgba\(255\,255\,255\,1\)\] {
        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, )
    }

    .drop-shadow-\[-0\.5px_-0\.5px_0_rgba\(255\,255\,255\,1\)\] {
        --tw-drop-shadow: drop-shadow(-.5px -.5px 0 #fff)
    }

    .drop-shadow-\[-1px_-1px_0_rgba\(255\,255\,255\,0\.4\)\] {
        --tw-drop-shadow: drop-shadow(-1px -1px 0 #fff6)
    }

    .drop-shadow-\[-1px_-1px_0_rgba\(255\,255\,255\,0\.4\)\],
    .drop-shadow-\[0_-1px_0_\#9EC1FF\] {
        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, )
    }

    .drop-shadow-\[0_-1px_0_\#9EC1FF\] {
        --tw-drop-shadow: drop-shadow(0 -1px 0 #9ec1ff)
    }

    .drop-shadow-\[0_0_20px_\#e46aff80\] {
        --tw-drop-shadow: drop-shadow(0 0 20px #e46aff80)
    }

    .drop-shadow-\[0_0_20px_\#e46aff80\],
    .drop-shadow-\[0_0_40px_\#ffffff50\] {
        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, )
    }

    .drop-shadow-\[0_0_40px_\#ffffff50\] {
        --tw-drop-shadow: drop-shadow(0 0 40px #ffffff50)
    }

    .drop-shadow-\[0_0_40px_var\(--before-bg\)\] {
        --tw-drop-shadow: drop-shadow(0 0 40px var(--before-bg))
    }

    .drop-shadow-\[0_0_40px_var\(--before-bg\)\],
    .drop-shadow-\[0_2px_0_rgba\(0\,0\,0\,0\.45\)\] {
        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, )
    }

    .drop-shadow-\[0_2px_0_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-drop-shadow: drop-shadow(0 2px 0 #00000073)
    }

    .drop-shadow-\[0_4px_4px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-drop-shadow: drop-shadow(0 4px 4px #00000040)
    }

    .drop-shadow-\[0_14px_30px_rgba\(0\,0\,0\,0\.45\)\],
    .drop-shadow-\[0_4px_4px_rgba\(0\,0\,0\,0\.25\)\] {
        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, )
    }

    .drop-shadow-\[0_14px_30px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-drop-shadow: drop-shadow(0 14px 30px #00000073)
    }

    .drop-shadow-\[1px_1px_0_rgba\(0\,0\,0\,1\)\] {
        --tw-drop-shadow: drop-shadow(1px 1px 0 #000)
    }

    .drop-shadow-\[1px_1px_0_rgba\(0\,0\,0\,1\)\],
    .grayscale {
        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%)
    }

    .saturate-\[1\.5\] {
        --tw-saturate: saturate(1.5)
    }

    .filter,
    .saturate-\[1\.5\] {
        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-\[1px\] {
        --tw-backdrop-blur: blur(1px)
    }

    .backdrop-blur-\[1px\],
    .backdrop-blur-\[4px\] {
        -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-\[4px\] {
        --tw-backdrop-blur: blur(4px)
    }

    .backdrop-blur-\[6px\] {
        --tw-backdrop-blur: blur(6px)
    }

    .backdrop-blur-\[6px\],
    .backdrop-blur-\[8\.05px\] {
        -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-\[8\.05px\] {
        --tw-backdrop-blur: blur(8.05px)
    }

    .backdrop-blur-\[8px\] {
        --tw-backdrop-blur: blur(8px)
    }

    .backdrop-blur-\[12px\],
    .backdrop-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-\[12px\] {
        --tw-backdrop-blur: blur(12px)
    }

    .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm))
    }

    .backdrop-blur-sm,
    .backdrop-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-xl {
        --tw-backdrop-blur: blur(var(--blur-xl))
    }

    .\[backdrop-filter\:blur\(6px\)\] {
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px)
    }

    .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;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

    .delay-200 {
        transition-delay: .2s
    }

    .delay-400 {
        transition-delay: .4s
    }

    .delay-600 {
        transition-delay: .6s
    }

    .delay-800 {
        transition-delay: .8s
    }

    .delay-1000 {
        transition-delay: 1s
    }

    .delay-1200 {
        transition-delay: 1.2s
    }

    .delay-1400 {
        transition-delay: 1.4s
    }

    .delay-1800 {
        transition-delay: 1.8s
    }

    .duration-100 {
        --tw-duration: .1s;
        transition-duration: .1s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }

    .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\] {
        --tw-ease: cubic-bezier(.4, 0, .2, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .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 {
        will-change: transform
    }

    .\[contain\:paint\] {
        contain: paint
    }

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

    .select-all {
        -webkit-user-select: all;
        user-select: all
    }

    .select-none {
        -webkit-user-select: none;
        user-select: none
    }

    .\[--a\:0deg\] {
        --a: 0deg
    }

    .\[-webkit-text-stroke-color\:\#8335A1\] {
        -webkit-text-stroke-color: #8335a1
    }

    .\[-webkit-text-stroke-color\:\#FFF\] {
        -webkit-text-stroke-color: #fff
    }

    .\[-webkit-text-stroke-width\:0\.5px\] {
        -webkit-text-stroke-width: .5px
    }

    .\[-webkit-text-stroke-width\:0\.43px\] {
        -webkit-text-stroke-width: .43px
    }

    .\[-webkit-text-stroke\:2px_\#5F0597\] {
        -webkit-text-stroke: 2px #5f0597
    }

    .\[-webkit-text-stroke\:2px_\#8D2152\] {
        -webkit-text-stroke: 2px #8d2152
    }

    .\[-webkit-text-stroke\:2px_\#FFF\] {
        -webkit-text-stroke: 2px #fff
    }

    .\[-webkit-text-stroke\:4px_white\] {
        -webkit-text-stroke: 4px #fff
    }

    .\[backface-visibility\:hidden\] {
        backface-visibility: hidden
    }

    .\[background\:radial-gradient\(70\%_70\%_at_50\%_45\%\,\#F45DF5_0\%\,\#AD0FC4_65\%\)\] {
        background: radial-gradient(70% 70% at 50% 45%, #f45df5 0, #ad0fc4 65%)
    }

    .\[mask-image\:linear-gradient\(to_top\,transparent\,black_10\%\)\] {
        -webkit-mask-image: linear-gradient(#000 90%, #0000);
        mask-image: linear-gradient(#000 90%, #0000)
    }

    .\[mask-repeat\:no-repeat\] {
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

    .\[mask-size\:100\%_100\%\] {
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%
    }

    .\[paint-order\:stroke_fill\] {
        paint-order: stroke fill
    }

    .\[text-shadow\:0_0\.95px_0_rgba\(255\,255\,255\,0\.60\)\] {
        text-shadow: 0 .95px #fff9
    }

    .\[text-shadow\:0_1px_0_\#7B3498\;\] {
        text-shadow: 0 1px #7b3498
    }

    .\[text-shadow\:0_1px_0_rgba\(0\,0\,0\,0\.25\)\] {
        text-shadow: 0 1px #00000040
    }

    .\[text-shadow\:0_3px_1px_rgba\(0\,0\,0\,\.25\)\] {
        text-shadow: 0 3px 1px #00000040
    }

    .\[text-shadow\:0_3px_1px_rgba\(0\,0\,0\,0\.25\)\,0_0\.713px_0_\#6D0030\] {
        text-shadow: 0 3px 1px #00000040, 0 .713px #6d0030
    }

    .\[text-shadow\:0_3px_2px_rgba\(0\,0\,0\,0\.5\)\,0_1px_0_\#000\] {
        text-shadow: 0 3px 2px #00000080, 0 1px #000
    }

    .\[text-shadow\:0_4\.313px_2\.875px_rgba\(0\,0\,0\,0\.5\)\,0_1\.438px_0_\#000\] {
        text-shadow: 0 4.313px 2.875px #00000080, 0 1.438px #000
    }

    .\[text-shadow\:0px_-2px_0px_rgba\(42\,16\,74\,0\.50\)\] {
        text-shadow: 0 -2px #2a104a80
    }

    .\[text-shadow\:0px_1px_0px_\#7B3498\] {
        text-shadow: 0 1px #7b3498
    }

    .\[text-shadow\:0px_1px_0px_rgba\(0\,0\,0\,0\.26\)\] {
        text-shadow: 0 1px #00000042
    }

    .\[text-shadow\:0px_1px_0px_rgba\(123\,52\,152\,1\)\] {
        text-shadow: 0 1px #7b3498
    }

    .\[text-shadow\:0px_1px_0px_rgba\(255\,255\,255\,0\.80\)\] {
        text-shadow: 0 1px #fffc
    }

    .\[text-shadow\:0px_2px_0px_\#000000\,0px_-1px_0px_\#9EC1FF\] {
        text-shadow: 0 2px #000, 0 -1px #9ec1ff
    }

    .\[text-shadow\:0px_2px_0px_rgba\(0\,0\,0\,0\.30\)\] {
        text-shadow: 0 2px #0000004d
    }

    .\[text-shadow\:0px_2px_0px_rgba\(0\,0\,0\,0\.45\)\] {
        text-shadow: 0 2px #00000073
    }

    .\[text-shadow\:0px_2px_0px_rgba\(255\,255\,255\,0\.54\)\] {
        text-shadow: 0 2px #ffffff8a
    }

    .delay-200 {
        animation-delay: .2s
    }

    .delay-400 {
        animation-delay: .4s
    }

    .delay-600 {
        animation-delay: .6s
    }

    .delay-800 {
        animation-delay: .8s
    }

    .delay-1000 {
        animation-delay: 1s
    }

    .delay-1200 {
        animation-delay: 1.2s
    }

    .delay-1400 {
        animation-delay: 1.4s
    }

    .delay-1800 {
        animation-delay: 1.8s
    }

    .duration-100 {
        animation-duration: .1s
    }

    .duration-200 {
        animation-duration: .2s
    }

    .duration-300 {
        animation-duration: .3s
    }

    .duration-1000 {
        animation-duration: 1s
    }

    .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\],
    .ease-in-out {
        animation-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-out {
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .fade-in {
        --tw-enter-opacity: 0
    }

    .fill-mode-forwards {
        animation-fill-mode: forwards
    }

    @media (hover:hover) {
        .group-hover\:scale-105:is(:where(.group):hover *) {
            --tw-scale-x: 105%;
            --tw-scale-y: 105%;
            --tw-scale-z: 105%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }

    .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
    }

    .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *) {
        border-color: color-mix(in oklab, hsl(var(--muted)) 40%, transparent)
    }

    .group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *) {
        color: var(--color-red-300)
    }

    .group-\[\.text-destructive\]\:text-destructive:is(:where(.group).text-destructive *) {
        color: hsl(var(--destructive))
    }

    .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
    }

    .placeholder\:text-white\/70::placeholder {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .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\/2:before {
        content: var(--tw-content);
        top: 50%
    }

    .before\:top-\[-6px\]:before {
        content: var(--tw-content);
        top: -6px
    }

    .before\:bottom-0:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*0)
    }

    .before\:-left-2:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*-2)
    }

    .before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing)*0)
    }

    .before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%
    }

    .before\:-z-10:before {
        content: var(--tw-content);
        z-index: calc(10*-1)
    }

    .before\:-z-\[1\]:before {
        content: var(--tw-content);
        z-index: calc(1*-1)
    }

    .before\:flex:before {
        content: var(--tw-content);
        display: flex
    }

    .before\:h-6:before {
        content: var(--tw-content);
        height: calc(var(--spacing)*6)
    }

    .before\:h-\[170px\]:before {
        content: var(--tw-content);
        height: 170px
    }

    .before\:h-\[308px\]:before {
        content: var(--tw-content);
        height: 308px
    }

    .before\:w-\[370px\]:before {
        content: var(--tw-content);
        width: 370px
    }

    .before\:w-\[calc\(100\%\+16px\)\]:before {
        content: var(--tw-content);
        width: calc(100% + 16px)
    }

    .before\:w-full:before {
        content: var(--tw-content);
        width: 100%
    }

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

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

    .before\:-translate-y-\[15\%\]:before {
        --tw-translate-y: calc(15%*-1)
    }

    .before\:rounded-\[28px\]:before {
        content: var(--tw-content);
        border-radius: 28px
    }

    .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e+38px
    }

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

    .before\:\[border-width\:0\.706px\]:before {
        content: var(--tw-content);
        border-width: .706px
    }

    .before\:border-\[\#652C88\]:before {
        content: var(--tw-content);
        border-color: #652c88
    }

    .before\:bg-\[\#1B0C30B3\]:before {
        content: var(--tw-content);
        background-color: #1b0c30b3
    }

    .before\:bg-\[var\(--before-bg\)\]:before {
        content: var(--tw-content);
        background-color: var(--before-bg)
    }

    .before\:bg-\[linear-gradient\(180deg\,rgba\(0\,0\,0\,0\)_6\.64\%\,rgba\(0\,0\,0\,0\.55\)_54\.93\%\,rgba\(0\,0\,0\,0\.75\)_84\.24\%\)\]:before {
        content: var(--tw-content);
        background-image: linear-gradient(#0000 6.64%, #0000008c 54.93%, #000000bf 84.24%)
    }

    .before\:bg-\[radial-gradient\(60\%_30\%_at_50\%_10\%\,rgba\(255\,255\,255\,0\.15\)_0\%\,transparent_100\%\)\]:before {
        content: var(--tw-content);
        background-image: radial-gradient(60% 30% at 50% 10%, #ffffff26 0, #0000 100%)
    }

    .before\:mix-blend-multiply:before {
        content: var(--tw-content);
        mix-blend-mode: multiply
    }

    .before\:blur-\[140px\]:before {
        content: var(--tw-content);
        --tw-blur: blur(140px);
        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\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .focus-within\:border-\[\#EE83FF\]:focus-within {
        border-color: #ee83ff
    }

    .focus-within\:border-\[\#FCA5A5\]:focus-within {
        border-color: #fca5a5
    }

    .focus-within\:border-transparent:focus-within {
        border-color: #0000
    }

    .focus-within\:border-white\/10:focus-within {
        border-color: color-mix(in oklab, var(--color-white)10%, transparent)
    }

    @media (hover:hover) {
        .hover\:scale-\[1\.02\]:hover {
            scale: 1.02
        }

        .hover\:border-\[\#D0D5DD\]:hover {
            border-color: #d0d5dd
        }

        .hover\:border-\[\#FCA5A5\]:hover {
            border-color: #fca5a5
        }

        .hover\:border-white\/10:hover {
            border-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }

        .hover\:bg-secondary:hover {
            background-color: hsl(var(--secondary))
        }

        .hover\:text-\[\#8CD010\]:hover {
            color: #8cd010
        }

        .hover\:text-\[\#A8F012\]:hover {
            color: #a8f012
        }

        .hover\:text-foreground:hover {
            color: hsl(var(--foreground))
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-90:hover {
            opacity: .9
        }

        .hover\:opacity-95:hover {
            opacity: .95
        }

        .hover\:shadow-md:hover {
            --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)
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%)
        }

        .hover\:brightness-110:hover,
        .hover\:brightness-125:hover {
            filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }

        .hover\:brightness-125:hover {
            --tw-brightness: brightness(125%)
        }

        .hover\:group-\[\.destructive\]\:border-destructive\/30:hover:is(:where(.group).destructive *) {
            border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent)
        }

        .hover\:group-\[\.destructive\]\:bg-destructive:hover:is(:where(.group).destructive *) {
            background-color: hsl(var(--destructive))
        }

        .hover\:group-\[\.destructive\]\:text-destructive-foreground:hover:is(:where(.group).destructive *) {
            color: hsl(var(--destructive-foreground))
        }

        .hover\:group-\[\.destructive\]\:text-red-50:hover:is(:where(.group).destructive *) {
            color: var(--color-red-50)
        }

        .hover\:focus-within\:border-\[\#D0D5DD\]:hover:focus-within {
            border-color: #d0d5dd
        }

        .hover\:focus-within\:border-\[\#EE83FF\]:hover:focus-within {
            border-color: #ee83ff
        }

        .hover\:focus-within\:border-\[\#FCA5A5\]:hover:focus-within {
            border-color: #fca5a5
        }

        .hover\:focus-within\:border-white\/10:hover:focus-within {
            border-color: color-mix(in oklab, var(--color-white)10%, transparent)
        }
    }

    .focus\:opacity-100:focus {
        opacity: 1
    }

    .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }

    .focus\:ring-0:focus,
    .focus\:ring-2:focus {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor)
    }

    .focus\:ring-ring:focus {
        --tw-ring-color: hsl(var(--ring))
    }

    .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus\:outline-hidden:focus {
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus\:group-\[\.destructive\]\:ring-destructive:focus:is(:where(.group).destructive *) {
        --tw-ring-color: hsl(var(--destructive))
    }

    .focus\:group-\[\.destructive\]\:ring-red-400:focus:is(:where(.group).destructive *) {
        --tw-ring-color: var(--color-red-400)
    }

    .focus\:group-\[\.destructive\]\:ring-offset-red-600:focus:is(:where(.group).destructive *) {
        --tw-ring-offset-color: var(--color-red-600)
    }

    .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-ring:focus-visible {
        --tw-ring-color: hsl(var(--ring))
    }

    .focus-visible\:ring-offset-2:focus-visible {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
    }

    .focus-visible\:ring-offset-background:focus-visible {
        --tw-ring-offset-color: hsl(var(--background))
    }

    .focus-visible\:outline-hidden:focus-visible {
        outline-style: none
    }

    @media (forced-colors:active) {
        .focus-visible\:outline-hidden:focus-visible {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .active\:translate-y-\[1px\]:active {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .active\:bg-\[\#2E2A58\]:active {
        background-color: #2e2a58
    }

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

    .active\:from-\[\#B2EF1D\]:active {
        --tw-gradient-from: #b2ef1d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .active\:from-\[\#F963F5\]:active {
        --tw-gradient-from: #f963f5;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .active\:to-\[\#9FE40A\]:active {
        --tw-gradient-to: #9fe40a;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .active\:to-\[\#AA0CC9\]:active {
        --tw-gradient-to: #aa0cc9;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .active\:shadow-\[0px_0px_10px_0px_rgba\(169\,238\,20\,0\.35\)\,0px_-2px_1px_0px_rgba\(0\,0\,0\,0\.25\)_inset\,0px_1px_1px_0px_rgba\(255\,255\,255\,0\.15\)_inset\]:active {
        --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, #a9ee1459), 0px -2px 1px 0px var(--tw-shadow-color, #00000040)inset, 0px 1px 1px 0px var(--tw-shadow-color, #ffffff26)inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .active\:shadow-\[0px_0px_10px_0px_rgba\(171\,0\,198\,0\.35\)\,0px_-2px_1px_0px_rgba\(0\,0\,0\,0\.25\)_inset\,0px_1px_1px_0px_rgba\(255\,255\,255\,0\.15\)_inset\]:active {
        --tw-shadow: 0px 0px 10px 0px var(--tw-shadow-color, #ab00c659), 0px -2px 1px 0px var(--tw-shadow-color, #00000040)inset, 0px 1px 1px 0px var(--tw-shadow-color, #ffffff26)inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .active\:before\:absolute:active:before {
        content: var(--tw-content);
        position: absolute
    }

    .active\:before\:inset-0:active:before {
        content: var(--tw-content);
        inset: calc(var(--spacing)*0)
    }

    .active\:before\:rounded-100:active:before {
        content: var(--tw-content);
        border-radius: 100px
    }

    .active\:before\:bg-black\/20:active:before {
        content: var(--tw-content);
        background-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }

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

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

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:opacity-70:disabled {
        opacity: .7
    }

    .disabled\:brightness-90:disabled {
        --tw-brightness: brightness(90%);
        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, )
    }

    .has-disabled\:opacity-50:has(:disabled) {
        opacity: .5
    }

    .aria-disabled\:pointer-events-none[aria-disabled=true] {
        pointer-events: none
    }

    .aria-disabled\:cursor-not-allowed[aria-disabled=true] {
        cursor: not-allowed
    }

    .aria-disabled\:\[filter\:brightness\(0\.8\)_opacity\(0\.8\)\][aria-disabled=true] {
        filter: brightness(.8)opacity(.8)
    }

    .data-\[placeholder\]\:text-white\/70[data-placeholder] {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .data-\[side\=bottom\]\:-translate-y-px[data-side=bottom] {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
        --tw-enter-translate-y: -.5rem
    }

    .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
        --tw-enter-translate-x: .5rem
    }

    .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
        --tw-enter-translate-x: -.5rem
    }

    .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=top\]\:translate-y-px[data-side=top] {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
        --tw-enter-translate-y: .5rem
    }

    .data-\[state\=\'checked\'\]\:text-white[data-state=checked] {
        color: var(--color-white)
    }

    .data-\[state\=checked\]\:translate-x-5[data-state=checked] {
        --tw-translate-x: calc(var(--spacing)*5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=checked\]\:border-\[\#BA63EB\][data-state=checked] {
        border-color: #ba63eb
    }

    .data-\[state\=checked\]\:bg-\[\#BA63EB\][data-state=checked] {
        background-color: #ba63eb
    }

    .data-\[state\=checked\]\:text-primary-foreground[data-state=checked] {
        color: hsl(var(--primary-foreground))
    }

    .data-\[state\=checked\]\:text-white\/70[data-state=checked] {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .data-\[state\=closed\]\:animate-out[data-state=closed] {
        --tw-exit-opacity: initial;
        --tw-exit-scale: initial;
        --tw-exit-rotate: initial;
        --tw-exit-translate-x: initial;
        --tw-exit-translate-y: initial;
        animation-name: exit;
        animation-duration: .15s
    }

    .data-\[state\=closed\]\:duration-300[data-state=closed] {
        animation-duration: .3s
    }

    .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
        --tw-exit-opacity: 0
    }

    .data-\[state\=closed\]\:fade-out-80[data-state=closed] {
        --tw-exit-opacity: .8
    }

    .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
        --tw-exit-translate-y: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
        --tw-exit-translate-x: -100%
    }

    .data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed],
    .data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
        --tw-exit-translate-x: 100%
    }

    .data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
        --tw-exit-translate-y: -100%
    }

    .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
        --tw-exit-scale: .95
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .data-\[state\=open\]\:animate-in[data-state=open] {
        --tw-enter-opacity: initial;
        --tw-enter-scale: initial;
        --tw-enter-rotate: initial;
        --tw-enter-translate-x: initial;
        --tw-enter-translate-y: initial;
        animation-name: enter;
        animation-duration: .15s
    }

    .data-\[state\=open\]\:duration-500[data-state=open] {
        animation-duration: .5s
    }

    .data-\[state\=open\]\:fade-in-0[data-state=open] {
        --tw-enter-opacity: 0
    }

    .data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
        --tw-enter-translate-y: 100%
    }

    .data-\[state\=open\]\:slide-in-from-left[data-state=open] {
        --tw-enter-translate-x: -100%
    }

    .data-\[state\=open\]\:slide-in-from-right[data-state=open] {
        --tw-enter-translate-x: 100%
    }

    .data-\[state\=open\]\:slide-in-from-top-full[data-state=open],
    .data-\[state\=open\]\:slide-in-from-top[data-state=open] {
        --tw-enter-translate-y: -100%
    }

    .data-\[state\=open\]\:zoom-in-95[data-state=open] {
        --tw-enter-scale: .95
    }

    .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[state\=unchecked\]\:bg-\[\#4D589059\][data-state=unchecked] {
        background-color: #4d589059
    }

    .data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
        --tw-translate-x: var(--radix-toast-swipe-end-x);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[swipe\=end\]\:animate-out[data-swipe=end] {
        --tw-exit-opacity: initial;
        --tw-exit-scale: initial;
        --tw-exit-rotate: initial;
        --tw-exit-translate-x: initial;
        --tw-exit-translate-y: initial;
        animation-name: exit;
        animation-duration: .15s
    }

    .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
        --tw-translate-x: var(--radix-toast-swipe-move-x);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .data-\[swipe\=move\]\:transition-none[data-swipe=move] {
        transition-property: none
    }

    @media (width<441px) {
        .max-\[441px\]\:top-1\/10 {
            top: 10%
        }
    }

    @media (width<340px) {
        .max-\[340px\]\:right-1\/8 {
            right: 12.5%
        }
    }

    @media (width<64rem) {
        .max-lg\:mb-\[85px\] {
            margin-bottom: 85px
        }

        .max-lg\:flex {
            display: flex
        }

        .max-lg\:hidden {
            display: none
        }

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

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

        .max-lg\:flex-1 {
            flex: 1
        }

        .max-lg\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .max-lg\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .max-lg\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .max-lg\:pb-28 {
            padding-bottom: calc(var(--spacing)*28)
        }

        .max-lg\:pl-4 {
            padding-left: calc(var(--spacing)*4)
        }

        .max-lg\:nth-\[n\+9\]\:hidden:nth-child(n+9) {
            display: none
        }
    }

    @media (width<48rem) {
        .max-md\:border-none\! {
            --tw-border-style: none;
            border-style: none !important
        }

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

        .max-md\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .max-md\:py-2 {
            padding-block: calc(var(--spacing)*2)
        }
    }

    @media (width<40rem) {
        .max-sm\:-top-21 {
            top: calc(var(--spacing)*-21)
        }

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

        .max-sm\:top-\[55px\] {
            top: 55px
        }

        .max-sm\:right-\[28px\] {
            right: 28px
        }

        .max-sm\:-bottom-2\.5 {
            bottom: calc(var(--spacing)*-2.5)
        }

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

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

        .max-sm\:left-1\/8 {
            left: 12.5%
        }

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

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

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

        .max-sm\:flex {
            display: flex
        }

        .max-sm\:hidden {
            display: none
        }

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

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

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

        .max-sm\:h-\[149\.33px\] {
            height: 149.33px
        }

        .max-sm\:h-\[calc\(100dvh-32px\)\] {
            height: calc(100dvh - 32px)
        }

        .max-sm\:h-auto {
            height: auto
        }

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

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

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

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

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

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

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

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

        .max-sm\:w-\[calc\(100vw-2rem\)\] {
            width: calc(100vw - 2rem)
        }

        .max-sm\:w-\[calc\(100vw-4rem\)\] {
            width: calc(100vw - 4rem)
        }

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

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

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

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

        .max-sm\:min-w-full {
            min-width: 100%
        }

        .max-sm\:flex-1 {
            flex: 1
        }

        .max-sm\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing)*0)
        }

        .max-sm\:translate-x-0,
        .max-sm\:translate-y-0 {
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

        .max-sm\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing)*0)
        }

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

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

        .max-sm\:flex-col {
            flex-direction: column
        }

        .max-sm\:justify-center {
            justify-content: center
        }

        .max-sm\:justify-end {
            justify-content: flex-end
        }

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

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

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

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

        .max-sm\:gap-\[3px\] {
            gap: 3px
        }

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

        .max-sm\:rounded-\[24px\] {
            border-radius: 24px
        }

        .max-sm\:bg-center {
            background-position: 50%
        }

        .max-sm\:p-2 {
            padding: calc(var(--spacing)*2)
        }

        .max-sm\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .max-sm\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .max-sm\:px-5 {
            padding-inline: calc(var(--spacing)*5)
        }

        .max-sm\:px-\[22px\] {
            padding-inline: 22px
        }

        .max-sm\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .max-sm\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .max-sm\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .max-sm\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .max-sm\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .max-sm\:pr-6 {
            padding-right: calc(var(--spacing)*6)
        }

        .max-sm\:pb-2 {
            padding-bottom: calc(var(--spacing)*2)
        }

        .max-sm\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .max-sm\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .max-sm\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .max-sm\:pb-26 {
            padding-bottom: calc(var(--spacing)*26)
        }

        .max-sm\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }

        .max-sm\:text-center {
            text-align: center
        }

        .max-sm\:text-\[9\.787px\] {
            font-size: 9.787px
        }

        .max-sm\:text-\[13px\] {
            font-size: 13px
        }

        .max-sm\:text-\[16px\] {
            font-size: 16px
        }

        .max-sm\:text-\[20px\] {
            font-size: 20px
        }

        .max-sm\:text-\[28px\] {
            font-size: 28px
        }

        .max-sm\:leading-\[7px\] {
            --tw-leading: 7px;
            line-height: 7px
        }

        .max-sm\:leading-\[13px\] {
            --tw-leading: 13px;
            line-height: 13px
        }

        .max-sm\:nth-\[n\+7\]\:hidden:nth-child(n+7) {
            display: none
        }
    }

    @media (width<30rem) {
        .max-xs\:top-\[45\%\] {
            top: 45%
        }

        .max-xs\:top-\[48\%\] {
            top: 48%
        }

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

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

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

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

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

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

        .max-xs\:p-0 {
            padding: calc(var(--spacing)*0)
        }
    }

    @media (width>=370px) {
        .min-\[370px\]\:m-4 {
            margin: calc(var(--spacing)*4)
        }
    }

    @media (width>=380px) {
        .min-\[380px\]\:m-6 {
            margin: calc(var(--spacing)*6)
        }
    }

    @media (width>=30rem) {
        .xs\:top-1\/2 {
            top: 50%
        }
    }

    @media (width>=40rem) {
        .sm\:-top-14 {
            top: calc(var(--spacing)*-14)
        }

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

        .sm\:top-10 {
            top: calc(var(--spacing)*10)
        }

        .sm\:top-120 {
            top: calc(var(--spacing)*120)
        }

        .sm\:top-\[-258px\] {
            top: -258px
        }

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

        .sm\:top-\[30px\] {
            top: 30px
        }

        .sm\:top-\[50px\] {
            top: 50px
        }

        .sm\:top-\[61px\] {
            top: 61px
        }

        .sm\:top-auto {
            top: auto
        }

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

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

        .sm\:right-\[7px\] {
            right: 7px
        }

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

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

        .sm\:bottom-\[-64px\] {
            bottom: -64px
        }

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

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

        .sm\:mx-auto {
            margin-inline: auto
        }

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

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

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

        .sm\:mt-10 {
            margin-top: calc(var(--spacing)*10)
        }

        .sm\:mt-12 {
            margin-top: calc(var(--spacing)*12)
        }

        .sm\:mt-\[-40px\] {
            margin-top: -40px
        }

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

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

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

        .sm\:mb-\[5px\] {
            margin-bottom: 5px
        }

        .sm\:ml-18 {
            margin-left: calc(var(--spacing)*18)
        }

        .sm\:block {
            display: block
        }

        .sm\:hidden {
            display: none
        }

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

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

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

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

        .sm\:h-\[55px\] {
            height: 55px
        }

        .sm\:h-\[98px\] {
            height: 98px
        }

        .sm\:h-\[100px\] {
            height: 100px
        }

        .sm\:h-\[167px\] {
            height: 167px
        }

        .sm\:h-\[170px\] {
            height: 170px
        }

        .sm\:h-\[220px\] {
            height: 220px
        }

        .sm\:h-\[288px\] {
            height: 288px
        }

        .sm\:h-\[290px\] {
            height: 290px
        }

        .sm\:h-\[376px\] {
            height: 376px
        }

        .sm\:h-\[380px\] {
            height: 380px
        }

        .sm\:h-\[402px\] {
            height: 402px
        }

        .sm\:h-\[418px\] {
            height: 418px
        }

        .sm\:h-\[420px\] {
            height: 420px
        }

        .sm\:h-\[424px\] {
            height: 424px
        }

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

        .sm\:h-\[var\(--thumbnail-tall-height-sm\)\] {
            height: var(--thumbnail-tall-height-sm)
        }

        .sm\:h-auto {
            height: auto
        }

        .sm\:h-full {
            height: 100%
        }

        .sm\:w-\[72px\] {
            width: 72px
        }

        .sm\:w-\[75px\] {
            width: 75px
        }

        .sm\:w-\[100px\] {
            width: 100px
        }

        .sm\:w-\[104px\] {
            width: 104px
        }

        .sm\:w-\[138px\] {
            width: 138px
        }

        .sm\:w-\[165px\] {
            width: 165px
        }

        .sm\:w-\[218px\] {
            width: 218px
        }

        .sm\:w-\[288px\] {
            width: 288px
        }

        .sm\:w-\[330px\] {
            width: 330px
        }

        .sm\:w-\[343px\] {
            width: 343px
        }

        .sm\:w-\[350px\] {
            width: 350px
        }

        .sm\:w-\[380px\] {
            width: 380px
        }

        .sm\:w-\[400px\] {
            width: 400px
        }

        .sm\:w-\[420px\] {
            width: 420px
        }

        .sm\:w-\[450px\] {
            width: 450px
        }

        .sm\:w-\[500px\] {
            width: 500px
        }

        .sm\:w-\[600px\] {
            width: 600px
        }

        .sm\:w-\[var\(--thumbnail-width-sm\)\] {
            width: var(--thumbnail-width-sm)
        }

        .sm\:w-fit {
            width: fit-content
        }

        .sm\:w-full {
            width: 100%
        }

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

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

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

        .sm\:max-w-\[var\(--thumbnail-tall-width-sm\)\] {
            max-width: var(--thumbnail-tall-width-sm)
        }

        .sm\:max-w-\[var\(--thumbnail-width-sm\)\] {
            max-width: var(--thumbnail-width-sm)
        }

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

        .sm\:\!min-w-\[100\%\] {
            min-width: 100% !important
        }

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

        .sm\:min-w-\[var\(--thumbnail-tall-width-sm\)\] {
            min-width: var(--thumbnail-tall-width-sm)
        }

        .sm\:min-w-\[var\(--thumbnail-width-sm\)\] {
            min-width: var(--thumbnail-width-sm)
        }

        .sm\:translate-x-\[calc\(var\(--spacing\)\*-8\)\] {
            --tw-translate-x: calc(var(--spacing)*-8);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }

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

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

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

        .sm\:grid-rows-\[repeat\(1\,176px\)\] {
            grid-template-rows: repeat(1, 176px)
        }

        .sm\:flex-col {
            flex-direction: column
        }

        .sm\:flex-row {
            flex-direction: row
        }

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

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

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

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

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

        .sm\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .sm\:gap-16 {
            gap: calc(var(--spacing)*16)
        }

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

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

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

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

        .sm\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .sm\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .sm\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .sm\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing)*10)
        }

        .sm\:px-12 {
            padding-inline: calc(var(--spacing)*12)
        }

        .sm\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .sm\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .sm\:pt-5 {
            padding-top: calc(var(--spacing)*5)
        }

        .sm\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .sm\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .sm\:pt-12 {
            padding-top: calc(var(--spacing)*12)
        }

        .sm\:pt-22 {
            padding-top: calc(var(--spacing)*22)
        }

        .sm\:pt-28 {
            padding-top: calc(var(--spacing)*28)
        }

        .sm\:pr-8 {
            padding-right: calc(var(--spacing)*8)
        }

        .sm\:pr-\[120px\] {
            padding-right: 120px
        }

        .sm\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }

        .sm\:pb-8 {
            padding-bottom: calc(var(--spacing)*8)
        }

        .sm\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }

        .sm\:pl-8 {
            padding-left: calc(var(--spacing)*8)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .sm\:text-\[15px\] {
            font-size: 15px
        }

        .sm\:text-\[16px\] {
            font-size: 16px
        }

        .sm\:text-\[18px\] {
            font-size: 18px
        }

        .sm\:text-\[24px\] {
            font-size: 24px
        }

        .sm\:text-\[28px\] {
            font-size: 28px
        }

        .sm\:text-\[30px\] {
            font-size: 30px
        }

        .sm\:text-\[32px\] {
            font-size: 32px
        }

        .sm\:text-\[34px\] {
            font-size: 34px
        }

        .sm\:text-\[40px\] {
            font-size: 40px
        }

        .sm\:leading-6 {
            --tw-leading: calc(var(--spacing)*6);
            line-height: calc(var(--spacing)*6)
        }

        .sm\:leading-8 {
            --tw-leading: calc(var(--spacing)*8);
            line-height: calc(var(--spacing)*8)
        }

        .sm\:leading-9 {
            --tw-leading: calc(var(--spacing)*9);
            line-height: calc(var(--spacing)*9)
        }

        .sm\:leading-\[15px\] {
            --tw-leading: 15px;
            line-height: 15px
        }

        .sm\:leading-\[24px\] {
            --tw-leading: 24px;
            line-height: 24px
        }

        .sm\:leading-\[36px\] {
            --tw-leading: 36px;
            line-height: 36px
        }

        .sm\:leading-\[46px\] {
            --tw-leading: 46px;
            line-height: 46px
        }

        .sm\:leading-\[48px\] {
            --tw-leading: 48px;
            line-height: 48px
        }

        .sm\:data-\[state\=open\]\:slide-in-from-bottom-full[data-state=open] {
            --tw-enter-translate-y: 100%
        }
    }

    @media (width>=48rem) {
        .md\:-top-\[8px\] {
            top: -8px
        }

        .md\:top-\[80px\] {
            top: 80px
        }

        .md\:right-\[40px\] {
            right: 40px
        }

        .md\:left-\[40px\] {
            left: 40px
        }

        .md\:mx-auto {
            margin-inline: auto
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

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

        .md\:w-\[704px\] {
            width: 704px
        }

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

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

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

        .md\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .md\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .md\:text-\[48px\] {
            font-size: 48px
        }

        .md\:leading-\[46px\] {
            --tw-leading: 46px;
            line-height: 46px
        }
    }

    @media (width>=64rem) {
        .lg\:-top-36 {
            top: calc(var(--spacing)*-36)
        }

        .lg\:top-\[15px\] {
            top: 15px
        }

        .lg\:right-\[40px\] {
            right: 40px
        }

        .lg\:bottom-\[-85px\] {
            bottom: -85px
        }

        .lg\:left-\[40px\] {
            left: 40px
        }

        .lg\:mx-auto {
            margin-inline: auto
        }

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

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

        .lg\:hidden {
            display: none
        }

        .lg\:h-\[650px\] {
            height: 650px
        }

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

        .lg\:w-\[460px\] {
            width: 460px
        }

        .lg\:w-\[739px\] {
            width: 739px
        }

        .lg\:w-\[1000px\] {
            width: 1000px
        }

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

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

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

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

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

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

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

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

        .lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }

        .lg\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }

        .lg\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .lg\:text-\[36px\] {
            font-size: 36px
        }

        .lg\:text-\[40px\] {
            font-size: 40px
        }

        .lg\:leading-\[48px\] {
            --tw-leading: 48px;
            line-height: 48px
        }
    }

    @media (orientation:landscape) {
        .landscape\:rounded-full {
            border-radius: 3.40282e+38px
        }
    }

    @media (width<64rem) {
        @media (orientation:landscape) {
            .max-lg\:landscape\:h-\[68px\] {
                height: 68px
            }

            .max-lg\:landscape\:h-full {
                height: 100%
            }

            .max-lg\:landscape\:w-auto {
                width: auto
            }

            .max-lg\:landscape\:flex-col-reverse {
                flex-direction: column-reverse
            }

            .max-lg\:landscape\:flex-row {
                flex-direction: row
            }

            .max-lg\:landscape\:gap-4 {
                gap: calc(var(--spacing)*4)
            }

            .max-lg\:landscape\:p-0 {
                padding: calc(var(--spacing)*0)
            }
        }
    }



    .dark\:justify-end:is(.dark *) {
        justify-content: flex-end
    }

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

    .dark\:border-\[\#1f0b4254\]:is(.dark *) {
        border-color: #1f0b4254
    }

    .dark\:border-\[\#382E49\]:is(.dark *) {
        border-color: #382e49
    }

    .dark\:border-\[\#BB62EB\]:is(.dark *) {
        border-color: #bb62eb
    }

    .dark\:border-\[\#F963F959\]:is(.dark *),
    .dark\:border-\[\#f963f959\]:is(.dark *) {
        border-color: #f963f959
    }

    .dark\:\[border-top-color\:\#f963f959\]:is(.dark *),
    .dark\:border-t-\[\#f963f959\]:is(.dark *),
    .dark\:border-t-\[rgba\(249\,99\,249\,0\.35\)\]:is(.dark *) {
        border-top-color: #f963f959
    }

    .dark\:bg-\[\#0F0823\]:is(.dark *) {
        background-color: #0f0823
    }

    .dark\:bg-\[\#1B0C30\]\/35:is(.dark *) {
        background-color: oklab(19.9712% .0336333 -.0600335/.35)
    }

    .dark\:bg-\[\#1B0C3059\]:is(.dark *) {
        background-color: #1b0c3059
    }

    .dark\:bg-\[\#1C083F\]:is(.dark *) {
        background-color: #1c083f
    }

    .dark\:bg-\[\#1D1032E5\]:is(.dark *) {
        background-color: #1d1032e5
    }

    .dark\:bg-\[\#2C184F\]:is(.dark *) {
        background-color: #2c184f
    }

    .dark\:bg-\[\#2E1A51\]:is(.dark *) {
        background-color: #2e1a51
    }

    .dark\:bg-\[\#4D589059\]:is(.dark *) {
        background-color: #4d589059
    }

    .dark\:bg-\[\#352C63\]:is(.dark *) {
        background-color: #352c63
    }

    .dark\:bg-linear-\[99\.98deg\,\#C86CF8_12\.57\%\,\#8600E6_100\%\]:is(.dark *) {
        --tw-gradient-position: 99.98deg, #c86cf8 12.57%, #8600e6 100%;
        background-image: linear-gradient(var(--tw-gradient-stops, 99.98deg, #c86cf8 12.57%, #8600e6 100%))
    }

    .dark\:bg-\[linear-gradient\(0deg\,_\#592679_0\%\,_\#35296B_100\%\)\]:is(.dark *) {
        background-image: linear-gradient(#35296b, #592679)
    }

    .dark\:bg-\[linear-gradient\(180deg\,\#2E1A51_0\%\,\#1C083F_100\%\)\]:is(.dark *) {
        background-image: linear-gradient(#2e1a51, #1c083f)
    }

    .dark\:bg-\[radial-gradient\(47\.09\%_27\.68\%_at_50\.15\%_14\.41\%\,rgba\(213\,43\,255\,0\.50\)_0\%\,rgba\(213\,43\,255\,0\.00\)_84\.13\%\)\,linear-gradient\(180deg\,\#2E1A51_0\%\,\#1C083F_100\%\)\]:is(.dark *) {
        background-image: radial-gradient(47.09% 27.68% at 50.15% 14.41%, #d52bff80 0, #d52bff00 84.13%), linear-gradient(#2e1a51, #1c083f)
    }

    .dark\:bg-\[radial-gradient\(50\%_40\%_at_50\%_0\%\,\#6a2db7_0\%\,transparent_100\%\)\,linear-gradient\(180deg\,\#1B0F2F_0\%\,\#140B26_100\%\)\]:is(.dark *) {
        background-image: radial-gradient(50% 40% at 50% 0, #6a2db7 0, #0000 100%), linear-gradient(#1b0f2f, #140b26)
    }

    .dark\:bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,\#F45DF5_0\%\,\#AD0FC4_100\%\)\]:is(.dark *) {
        background-image: radial-gradient(50% 50%, #f45df5 0, #ad0fc4 100%)
    }

    .dark\:bg-\[radial-gradient\(50\%_70\%_at_50\%_0\%\,\#eb4fff_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\]:is(.dark *) {
        background-image: radial-gradient(50% 70% at 50% 0, #eb4fff 0, #0000 100%)
    }

    .dark\:bg-\[radial-gradient\(circle\,rgba\(218\,40\,240\,0\.45\)_0\%\,transparent_65\%\)\]:is(.dark *) {
        background-image: radial-gradient(circle, #da28f073 0, #0000 65%)
    }

    .dark\:bg-\[url\(\'\/banners\/great-wheel\/bg-dark\.avif\'\)\]:is(.dark *) {
        background-image: url(/banners/great-wheel/bg-dark.avif)
    }

    .dark\:bg-\[url\(\'\/banners\/invite-friends\/bg-dark\.avif\'\)\]:is(.dark *) {
        background-image: url(/banners/invite-friends/bg-dark.avif)
    }

    .dark\:bg-\[url\(\'\/banners\/redeem\/redeem-limit-bg-dark\.avif\'\)\]:is(.dark *) {
        background-image: url(/banners/redeem/redeem-limit-bg-dark.avif)
    }

    .dark\:bg-\[url\(\'\/img\/glows\/ellipse-10-dark\.avif\'\)\]:is(.dark *) {
        background-image: url(/img/glows/ellipse-10-dark.avif)
    }

    .dark\:bg-banner-dark:is(.dark *) {
        background-image: linear-gradient(91.98deg, #922ebb, #4e0b76)
    }

    .dark\:bg-bundle-dark:is(.dark *) {
        background-image: linear-gradient(336.68deg, #30104d, #7025b3)
    }

    .dark\:bg-main-dark:is(.dark *) {
        background-image: linear-gradient(#2e1a51, #1c083f)
    }

    .dark\:bg-menu-active-dark:is(.dark *),
    .dark\:bg-menu-highlight:is(.dark *) {
        background-image: linear-gradient(87.54deg, #be20d6cc 2.06%, #7f009700 97.94%)
    }

    .dark\:bg-tabbar-active-dark:is(.dark *) {
        background-image: linear-gradient(176.06deg, #be20d6cc 3.22%, #7f009700 96.78%)
    }

    .dark\:bg-transaction-dark:is(.dark *) {
        background-image: linear-gradient(170.09deg, #b44cea, #8600e6)
    }

    .dark\:from-\[\#2E1A51\]:is(.dark *) {
        --tw-gradient-from: #2e1a51;
        --tw-gradient-stops: var(--tw-gradient-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\:via-\[\#0F0823\]:is(.dark *) {
        --tw-gradient-via: #0f0823;
        --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\:via-\[\#2E1A51\]:is(.dark *) {
        --tw-gradient-via: #2e1a51;
        --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\:to-\[\#0F0823\]:is(.dark *) {
        --tw-gradient-to: #0f0823;
        --tw-gradient-stops: var(--tw-gradient-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-\[\#1C083F\]:is(.dark *) {
        --tw-gradient-to: #1c083f;
        --tw-gradient-stops: var(--tw-gradient-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\:fill-\[\#2e1a51\]:is(.dark *) {
        fill: #2e1a51
    }

    .dark\:fill-\[\#BA63EB\]:is(.dark *) {
        fill: #ba63eb
    }

    .dark\:stroke-\[\#F963F959\]:is(.dark *) {
        stroke: #f963f959
    }

    .dark\:text-\[\#4E0B76\]:is(.dark *) {
        color: #4e0b76
    }

    .dark\:text-\[\#73198C\]:is(.dark *) {
        color: #73198c
    }

    .dark\:text-gray-100:is(.dark *) {
        color: var(--color-gray-100)
    }

    .dark\:shadow-\[0_0_1px_4px_rgba\(255\,255\,255\,0\.10\)\,0_-4px_2px_0_rgba\(71\,0\,104\,0\.45\)_inset\,0_3px_1px_0_rgba\(254\,201\,255\,0\.29\)_inset\]:is(.dark *) {
        --tw-shadow: 0 0 1px 4px var(--tw-shadow-color, #ffffff1a), 0 -4px 2px 0 var(--tw-shadow-color, #47006873)inset, 0 3px 1px 0 var(--tw-shadow-color, #fec9ff4a)inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .dark\:\[background\:linear-gradient\(0deg\,\#3E1248_0\%\,\#321554_100\%\)_padding-box\,linear-gradient\(0deg\,\#bd47cf9e_0\%\,\#1F0B42_100\%\)_border-box\]:is(.dark *) {
        background: linear-gradient(#321554, #3e1248) padding-box padding-box, linear-gradient(#1f0b42, #bd47cf9e) border-box
    }

    .dark\:\[text-shadow\:0_1px_0_\#7B3498\]:is(.dark *) {
        text-shadow: 0 1px #7b3498
    }

    .dark\:focus-within\:border-\[\#BB62EB\]:is(.dark *):focus-within {
        border-color: #bb62eb
    }

    @media (hover:hover) {
        .dark\:hover\:focus-within\:border-\[\#BB62EB\]:is(.dark *):hover:focus-within {
            border-color: #bb62eb
        }
    }

    .dark\:data-\[state\=checked\]\:bg-switch-active-dark:is(.dark *)[data-state=checked] {
        background-image: linear-gradient(93.91deg, #c2ff2d, #aff41a)
    }

    @media (width<64rem) {
        @media (orientation:landscape) {
            .max-lg\:landscape\:dark\:items-end:is(.dark *) {
                align-items: flex-end
            }
        }
    }

    .light .light\:hidden {
        display: none
    }

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

    .light .light\:border-\[\#0b1042ab\] {
        border-color: #0b1042ab
    }

    .light .light\:border-\[\#1B97DE\] {
        border-color: #1b97de
    }

    .light .light\:border-\[\#DBFFFF59\] {
        border-color: #dbffff59
    }

    .light .light\:border-\[\#FFEE6A\] {
        border-color: #ffee6a
    }

    .light .light\:border-\[\#ffffff59\] {
        border-color: #ffffff59
    }

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

    .light .light\:\[border-top-color\:\#dbffff59\] {
        border-top-color: #dbffff59
    }

    .light .light\:border-t-\[\#2083DF\] {
        border-top-color: #2083df
    }

    .light .light\:border-t-\[\#dbffff59\] {
        border-top-color: #dbffff59
    }

    .light .light\:bg-\[\#0F1F45\] {
        background-color: #0f1f45
    }

    .light .light\:bg-\[\#0F2966\] {
        background-color: #0f2966
    }

    .light .light\:bg-\[\#4D589059\] {
        background-color: #4d589059
    }

    .light .light\:bg-\[\#051F5B\] {
        background-color: #051f5b
    }

    .light .light\:bg-\[\#152F6B\] {
        background-color: #152f6b
    }

    .light .light\:bg-\[\#19336F\] {
        background-color: #19336f
    }

    .light .light\:bg-\[\#041650\] {
        background-color: #041650
    }

    .light .light\:bg-\[\#FFF546\] {
        background-color: #fff546
    }

    .light .light\:bg-linear-\[101\.48deg\,\#49DDFD_0\%\,\#10A4FE_100\%\] {
        --tw-gradient-position: 101.48deg, #49ddfd 0%, #10a4fe 100%;
        background-image: linear-gradient(var(--tw-gradient-stops, 101.48deg, #49ddfd 0, #10a4fe 100%))
    }

    .light .light\:bg-\[linear-gradient\(0deg\,_\#1C68C0_0\%\,_\#163382_100\%\)\] {
        background-image: linear-gradient(#163382, #1c68c0)
    }

    .light .light\:bg-\[linear-gradient\(180deg\,\#152F6B_0\%\,\#051F5B_100\%\)\] {
        background-image: linear-gradient(#152f6b, #051f5b)
    }

    .light .light\:bg-\[radial-gradient\(47\.09\%_27\.68\%_at_50\.15\%_14\.41\%\,rgba\(43\,110\,255\,0\.70\)_0\%\,rgba\(43\,110\,255\,0\.00\)_84\.13\%\)\,linear-gradient\(0deg\,\#051F5B_0\%\,\#152F6B_100\%\)\] {
        background-image: radial-gradient(47.09% 27.68% at 50.15% 14.41%, #2b6effb3 0, #2b6eff00 84.13%), linear-gradient(#152f6b, #051f5b)
    }

    .light .light\:bg-\[radial-gradient\(50\%_40\%_at_50\%_0\%\,\#244dac_0\%\,transparent_100\%\)\,linear-gradient\(180deg\,\#152F6B_0\%\,\#051F5B_100\%\)\] {
        background-image: radial-gradient(50% 40% at 50% 0, #244dac 0, #0000 100%), linear-gradient(#152f6b, #051f5b)
    }

    .light .light\:bg-\[radial-gradient\(50\%_50\%_at_50\%_0\%\,\#5BD2FD_0\%\,rgba\(0\,0\,0\,0\)_100\%\)\] {
        background-image: radial-gradient(50% 50% at 50% 0, #5bd2fd 0, #0000 100%)
    }

    .light .light\:bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,\#FFF041_0\%\,\#FFF041_100\%\)\] {
        background-image: radial-gradient(50% 50%, #fff041 0 100%)
    }

    .light .light\:bg-\[radial-gradient\(circle\,rgba\(91\,210\,253\,0\.45\)_0\%\,transparent_65\%\)\] {
        background-image: radial-gradient(circle, #5bd2fd73 0, #0000 65%)
    }

    .light .light\:bg-\[url\(\'suka\'\)\] {
        background-image: url(../img/bb3.png) !important;
    }

    .dark .dark\:bg-\[url\(\'suka2\'\)\] {
        background-image: url(../img/bb1.png);
    }


    .light .light\:bg-\[url\(\'\/banners\/great-wheel\/bg-light\.avif\'\)\] {
        background-image: url(/banners/great-wheel/bg-light.avif)
    }

    .light .light\:bg-\[url\(\'\/banners\/invite-friends\/bg-light\.avif\'\)\] {
        background-image: url(/banners/invite-friends/bg-light.avif)
    }

    .light .light\:bg-\[url\(\'\/banners\/redeem\/redeem-limit-bg-light\.avif\'\)\] {
        background-image: url(/banners/redeem/redeem-limit-bg-light.avif)
    }

    .light .light\:bg-\[url\(\'\/img\/glows\/ellipse-10-light\.avif\'\)\] {
        background-image: url(/img/glows/ellipse-10-light.avif)
    }

    .light .light\:bg-banner-light {
        background-image: linear-gradient(92deg, #15afd0, #265cd0)
    }

    .light .light\:bg-bundle-light {
        background-image: linear-gradient(142.91deg, #4392cb, #15318e)
    }

    .light .light\:bg-main-light {
        background-image: linear-gradient(#152f6b, #051f5b)
    }

    .light .light\:bg-menu-active-light {
        background-image: linear-gradient(269.88deg, #49ddfd00 .11%, #49ddfdcc 99.89%)
    }

    .light .light\:bg-tabbar-active-light {
        background-image: linear-gradient(176.06deg, #49ddfdcc 3.22%, #49ddfd00 96.78%)
    }

    .light .light\:bg-transaction-light {
        background-image: linear-gradient(146.48deg, #38ccec 19.92%, #0078d2 80.08%)
    }

    .light .light\:from-\[\#051F5B\] {
        --tw-gradient-from: #051f5b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .light .light\:from-\[\#FFF546\] {
        --tw-gradient-from: #fff546;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .light .light\:via-\[\#0F2966\] {
        --tw-gradient-via: #0f2966;
        --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)
    }

    .light .light\:via-\[\#051F5B\] {
        --tw-gradient-via: #051f5b;
        --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)
    }

    .light .light\:to-\[\#0F2966\] {
        --tw-gradient-to: #0f2966;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .light .light\:to-\[\#152F6B\] {
        --tw-gradient-to: #152f6b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .light .light\:to-\[\#FFD728\] {
        --tw-gradient-to: #ffd728;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }

    .light .light\:fill-\[\#1B97DE\] {
        fill: #1b97de
    }

    .light .light\:fill-\[\#152F6B\] {
        fill: #152f6b
    }

    .light .light\:stroke-\[\#DBFFFF59\] {
        stroke: #dbffff59
    }

    .light .light\:text-\[\#274B9C\] {
        color: #274b9c
    }

    .light .light\:text-\[\#864C22\] {
        color: #864c22
    }

    .light .light\:text-\[\#24286A\] {
        color: #24286a
    }

    .light .light\:shadow-\[0_0_1px_4px_rgba\(255\,255\,255\,0\.10\)\,0_-4px_2px_0_\#DBB70E_inset\,0_3px_1px_0_rgba\(255\,255\,255\,0\.31\)_inset\] {
        --tw-shadow: 0 0 1px 4px var(--tw-shadow-color, #ffffff1a), 0 -4px 2px 0 var(--tw-shadow-color, #dbb70e)inset, 0 3px 1px 0 var(--tw-shadow-color, #ffffff4f)inset;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .light .light\:shadow-\[0px_1px_7px_2px_\#FFF12B40\] {
        --tw-shadow: 0px 1px 7px 2px var(--tw-shadow-color, #fff12b40);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .light .light\:\[background\:linear-gradient\(\#152f6b_0\%\,\#051f5b_100\%\)_padding-box\,linear-gradient\(\#00c6ff12_0\%\,\#0072ff7a_100\%\)_border-box\] {
        background: linear-gradient(#152f6b, #051f5b) padding-box padding-box, linear-gradient(#00c6ff12, #0072ff7a) border-box
    }

    .light .light\:\[text-shadow\:0_1px_0_\#FFF\] {
        text-shadow: 0 1px #fff
    }

    .light .light\:focus-within\:border-\[\#1B97DE\]:focus-within {
        border-color: #1b97de
    }

    @media (hover:hover) {
        .light .light\:hover\:focus-within\:border-\[\#1B97DE\]:hover:focus-within {
            border-color: #1b97de
        }
    }

    .light .data-\[state\=checked\]\:light\:border-\[\#FFE732\][data-state=checked] {
        border-color: #ffe732
    }

    .light .data-\[state\=checked\]\:light\:bg-\[\#FFE732\][data-state=checked] {
        background-color: #ffe732
    }

    .light .data-\[state\=checked\]\:light\:bg-switch-active-light[data-state=checked] {
        background-image: linear-gradient(315deg, #ffd728, #fff546)
    }

    .light .data-\[state\=checked\]\:light\:text-\[\#864C22\][data-state=checked] {
        color: #864c22
    }

    @media (width<64rem) {
        @media (orientation:landscape) {
            .light .max-lg\:landscape\:light\:items-start {
                align-items: flex-start
            }
        }
    }

    @media (width<40rem) {
        .max-sm\:\[\&\>\*\]\:flex>* {
            display: flex
        }
    }

    @media (width<64rem) {
        .max-lg\:\[\&\>\:nth-child\(-n\+3\)\]\:flex>:nth-child(-n+3) {
            display: flex
        }
    }

    @media (width>=64rem) {
        .lg\:\[\&\>\:nth-child\(-n\+4\)\]\:flex>:nth-child(-n+4) {
            display: flex
        }
    }

    .\[\&\>iframe\]\:scheme-light>iframe {
        color-scheme: light
    }

    .\[\&\>svg\]\:-translate-y-0\.5>svg {
        --tw-translate-y: calc(var(--spacing)*-.5);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }

    .dialog-submit-button {
        background: radial-gradient(50% 50%, #c1ff39 0, #86e500 100%);
        border-radius: 28px;
        box-shadow: 0 0 1px 4px #ffffff1a, inset 0 -4px 2px #00680573, inset 0 3px 1px #d7ffc973
    }

    .confirm-button {
        background: linear-gradient(94deg, #c2ff2d, #aff41a);
        border: 1px solid #36d30a;
        box-shadow: 0 0 20px #a9ee1473, inset 0 -4px 2px #36773980, inset 0 4px 1px #ffffff80
    }

    .sale-badges-text-shadow {
        text-shadow: 0 1px #fff
    }

    #tabbar.tabbar-behind {
        z-index: -1
    }

    .carousel-fade-left {
        -webkit-mask-image: linear-gradient(270deg, #000 85%, #0000);
        mask-image: linear-gradient(270deg, #000 85%, #0000)
    }

    .carousel-fade-right {
        -webkit-mask-image: linear-gradient(90deg, #000 80%, #0000);
        mask-image: linear-gradient(90deg, #000 80%, #0000)
    }

    .carousel-fade-both {
        -webkit-mask-image: linear-gradient(90deg, #0000, #000 15% 80%, #0000);
        mask-image: linear-gradient(90deg, #0000, #000 15% 80%, #0000)
    }

    :is(.icon-fill, .text-color):is(.dark *) {
        color: #ba63eb
    }

    .light :is(.icon-fill, .text-color) {
        color: #1b97de
    }

    .background-fill:is(.dark *) {
        background-color: #382f66
    }

    .light .background-fill {
        background-color: #4d589059
    }

    .border-color:is(.dark *),
    .light .border-color {
        color: #1b0c3059
    }

    .сheckbox-border-color:is(.dark *) {
        border-color: #ba63eb
    }

    .light .сheckbox-border-color {
        border-color: #1b97de
    }

    .badge-text-color:is(.dark *) {
        color: #6d268c
    }

    .light .badge-text-color {
        color: #24286a
    }

    .fill-stroke path {
        stroke: #1b97de
    }

    .fill-stroke:is(.dark *) path {
        stroke: #ba63eb
    }

    .force-expanded,
    .tutorial-active div[style*=--desktop-menu-z-index] {
        transition: none !important;
        transform: translate(0) !important
    }

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

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

    .cabin {
        transform-origin: 50%;
        position: absolute;
        inset: 0
    }

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

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

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes flyToWallet {
        0% {
            opacity: 1;
            transform: translate(0)scale(1)
        }

        to {
            opacity: 0;
            transform: var(--fly-to-wallet-transform)scale(.5)
        }
    }

    .fly-to-wallet {
        z-index: 9999;
        animation: flyToWallet .7s ease-in-out forwards;
        position: absolute
    }

    @keyframes shake {
        0% {
            transform: translate(0)scale(1)rotate(0)
        }

        10% {
            transform: translate(-2px)scale(1.01)rotate(-2deg)
        }

        20% {
            transform: translate(2px)scale(1.02)rotate(2deg)
        }

        30% {
            transform: translate(-4px)scale(1.03)rotate(-4deg)
        }

        40% {
            transform: translate(4px)scale(1.04)rotate(4deg)
        }

        50% {
            transform: translate(-4px)scale(1.05)rotate(-5deg)
        }

        60% {
            transform: translate(4px)scale(1.04)rotate(4deg)
        }

        70% {
            transform: translate(-4px)scale(1.03)rotate(-3deg)
        }

        80% {
            transform: translate(2px)scale(1.02)rotate(2deg)
        }

        90% {
            transform: translate(-2px)scale(1.01)rotate(-1deg)
        }

        to {
            transform: translate(0)scale(1)rotate(0)
        }
    }

    .shake {
        animation: shake 1.4s ease-in-out
    }

    @keyframes lightUp {
        0% {
            opacity: 0;
            box-shadow: 0 0 5px 2px #fff546
        }

        25% {
            opacity: .7
        }

        50% {
            opacity: 1;
            box-shadow: 0 0 20px 10px #fff546
        }

        to {
            opacity: 1;
            box-shadow: 0 0 15px 5px #fff546
        }
    }

    @keyframes lightUpNoFlash {
        0% {
            opacity: 0;
            box-shadow: 0 0 0 1px #fff546
        }

        20% {
            opacity: 1;
            box-shadow: 0 0 15px 5px #fff546
        }

        to {
            opacity: 1;
            box-shadow: 0 0 15px 5px #fff546
        }
    }

    @keyframes lightDownNoFlash {
        0% {
            opacity: 1;
            box-shadow: 0 0 15px 5px #fff546
        }

        80% {
            opacity: 0;
            box-shadow: 0 0 0 1px #fff546
        }

        to {
            opacity: 0;
            box-shadow: 0 0 0 1px #fff546
        }
    }

    @keyframes brightnessTransition {
        0% {
            filter: brightness(.7)
        }

        to {
            filter: brightness()
        }
    }

    @keyframes brightnessTransitionReverse {
        0% {
            filter: brightness()
        }

        to {
            filter: brightness(.7)
        }
    }

    .animate-brightness-in {
        animation: brightnessTransition .21s ease-in-out forwards
    }

    .animate-brightness-out {
        animation: brightnessTransitionReverse .21s ease-in-out forwards
    }

    @keyframes activeToAchieved {
        0% {
            background-image: linear-gradient(#96d410, #74b200);
            border-color: #a9ee14
        }

        to {
            -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
            background-image: linear-gradient(#441d54, #271032);
            border-color: #0000
        }
    }

    .animate-active-to-achieved {
        transition: background-image .7s, border-color .7s, -webkit-backdrop-filter .7s, backdrop-filter .7s;
        animation: activeToAchieved .7s ease-in-out forwards
    }

    @keyframes overlayFadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: .65
        }
    }

    .animate-overlay-fade-in {
        animation: overlayFadeIn .7s ease-in-out forwards
    }

    @keyframes checkmarkFadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .animate-checkmark-fade-in {
        animation: checkmarkFadeIn .35s ease-in-out forwards
    }

    .popup-btn-bg {
        background: radial-gradient(50% 50%, #c1ff39 0, #86e500 100%)
    }

    .popup-btn-shadow {
        box-shadow: 0 0 1px 4px #ffffff1a, inset 0 -4px 2px #00680573, inset 0 3px 1px #d7ffc973
    }

    .popup-btn-shadow-hover {
        box-shadow: 0 0 10px 6px #c1ff39b3, inset 0 -4px 2px #00680573, inset 0 3px 1px #d7ffc973
    }

    .popup-btn-text-shadow {
        text-shadow: 0 1px #fffc
    }

    .lobby-trigger-transition {
        transition-property: transform, filter;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.2, .8, .2, 1)
    }

    .lobby-trigger-transition:hover {
        filter: brightness(1.1);
        transform: scale(1.05)
    }

    .lobby-trigger-transition:active {
        filter: brightness(.9);
        transition-duration: .1s;
        transform: scale(.95)
    }

    @keyframes bulb {

        0%,
        to {
            opacity: .4;
            filter: brightness(70%)
        }

        50% {
            opacity: 1;
            filter: brightness(130%)
        }
    }

    .bulb-glow {
        animation: bulb 2s ease-in-out infinite
    }

    .bulb-delay-0 {
        animation-delay: 0s
    }

    .bulb-delay-1 {
        animation-delay: .5s
    }

    .bulb-delay-2 {
        animation-delay: 1s
    }

    @keyframes fly-in {
        0% {
            opacity: 0;
            transform: translate(var(--origin-x), var(--origin-y))scale(.3)
        }

        to {
            opacity: 1;
            transform: translate(0)scale(1)
        }
    }

    .popup-fly-in {
        animation: fly-in .3s ease-out forwards
    }

    @media (width<=767px) {
        #_cpt_daily_widget .cpt-main-progressbar-wrapper {
            width: 343px !important
        }

        #_cpt_daily_nav_widget .cpt-main-progressbar-wrapper {
            width: auto !important
        }
    }

    @media (width>=768px) {
        #_cpt_daily_widget .cpt-main-progressbar-wrapper {
            width: 378px !important;
            margin-left: 12px !important
        }

        .cabin {
            --radius: var(--radius-desktop)
        }
    }
}

.delay-0 {
    --a-delay: 0s
}

.delay-200 {
    --a-delay: .2s
}

.delay-400 {
    --a-delay: .4s
}

.delay-600 {
    --a-delay: .6s
}

.delay-800 {
    --a-delay: .8s
}

.delay-1000 {
    --a-delay: 1s
}

.delay-1200 {
    --a-delay: 1.2s
}

.delay-1400 {
    --a-delay: 1.4s
}

.delay-1600 {
    --a-delay: 1.6s
}

.delay-1800 {
    --a-delay: 1.8s
}

.delay-2000 {
    --a-delay: 2s
}

.delay-2100 {
    --a-delay: 2.1s
}

.delay-2200 {
    --a-delay: 2.2s
}

.delay-2400 {
    --a-delay: 2.4s
}

.delay-2600 {
    --a-delay: 2.6s
}

.delay-2800 {
    --a-delay: 2.8s
}

.delay-3000 {
    --a-delay: 3s
}

@keyframes img-in {
    0% {
        opacity: 0;
        transform: translateY(16px)scale(.8)
    }

    to {
        opacity: 1;
        transform: translateY(0)scale(1)
    }
}

@keyframes spin-720-center {
    0% {
        transform: rotateY(2turn)
    }

    to {
        transform: rotateY(0)
    }
}

@keyframes badge-in {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.slide-up {
    animation: slideUp .6s forwards;
    animation-delay: var(--a-delay, 0s);
    animation-timing-function: ease-in-out
}

@keyframes img-scale-in-out {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    70% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.spin-in-out-wo-opacity {
    animation-name: spin-720-center;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s)
}

@keyframes move-right-to-left {
    0% {
        opacity: 0;
        transform: translate(40px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes move-down-to-up {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes spin-center {
    0% {
        opacity: 0;
        transform: rotateY(1turn)
    }

    to {
        opacity: 1;
        transform: rotateY(0)
    }
}

.badge-rotate {
    transform-style: preserve-3d;
    animation: swing3d 6s ease-in-out infinite;
    display: inline-block
}

@keyframes swing3d {
    0% {
        transform: perspective(100px)rotateY(0)
    }

    15% {
        transform: perspective(100px)rotateY(9deg)
    }

    30% {
        transform: perspective(100px)rotateY(0)
    }

    to {
        transform: perspective(100px)rotateY(0)
    }
}

.up-down {
    animation: upDown 2s ease-in-out infinite;
    display: inline-block
}

@keyframes upDown {

    0%,
    to {
        transform: scale(1.01)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes shine {
    0% {
        left: -100%
    }

    50% {
        left: 100%
    }

    to {
        left: 100%
    }
}

@keyframes rotate-left-right {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(-45deg)
    }

    50% {
        transform: rotate(0)
    }

    75% {
        transform: rotate(45deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes shake-left-right {
    0% {
        transform: translate(0)rotate(0)
    }

    2% {
        transform: translate(.5px)rotate(.5deg)
    }

    4% {
        transform: translate(-.5px)rotate(-.5deg)
    }

    6% {
        transform: translate(0)rotate(0)
    }

    to {
        transform: translate(0)rotate(0)
    }
}

@keyframes shine-left-to-right {
    0% {
        left: -100%
    }

    12% {
        left: 100%
    }

    to {
        left: 100%
    }
}

@property --a {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0deg
}

@keyframes wheel-angle-spin {
    to {
        --a: 360deg
    }
}

.wheel-rotate {
    transform: rotate(var(--a));
    will-change: transform;
    animation: wheel-angle-spin 80s linear infinite
}

.animate-img-in {
    animation-name: img-in;
    animation-duration: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s)
}

.scale-in-out {
    animation-name: img-scale-in-out;
    animation-duration: .6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s)
}

.spin-in-out {
    animation-name: spin-center;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s)
}

.move-right-to-left {
    animation-name: move-right-to-left;
    animation-duration: .4s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s)
}

.move-down-to-up {
    animation-name: move-down-to-up;
    animation-duration: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s)
}

.rotate-left-right {
    animation-name: rotate-left-right;
    animation-duration: .6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 2s)
}

.shake-left-right {
    animation-name: shake-left-right;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s);
    animation-iteration-count: infinite
}

.shine-object {
    overflow: hidden
}

.shine-object:before {
    content: "";
    width: 50%;
    height: 100%;
    animation-name: shine-left-to-right;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: var(--a-delay, 0s);
    background: linear-gradient(120deg, #0000, #fff9, #0000);
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
    left: -75%
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
    }
}

@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;
    initial-value: rotateX(0)
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false;
    initial-value: rotateY(0)
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false;
    initial-value: rotateZ(0)
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false;
    initial-value: skewX(0)
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false;
    initial-value: skewY(0)
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@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-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-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes caret-blink {

    0%,
    70%,
    to {
        opacity: 1
    }

    20%,
    50% {
        opacity: 0
    }
}



#supportChatOverlay {
	    z-index: 1111;
        background: rgb(0 0 0 / 75%);
}

#supportChatWindow {
	z-index: 11111;
}

.messagenews {    padding-bottom: 0 !important;   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 15px;}
.scrollbar-thin::-webkit-scrollbar { width: 5px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #9d4edd44; border-radius: 3px; }

.dot {
  display: inline-block;
  animation: blink 1.4s infinite both;
  font-size: 12px !important;
  color: #fff !important;
}
.dot:nth-child(2) { animation-delay: 0.2s; }
.dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes blink { 0%,80%,100% { opacity: 0.3; } 40% { opacity: 1; } }

#supportChatInput {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 15px;
}
.bordermessage {
    display: inline-block;
    max-width: 100%;
    width: 95%;
    margin: 8px;
    background: #ffffff;
    border: 2px solid #ffffff70;
    border-radius: 18px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    color: #000000;
    position: relative;
}

.bordermessage::before {
    content: '';
    position: absolute;
    /* left: 0; */
    right: 22px;
    bottom: -9px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 8px solid #ffffff;
    z-index: 2;
}