@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-font-weight: initial
        }
    }
}

.onboarding section {
    grid-row-gap: 24px;
    grid-template-rows: 320px auto 140px;
    align-content: center;
    height: calc(100vh - 268px);
    display: grid
}

.onboarding img, .onboarding video {
    width: 100%;
    max-width: 320px;
    margin: auto auto 10px
}

.onboarding video {
    height: 240px
}

.onboarding h3, .onboarding p {
    text-align: center
}

.onboarding h3 {
    font-weight: var(--text-cashier-200-font-weight);
    font-size: var(--text-cashier-200-font-size);
    line-height: var(--text-cashier-200-line-height);
    font-family: var(--text-cashier-200-font-family);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500)
}

.onboarding p {
    font-weight: var(--text-body-300-font-weight);
    font-size: var(--text-body-300-font-size);
    line-height: var(--text-body-300-line-height);
    font-family: var(--text-body-300-font-family);
    text-overflow: ellipsis;
    color: var(--semantic-text-primary);
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-font-weight: initial
        }
    }
}

._firstDepositContent_1w44h_2 li {
    margin-inline-start: calc(var(--spacing, .25rem) * 2);
    margin-bottom: calc(var(--spacing, .25rem) * 1)
}

._firstDepositContent_1w44h_2 h3 {
    font-weight: var(--text-body-500-font-weight);
    font-size: var(--text-body-500-font-size);
    line-height: var(--text-body-500-line-height);
    font-family: var(--text-body-500-font-family);
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700)
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-duration: initial;
            --tw-font-weight: initial
        }
    }
}

.agent-list ul {
    gap: calc(var(--spacing, .25rem) * 1);
    display: grid
}

.agent-list li {
    margin-bottom: calc(var(--spacing, .25rem) * 2);
    align-items: center;
    gap: calc(var(--spacing, .25rem) * 5);
    border-radius: var(--dimension-rounded-8);
    padding-inline-start: calc(var(--spacing, .25rem) * 1);
    padding-inline-end: calc(var(--spacing, .25rem) * 2);
    padding-top: calc(var(--spacing, .25rem) * 2);
    padding-bottom: calc(var(--spacing, .25rem) * 2);
    font-weight: var(--text-body-300-font-weight);
    font-size: var(--text-body-300-font-size);
    line-height: var(--text-body-300-line-height);
    font-family: var(--text-body-300-font-family);
    color: var(--semantic-text-secondary);
    --tw-duration: .5s;
    grid-template-columns: max-content 1fr;
    grid-auto-flow: column;
    transition-duration: .5s;
    display: grid
}

.agent-list li:hover {
    background-color: var(--semantic-background-primary);
    padding-inline-start: calc(var(--spacing, .25rem) * 2.5)
}

.agent-list h4 {
    margin-inline-start: calc(var(--spacing, .25rem) * 0);
    margin-inline-end: calc(var(--spacing, .25rem) * 0);
    margin-top: calc(var(--spacing, .25rem) * 0);
    margin-bottom: calc(var(--spacing, .25rem) * 1);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--semantic-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.agent-list h3 {
    display: none
}

.agent-list a {
    cursor: pointer;
    color: var(--semantic-text-brand);
    text-decoration-line: none
}

.agent-list p span {
    color: var(--semantic-text-primary)
}

.agent-list .image {
    height: calc(var(--spacing, .25rem) * 8);
    width: calc(var(--spacing, .25rem) * 8);
    border-radius: 3.40282e38px;
    border-radius: var(--dimension-rounded-full);
    background-repeat: no-repeat;
    background-size: cover;
    place-self: center
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-border-style: solid;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-leading: initial
        }
    }
}

.faq-cms-content {
    font-weight: var(--text-body-300-font-weight);
    font-size: var(--text-body-300-font-size);
    line-height: var(--text-body-300-line-height);
    font-family: var(--text-body-300-font-family);
    color: var(--semantic-text-primary)
}

.faq-cms-content ul {
    gap: calc(var(--spacing, .25rem) * 4);
    flex-direction: column;
    list-style-type: none;
    display: flex
}

.faq-cms-content li {
    border-radius: var(--dimension-rounded-8);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--semantic-border-primary);
    background-color: var(--semantic-background-primary)
}

.faq-cms-content li:nth-of-type(n+4) {
    display: none
}

.faq-cms-content.showing-more li {
    display: block
}

.faq-cms-content li > * + * {
    margin-top: calc(var(--spacing, .25rem) * 2)
}

.faq-cms-content li > :nth-child(2) {
    margin-top: calc(var(--spacing, .25rem) * 0)
}

.faq-cms-content a {
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    text-decoration-line: underline
}

.faq-cms-content li.expanded {
    padding: calc(var(--spacing, .25rem) * 4);
    --tw-shadow: var(--effect-shadow-100-layer-1-x) var(--effect-shadow-100-layer-1-y) var(--effect-shadow-100-layer-1-blur) var(--effect-shadow-100-layer-1-spread) var(--effect-shadow-100-layer-1-color), var(--effect-shadow-100-layer-2-x) var(--effect-shadow-100-layer-2-y) var(--effect-shadow-100-layer-2-blur) var(--effect-shadow-100-layer-2-spread) var(--effect-shadow-100-layer-2-color);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

.faq-cms-content h5 {
    cursor: pointer;
    padding: calc(var(--spacing, .25rem) * 4);
    --tw-leading: calc(var(--spacing, .25rem) * 8);
    line-height: calc(var(--spacing, .25rem) * 8);
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    justify-content: space-between;
    align-items: center;
    display: flex
}

.faq-cms-content li.expanded > h5 {
    margin-inline: calc(var(--spacing, .25rem) * -4);
    margin-top: calc(var(--spacing, .25rem) * -4)
}

.faq-cms-content li > h5 svg {
    transform: scale(-1)
}

.faq-cms-content li.expanded > h5 svg {
    transform: scale(1)
}

.faq-cms-content li > :not(h5) {
    display: none
}

.faq-cms-content li.expanded > :not(h5) {
    display: block
}

/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: ""
        }
    }
}

@layer theme {
    :root, :host {
        --color-red-500: oklch(63.7% .237 25.331);
        --color-green-500: oklch(72.3% .219 149.579);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-gray-600: oklch(44.6% .03 256.802);
        --color-gray-900: oklch(21% .034 264.665);
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-wider: .05em;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --radius-sm: .25rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --shadow-xs: 0 1px 2px 0 #0000000d;
        --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
        --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
        --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        --ease-in: cubic-bezier(.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-sm: 8px;
        --blur-md: 12px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@layer base;

@layer components {
    .stack-col {
        gap: calc(var(--spacing) * 4);
        grid-template-columns: minmax(1px, 1fr);
        grid-auto-flow: column;
        display: grid
    }

    .stack {
        gap: calc(var(--spacing) * 4);
        grid-auto-rows: max-content;
        display: grid
    }

    .tooltip {
        visibility: hidden;
        inline-size: max-content;
        position: absolute
    }

    .has-tooltip {
        display: flex;
        position: relative
    }

    .has-tooltip:hover .tooltip {
        visibility: visible;
        z-index: 50
    }
}

@layer utilities;

@layer cs-preflight.base {
    :where(.cs-tw *) {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    :where(.cs-tw button: not(:disabled), .cs-tw [role=button]:not(:disabled)

) {
    cursor: pointer;
    background: 0 0;
    border: none
}

    :where() {
        color: var(--semantic-text-secondary)
    }

    :where(.cs-tw input,.cs-tw textarea,.cs-tw select) {
        background-color: var(--semantic-background-primary)
    }

    :where(.cs-tw input: disabled,.cs-tw textarea:disabled,.cs-tw select:disabled) {
        opacity: var(--effect-opacity-disabled)
    }

    :where(.cs-tw h1,.cs-tw h2,.cs-tw h3,.cs-tw h4,.cs-tw h5,.cs-tw h6) {
        font-size: inherit;
        font-weight: inherit
    }

    :where(.cs-tw ol,.cs-tw ul,.cs-tw menu) {
        list-style: none
    }

    :where(.cs-tw img,.cs-tw svg,.cs-tw video,.cs-tw canvas,.cs-tw audio,.cs-tw iframe,.cs-tw embed,.cs-tw object) {
        vertical-align: middle;
        display: block
    }

    :where(.cs-tw img,.cs-tw video) {
        max-width: 100%;
        height: auto
    }

    :where(.cs-tw a) {
        color: inherit;
        text-decoration: none
    }

    :where(.cs-tw hr) {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
}

@layer cs-utilities {
    .cs-tw .pointer-events-auto {
        pointer-events: auto !important
    }

    .cs-tw .pointer-events-none {
        pointer-events: none !important
    }

    .cs-tw .visible {
        visibility: visible !important
    }

    .cs-tw .input-d-rtl::-webkit-datetime-edit {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .input-d-rtl::-webkit-date-and-time-value {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .input-d-rtl::-webkit-calendar-picker-indicator {
        left: .5rem !important
    }

    .cs-tw .input-dt-local-rtl::-webkit-datetime-edit {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .input-dt-local-rtl::-webkit-date-and-time-value {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .input-dt-local-rtl::-webkit-calendar-picker-indicator {
        left: .5rem !important
    }

    .cs-tw .input-t-rtl::-webkit-datetime-edit {
        position: absolute !important;
        right: .5rem !important
    }

    .cs-tw .input-t-rtl::-webkit-date-and-time-value {
        position: absolute !important;
        right: .5rem !important
    }

    .cs-tw .input-t-rtl::-webkit-calendar-picker-indicator {
        left: .5rem !important
    }

    .cs-tw .input-dt-shared::-webkit-datetime-edit {
        height: 2.375rem !important;
        padding: 0 !important;
        line-height: 2.375rem !important;
        display: block !important
    }

    .cs-tw .input-dt-shared::-webkit-date-and-time-value {
        height: 2.375rem !important;
        padding: 0 !important;
        line-height: 2.375rem !important;
        display: block !important
    }

    .cs-tw .input-dt-shared::-webkit-date-and-time-value {
        padding-top: .5rem !important
    }

    .cs-tw .input-dt-shared::-webkit-calendar-picker-indicator {
        position: absolute !important
    }

    .cs-tw .absolute {
        position: absolute !important
    }

    .cs-tw .fixed {
        position: fixed !important
    }

    .cs-tw .relative {
        position: relative !important
    }

    .cs-tw .static {
        position: static !important
    }

    .cs-tw .inset-0 {
        inset: calc(var(--spacing) * 0) !important
    }

    .cs-tw .\!inset-x-0, .cs-tw .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0) !important
    }

    .cs-tw .inset-x-4 {
        inset-inline: calc(var(--spacing) * 4) !important
    }

    .cs-tw .inset-x-6 {
        inset-inline: calc(var(--spacing) * 6) !important
    }

    .cs-tw .inset-y-0 {
        inset-block: calc(var(--spacing) * 0) !important
    }

    .cs-tw .inset-y-1 {
        inset-block: calc(var(--spacing) * 1) !important
    }

    .cs-tw .-start-4 {
        inset-inline-start: calc(var(--spacing) * -4) !important
    }

    .cs-tw .start-0 {
        inset-inline-start: calc(var(--spacing) * 0) !important
    }

    .cs-tw .start-1 {
        inset-inline-start: calc(var(--spacing) * 1) !important
    }

    .cs-tw .start-2 {
        inset-inline-start: calc(var(--spacing) * 2) !important
    }

    .cs-tw .start-3 {
        inset-inline-start: calc(var(--spacing) * 3) !important
    }

    .cs-tw .start-4 {
        inset-inline-start: calc(var(--spacing) * 4) !important
    }

    .cs-tw .-end-2\.5 {
        inset-inline-end: calc(var(--spacing) * -2.5) !important
    }

    .cs-tw .-end-3 {
        inset-inline-end: calc(var(--spacing) * -3) !important
    }

    .cs-tw .-end-4 {
        inset-inline-end: calc(var(--spacing) * -4) !important
    }

    .cs-tw .end-0 {
        inset-inline-end: calc(var(--spacing) * 0) !important
    }

    .cs-tw .end-1 {
        inset-inline-end: calc(var(--spacing) * 1) !important
    }

    .cs-tw .end-2 {
        inset-inline-end: calc(var(--spacing) * 2) !important
    }

    .cs-tw .end-3 {
        inset-inline-end: calc(var(--spacing) * 3) !important
    }

    .cs-tw .end-4 {
        inset-inline-end: calc(var(--spacing) * 4) !important
    }

    .cs-tw .input-xl:not(:focus):not([disabled]): :placeholder {
        opacity: 0 !important
    }

    .cs-tw .input-xl:not(:focus):not([disabled]): placeholder-shown + label {
        margin-top: -.438rem !important;
        font-size: 1rem !important;
        line-height: 1rem !important;
        top: 50% !important
    }

    .cs-tw .\!top-7 {
        top: calc(var(--spacing) * 7) !important
    }

    .cs-tw .-top-0\.5 {
        top: calc(var(--spacing) * -.5) !important
    }

    .cs-tw .-top-1 {
        top: calc(var(--spacing) * -1) !important
    }

    .cs-tw .-top-2 {
        top: calc(var(--spacing) * -2) !important
    }

    .cs-tw .-top-\[6px\] {
        top: -6px !important
    }

    .cs-tw .top-0 {
        top: calc(var(--spacing) * 0) !important
    }

    .cs-tw .top-1 {
        top: calc(var(--spacing) * 1) !important
    }

    .cs-tw .top-1\/2 {
        top: 50% !important
    }

    .cs-tw .top-2 {
        top: calc(var(--spacing) * 2) !important
    }

    .cs-tw .top-2\/4 {
        top: 50% !important
    }

    .cs-tw .top-3 {
        top: calc(var(--spacing) * 3) !important
    }

    .cs-tw .top-4 {
        top: calc(var(--spacing) * 4) !important
    }

    .cs-tw .top-16 {
        top: calc(var(--spacing) * 16) !important
    }

    .cs-tw .top-\[-7px\] {
        top: -7px !important
    }

    .cs-tw .top-auto {
        top: auto !important
    }

    .cs-tw .top-full {
        top: 100% !important
    }

    .cs-tw .-right-1 {
        right: calc(var(--spacing) * -1) !important
    }

    .cs-tw .-right-2 {
        right: calc(var(--spacing) * -2) !important
    }

    .cs-tw .-right-3 {
        right: calc(var(--spacing) * -3) !important
    }

    .cs-tw .-right-6 {
        right: calc(var(--spacing) * -6) !important
    }

    .cs-tw .-right-\[6px\] {
        right: -6px !important
    }

    .cs-tw .input-d::-webkit-calendar-picker-indicator {
        right: .875rem !important
    }

    .cs-tw .input-t::-webkit-calendar-picker-indicator {
        right: .875rem !important
    }

    .cs-tw .right-0 {
        right: calc(var(--spacing) * 0) !important
    }

    .cs-tw .right-1\/2 {
        right: 50% !important
    }

    .cs-tw .right-2 {
        right: calc(var(--spacing) * 2) !important
    }

    .cs-tw .right-4 {
        right: calc(var(--spacing) * 4) !important
    }

    .cs-tw .right-px {
        right: 1px !important
    }

    .cs-tw .-bottom-1 {
        bottom: calc(var(--spacing) * -1) !important
    }

    .cs-tw .-bottom-\[6px\] {
        bottom: -6px !important
    }

    .cs-tw .bottom-0 {
        bottom: calc(var(--spacing) * 0) !important
    }

    .cs-tw .bottom-2 {
        bottom: calc(var(--spacing) * 2) !important
    }

    .cs-tw .bottom-3 {
        bottom: calc(var(--spacing) * 3) !important
    }

    .cs-tw .bottom-4 {
        bottom: calc(var(--spacing) * 4) !important
    }

    .cs-tw .bottom-5 {
        bottom: calc(var(--spacing) * 5) !important
    }

    .cs-tw .bottom-6 {
        bottom: calc(var(--spacing) * 6) !important
    }

    .cs-tw .bottom-7 {
        bottom: calc(var(--spacing) * 7) !important
    }

    .cs-tw .bottom-8 {
        bottom: calc(var(--spacing) * 8) !important
    }

    .cs-tw .bottom-10 {
        bottom: calc(var(--spacing) * 10) !important
    }

    .cs-tw .bottom-12 {
        bottom: calc(var(--spacing) * 12) !important
    }

    .cs-tw .bottom-\[18px\] {
        bottom: 18px !important
    }

    .cs-tw .bottom-\[28px\] {
        bottom: 28px !important
    }

    .cs-tw .bottom-\[env\(safe-area-inset-bottom\,_0\)\] {
        bottom: env(safe-area-inset-bottom, 0) !important
    }

    .cs-tw .bottom-full {
        bottom: 100% !important
    }

    .cs-tw .-left-2 {
        left: calc(var(--spacing) * -2) !important
    }

    .cs-tw .-left-6 {
        left: calc(var(--spacing) * -6) !important
    }

    .cs-tw .left-0 {
        left: calc(var(--spacing) * 0) !important
    }

    .cs-tw .left-1\/2 {
        left: 50% !important
    }

    .cs-tw .left-6 {
        left: calc(var(--spacing) * 6) !important
    }

    .cs-tw .left-8 {
        left: calc(var(--spacing) * 8) !important
    }

    .cs-tw .left-\[28px\] {
        left: 28px !important
    }

    .cs-tw .-z-1 {
        z-index: -1 !important
    }

    .cs-tw .z-0 {
        z-index: 0 !important
    }

    .cs-tw .z-1 {
        z-index: 1 !important
    }

    .cs-tw .z-5 {
        z-index: 5 !important
    }

    .cs-tw .z-10 {
        z-index: 10 !important
    }

    .cs-tw .z-20 {
        z-index: 20 !important
    }

    .cs-tw .z-30 {
        z-index: 30 !important
    }

    .cs-tw .z-50 {
        z-index: 50 !important
    }

    .cs-tw .z-10000 {
        z-index: 10000 !important
    }

    .cs-tw .z-10001 {
        z-index: 10001 !important
    }

    .cs-tw .z-\[-1\] {
        z-index: -1 !important
    }

    .cs-tw .z-\[1\] {
        z-index: 1 !important
    }

    .cs-tw .z-\[2\] {
        z-index: 2 !important
    }

    .cs-tw .z-\[3\] {
        z-index: 3 !important
    }

    .cs-tw .z-\[10001\] {
        z-index: 10001 !important
    }

    .cs-tw .z-\[10005\] {
        z-index: 10005 !important
    }

    .cs-tw .z-\[100000\] {
        z-index: 100000 !important
    }

    .cs-tw .z-\[999999\] {
        z-index: 999999 !important
    }

    @media (min-width: 40rem) {
        .cs-tw .container {
            max-width: 40rem !important
        }
    }

    @media (min-width: 48rem) {
        .cs-tw .container {
            max-width: 48rem !important
        }
    }

    @media (min-width: 64rem) {
        .cs-tw .container {
            max-width: 64rem !important
        }
    }

    @media (min-width: 80rem) {
        .cs-tw .container {
            max-width: 80rem !important
        }
    }

    @media (min-width: 96rem) {
        .cs-tw .container {
            max-width: 96rem !important
        }
    }

    .cs-tw .m-0 {
        margin: calc(var(--spacing) * 0) !important
    }

    .cs-tw .m-1 {
        margin: calc(var(--spacing) * 1) !important
    }

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

    .cs-tw .m-6 {
        margin: calc(var(--spacing) * 6) !important
    }

    .cs-tw .m-auto {
        margin: auto !important
    }

    .cs-tw .m-space-4 {
        margin: var(--dimension-space-4) !important
    }

    .cs-tw .mx-0 {
        margin-inline: calc(var(--spacing) * 0) !important
    }

    .cs-tw .mx-1 {
        margin-inline: calc(var(--spacing) * 1) !important
    }

    .cs-tw .mx-2 {
        margin-inline: calc(var(--spacing) * 2) !important
    }

    .cs-tw .mx-4 {
        margin-inline: calc(var(--spacing) * 4) !important
    }

    .cs-tw .mx-auto {
        margin-inline: auto !important
    }

    .cs-tw .my-1 {
        margin-block: calc(var(--spacing) * 1) !important
    }

    .cs-tw .my-2 {
        margin-block: calc(var(--spacing) * 2) !important
    }

    .cs-tw .my-3 {
        margin-block: calc(var(--spacing) * 3) !important
    }

    .cs-tw .my-4 {
        margin-block: calc(var(--spacing) * 4) !important
    }

    .cs-tw .my-7 {
        margin-block: calc(var(--spacing) * 7) !important
    }

    .cs-tw .my-space-16 {
        margin-block: var(--dimension-space-16) !important
    }

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

    .cs-tw .-ms-6 {
        margin-inline-start: calc(var(--spacing) * -6) !important
    }

    .cs-tw .ms-0 {
        margin-inline-start: calc(var(--spacing) * 0) !important
    }

    .cs-tw .ms-1 {
        margin-inline-start: calc(var(--spacing) * 1) !important
    }

    .cs-tw .me-\[-13px\] {
        margin-inline-end: -13px !important
    }

    .cs-tw .-mt-2 {
        margin-top: calc(var(--spacing) * -2) !important
    }

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

    .cs-tw .mt-1 {
        margin-top: calc(var(--spacing) * 1) !important
    }

    .cs-tw .mt-2 {
        margin-top: calc(var(--spacing) * 2) !important
    }

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

    .cs-tw .mt-3 {
        margin-top: calc(var(--spacing) * 3) !important
    }

    .cs-tw .mt-4 {
        margin-top: calc(var(--spacing) * 4) !important
    }

    .cs-tw .mt-6 {
        margin-top: calc(var(--spacing) * 6) !important
    }

    .cs-tw .mt-8 {
        margin-top: calc(var(--spacing) * 8) !important
    }

    .cs-tw .mt-10 {
        margin-top: calc(var(--spacing) * 10) !important
    }

    .cs-tw .mt-32 {
        margin-top: calc(var(--spacing) * 32) !important
    }

    .cs-tw .mt-\[-0\.75rem\] {
        margin-top: -.75rem !important
    }

    .cs-tw .-mb-16 {
        margin-bottom: calc(var(--spacing) * -16) !important
    }

    .cs-tw .-mb-32 {
        margin-bottom: calc(var(--spacing) * -32) !important
    }

    .cs-tw .mb-1 {
        margin-bottom: calc(var(--spacing) * 1) !important
    }

    .cs-tw .mb-2 {
        margin-bottom: calc(var(--spacing) * 2) !important
    }

    .cs-tw .mb-3 {
        margin-bottom: calc(var(--spacing) * 3) !important
    }

    .cs-tw .mb-4 {
        margin-bottom: calc(var(--spacing) * 4) !important
    }

    .cs-tw .mb-5 {
        margin-bottom: calc(var(--spacing) * 5) !important
    }

    .cs-tw .mb-6 {
        margin-bottom: calc(var(--spacing) * 6) !important
    }

    .cs-tw .mb-8 {
        margin-bottom: calc(var(--spacing) * 8) !important
    }

    .cs-tw .mb-9 {
        margin-bottom: calc(var(--spacing) * 9) !important
    }

    .cs-tw .mb-12 {
        margin-bottom: calc(var(--spacing) * 12) !important
    }

    .cs-tw .box-border {
        box-sizing: border-box !important
    }

    .cs-tw .box-content {
        box-sizing: content-box !important
    }

    .cs-tw .block {
        display: block !important
    }

    .cs-tw .contents {
        display: contents !important
    }

    .cs-tw .flex {
        display: flex !important
    }

    .cs-tw .grid {
        display: grid !important
    }

    .cs-tw .hidden {
        display: none !important
    }

    .cs-tw .inline {
        display: inline !important
    }

    .cs-tw .inline-block {
        display: inline-block !important
    }

    .cs-tw .inline-flex {
        display: inline-flex !important
    }

    .cs-tw .aspect-square {
        aspect-ratio: 1 !important
    }

    .cs-tw .hidden-scroll::-webkit-scrollbar {
        cursor: pointer !important;
        width: 12px !important;
        height: 12px !important
    }

    .cs-tw .hidden-scroll::-webkit-scrollbar-thumb {
        background-color: #0000 !important;
        background-clip: content-box !important;
        border: 3px solid #0000 !important;
        border-radius: 100px !important
    }

    .cs-tw .hidden-scroll:hover::-webkit-scrollbar-thumb {
        background-color: rgb(var(--goku)) !important
    }

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

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

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

    .cs-tw .input-lg-dt-shared::-webkit-datetime-edit {
        height: 2.875rem !important;
        line-height: 2.875rem !important
    }

    .cs-tw .input-lg-dt-shared::-webkit-date-and-time-value {
        padding-top: .625rem !important
    }

    .cs-tw .input-xl-dt-label::-webkit-datetime-edit {
        height: 2.25rem !important;
        line-height: 2.125rem !important
    }

    .cs-tw .input-xl-dt-label::-webkit-date-and-time-value {
        padding-top: 0 !important
    }

    .cs-tw .input-xl-dt-shared::-webkit-datetime-edit {
        height: 3.5rem !important;
        line-height: 3.5rem !important
    }

    .cs-tw .input-xl-dt-shared::-webkit-date-and-time-value {
        padding-top: 1rem !important
    }

    .cs-tw .\!h-\[85vh\] {
        height: 85vh !important
    }

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

    .cs-tw .h-1 {
        height: calc(var(--spacing) * 1) !important
    }

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

    .cs-tw .h-1\/3 {
        height: 33.3333% !important
    }

    .cs-tw .h-2 {
        height: calc(var(--spacing) * 2) !important
    }

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

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

    .cs-tw .h-4 {
        height: calc(var(--spacing) * 4) !important
    }

    .cs-tw .h-6 {
        height: calc(var(--spacing) * 6) !important
    }

    .cs-tw .h-8 {
        height: calc(var(--spacing) * 8) !important
    }

    .cs-tw .h-10 {
        height: calc(var(--spacing) * 10) !important
    }

    .cs-tw .h-11 {
        height: calc(var(--spacing) * 11) !important
    }

    .cs-tw .h-12 {
        height: calc(var(--spacing) * 12) !important
    }

    .cs-tw .h-14 {
        height: calc(var(--spacing) * 14) !important
    }

    .cs-tw .h-16 {
        height: calc(var(--spacing) * 16) !important
    }

    .cs-tw .h-80 {
        height: calc(var(--spacing) * 80) !important
    }

    .cs-tw .h-\[14px\] {
        height: 14px !important
    }

    .cs-tw .h-\[16px\] {
        height: 16px !important
    }

    .cs-tw .h-\[24px\] {
        height: 24px !important
    }

    .cs-tw .h-\[32\%\] {
        height: 32% !important
    }

    .cs-tw .h-\[32px\] {
        height: 32px !important
    }

    .cs-tw .h-\[64\%\] {
        height: 64% !important
    }

    .cs-tw .h-\[64px\] {
        height: 64px !important
    }

    .cs-tw .h-\[68px\] {
        height: 68px !important
    }

    .cs-tw .h-\[72px\] {
        height: 72px !important
    }

    .cs-tw .h-\[75px\] {
        height: 75px !important
    }

    .cs-tw .h-\[75vh\] {
        height: 75vh !important
    }

    .cs-tw .h-\[80vh\] {
        height: 80vh !important
    }

    .cs-tw .h-\[85vh\] {
        height: 85vh !important
    }

    .cs-tw .h-\[88\%\] {
        height: 88% !important
    }

    .cs-tw .h-\[132px\] {
        height: 132px !important
    }

    .cs-tw .h-\[296px\] {
        height: 296px !important
    }

    .cs-tw .h-\[calc\(100vh_-_15rem\)\] {
        height: calc(100vh - 15rem) !important
    }

    .cs-tw .h-auto {
        height: auto !important
    }

    .cs-tw .h-fit {
        height: fit-content !important
    }

    .cs-tw .h-full {
        height: 100% !important
    }

    .cs-tw .h-max {
        height: max-content !important
    }

    .cs-tw .h-px {
        height: 1px !important
    }

    .cs-tw .h-screen {
        height: 100vh !important
    }

    .cs-tw .h-space-32 {
        height: var(--dimension-space-32) !important
    }

    .cs-tw .h-space-40 {
        height: var(--dimension-space-40) !important
    }

    .cs-tw .h-space-48 {
        height: var(--dimension-space-48) !important
    }

    .cs-tw .h-space-56 {
        height: var(--dimension-space-56) !important
    }

    .cs-tw .h-space-64 {
        height: var(--dimension-space-64) !important
    }

    .cs-tw .h-space-80 {
        height: var(--dimension-space-80) !important
    }

    .cs-tw .max-h-\[18\.75rem\] {
        max-height: 18.75rem !important
    }

    .cs-tw .max-h-\[70px\] {
        max-height: 70px !important
    }

    .cs-tw .max-h-\[85vh\] {
        max-height: 85vh !important
    }

    .cs-tw .max-h-\[calc\(85vh-224px\)\] {
        max-height: calc(85vh - 224px) !important
    }

    .cs-tw .min-h-2 {
        min-height: calc(var(--spacing) * 2) !important
    }

    .cs-tw .min-h-80 {
        min-height: calc(var(--spacing) * 80) !important
    }

    .cs-tw .min-h-\[4rem\] {
        min-height: 4rem !important
    }

    .cs-tw .min-h-\[30vh\] {
        min-height: 30vh !important
    }

    .cs-tw .min-h-\[37rem\] {
        min-height: 37rem !important
    }

    .cs-tw .min-h-\[40vh\] {
        min-height: 40vh !important
    }

    .cs-tw .min-h-\[42rem\] {
        min-height: 42rem !important
    }

    .cs-tw .min-h-\[85vh\] {
        min-height: 85vh !important
    }

    .cs-tw .min-h-\[580px\] {
        min-height: 580px !important
    }

    .cs-tw .min-h-\[600px\] {
        min-height: 600px !important
    }

    .cs-tw .min-h-\[640px\] {
        min-height: 640px !important
    }

    .cs-tw .min-h-\[720px\] {
        min-height: 720px !important
    }

    .cs-tw .min-h-\[740px\] {
        min-height: 740px !important
    }

    .cs-tw .min-h-\[745px\] {
        min-height: 745px !important
    }

    .cs-tw .min-h-\[820px\] {
        min-height: 820px !important
    }

    .cs-tw .min-h-full {
        min-height: 100% !important
    }

    .cs-tw .min-h-screen {
        min-height: 100vh !important
    }

    .cs-tw .w-1 {
        width: calc(var(--spacing) * 1) !important
    }

    .cs-tw .w-2 {
        width: calc(var(--spacing) * 2) !important
    }

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

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

    .cs-tw .w-4 {
        width: calc(var(--spacing) * 4) !important
    }

    .cs-tw .w-4\/6 {
        width: 66.6667% !important
    }

    .cs-tw .w-5\/6 {
        width: 83.3333% !important
    }

    .cs-tw .w-6 {
        width: calc(var(--spacing) * 6) !important
    }

    .cs-tw .w-7 {
        width: calc(var(--spacing) * 7) !important
    }

    .cs-tw .w-8 {
        width: calc(var(--spacing) * 8) !important
    }

    .cs-tw .w-10 {
        width: calc(var(--spacing) * 10) !important
    }

    .cs-tw .w-11 {
        width: calc(var(--spacing) * 11) !important
    }

    .cs-tw .w-12 {
        width: calc(var(--spacing) * 12) !important
    }

    .cs-tw .w-14 {
        width: calc(var(--spacing) * 14) !important
    }

    .cs-tw .w-16 {
        width: calc(var(--spacing) * 16) !important
    }

    .cs-tw .w-40 {
        width: calc(var(--spacing) * 40) !important
    }

    .cs-tw .w-44 {
        width: calc(var(--spacing) * 44) !important
    }

    .cs-tw .w-64 {
        width: calc(var(--spacing) * 64) !important
    }

    .cs-tw .w-72 {
        width: calc(var(--spacing) * 72) !important
    }

    .cs-tw .w-96 {
        width: calc(var(--spacing) * 96) !important
    }

    .cs-tw .w-\[3\.75rem\] {
        width: 3.75rem !important
    }

    .cs-tw .w-\[16px\] {
        width: 16px !important
    }

    .cs-tw .w-\[24px\] {
        width: 24px !important
    }

    .cs-tw .w-\[32px\] {
        width: 32px !important
    }

    .cs-tw .w-\[40px\] {
        width: 40px !important
    }

    .cs-tw .w-\[60px\] {
        width: 60px !important
    }

    .cs-tw .w-\[64px\] {
        width: 64px !important
    }

    .cs-tw .w-\[80px\] {
        width: 80px !important
    }

    .cs-tw .w-\[100px\] {
        width: 100px !important
    }

    .cs-tw .w-\[130px\] {
        width: 130px !important
    }

    .cs-tw .w-\[260px\] {
        width: 260px !important
    }

    .cs-tw .w-\[296px\] {
        width: 296px !important
    }

    .cs-tw .w-\[300px\] {
        width: 300px !important
    }

    .cs-tw .w-\[308px\] {
        width: 308px !important
    }

    .cs-tw .w-\[calc\(100\%-32px\)\] {
        width: calc(100% - 32px) !important
    }

    .cs-tw .w-\[calc\(100\%_\+_3rem\)\] {
        width: calc(100% + 3rem) !important
    }

    .cs-tw .w-\[calc\(100\%_\+_48px\)\] {
        width: calc(100% + 48px) !important
    }

    .cs-tw .w-auto {
        width: auto !important
    }

    .cs-tw .w-fit {
        width: fit-content !important
    }

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

    .cs-tw .w-max {
        width: max-content !important
    }

    .cs-tw .w-min {
        width: min-content !important
    }

    .cs-tw .w-space-32 {
        width: var(--dimension-space-32) !important
    }

    .cs-tw .w-space-40 {
        width: var(--dimension-space-40) !important
    }

    .cs-tw .max-w-125 {
        max-width: calc(var(--spacing) * 125) !important
    }

    .cs-tw .max-w-\[48px\] {
        max-width: 48px !important
    }

    .cs-tw .max-w-\[90\%\] {
        max-width: 90% !important
    }

    .cs-tw .max-w-\[250px\] {
        max-width: 250px !important
    }

    .cs-tw .max-w-\[255px\] {
        max-width: 255px !important
    }

    .cs-tw .max-w-\[294px\] {
        max-width: 294px !important
    }

    .cs-tw .max-w-\[500px\] {
        max-width: 500px !important
    }

    .cs-tw .max-w-\[calc\(500px-1\.5rem\)\] {
        max-width: calc(500px - 1.5rem) !important
    }

    .cs-tw .max-w-full {
        max-width: 100% !important
    }

    .cs-tw .max-w-md {
        max-width: var(--container-md) !important
    }

    .cs-tw .max-w-sm {
        max-width: var(--container-sm) !important
    }

    .cs-tw .max-w-xs {
        max-width: var(--container-xs) !important
    }

    .cs-tw .min-w-2 {
        min-width: calc(var(--spacing) * 2) !important
    }

    .cs-tw .min-w-\[2rem\] {
        min-width: 2rem !important
    }

    .cs-tw .min-w-\[8\.5rem\] {
        min-width: 8.5rem !important
    }

    .cs-tw .min-w-\[18\.75rem\] {
        min-width: 18.75rem !important
    }

    .cs-tw .min-w-fit {
        min-width: fit-content !important
    }

    .cs-tw .min-w-min {
        min-width: min-content !important
    }

    .cs-tw .flex-1 {
        flex: 1 !important
    }

    .cs-tw .flex-none {
        flex: none !important
    }

    .cs-tw .flex-shrink-0 {
        flex-shrink: 0 !important
    }

    .cs-tw .flex-grow {
        flex-grow: 1 !important
    }

    .cs-tw .flex-grow-0 {
        flex-grow: 0 !important
    }

    .cs-tw .grow {
        flex-grow: 1 !important
    }

    .cs-tw .basis-1\/2 {
        flex-basis: 50% !important
    }

    .cs-tw .origin-\[top_center\] {
        transform-origin: top !important
    }

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

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

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

    .cs-tw .-translate-y-7 {
        --tw-translate-y: calc(var(--spacing) * -7) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .-translate-y-full {
        --tw-translate-y: -100% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

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

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

    .cs-tw .translate-y-full {
        --tw-translate-y: 100% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .scale-95 {
        --tw-scale-x: 95% !important;
        --tw-scale-y: 95% !important;
        --tw-scale-z: 95% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

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

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

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

    .cs-tw .scale-\[0\.93\] {
        scale: .93 !important
    }

    .cs-tw .scale-\[2\] {
        scale: 2 !important
    }

    .cs-tw .scale-\[3\] {
        scale: 3 !important
    }

    .cs-tw .scale-\[115\%\] {
        scale: 115% !important
    }

    .cs-tw .-rotate-180 {
        rotate: -180deg !important
    }

    .cs-tw .rotate-0 {
        rotate: none !important
    }

    .cs-tw .rotate-45 {
        rotate: 45deg !important
    }

    .cs-tw .rotate-180 {
        rotate: 180deg !important
    }

    .cs-tw .rotate-\[-180deg\] {
        rotate: -180deg !important
    }

    .cs-tw .anim-error {
        backface-visibility: hidden !important;
        perspective: 1000px !important;
        transform: translate(0) !important
    }

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

    .cs-tw .translate-x-radix-toast-swipe-move-x {
        transform: translate(var(--radix-toast-swipe-move-x)) !important
    }

    .cs-tw .animate-\[error_0\.82s_cubic-bezier\(0\.36\,0\.07\,0\.19\,0\.97\)_1_both\] {
        animation: .82s cubic-bezier(.36, .07, .19, .97) both error !important
    }

    .cs-tw .animate-\[pulse2_1\.5s_infinite\] {
        animation: 1.5s infinite pulse2 !important
    }

    .cs-tw .animate-\[rotation_1\.2s_cubic-bezier\(0\.5\,0\,0\.5\,1\)_infinite\] {
        animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite rotation !important
    }

    .cs-tw .animate-ping {
        animation: var(--animate-ping) !important
    }

    .cs-tw .animate-pulse {
        animation: var(--animate-pulse) !important
    }

    .cs-tw .\!cursor-default, .cs-tw .cursor-default {
        cursor: default !important
    }

    .cs-tw .cursor-not-allowed {
        cursor: not-allowed !important
    }

    .cs-tw .cursor-pointer {
        cursor: pointer !important
    }

    .cs-tw .cursor-text {
        cursor: text !important
    }

    .cs-tw .resize {
        resize: both !important
    }

    .cs-tw .resize-none {
        resize: none !important
    }

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

    .cs-tw .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory !important
    }

    .cs-tw .snap-center {
        scroll-snap-align: center !important
    }

    .cs-tw .list-disc {
        list-style-type: disc !important
    }

    .cs-tw .appearance-none {
        appearance: none !important
    }

    .cs-tw .auto-cols-max {
        grid-auto-columns: max-content !important
    }

    .cs-tw .grid-flow-col {
        grid-auto-flow: column !important
    }

    .cs-tw .grid-flow-col-dense {
        grid-auto-flow: column dense !important
    }

    .cs-tw .grid-flow-dense {
        grid-auto-flow: dense !important
    }

    .cs-tw .grid-flow-row {
        grid-auto-flow: row !important
    }

    .cs-tw .grid-flow-row-dense {
        grid-auto-flow: dense !important
    }

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

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

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

    .cs-tw .grid-cols-\[8fr_1fr\] {
        grid-template-columns: 8fr 1fr !important
    }

    .cs-tw .grid-cols-\[max-content_auto_max-content\] {
        grid-template-columns: max-content auto max-content !important
    }

    .cs-tw .grid-cols-\[max-content_auto_max-content_max-content\] {
        grid-template-columns: max-content auto max-content max-content !important
    }

    .cs-tw .grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr)) !important
    }

    .cs-tw .grid-rows-\[auto_minmax\(auto\,100\%\)\] {
        grid-template-rows: auto minmax(auto, 100%) !important
    }

    .cs-tw .flex-col {
        flex-direction: column !important
    }

    .cs-tw .flex-col-reverse {
        flex-direction: column-reverse !important
    }

    .cs-tw .flex-row {
        flex-direction: row !important
    }

    .cs-tw .flex-nowrap {
        flex-wrap: nowrap !important
    }

    .cs-tw .flex-wrap {
        flex-wrap: wrap !important
    }

    .cs-tw .place-content-start {
        place-content: start !important
    }

    .cs-tw .place-items-center {
        place-items: center !important
    }

    .cs-tw .content-around {
        align-content: space-around !important
    }

    .cs-tw .content-between {
        align-content: space-between !important
    }

    .cs-tw .content-center {
        align-content: center !important
    }

    .cs-tw .content-start {
        align-content: flex-start !important
    }

    .cs-tw .items-center {
        align-items: center !important
    }

    .cs-tw .items-start {
        align-items: flex-start !important
    }

    .cs-tw .items-stretch {
        align-items: stretch !important
    }

    .cs-tw .justify-between {
        justify-content: space-between !important
    }

    .cs-tw .justify-center {
        justify-content: center !important
    }

    .cs-tw .justify-end {
        justify-content: flex-end !important
    }

    .cs-tw .justify-start {
        justify-content: flex-start !important
    }

    .cs-tw .justify-items-center {
        justify-items: center !important
    }

    .cs-tw .justify-items-end {
        justify-items: end !important
    }

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

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

    .cs-tw .gap-1 {
        gap: calc(var(--spacing) * 1) !important
    }

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

    .cs-tw .gap-2 {
        gap: calc(var(--spacing) * 2) !important
    }

    .cs-tw .gap-3 {
        gap: calc(var(--spacing) * 3) !important
    }

    .cs-tw .gap-4 {
        gap: calc(var(--spacing) * 4) !important
    }

    .cs-tw .gap-5 {
        gap: calc(var(--spacing) * 5) !important
    }

    .cs-tw .gap-6 {
        gap: calc(var(--spacing) * 6) !important
    }

    .cs-tw .gap-7 {
        gap: calc(var(--spacing) * 7) !important
    }

    .cs-tw .gap-8 {
        gap: calc(var(--spacing) * 8) !important
    }

    .cs-tw .gap-10 {
        gap: calc(var(--spacing) * 10) !important
    }

    .cs-tw .gap-12 {
        gap: calc(var(--spacing) * 12) !important
    }

    .cs-tw .gap-space-4 {
        gap: var(--dimension-space-4) !important
    }

    .cs-tw .gap-space-8 {
        gap: var(--dimension-space-8) !important
    }

    .cs-tw .gap-space-12 {
        gap: var(--dimension-space-12) !important
    }

    .cs-tw .gap-space-16 {
        gap: var(--dimension-space-16) !important
    }

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

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

    .cs-tw .gap-x-2 {
        column-gap: calc(var(--spacing) * 2) !important
    }

    .cs-tw .gap-x-3 {
        column-gap: calc(var(--spacing) * 3) !important
    }

    .cs-tw .gap-x-4 {
        column-gap: calc(var(--spacing) * 4) !important
    }

    .cs-tw .gap-y-0 {
        row-gap: calc(var(--spacing) * 0) !important
    }

    .cs-tw .gap-y-1 {
        row-gap: calc(var(--spacing) * 1) !important
    }

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

    :where(.cs-tw .divide-primary>:not(:last-child)) {
        border-color: var(--semantic-border-primary) !important
    }

    .cs-tw .place-self-center {
        place-self: center !important
    }

    .cs-tw .self-center {
        align-self: center !important
    }

    .cs-tw .self-end {
        align-self: flex-end !important
    }

    .cs-tw .self-stretch {
        align-self: stretch !important
    }

    .cs-tw .justify-self-auto {
        justify-self: auto !important
    }

    .cs-tw .justify-self-center {
        justify-self: center !important
    }

    .cs-tw .justify-self-stretch {
        justify-self: stretch !important
    }

    .cs-tw .truncate {
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important
    }

    .cs-tw .overflow-hidden {
        overflow: hidden !important
    }

    .cs-tw .overflow-x-auto {
        overflow-x: auto !important
    }

    .cs-tw .overflow-x-hidden {
        overflow-x: hidden !important
    }

    .cs-tw .overflow-y-auto {
        overflow-y: auto !important
    }

    .cs-tw .overflow-y-hidden {
        overflow-y: hidden !important
    }

    .cs-tw .overscroll-y-contain {
        overscroll-behavior-y: contain !important
    }

    .cs-tw .\!rounded-12 {
        border-radius: var(--dimension-rounded-12) !important
    }

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

    .cs-tw .rounded {
        border-radius: .25rem !important
    }

    .cs-tw .rounded-4 {
        border-radius: var(--dimension-rounded-4) !important
    }

    .cs-tw .rounded-6 {
        border-radius: var(--dimension-rounded-6) !important
    }

    .cs-tw .rounded-8 {
        border-radius: var(--dimension-rounded-8) !important
    }

    .cs-tw .rounded-12 {
        border-radius: var(--dimension-rounded-12) !important
    }

    .cs-tw .rounded-16 {
        border-radius: var(--dimension-rounded-16) !important
    }

    .cs-tw .rounded-20 {
        border-radius: var(--dimension-rounded-20) !important
    }

    .cs-tw .rounded-full {
        border-radius: 3.40282e38px !important;
        border-radius: var(--dimension-rounded-full) !important
    }

    .cs-tw .rounded-lg {
        border-radius: var(--radius-lg) !important
    }

    .cs-tw .rounded-moon-i-md {
        border-radius: var(--radius-i-md) !important
    }

    .cs-tw .rounded-moon-i-sm {
        border-radius: var(--radius-i-sm) !important
    }

    .cs-tw .rounded-moon-i-xs {
        border-radius: var(--radius-i-xs) !important
    }

    .cs-tw .rounded-moon-s-md {
        border-radius: var(--radius-s-md) !important
    }

    .cs-tw .rounded-moon-s-sm {
        border-radius: var(--radius-s-sm) !important
    }

    .cs-tw .rounded-moon-s-xs {
        border-radius: var(--radius-s-xs) !important
    }

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

    .cs-tw .rounded-sm {
        border-radius: var(--radius-sm) !important
    }

    .cs-tw .rounded-xl {
        border-radius: var(--radius-xl) !important
    }

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

    .cs-tw .rounded-ss-none {
        border-start-start-radius: 0 !important
    }

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

    .cs-tw .rounded-se-none {
        border-start-end-radius: 0 !important
    }

    .cs-tw .rounded-ee-none {
        border-end-end-radius: 0 !important
    }

    .cs-tw .rounded-es-none {
        border-end-start-radius: 0 !important
    }

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

    .cs-tw .rounded-t-moon-i-md {
        border-top-left-radius: var(--radius-i-md) !important;
        border-top-right-radius: var(--radius-i-md) !important
    }

    .cs-tw .rounded-t-moon-s-sm {
        border-top-left-radius: var(--radius-s-sm) !important;
        border-top-right-radius: var(--radius-s-sm) !important
    }

    .cs-tw .rounded-t-none {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

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

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

    .cs-tw .rounded-b-moon-s-sm {
        border-bottom-right-radius: var(--radius-s-sm) !important;
        border-bottom-left-radius: var(--radius-s-sm) !important
    }

    .cs-tw .rounded-b-none {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

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

    .cs-tw .border-0 {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-0) !important
    }

    .cs-tw .border-1 {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-1) !important
    }

    .cs-tw .border-2 {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-2) !important
    }

    .cs-tw .border-4 {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-4) !important
    }

    .cs-tw .border-none {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-none) !important
    }

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

    .cs-tw .border-b-1 {
        border-bottom-style: var(--tw-border-style) !important;
        border-bottom-width: var(--dimension-border-1) !important
    }

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

    .cs-tw .border-solid {
        --tw-border-style: solid !important;
        border-style: solid !important
    }

    .cs-tw .border-beerus {
        border-color: rgb(var(--beerus)) !important
    }

    .cs-tw .border-brand {
        border-color: var(--semantic-border-brand) !important
    }

    .cs-tw .border-brand-subtle {
        border-color: var(--semantic-border-brand-subtle) !important
    }

    .cs-tw .border-bulma {
        border-color: rgb(var(--bulma)) !important
    }

    .cs-tw .border-force-light {
        border-color: var(--semantic-border-force-light) !important
    }

    .cs-tw .border-gohan {
        border-color: rgb(var(--gohan)) !important
    }

    .cs-tw .border-goten {
        border-color: rgb(var(--goten)) !important
    }

    .cs-tw .border-hit {
        border-color: rgb(var(--hit)) !important
    }

    .cs-tw .border-primary {
        border-color: var(--semantic-border-primary) !important
    }

    .cs-tw .border-secondary {
        border-color: var(--semantic-border-secondary) !important
    }

    .cs-tw .border-trunks {
        border-color: rgb(var(--trunks)) !important
    }

    .cs-tw .border-white {
        border-color: var(--color-white) !important
    }

    .cs-tw .border-x-transparent {
        border-inline-color: #0000 !important
    }

    .cs-tw .border-b-transparent {
        border-bottom-color: #0000 !important
    }

    .cs-tw .btn-primary {
        color: rgb(var(--goten)) !important;
        background-color: rgb(var(--piccolo)) !important
    }

    .cs-tw .btn-tertiary {
        color: rgb(var(--goten)) !important;
        background-color: rgb(var(--hit)) !important
    }

    .cs-tw .bg-\[\#1E211D8F\] {
        background-color: #1e211d8f !important
    }

    .cs-tw .bg-beerus {
        background-color: rgb(var(--beerus)) !important
    }

    .cs-tw .bg-brand {
        background-color: var(--semantic-background-brand) !important
    }

    .cs-tw .bg-brand-alpha {
        background-color: var(--semantic-background-brand-alpha) !important
    }

    .cs-tw .bg-brand-subtle {
        background-color: var(--semantic-background-brand-subtle) !important
    }

    .cs-tw .bg-bulma {
        background-color: rgb(var(--bulma)) !important
    }

    .cs-tw .bg-caution {
        background-color: var(--semantic-background-caution) !important
    }

    .cs-tw .bg-caution-subtle {
        background-color: var(--semantic-background-caution-subtle) !important
    }

    .cs-tw .bg-chichi {
        background-color: rgb(var(--chichi)) !important
    }

    .cs-tw .bg-gohan {
        background-color: rgb(var(--gohan)) !important
    }

    .cs-tw .bg-goku {
        background-color: rgb(var(--goku)) !important
    }

    .cs-tw .bg-goten {
        background-color: rgb(var(--goten)) !important
    }

    .cs-tw .bg-gray-100 {
        background-color: var(--color-gray-100) !important
    }

    .cs-tw .bg-heles {
        background-color: rgb(var(--heles)) !important
    }

    .cs-tw .bg-hit {
        background-color: rgb(var(--hit)) !important
    }

    .cs-tw .bg-hover {
        background-color: var(--semantic-background-hover) !important
    }

    .cs-tw .bg-info-subtle {
        background-color: var(--semantic-background-info-subtle) !important
    }

    .cs-tw .bg-inverse {
        background-color: var(--semantic-background-inverse) !important
    }

    .cs-tw .bg-jiren {
        background-color: rgb(var(--jiren)) !important
    }

    .cs-tw .bg-negative {
        background-color: var(--semantic-background-negative) !important
    }

    .cs-tw .bg-negative-subtle {
        background-color: var(--semantic-background-negative-subtle) !important
    }

    .cs-tw .bg-piccolo {
        background-color: rgb(var(--piccolo)) !important
    }

    .cs-tw .bg-popo {
        background-color: rgb(var(--popo)) !important
    }

    .cs-tw .bg-positive {
        background-color: var(--semantic-background-positive) !important
    }

    .cs-tw .bg-positive-subtle {
        background-color: var(--semantic-background-positive-subtle) !important
    }

    .cs-tw .bg-primary {
        background-color: var(--semantic-background-primary) !important
    }

    .cs-tw .bg-roshi {
        background-color: rgb(var(--roshi)) !important
    }

    .cs-tw .bg-secondary {
        background-color: var(--semantic-background-secondary) !important
    }

    .cs-tw .bg-tertiary {
        background-color: var(--semantic-background-tertiary) !important
    }

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

    .cs-tw .bg-white {
        background-color: var(--semantic-background-white) !important
    }

    .cs-tw .bg-zeno {
        background-color: rgb(var(--zeno)) !important
    }

    .cs-tw .bg-contain {
        background-size: contain !important
    }

    .cs-tw .bg-cover {
        background-size: cover !important
    }

    .cs-tw .bg-center {
        background-position: 50% !important
    }

    .cs-tw .bg-no-repeat {
        background-repeat: no-repeat !important
    }

    .cs-tw .fill-current {
        fill: currentColor !important
    }

    .cs-tw .stroke-current {
        stroke: currentColor !important
    }

    .cs-tw .stroke-piccolo {
        stroke: rgb(var(--piccolo)) !important
    }

    .cs-tw .stroke-trunks\/\[\.24\] {
        stroke: rgb(var(--trunks)) !important
    }

    @supports (color: color-mix(in lab,red,red)) {
        .cs-tw .stroke-trunks\/\[\.24\] {
            stroke: color-mix(in oklab, rgb(var(--trunks)) 24%, transparent) !important
        }
    }

    .cs-tw .stroke-2 {
        stroke-width: 2px !important
    }

    .cs-tw .stroke-\[0\.5rem\] {
        stroke-width: .5rem !important
    }

    .cs-tw .object-contain {
        object-fit: contain !important
    }

    .cs-tw .object-cover {
        object-fit: cover !important
    }

    .cs-tw .\!p-1 {
        padding: calc(var(--spacing) * 1) !important
    }

    .cs-tw .\!p-space-10 {
        padding: var(--dimension-space-10) !important
    }

    .cs-tw .brcrumb-li a, .cs-tw .brcrumb-li span {
        padding: .5rem !important
    }

    .cs-tw .p-0 {
        padding: calc(var(--spacing) * 0) !important
    }

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

    .cs-tw .p-1 {
        padding: calc(var(--spacing) * 1) !important
    }

    .cs-tw .p-2 {
        padding: calc(var(--spacing) * 2) !important
    }

    .cs-tw .p-3 {
        padding: calc(var(--spacing) * 3) !important
    }

    .cs-tw .p-4 {
        padding: calc(var(--spacing) * 4) !important
    }

    .cs-tw .p-6 {
        padding: calc(var(--spacing) * 6) !important
    }

    .cs-tw .p-space-2 {
        padding: var(--dimension-space-2) !important
    }

    .cs-tw .p-space-4 {
        padding: var(--dimension-space-4) !important
    }

    .cs-tw .p-space-8 {
        padding: var(--dimension-space-8) !important
    }

    .cs-tw .p-space-12 {
        padding: var(--dimension-space-12) !important
    }

    .cs-tw .p-space-16 {
        padding: var(--dimension-space-16) !important
    }

    .cs-tw .px-0 {
        padding-inline: calc(var(--spacing) * 0) !important
    }

    .cs-tw .px-0\.5 {
        padding-inline: calc(var(--spacing) * .5) !important
    }

    .cs-tw .px-1 {
        padding-inline: calc(var(--spacing) * 1) !important
    }

    .cs-tw .px-2 {
        padding-inline: calc(var(--spacing) * 2) !important
    }

    .cs-tw .px-3 {
        padding-inline: calc(var(--spacing) * 3) !important
    }

    .cs-tw .px-4 {
        padding-inline: calc(var(--spacing) * 4) !important
    }

    .cs-tw .px-5 {
        padding-inline: calc(var(--spacing) * 5) !important
    }

    .cs-tw .px-6 {
        padding-inline: calc(var(--spacing) * 6) !important
    }

    .cs-tw .px-space-8 {
        padding-inline: var(--dimension-space-8) !important
    }

    .cs-tw .px-space-10 {
        padding-inline: var(--dimension-space-10) !important
    }

    .cs-tw .px-space-16 {
        padding-inline: var(--dimension-space-16) !important
    }

    .cs-tw .py-0 {
        padding-block: calc(var(--spacing) * 0) !important
    }

    .cs-tw .py-0\.5 {
        padding-block: calc(var(--spacing) * .5) !important
    }

    .cs-tw .py-1 {
        padding-block: calc(var(--spacing) * 1) !important
    }

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

    .cs-tw .py-2 {
        padding-block: calc(var(--spacing) * 2) !important
    }

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

    .cs-tw .py-3 {
        padding-block: calc(var(--spacing) * 3) !important
    }

    .cs-tw .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5) !important
    }

    .cs-tw .py-4 {
        padding-block: calc(var(--spacing) * 4) !important
    }

    .cs-tw .py-8 {
        padding-block: calc(var(--spacing) * 8) !important
    }

    .cs-tw .py-12 {
        padding-block: calc(var(--spacing) * 12) !important
    }

    .cs-tw .py-space-12 {
        padding-block: var(--dimension-space-12) !important
    }

    .cs-tw .ps-0 {
        padding-inline-start: calc(var(--spacing) * 0) !important
    }

    .cs-tw .ps-0\.5 {
        padding-inline-start: calc(var(--spacing) * .5) !important
    }

    .cs-tw .ps-1 {
        padding-inline-start: calc(var(--spacing) * 1) !important
    }

    .cs-tw .ps-2 {
        padding-inline-start: calc(var(--spacing) * 2) !important
    }

    .cs-tw .ps-3 {
        padding-inline-start: calc(var(--spacing) * 3) !important
    }

    .cs-tw .ps-4 {
        padding-inline-start: calc(var(--spacing) * 4) !important
    }

    .cs-tw .ps-6 {
        padding-inline-start: calc(var(--spacing) * 6) !important
    }

    .cs-tw .pe-0\.5 {
        padding-inline-end: calc(var(--spacing) * .5) !important
    }

    .cs-tw .pe-1 {
        padding-inline-end: calc(var(--spacing) * 1) !important
    }

    .cs-tw .pe-2 {
        padding-inline-end: calc(var(--spacing) * 2) !important
    }

    .cs-tw .pe-3 {
        padding-inline-end: calc(var(--spacing) * 3) !important
    }

    .cs-tw .pe-4 {
        padding-inline-end: calc(var(--spacing) * 4) !important
    }

    .cs-tw .pe-6 {
        padding-inline-end: calc(var(--spacing) * 6) !important
    }

    .cs-tw .pe-10 {
        padding-inline-end: calc(var(--spacing) * 10) !important
    }

    .cs-tw .pe-12 {
        padding-inline-end: calc(var(--spacing) * 12) !important
    }

    .cs-tw .pe-14 {
        padding-inline-end: calc(var(--spacing) * 14) !important
    }

    .cs-tw .pe-\[13px\] {
        padding-inline-end: 13px !important
    }

    .cs-tw .pt-0 {
        padding-top: calc(var(--spacing) * 0) !important
    }

    .cs-tw .pt-1 {
        padding-top: calc(var(--spacing) * 1) !important
    }

    .cs-tw .pt-2 {
        padding-top: calc(var(--spacing) * 2) !important
    }

    .cs-tw .pt-3 {
        padding-top: calc(var(--spacing) * 3) !important
    }

    .cs-tw .pt-4 {
        padding-top: calc(var(--spacing) * 4) !important
    }

    .cs-tw .pt-5 {
        padding-top: calc(var(--spacing) * 5) !important
    }

    .cs-tw .pt-6 {
        padding-top: calc(var(--spacing) * 6) !important
    }

    .cs-tw .pt-8 {
        padding-top: calc(var(--spacing) * 8) !important
    }

    .cs-tw .pt-\[1\.125rem\] {
        padding-top: 1.125rem !important
    }

    .cs-tw .pr-1 {
        padding-right: calc(var(--spacing) * 1) !important
    }

    .cs-tw .pr-4 {
        padding-right: calc(var(--spacing) * 4) !important
    }

    .cs-tw .pb-0 {
        padding-bottom: calc(var(--spacing) * 0) !important
    }

    .cs-tw .pb-1 {
        padding-bottom: calc(var(--spacing) * 1) !important
    }

    .cs-tw .pb-2 {
        padding-bottom: calc(var(--spacing) * 2) !important
    }

    .cs-tw .pb-3 {
        padding-bottom: calc(var(--spacing) * 3) !important
    }

    .cs-tw .pb-4 {
        padding-bottom: calc(var(--spacing) * 4) !important
    }

    .cs-tw .pb-6 {
        padding-bottom: calc(var(--spacing) * 6) !important
    }

    .cs-tw .pb-12 {
        padding-bottom: calc(var(--spacing) * 12) !important
    }

    .cs-tw .pb-24 {
        padding-bottom: calc(var(--spacing) * 24) !important
    }

    .cs-tw .pl-1 {
        padding-left: calc(var(--spacing) * 1) !important
    }

    .cs-tw .pl-4 {
        padding-left: calc(var(--spacing) * 4) !important
    }

    .cs-tw .text-center {
        text-align: center !important
    }

    .cs-tw .text-end {
        text-align: end !important
    }

    .cs-tw .text-right {
        text-align: right !important
    }

    .cs-tw .text-start {
        text-align: start !important
    }

    .cs-tw .align-middle {
        vertical-align: middle !important
    }

    .cs-tw .align-top {
        vertical-align: top !important
    }

    .cs-tw .text-body-100 {
        font-weight: var(--text-body-100-font-weight) !important;
        font-size: var(--text-body-100-font-size) !important;
        line-height: var(--text-body-100-line-height) !important;
        font-family: var(--text-body-100-font-family) !important
    }

    .cs-tw .text-body-200 {
        font-weight: var(--text-body-200-font-weight) !important;
        font-size: var(--text-body-200-font-size) !important;
        line-height: var(--text-body-200-line-height) !important;
        font-family: var(--text-body-200-font-family) !important
    }

    .cs-tw .text-body-300 {
        font-weight: var(--text-body-300-font-weight) !important;
        font-size: var(--text-body-300-font-size) !important;
        line-height: var(--text-body-300-line-height) !important;
        font-family: var(--text-body-300-font-family) !important
    }

    .cs-tw .text-body-400 {
        font-weight: var(--text-body-400-font-weight) !important;
        font-size: var(--text-body-400-font-size) !important;
        line-height: var(--text-body-400-line-height) !important;
        font-family: var(--text-body-400-font-family) !important
    }

    .cs-tw .text-body-500 {
        font-weight: var(--text-body-500-font-weight) !important;
        font-size: var(--text-body-500-font-size) !important;
        line-height: var(--text-body-500-line-height) !important;
        font-family: var(--text-body-500-font-family) !important
    }

    .cs-tw .text-cashier-100 {
        font-weight: var(--text-cashier-100-font-weight) !important;
        font-size: var(--text-cashier-100-font-size) !important;
        line-height: var(--text-cashier-100-line-height) !important;
        font-family: var(--text-cashier-100-font-family) !important
    }

    .cs-tw .text-cashier-300 {
        font-weight: var(--text-cashier-300-font-weight) !important;
        font-size: var(--text-cashier-300-font-size) !important;
        line-height: var(--text-cashier-300-line-height) !important;
        font-family: var(--text-cashier-300-font-family) !important
    }

    .cs-tw .text-cashier-400 {
        font-weight: var(--text-cashier-400-font-weight) !important;
        font-size: var(--text-cashier-400-font-size) !important;
        line-height: var(--text-cashier-400-line-height) !important;
        font-family: var(--text-cashier-400-font-family) !important
    }

    .cs-tw .text-cashier-500 {
        font-weight: var(--text-cashier-500-font-weight) !important;
        font-size: var(--text-cashier-500-font-size) !important;
        line-height: var(--text-cashier-500-line-height) !important;
        font-family: var(--text-cashier-500-font-family) !important
    }

    .cs-tw .font-dm-sans {
        font-family: var(--dm-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important
    }

    .cs-tw .font-primary {
        font-family: var(--text-font-family-primary) !important
    }

    .cs-tw .text-moon-9-caption {
        font-size: .5625rem !important;
        line-height: var(--tw-leading, 1rem) !important;
        letter-spacing: var(--tw-tracking, .0625rem) !important
    }

    .cs-tw .text-moon-10-caption {
        font-size: .625rem !important;
        line-height: var(--tw-leading, 1rem) !important;
        letter-spacing: var(--tw-tracking, .0313rem) !important
    }

    .cs-tw .text-moon-32 {
        font-size: 2rem !important;
        line-height: var(--tw-leading, 2.5rem) !important;
        letter-spacing: var(--tw-tracking, -.03125rem) !important
    }

    .cs-tw .text-moon-10 {
        font-size: .625rem !important;
        line-height: var(--tw-leading, 1rem) !important
    }

    .cs-tw .text-moon-12 {
        font-size: .75rem !important;
        line-height: var(--tw-leading, 1rem) !important
    }

    .cs-tw .text-moon-14 {
        font-size: .875rem !important;
        line-height: var(--tw-leading, 1.5rem) !important
    }

    .cs-tw .text-moon-16 {
        font-size: 1rem !important;
        line-height: var(--tw-leading, 1.5rem) !important
    }

    .cs-tw .text-moon-18 {
        font-size: 1.125rem !important;
        line-height: var(--tw-leading, 1.5rem) !important
    }

    .cs-tw .text-moon-20 {
        font-size: 1.25rem !important;
        line-height: var(--tw-leading, 2rem) !important
    }

    .cs-tw .text-moon-24 {
        font-size: 1.5rem !important;
        line-height: var(--tw-leading, 2rem) !important
    }

    .cs-tw .text-xl {
        font-size: var(--text-xl) !important;
        line-height: var(--tw-leading, var(--text-xl--line-height)) !important
    }

    .cs-tw .text-xs {
        font-size: var(--text-xs) !important;
        line-height: var(--tw-leading, var(--text-xs--line-height)) !important
    }

    .cs-tw .text-\[2rem\] {
        font-size: 2rem !important
    }

    .cs-tw .text-\[12px\] {
        font-size: 12px !important
    }

    .cs-tw .leading-4 {
        --tw-leading: calc(var(--spacing) * 4) !important;
        line-height: calc(var(--spacing) * 4) !important
    }

    .cs-tw .leading-5 {
        --tw-leading: calc(var(--spacing) * 5) !important;
        line-height: calc(var(--spacing) * 5) !important
    }

    .cs-tw .leading-6 {
        --tw-leading: calc(var(--spacing) * 6) !important;
        line-height: calc(var(--spacing) * 6) !important
    }

    .cs-tw .leading-8 {
        --tw-leading: calc(var(--spacing) * 8) !important;
        line-height: calc(var(--spacing) * 8) !important
    }

    .cs-tw .leading-10 {
        --tw-leading: calc(var(--spacing) * 10) !important;
        line-height: calc(var(--spacing) * 10) !important
    }

    .cs-tw .leading-\[1\.5\] {
        --tw-leading: 1.5 !important;
        line-height: 1.5 !important
    }

    .cs-tw .leading-\[3\.5rem\] {
        --tw-leading: 3.5rem !important;
        line-height: 3.5rem !important
    }

    .cs-tw .leading-\[3rem\] {
        --tw-leading: 3rem !important;
        line-height: 3rem !important
    }

    .cs-tw .leading-\[initial\] {
        --tw-leading: initial !important;
        line-height: initial !important
    }

    .cs-tw .leading-none {
        --tw-leading: 1 !important;
        line-height: 1 !important
    }

    .cs-tw .leading-normal {
        --tw-leading: var(--leading-normal) !important;
        line-height: var(--leading-normal) !important
    }

    .cs-tw .leading-snug {
        --tw-leading: var(--leading-snug) !important;
        line-height: var(--leading-snug) !important
    }

    .cs-tw .font-bold {
        --tw-font-weight: var(--font-weight-bold) !important;
        font-weight: var(--font-weight-bold) !important
    }

    .cs-tw .font-light {
        --tw-font-weight: var(--font-weight-light) !important;
        font-weight: var(--font-weight-light) !important
    }

    .cs-tw .font-medium {
        --tw-font-weight: var(--font-weight-medium) !important;
        font-weight: var(--font-weight-medium) !important
    }

    .cs-tw .font-normal {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important
    }

    .cs-tw .font-semibold {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important
    }

    .cs-tw .tracking-tight {
        --tw-tracking: var(--tracking-tight) !important;
        letter-spacing: var(--tracking-tight) !important
    }

    .cs-tw .tracking-wider {
        --tw-tracking: var(--tracking-wider) !important;
        letter-spacing: var(--tracking-wider) !important
    }

    .cs-tw .break-normal {
        overflow-wrap: normal !important;
        word-break: normal !important
    }

    .cs-tw .break-words {
        overflow-wrap: break-word !important
    }

    .cs-tw .break-all {
        word-break: break-all !important
    }

    .cs-tw .break-keep {
        word-break: keep-all !important
    }

    .cs-tw .text-ellipsis {
        text-overflow: ellipsis !important
    }

    .cs-tw .whitespace-nowrap {
        white-space: nowrap !important
    }

    .cs-tw .whitespace-pre {
        white-space: pre !important
    }

    .cs-tw .btn-secondary {
        color: rgb(var(--bulma)) !important;
        box-shadow: inset 0 0 0 1px rgb(var(--trunks)/1) !important;
        background: 0 0 !important
    }

    .cs-tw .btn-secondary:hover {
        box-shadow: inset 0 0 0 1px rgb(var(--bulma)) !important
    }

    .cs-tw .icon-brand {
        color: var(--semantic-icon-brand) !important
    }

    .cs-tw .icon-force-light {
        color: var(--semantic-icon-force-light) !important
    }

    .cs-tw .icon-negative {
        color: var(--semantic-icon-negative) !important
    }

    .cs-tw .icon-positive {
        color: var(--semantic-icon-positive) !important
    }

    .cs-tw .icon-primary {
        color: var(--semantic-icon-primary) !important
    }

    .cs-tw .text-brand {
        color: var(--semantic-text-brand) !important
    }

    .cs-tw .text-bulma {
        color: rgb(var(--bulma)) !important
    }

    .cs-tw .text-caution {
        color: var(--semantic-text-caution) !important
    }

    .cs-tw .text-chichi {
        color: rgb(var(--chichi)) !important
    }

    .cs-tw .text-force-dark {
        color: var(--semantic-text-force-dark) !important
    }

    .cs-tw .text-force-light {
        color: var(--semantic-text-force-light) !important
    }

    .cs-tw .text-goku {
        color: rgb(var(--goku)) !important
    }

    .cs-tw .text-goten {
        color: rgb(var(--goten)) !important
    }

    .cs-tw .text-gray-600 {
        color: var(--color-gray-600) !important
    }

    .cs-tw .text-gray-900 {
        color: var(--color-gray-900) !important
    }

    .cs-tw .text-green-500 {
        color: var(--color-green-500) !important
    }

    .cs-tw .text-info {
        color: var(--semantic-text-info) !important
    }

    .cs-tw .text-inverse {
        color: var(--semantic-text-inverse) !important
    }

    .cs-tw .text-link {
        color: var(--semantic-text-link) !important
    }

    .cs-tw .text-negative {
        color: var(--semantic-text-negative) !important
    }

    .cs-tw .text-on-brand {
        color: var(--semantic-text-on-brand) !important
    }

    .cs-tw .text-piccolo {
        color: rgb(var(--piccolo)) !important
    }

    .cs-tw .text-positive {
        color: var(--semantic-text-positive) !important
    }

    .cs-tw .text-primary {
        color: var(--semantic-text-primary) !important
    }

    .cs-tw .text-red-500 {
        color: var(--color-red-500) !important
    }

    .cs-tw .text-secondary {
        color: var(--semantic-text-secondary) !important
    }

    .cs-tw .text-trunks {
        color: rgb(var(--trunks)) !important
    }

    .cs-tw .capitalize {
        text-transform: capitalize !important
    }

    .cs-tw .lowercase {
        text-transform: lowercase !important
    }

    .cs-tw .uppercase {
        text-transform: uppercase !important
    }

    .cs-tw .no-underline {
        text-decoration-line: none !important
    }

    .cs-tw .underline {
        text-decoration-line: underline !important
    }

    .cs-tw .antialiased {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important
    }

    .cs-tw .placeholder-bulma::placeholder {
        color: rgb(var(--bulma)) !important
    }

    .cs-tw .input-number-clear {
        -moz-appearance: textfield !important
    }

    .cs-tw .input-number-clear::-webkit-inner-spin-button {
        opacity: 0 !important
    }

    .cs-tw .input-number-clear::-webkit-outer-spin-button {
        opacity: 0 !important
    }

    .cs-tw .opacity-0 {
        opacity: var(--effect-opacity-0) !important
    }

    .cs-tw .opacity-20 {
        opacity: var(--effect-opacity-20) !important
    }

    .cs-tw .opacity-30 {
        opacity: .3 !important
    }

    .cs-tw .opacity-50 {
        opacity: .5 !important
    }

    .cs-tw .opacity-60 {
        opacity: var(--effect-opacity-60) !important
    }

    .cs-tw .opacity-75 {
        opacity: .75 !important
    }

    .cs-tw .opacity-100 {
        opacity: var(--effect-opacity-100) !important
    }

    .cs-tw .\!shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-100 {
        --tw-shadow: var(--effect-shadow-100-layer-1-x) var(--effect-shadow-100-layer-1-y) var(--effect-shadow-100-layer-1-blur) var(--effect-shadow-100-layer-1-spread) var(--effect-shadow-100-layer-1-color), var(--effect-shadow-100-layer-2-x) var(--effect-shadow-100-layer-2-y) var(--effect-shadow-100-layer-2-blur) var(--effect-shadow-100-layer-2-spread) var(--effect-shadow-100-layer-2-color) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-200 {
        --tw-shadow: var(--effect-shadow-200-layer-1-x) var(--effect-shadow-200-layer-1-y) var(--effect-shadow-200-layer-1-blur) var(--effect-shadow-200-layer-1-spread) var(--effect-shadow-200-layer-1-color), var(--effect-shadow-200-layer-2-x) var(--effect-shadow-200-layer-2-y) var(--effect-shadow-200-layer-2-blur) var(--effect-shadow-200-layer-2-spread) var(--effect-shadow-200-layer-2-color) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-\[0_0_0_1px_inset\] {
        --tw-shadow: 0 0 0 1px inset var(--tw-shadow-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.16\)\] {
        --tw-shadow: 0 2px 8px 0 var(--tw-shadow-color, #00000029) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-\[0_6px_6px_-6px_rgba\(0\,0\,0\,0\.16\)\] {
        --tw-shadow: 0 6px 6px -6px var(--tw-shadow-color, #00000029) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-input {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-input-err {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-input-focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--piccolo)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-interactive {
        --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgb(var(--piccolo))) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-moon-lg {
        --tw-shadow: var(--shadow-lg) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-moon-md {
        --tw-shadow: var(--shadow-md) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-moon-sm {
        --tw-shadow: var(--shadow-sm) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-moon-xl {
        --tw-shadow: var(--shadow-xl) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-textarea {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .shadow-textarea-err {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--dimension-border-0) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--dimension-border-1) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--dimension-border-2) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .anim-pulse {
        box-shadow: 0 0 rgb(var(--piccolo)) !important
    }

    .cs-tw .shadow-trunks {
        --tw-shadow-color: rgb(var(--trunks)) !important
    }

    @supports (color: color-mix(in lab,red,red)) {
        .cs-tw .shadow-trunks {
            --tw-shadow-color: color-mix(in oklab, rgb(var(--trunks)) var(--tw-shadow-alpha), transparent) !important
        }
    }

    .cs-tw .ring-brand {
        --tw-ring-color: var(--semantic-border-brand) !important
    }

    .cs-tw .ring-chichi {
        --tw-ring-color: rgb(var(--chichi)) !important
    }

    .cs-tw .ring-trunks {
        --tw-ring-color: rgb(var(--trunks)) !important
    }

    .cs-tw .outline {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 1px !important
    }

    .cs-tw .outline-none {
        outline-style: var(--tw-outline-style) !important;
        outline-width: var(--dimension-border-none) !important
    }

    .cs-tw .blur-md {
        --tw-blur: blur(var(--blur-md)) !important;
        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,) !important
    }

    .cs-tw .drop-shadow-\[0_0_1px_rgba\(0\,0\,0\,0\.4\)\] {
        --tw-drop-shadow-size: drop-shadow(0 0 1px var(--tw-drop-shadow-color, #0006)) !important;
        --tw-drop-shadow: var(--tw-drop-shadow-size) !important;
        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,) !important
    }

    .cs-tw .filter {
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important
    }

    .cs-tw .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm)) !important;
        -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,) !important;
        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,) !important
    }

    .cs-tw .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .transition-\[stroke-dashoffset\] {
        transition-property: stroke-dashoffset !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .transition-all {
        transition-property: all !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .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 !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .transition-opacity {
        transition-property: opacity !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .transition-shadow {
        transition-property: box-shadow !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .transition-transform {
        transition-property: transform, translate, scale, rotate !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .duration-100 {
        --tw-duration: .1s !important;
        transition-duration: .1s !important
    }

    .cs-tw .duration-200 {
        --tw-duration: .2s !important;
        transition-duration: .2s !important
    }

    .cs-tw .duration-300 {
        --tw-duration: .3s !important;
        transition-duration: .3s !important
    }

    .cs-tw .duration-500 {
        --tw-duration: .5s !important;
        transition-duration: .5s !important
    }

    .cs-tw .ease-in {
        --tw-ease: var(--ease-in) !important;
        transition-timing-function: var(--ease-in) !important
    }

    .cs-tw .ease-in-out {
        --tw-ease: var(--ease-in-out) !important;
        transition-timing-function: var(--ease-in-out) !important
    }

    .cs-tw .ease-out {
        --tw-ease: var(--ease-out) !important;
        transition-timing-function: var(--ease-out) !important
    }

    .cs-tw .will-change-transform {
        will-change: transform !important
    }

    .cs-tw .outline-none {
        --tw-outline-style: none !important;
        outline-style: none !important
    }

    .cs-tw .select-none {
        -webkit-user-select: none !important;
        user-select: none !important
    }

    .cs-tw .\[-ms-overflow-style\: -ms-autohiding-scrollbar\] {
        -ms-overflow-style: -ms-autohiding-scrollbar !important
    }

    .cs-tw .\[-webkit-overflow-scrolling\: touch\] {
        -webkit-overflow-scrolling: touch !important
    }

    .cs-tw .\[scrollbar-width\: none\] {
        scrollbar-width: none !important
    }

    .cs-tw .input-bbb-clip-path, .cs-tw .input-bbb-hidden:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .input-lsb-clip-path, .cs-tw .input-lsb-hidden:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .input-rsb-clip-path, .cs-tw .input-rsb-hidden:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .input-tbb-clip-path, .cs-tw .input-tbb-hidden:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(.15rem calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ring-inset {
        --tw-ring-inset: inset !important
    }

    @media (hover: hover) {
        .cs-tw .group-hover\:inline-block:is(:where(.group):hover *) {
            display: inline-block !important
        }
    }

    .cs-tw .peer-checked\: shadow-none:is(:where(.peer):checked~*) {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .peer-focus\: outline:is(:where(.peer):focus~*) {
        outline-style: var(--tw-outline-style) !important;
        outline-width: 1px !important
    }

    .cs-tw .peer-focus\: outline-2:is(:where(.peer):focus~*) {
        outline-style: var(--tw-outline-style) !important;
        outline-width: var(--dimension-border-2) !important
    }

    .cs-tw .peer-focus\: outline-piccolo:is(:where(.peer):focus~*) {
        outline-color: rgb(var(--piccolo)) !important
    }

    .cs-tw .placeholder\: text-trunks::placeholder {
        color: rgb(var(--trunks)) !important
    }

    .cs-tw .placeholder\: opacity-100::placeholder {
        opacity: var(--effect-opacity-100) !important
    }

    .cs-tw .placeholder\: transition-opacity::placeholder {
        transition-property: opacity !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .placeholder\: delay-75::placeholder {
        transition-delay: 75ms !important
    }

    .cs-tw .before\: absolute:before {
        content: var(--tw-content);
        position: absolute !important
    }

    .cs-tw .before\: inset-x-0:before {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0) !important
    }

    .cs-tw .before\: inset-y-0:before {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0) !important
    }

    .cs-tw .before\: start-0:before {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing) * 0) !important
    }

    .cs-tw .before\: top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0) !important
    }

    .cs-tw .before\: -bottom-7:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * -7) !important
    }

    .cs-tw .before\: -bottom-\[25px\]:before {
        content: var(--tw-content);
        bottom: -25px !important
    }

    .cs-tw .before\: -bottom-\[26px\]:before {
        content: var(--tw-content);
        bottom: -26px !important
    }

    .cs-tw .before\: -bottom-\[30px\]:before {
        content: var(--tw-content);
        bottom: -30px !important
    }

    .cs-tw .before\: -bottom-\[34px\]:before {
        content: var(--tw-content);
        bottom: -34px !important
    }

    .cs-tw .before\: box-border:before {
        content: var(--tw-content);
        box-sizing: border-box !important
    }

    .cs-tw .before\: block:before {
        content: var(--tw-content);
        display: block !important
    }

    .cs-tw .before\: h-3:before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 3) !important
    }

    .cs-tw .before\: h-4:before {
        content: var(--tw-content);
        height: calc(var(--spacing) * 4) !important
    }

    .cs-tw .before\: h-px:before {
        content: var(--tw-content);
        height: 1px !important
    }

    .cs-tw .before\: w-3:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 3) !important
    }

    .cs-tw .before\: w-4:before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 4) !important
    }

    .cs-tw .before\: w-px:before {
        content: var(--tw-content);
        width: 1px !important
    }

    .cs-tw .before\: rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px !important;
        border-radius: var(--dimension-rounded-full) !important
    }

    .cs-tw .before\: bg-beerus:before {
        content: var(--tw-content);
        background-color: rgb(var(--beerus)) !important
    }

    .cs-tw .before\: bg-goten:before {
        content: var(--tw-content);
        background-color: rgb(var(--goten)) !important
    }

    .cs-tw .before\: opacity-0:before {
        content: var(--tw-content);
        opacity: var(--effect-opacity-0) !important
    }

    .cs-tw .before\: shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.16\)\]:before {
        content: var(--tw-content);
        --tw-shadow: 0 2px 8px 0 var(--tw-shadow-color, #00000029) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .before\: transition-opacity:before {
        content: var(--tw-content);
        transition-property: opacity !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .after\: absolute:after {
        content: var(--tw-content);
        position: absolute !important
    }

    .cs-tw .after\: inset-y-0:after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0) !important
    }

    .cs-tw .after\: start-0:after {
        content: var(--tw-content);
        inset-inline-start: calc(var(--spacing) * 0) !important
    }

    .cs-tw .after\: -top-1:after {
        content: var(--tw-content);
        top: calc(var(--spacing) * -1) !important
    }

    .cs-tw .after\: top-1\/2:after {
        content: var(--tw-content);
        top: 50% !important
    }

    .cs-tw .after\: -bottom-\[6px\]:after {
        content: var(--tw-content);
        bottom: -6px !important
    }

    .cs-tw .after\: bottom-0:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0) !important
    }

    .cs-tw .after\: left-1\/2:after {
        content: var(--tw-content);
        left: 50% !important
    }

    .cs-tw .after\: box-border:after {
        content: var(--tw-content);
        box-sizing: border-box !important
    }

    .cs-tw .after\: h-0:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 0) !important
    }

    .cs-tw .after\: h-1:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 1) !important
    }

    .cs-tw .after\: h-2:after {
        content: var(--tw-content);
        height: calc(var(--spacing) * 2) !important
    }

    .cs-tw .after\: h-\[2px\]:after {
        content: var(--tw-content);
        height: 2px !important
    }

    .cs-tw .after\: h-px:after {
        content: var(--tw-content);
        height: 1px !important
    }

    .cs-tw .after\: w-0:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0) !important
    }

    .cs-tw .after\: w-2:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 2) !important
    }

    .cs-tw .after\: w-10:after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 10) !important
    }

    .cs-tw .after\: w-full:after {
        content: var(--tw-content);
        width: 100% !important
    }

    .cs-tw .after\: w-px:after {
        content: var(--tw-content);
        width: 1px !important
    }

    .cs-tw .after\: -translate-x-1\/2:after {
        content: var(--tw-content);
        --tw-translate-x: -50% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .after\: -translate-y-1\/2:after {
        content: var(--tw-content);
        --tw-translate-y: -50% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .after\: scale-0:after {
        content: var(--tw-content);
        --tw-scale-x: 0% !important;
        --tw-scale-y: 0% !important;
        --tw-scale-z: 0% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .after\: scale-x-0:after {
        content: var(--tw-content);
        --tw-scale-x: 0% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .after\: scale-x-100:after {
        content: var(--tw-content);
        --tw-scale-x: 100% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .after\: scale-y-100:after {
        content: var(--tw-content);
        --tw-scale-y: 100% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .after\: rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e38px !important;
        border-radius: var(--dimension-rounded-full) !important
    }

    .cs-tw .after\: border-x-4:after {
        content: var(--tw-content);
        border-inline-style: var(--tw-border-style) !important;
        border-inline-width: var(--dimension-border-4) !important
    }

    .cs-tw .after\: border-t-\[6px\]:after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style) !important;
        border-top-width: 6px !important
    }

    .cs-tw .after\: border-x-transparent:after {
        content: var(--tw-content);
        border-inline-color: #0000 !important
    }

    .cs-tw .after\: border-t-goten:after {
        content: var(--tw-content);
        border-top-color: rgb(var(--goten)) !important
    }

    .cs-tw .after\: bg-beerus:after {
        content: var(--tw-content);
        background-color: rgb(var(--beerus)) !important
    }

    .cs-tw .after\: bg-piccolo:after {
        content: var(--tw-content);
        background-color: rgb(var(--piccolo)) !important
    }

    .cs-tw .after\: transition-all:after {
        content: var(--tw-content);
        transition-property: all !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .after\: transition-transform:after {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate !important;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
        transition-duration: var(--tw-duration, var(--default-transition-duration)) !important
    }

    .cs-tw .after\: duration-300:after {
        content: var(--tw-content);
        --tw-duration: .3s !important;
        transition-duration: .3s !important
    }

    .cs-tw .first\: rounded-t-16:first-child {
        border-top-left-radius: var(--dimension-rounded-16) !important;
        border-top-right-radius: var(--dimension-rounded-16) !important
    }

    .cs-tw .last\: mb-0:last-child {
        margin-bottom: calc(var(--spacing) * 0) !important
    }

    .cs-tw .last\: rounded-b-16:last-child {
        border-bottom-right-radius: var(--dimension-rounded-16) !important;
        border-bottom-left-radius: var(--dimension-rounded-16) !important
    }

    .cs-tw .invalid\: rounded-moon-i-sm:invalid {
        border-radius: var(--radius-i-sm) !important
    }

    .cs-tw .invalid\: rounded-moon-i-xs:invalid {
        border-radius: var(--radius-i-xs) !important
    }

    .cs-tw .invalid\: shadow-input-err:invalid {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .read-only\: cursor-not-allowed:read-only {
        cursor: not-allowed !important
    }

    .cs-tw .read-only\: border-none:read-only {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-none) !important;
        --tw-border-style: none !important;
        border-style: none !important
    }

    .cs-tw .read-only\: outline-0:read-only {
        outline-style: var(--tw-outline-style) !important;
        outline-width: var(--dimension-border-0) !important
    }

    .cs-tw .empty\: px-0:empty {
        padding-inline: calc(var(--spacing) * 0) !important
    }

    .cs-tw .empty\: pt-0:empty {
        padding-top: calc(var(--spacing) * 0) !important
    }

    .cs-tw .focus-within\: after\:hidden:focus-within:after {
        content: var(--tw-content);
        display: none !important
    }

    @media (hover: hover) {
        .cs-tw .hover\:rounded-moon-i-sm:hover {
            border-radius: var(--radius-i-sm) !important
        }

        .cs-tw .hover\:rounded-moon-i-xs:hover {
            border-radius: var(--radius-i-xs) !important
        }

        .cs-tw .hover\:bg-goku:hover {
            background-color: rgb(var(--goku)) !important
        }

        .cs-tw .hover\:bg-heles:hover {
            background-color: rgb(var(--heles)) !important
        }

        .cs-tw .hover\:bg-hover:hover {
            background-color: var(--semantic-background-hover) !important
        }

        .cs-tw .hover\:bg-jiren:hover {
            background-color: rgb(var(--jiren)) !important
        }

        .cs-tw .hover\:bg-primary:hover {
            background-color: var(--semantic-background-primary) !important
        }

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

        .cs-tw .hover\:ps-2\.5:hover {
            padding-inline-start: calc(var(--spacing) * 2.5) !important
        }

        .cs-tw .hover\: ps-3\.5:hover {
            padding-inline-start: calc(var(--spacing) * 3.5) !important
        }

        .cs-tw .hover\:text-bulma:hover {
            color: rgb(var(--bulma)) !important
        }

        .cs-tw .hover\:text-piccolo:hover {
            color: rgb(var(--piccolo)) !important
        }

        .cs-tw .hover\:no-underline:hover {
            text-decoration-line: none !important
        }

        .cs-tw .hover\:shadow-input:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-input-err:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-input-focus:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--piccolo)) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-input-hov:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--bulma)/7%) inset, 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--beerus)) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-interactive:hover {
            --tw-shadow: 0 0 0 2px var(--tw-shadow-color, rgb(var(--piccolo))) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-none:hover {
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-textarea-err:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:shadow-textarea-hov:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--bulma)/7%), 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--beerus)) !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .hover\:ring-bulma:hover {
            --tw-ring-color: rgb(var(--bulma)) !important
        }

        .cs-tw .hover\:after\:hidden:hover:after {
            content: var(--tw-content);
            display: none !important
        }

        .cs-tw .hover\:after\:scale-0:hover:after {
            content: var(--tw-content);
            --tw-scale-x: 0% !important;
            --tw-scale-y: 0% !important;
            --tw-scale-z: 0% !important;
            scale: var(--tw-scale-x) var(--tw-scale-y) !important
        }

        .cs-tw .hover\:after\:scale-100:hover:after {
            content: var(--tw-content);
            --tw-scale-x: 100% !important;
            --tw-scale-y: 100% !important;
            --tw-scale-z: 100% !important;
            scale: var(--tw-scale-x) var(--tw-scale-y) !important
        }

        .cs-tw .invalid\:hover\:shadow-input-err:invalid:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .read-only\:hover\:shadow-input:read-only:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) inset !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .read-only\:hover\:shadow-textarea:read-only:hover {
            --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) !important;
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
        }

        .cs-tw .read-only\:hover\:input-bbb-clip-path:read-only:hover {
            clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
        }
    }

    .cs-tw .focus\: z-10:focus {
        z-index: 10 !important
    }

    .cs-tw .focus\: rounded-moon-i-sm:focus {
        border-radius: var(--radius-i-sm) !important
    }

    .cs-tw .focus\: rounded-moon-i-xs:focus {
        border-radius: var(--radius-i-xs) !important
    }

    .cs-tw .focus\: border-0:focus {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-0) !important
    }

    .cs-tw .focus\: bg-jiren:focus {
        background-color: rgb(var(--jiren)) !important
    }

    .cs-tw .focus\: shadow-focus:focus {
        --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgba(var(--piccolo), .13)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: shadow-input:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: shadow-input-err:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: shadow-input-focus:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--piccolo)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: shadow-none:focus {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: shadow-textarea-err:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: shadow-textarea-focus:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--piccolo)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--dimension-border-0) + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus\: outline-none:focus {
        outline-style: var(--tw-outline-style) !important;
        outline-width: var(--dimension-border-none) !important;
        --tw-outline-style: none !important;
        outline-style: none !important
    }

    .cs-tw .invalid\: focus\:shadow-input-err:invalid:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .read-only\: focus\:shadow-input:read-only:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .read-only\: focus\:shadow-textarea:read-only:focus {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .read-only\: focus\:input-bbb-clip-path:read-only:focus {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .focus-visible\: shadow-input-err:focus-visible {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus-visible\: shadow-input-focus:focus-visible {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--piccolo)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus-visible\: shadow-none:focus-visible {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .focus-visible\: outline-none:focus-visible {
        outline-style: var(--tw-outline-style) !important;
        outline-width: var(--dimension-border-none) !important;
        --tw-outline-style: none !important;
        outline-style: none !important
    }

    .cs-tw .invalid\: focus-visible\:shadow-input-err:invalid:focus-visible {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-i-width)) rgb(var(--chichi)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .read-only\: focus-visible\:shadow-input:read-only:focus-visible {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) inset !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .read-only\: focus-visible\:shadow-textarea:read-only:focus-visible {
        --tw-shadow: 0 0 0 var(--tw-shadow-color, var(--border-width)) rgb(var(--beerus)) !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .active\: scale-90:active {
        --tw-scale-x: 90% !important;
        --tw-scale-y: 90% !important;
        --tw-scale-z: 90% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .data-\[disabled\]\: cursor-not-allowed[data-disabled] {
        cursor: not-allowed !important
    }

    .cs-tw .data-\[disabled\]\: opacity-60[data-disabled] {
        opacity: var(--effect-opacity-60) !important
    }

    @media not all and (min-width: 40rem) {
        .cs-tw .max-sm\:hidden {
            display: none !important
        }
    }

    @media (min-width: 40rem) {
        .cs-tw .sm\:w-\[400px\] {
            width: 400px !important
        }

        .cs-tw .sm\:w-\[420px\] {
            width: 420px !important
        }

        .cs-tw .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6) !important
        }

        .cs-tw .sm\: text-body-300 {
            font-weight: var(--text-body-300-font-weight) !important;
            font-size: var(--text-body-300-font-size) !important;
            line-height: var(--text-body-300-line-height) !important;
            font-family: var(--text-body-300-font-family) !important
        }
    }

    @media (min-width: 48rem) {
        .cs-tw .md\:m-auto {
            margin: auto !important
        }

        .cs-tw .md\:w-fit {
            width: fit-content !important
        }
    }

    @media (min-width: 64rem) {
        .cs-tw .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8) !important
        }
    }

    .cs-tw .ltr\: input-d:where(:dir(ltr),[dir=ltr],[dir=ltr] *)::-webkit-calendar-picker-indicator {
        right: .875rem !important
    }

    .cs-tw .ltr\: input-t:where(:dir(ltr),[dir=ltr],[dir=ltr] *)::-webkit-calendar-picker-indicator {
        right: .875rem !important
    }

    .cs-tw .ltr\: right-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing) * 0) !important
    }

    .cs-tw .ltr\: right-4:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        right: calc(var(--spacing) * 4) !important
    }

    .cs-tw .ltr\: left-0:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(var(--spacing) * 0) !important
    }

    .cs-tw .ltr\: left-\[calc\(100\%-12px\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(100% - 12px) !important
    }

    .cs-tw .ltr\: left-\[calc\(100\%-16px\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(100% - 16px) !important
    }

    .cs-tw .ltr\: left-\[calc\(100\%-24px\)\]:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        left: calc(100% - 24px) !important
    }

    .cs-tw .ltr\: -translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-translate-x: -100% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .ltr\: translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        --tw-translate-x: 100% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .ltr\: rounded-tr-6:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-top-right-radius: var(--dimension-rounded-6) !important
    }

    .cs-tw .ltr\: rounded-bl-8:where(:dir(ltr),[dir=ltr],[dir=ltr] *) {
        border-bottom-left-radius: var(--dimension-rounded-8) !important
    }

    .cs-tw .ltr\: input-lsb-hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *):not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .ltr\: input-rsb-hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *):not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .ltr\: after\:origin-top-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *):after {
        content: var(--tw-content);
        transform-origin: 0 0 !important
    }

    .cs-tw .ltr\: invalid\:rounded-moon-i-sm:where(:dir(ltr),[dir=ltr],[dir=ltr] *):invalid {
        border-radius: var(--radius-i-sm) !important
    }

    .cs-tw .ltr\: invalid\:rounded-moon-i-xs:where(:dir(ltr),[dir=ltr],[dir=ltr] *):invalid {
        border-radius: var(--radius-i-xs) !important
    }

    @media (hover: hover) {
        .cs-tw .ltr\:hover\:after\:origin-top-left:where(:dir(ltr),[dir=ltr],[dir=ltr] *):hover:after {
            content: var(--tw-content);
            transform-origin: 0 0 !important
        }

        .cs-tw .ltr\:read-only\:hover\:input-rsb-clip-path:where(:dir(ltr),[dir=ltr],[dir=ltr] *):read-only:hover {
            clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
        }
    }

    .cs-tw .ltr\: read-only\:focus\:input-rsb-clip-path:where(:dir(ltr),[dir=ltr],[dir=ltr] *):read-only:focus {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\: input-d-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-datetime-edit {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .rtl\: input-d-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-date-and-time-value {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .rtl\: input-d-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-calendar-picker-indicator {
        left: .5rem !important
    }

    .cs-tw .rtl\: input-dt-local-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-datetime-edit {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .rtl\: input-dt-local-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-date-and-time-value {
        position: absolute !important;
        right: 0 !important
    }

    .cs-tw .rtl\: input-dt-local-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-calendar-picker-indicator {
        left: .5rem !important
    }

    .cs-tw .rtl\: input-t-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-datetime-edit {
        position: absolute !important;
        right: .5rem !important
    }

    .cs-tw .rtl\: input-t-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-date-and-time-value {
        position: absolute !important;
        right: .5rem !important
    }

    .cs-tw .rtl\: input-t-rtl:where(:dir(rtl),[dir=rtl],[dir=rtl] *)::-webkit-calendar-picker-indicator {
        left: .5rem !important
    }

    .cs-tw .rtl\: -start-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        inset-inline-start: calc(var(--spacing) * -4) !important
    }

    .cs-tw .rtl\: start-\[auto\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        inset-inline-start: auto !important
    }

    .cs-tw .rtl\: -end-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        inset-inline-end: calc(var(--spacing) * -4) !important
    }

    .cs-tw .rtl\: end-\[auto\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        inset-inline-end: auto !important
    }

    .cs-tw .rtl\: right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(var(--spacing) * 0) !important
    }

    .cs-tw .rtl\: right-\[calc\(100\%-12px\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(100% - 12px) !important
    }

    .cs-tw .rtl\: right-\[calc\(100\%-16px\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(100% - 16px) !important
    }

    .cs-tw .rtl\: right-\[calc\(100\%-24px\)\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        right: calc(100% - 24px) !important
    }

    .cs-tw .rtl\: left-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing) * 0) !important
    }

    .cs-tw .rtl\: left-4:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        left: calc(var(--spacing) * 4) !important
    }

    .cs-tw .rtl\: -translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-translate-x: -100% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .rtl\: translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-translate-x: 100% !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }

    .cs-tw .rtl\: -scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-scale-x: -100% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .rtl\: -scale-x-\[115\%\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-scale-x: -115% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .rtl\: scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        --tw-scale-x: -1 !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .rtl\: rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        rotate: 180deg !important
    }

    .cs-tw .rtl\: flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        flex-direction: row-reverse !important
    }

    .cs-tw .rtl\: rounded-tl-6:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-top-left-radius: var(--dimension-rounded-6) !important
    }

    .cs-tw .rtl\: rounded-br-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        border-bottom-right-radius: var(--dimension-rounded-8) !important
    }

    .cs-tw .rtl\: font-\[\'Vazirmatn\'\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *) {
        font-family: Vazirmatn !important
    }

    .cs-tw .rtl\:input-lsb-hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *):not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .rtl\:input-rsb-hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *):not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:after\:origin-top-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *):after {
        content: var(--tw-content);
        transform-origin: 100% 0 !important
    }

    .cs-tw .rtl\:invalid\:rounded-moon-i-sm:where(:dir(rtl),[dir=rtl],[dir=rtl] *):invalid {
        border-radius: var(--radius-i-sm) !important
    }

    .cs-tw .rtl\:invalid\:rounded-moon-i-xs:where(:dir(rtl),[dir=rtl],[dir=rtl] *):invalid {
        border-radius: var(--radius-i-xs) !important
    }

    @media (hover: hover) {
        .cs-tw .rtl\:hover\:after\:origin-top-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *):hover:after {
            content: var(--tw-content);
            transform-origin: 100% 0 !important
        }

        .cs-tw .rtl\:read-only\:hover\:input-lsb-clip-path:where(:dir(rtl),[dir=rtl],[dir=rtl] *):read-only:hover {
            clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
        }
    }.cs-tw .rtl\:read-only\:focus\:input-lsb-clip-path:where(:dir(rtl),[dir=rtl],[dir=rtl] *):read-only:focus {
         clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
     }

    .cs-tw .moon-checked\:border-piccolo[aria-checked=true], :where([aria-checked=true]) :is(.cs-tw .moon-checked\:border-piccolo) {
        border-color: rgb(var(--piccolo)) !important
    }

    .cs-tw .moon-checked\:bg-piccolo[aria-checked=true], :where([aria-checked=true]) :is(.cs-tw .moon-checked\:bg-piccolo) {
        background-color: rgb(var(--piccolo)) !important
    }

    .cs-tw .moon-checked\:shadow-none[aria-checked=true], :where([aria-checked=true]) :is(.cs-tw .moon-checked\:shadow-none) {
        --tw-shadow: 0 0 #0000 !important;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }

    .cs-tw .moon-checked\:shadow-piccolo[aria-checked=true] {
        --tw-shadow-color: rgb(var(--piccolo)) !important
    }

    @supports (color:color-mix(in lab,red,red)) {
        .cs-tw .moon-checked\:shadow-piccolo[aria-checked=true] {
            --tw-shadow-color: color-mix(in oklab, rgb(var(--piccolo)) var(--tw-shadow-alpha), transparent) !important
        }
    }:where([aria-checked=true]) :is(.cs-tw .moon-checked\:shadow-piccolo) {
         --tw-shadow-color: rgb(var(--piccolo)) !important
     }

    @supports (color:color-mix(in lab,red,red)) {
        :where([aria-checked=true]) :is(.cs-tw .moon-checked\:shadow-piccolo) {
            --tw-shadow-color: color-mix(in oklab, rgb(var(--piccolo)) var(--tw-shadow-alpha), transparent) !important
        }
    }.cs-tw .moon-checked\:after\:h-2[aria-checked=true]:after, :where([aria-checked=true]) :is(.cs-tw .moon-checked\:after\:h-2):after {
         content: var(--tw-content);
         height: calc(var(--spacing) * 2) !important
     }

    .cs-tw .moon-checked\:after\:w-2[aria-checked=true]:after, :where([aria-checked=true]) :is(.cs-tw .moon-checked\:after\:w-2):after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 2) !important
    }

    .cs-tw .moon-checked\:after\:scale-100[aria-checked=true]:after, :where([aria-checked=true]) :is(.cs-tw .moon-checked\:after\:scale-100):after {
        content: var(--tw-content);
        --tw-scale-x: 100% !important;
        --tw-scale-y: 100% !important;
        --tw-scale-z: 100% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }

    .cs-tw .moon-disabled\:cursor-default[aria-disabled=true], :where([aria-disabled=true]) :is(.cs-tw .moon-disabled\:cursor-default) {
        cursor: default !important
    }

    .cs-tw .moon-disabled\:cursor-not-allowed[aria-disabled=true], :where([aria-disabled=true]) :is(.cs-tw .moon-disabled\:cursor-not-allowed) {
        cursor: not-allowed !important
    }

    .cs-tw .moon-disabled\:opacity-60[aria-disabled=true], :where([aria-disabled=true]) :is(.cs-tw .moon-disabled\:opacity-60) {
        opacity: var(--effect-opacity-60) !important
    }

    .cs-tw .moon-open\:flex[aria-open=true], :where([aria-open=true]) :is(.cs-tw .moon-open\:flex), .cs-tw .moon-open\:flex[data-state=open], :where([data-state=open]) :is(.cs-tw .moon-open\:flex) {
        display: flex !important
    }

    .cs-tw .moon-open\:rounded-b-none[aria-open=true], :where([aria-open=true]) :is(.cs-tw .moon-open\:rounded-b-none), .cs-tw .moon-open\:rounded-b-none[data-state=open], :where([data-state=open]) :is(.cs-tw .moon-open\:rounded-b-none) {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    @media (hover: hover) {
        .cs-tw .hover-supported\:hover\:bg-chichi-10:hover {
            background-color: rgb(var(--chichi-10)) !important
        }

        .cs-tw .hover-supported\:hover\:text-bulma:hover {
            color: rgb(var(--bulma)) !important
        }

        .cs-tw .hover-supported\:hover\:ring-bulma:hover {
            --tw-ring-color: rgb(var(--bulma)) !important
        }
    }.cs-tw .\[\&_\+_\.last-element\:before\]\:opacity-0 + .last-element:before {
         opacity: var(--effect-opacity-0) !important
     }

    .cs-tw .\[\&_\.bottomsheet-title\]\:pt-2 .bottomsheet-title {
        padding-top: calc(var(--spacing) * 2) !important
    }

    .cs-tw .\[\&_\.moon-search-result\]\:top-10 .moon-search-result {
        top: calc(var(--spacing) * 10) !important
    }

    .cs-tw .\[\&_\.moon-search-transition\>\.moon-search-result\]\:top-0 .moon-search-transition > .moon-search-result {
        top: calc(var(--spacing) * 0) !important
    }

    .cs-tw .\[\&_\.progress\]\:stroke-brand .progress {
        stroke: var(--semantic-border-brand) !important
    }

    .cs-tw .\[\&_\.status\]\:h-2 .status {
        height: calc(var(--spacing) * 2) !important
    }

    .cs-tw .\[\&_\.status\]\:h-3 .status {
        height: calc(var(--spacing) * 3) !important
    }

    .cs-tw .\[\&_\.status\]\:h-4 .status {
        height: calc(var(--spacing) * 4) !important
    }

    .cs-tw .\[\&_\.status\]\:w-2 .status {
        width: calc(var(--spacing) * 2) !important
    }

    .cs-tw .\[\&_\.status\]\:w-3 .status {
        width: calc(var(--spacing) * 3) !important
    }

    .cs-tw .\[\&_\.status\]\:w-4 .status {
        width: calc(var(--spacing) * 4) !important
    }

    .cs-tw .\[\&_\.status\]\:border .status {
        border-style: var(--tw-border-style) !important;
        border-width: 1px !important
    }

    .cs-tw .\[\&_\.status\]\:border-2 .status {
        border-style: var(--tw-border-style) !important;
        border-width: var(--dimension-border-2) !important
    }

    .cs-tw .\[\&_\>_span\]\:gap-4 > span {
        gap: calc(var(--spacing) * 4) !important
    }

    .cs-tw .\[\&_input\]\:rounded-s-none input {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important
    }

    .cs-tw .\[\&_input\]\:rounded-e-none input {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important
    }

    .cs-tw .\[\&_input\]\:rounded-t-none input {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .cs-tw .\[\&_input\]\:rounded-b-none input {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .cs-tw .\[\&_input\]\:input-bbb-hidden input:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .\[\&_input\]\:input-tbb-hidden input:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(.15rem calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ltr\:\[\&_input\]\:input-lsb-hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *) input:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .ltr\:\[\&_input\]\:input-rsb-hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *) input:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:\[\&_input\]\:input-lsb-hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *) input:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .rtl\:\[\&_input\]\:input-rsb-hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *) input:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .\[\&_input\:read-only\:focus\]\:input-bbb-clip-path input:read-only:focus {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ltr\:\[\&_input\:read-only\:focus\]\:input-rsb-clip-path:where(:dir(ltr),[dir=ltr],[dir=ltr] *) input:read-only:focus {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:\[\&_input\:read-only\:focus\]\:input-lsb-clip-path:where(:dir(rtl),[dir=rtl],[dir=rtl] *) input:read-only:focus {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .\[\&_input\:read-only\:hover\]\:input-bbb-clip-path input:read-only:hover {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ltr\:\[\&_input\:read-only\:hover\]\:input-rsb-clip-path:where(:dir(ltr),[dir=ltr],[dir=ltr] *) input:read-only:hover {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:\[\&_input\:read-only\:hover\]\:input-lsb-clip-path:where(:dir(rtl),[dir=rtl],[dir=rtl] *) input:read-only:hover {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .\[\&_select\]\:\!rounded-s-none select {
        border-start-start-radius: 0 !important;
        border-end-start-radius: 0 !important
    }

    .cs-tw .\[\&_select\]\:\!rounded-e-none select {
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important
    }

    .cs-tw .\[\&_select\]\:\!rounded-t-none select {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .cs-tw .\[\&_select\]\:\!rounded-b-none select {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

    .cs-tw .\[\&_select\]\:\!input-bbb-hidden select:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .\[\&_select\]\:input-tbb-hidden select:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(.15rem calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ltr\:\[\&_select\]\:input-lsb-hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *) select:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .ltr\:\[\&_select\]\:input-rsb-hidden:where(:dir(ltr),[dir=ltr],[dir=ltr] *) select:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:\[\&_select\]\:input-lsb-hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *) select:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .rtl\:\[\&_select\]\:input-rsb-hidden:where(:dir(rtl),[dir=rtl],[dir=rtl] *) select:not(:hover):not(:focus):not(:invalid) {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .\[\&_select\:disabled\:focus\]\:input-bbb-clip-path select:disabled:focus {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ltr\:\[\&_select\:disabled\:focus\]\:input-rsb-clip-path:where(:dir(ltr),[dir=ltr],[dir=ltr] *) select:disabled:focus {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:\[\&_select\:disabled\:focus\]\:input-lsb-clip-path:where(:dir(rtl),[dir=rtl],[dir=rtl] *) select:disabled:focus {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .\[\&_select\:disabled\:hover\]\:input-bbb-clip-path select:disabled:hover {
        clip-path: inset(0 calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1)) !important
    }

    .cs-tw .ltr\:\[\&_select\:disabled\:hover\]\:input-rsb-clip-path:where(:dir(ltr),[dir=ltr],[dir=ltr] *) select:disabled:hover {
        clip-path: inset(calc(var(--border-i-width) * -1) .15rem calc(var(--border-i-width) * -1) 0) !important
    }

    .cs-tw .rtl\:\[\&_select\:disabled\:hover\]\:input-lsb-clip-path:where(:dir(rtl),[dir=rtl],[dir=rtl] *) select:disabled:hover {
        clip-path: inset(calc(var(--border-i-width) * -1) 0 calc(var(--border-i-width) * -1) .15rem) !important
    }

    .cs-tw .\[\&_svg\]\:text-moon-16 svg {
        font-size: 1rem !important;
        line-height: var(--tw-leading, 1.5rem) !important
    }

    .cs-tw .\[\&\:has\(input\:not\(\:disabled\)\:not\(\:read-only\)\:focus\)_\+_\.last-element\:before\]\:opacity-0:has(input:not(:disabled):not(:read-only):focus) + .last-element:before, .cs-tw .\[\&\:has\(input\:not\(\:disabled\)\:not\(\:read-only\)\:hover\)_\+_\.last-element\:before\]\:opacity-0:has(input:not(:disabled):not(:read-only):hover) + .last-element:before, .cs-tw .\[\&\:has\(select\:not\(\:disabled\)\:focus\)_\+_\.last-element\:before\]\:opacity-0:has(select:not(:disabled):focus) + .last-element:before, .cs-tw .\[\&\:has\(select\:not\(\:disabled\)\:hover\)_\+_\.last-element\:before\]\:opacity-0:has(select:not(:disabled):hover) + .last-element:before {
        opacity: var(--effect-opacity-0) !important
    }

    @media (hover: hover) {
        .cs-tw .\[\&\:not\(\:read-only\)\:not\(\:disabled\)_\+_\.last-element\:before\]\:hover\:opacity-0:not(:read-only):not(:disabled) + .last-element:before:hover {
            opacity: var(--effect-opacity-0) !important
        }
    }.cs-tw .\[\&\:not\(\:read-only\)\:not\(\:disabled\)_\+_\.last-element\:before\]\:focus\:opacity-0:not(:read-only):not(:disabled) + .last-element:before:focus {
         opacity: var(--effect-opacity-0) !important
     }

    @media (hover: hover) {
        .cs-tw .ltr\:\[\&\:not\(\[disabled\]\)\]\:hover\:rounded-moon-i-sm:where(:dir(ltr),[dir=ltr],[dir=ltr] *):not([disabled]):hover {
            border-radius: var(--radius-i-sm) !important
        }

        .cs-tw .ltr\:\[\&\:not\(\[disabled\]\)\]\:hover\:rounded-moon-i-xs:where(:dir(ltr),[dir=ltr],[dir=ltr] *):not([disabled]):hover {
            border-radius: var(--radius-i-xs) !important
        }
    }.cs-tw .ltr\:\[\&\:not\(\[disabled\]\)\]\:focus\:rounded-moon-i-sm:where(:dir(ltr),[dir=ltr],[dir=ltr] *):not([disabled]):focus {
         border-radius: var(--radius-i-sm) !important
     }

    .cs-tw .ltr\:\[\&\:not\(\[disabled\]\)\]\:focus\:rounded-moon-i-xs:where(:dir(ltr),[dir=ltr],[dir=ltr] *):not([disabled]):focus {
        border-radius: var(--radius-i-xs) !important
    }

    @media (hover: hover) {
        .cs-tw .rtl\:\[\&\:not\(\[disabled\]\)\]\:hover\:rounded-moon-i-sm:where(:dir(rtl),[dir=rtl],[dir=rtl] *):not([disabled]):hover {
            border-radius: var(--radius-i-sm) !important
        }

        .cs-tw .rtl\:\[\&\:not\(\[disabled\]\)\]\:hover\:rounded-moon-i-xs:where(:dir(rtl),[dir=rtl],[dir=rtl] *):not([disabled]):hover {
            border-radius: var(--radius-i-xs) !important
        }
    }.cs-tw .rtl\:\[\&\:not\(\[disabled\]\)\]\:focus\:rounded-moon-i-sm:where(:dir(rtl),[dir=rtl],[dir=rtl] *):not([disabled]):focus {
         border-radius: var(--radius-i-sm) !important
     }

    .cs-tw .rtl\:\[\&\:not\(\[disabled\]\)\]\:focus\:rounded-moon-i-xs:where(:dir(rtl),[dir=rtl],[dir=rtl] *):not([disabled]):focus {
        border-radius: var(--radius-i-xs) !important
    }

    .cs-tw .\[\&\>\*\]\:flex-\[0_0_auto\] > * {
        flex: none !important
    }

    @media (hover: hover) {
        .cs-tw .hover-supported\:\[\&\>\.hover\]\:hover\:bg-heles > .hover:hover {
            background-color: rgb(var(--heles)) !important
        }

        .cs-tw .hover-supported\:\[\&\>\.hover\]\:hover\:bg-jiren > .hover:hover {
            background-color: rgb(var(--jiren)) !important
        }
    }.cs-tw .\[\&\>a\]\:text-brand > a {
         color: var(--semantic-text-brand) !important
     }

    .cs-tw .\[\&\>a\]\:underline > a {
        text-decoration-line: underline !important
    }

    .cs-tw .\[\&\>div\]\:max-w-full > div {
        max-width: 100% !important
    }

    .cs-tw .\[\&\>div\]\:justify-between > div {
        justify-content: space-between !important
    }

    .cs-tw .\[\&\>div\]\:rounded-20 > div {
        border-radius: var(--dimension-rounded-20) !important
    }

    .cs-tw .\[\&\>div\]\:rounded-t-20 > div {
        border-top-left-radius: var(--dimension-rounded-20) !important;
        border-top-right-radius: var(--dimension-rounded-20) !important
    }

    .cs-tw .\[\&\>div\+div\+div\]\:grow > div + div + div {
        flex-grow: 1 !important
    }

    .cs-tw .\[\&\>div\:not\(\:first-child\)\]\:mt-3 > div:not(:first-child) {
        margin-top: calc(var(--spacing) * 3) !important
    }

    .cs-tw .\[\&\>div\>div\]\:tracking-\[19px\] > div > div {
        --tw-tracking: 19px !important;
        letter-spacing: 19px !important
    }

    .cs-tw .\[\&\>div\>div\>div\>ul\]\:rounded > div > div > div > ul {
        border-radius: .25rem !important
    }

    .cs-tw .\[\&\>div\>input\]\:max-w-none > div > input {
        max-width: none !important
    }

    .cs-tw .\[\&\>h3\]\:font-semibold > h3 {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important
    }

    .cs-tw .\[\&\>img\]\:h-full > img {
        height: 100% !important
    }

    .cs-tw .\[\&\>img\]\:w-auto > img {
        width: auto !important
    }

    .cs-tw .\[\&\>img\]\:basis-auto > img {
        flex-basis: auto !important
    }

    .cs-tw .\[\&\>li\]\:list-none > li {
        list-style-type: none !important
    }

    .cs-tw .\[\&\>li\]\:before\:absolute > li:before {
        content: var(--tw-content);
        position: absolute !important
    }

    .cs-tw .\[\&\>li\]\:before\:content-\[\"\\\\200B\"\] > li:before {
        content: var(--tw-content);
        --tw-content: "\\200B" !important;
        content: var(--tw-content) !important
    }

    .cs-tw .\[\&\>p\>b\]\:block > p > b {
        display: block !important
    }

    .cs-tw .\[\&\>ul\]\:list-disc > ul {
        list-style-type: disc !important
    }

    .cs-tw .\[\&\>ul\]\:ps-6 > ul {
        padding-inline-start: calc(var(--spacing) * 6) !important
    }

    .cs-tw .\[\&\[data-placement\=\'bottom\'\]\]\:-top-\[5px\][data-placement=bottom], .cs-tw .\[\&\[data-placement\=\'bottom-end\'\]\]\:-top-\[5px\][data-placement=bottom-end], .cs-tw .\[\&\[data-placement\=\'bottom-start\'\]\]\:-top-\[5px\][data-placement=bottom-start] {
        top: -5px !important
    }

    .cs-tw .\[\&\[data-placement\=\'left\'\]\]\:-right-\[5px\][data-placement=left], .cs-tw .\[\&\[data-placement\=\'left-end\'\]\]\:-right-\[5px\][data-placement=left-end], .cs-tw .\[\&\[data-placement\=\'left-start\'\]\]\:-right-\[5px\][data-placement=left-start] {
        right: -5px !important
    }

    .cs-tw .\[\&\[data-placement\=\'right\'\]\]\:-left-\[5px\][data-placement=right], .cs-tw .\[\&\[data-placement\=\'right-end\'\]\]\:-left-\[5px\][data-placement=right-end], .cs-tw .\[\&\[data-placement\=\'right-start\'\]\]\:-left-\[5px\][data-placement=right-start] {
        left: -5px !important
    }

    .cs-tw .\[\&\[data-placement\=\'top\'\]\]\:-bottom-\[5px\][data-placement=top], .cs-tw .\[\&\[data-placement\=\'top-end\'\]\]\:-bottom-\[5px\][data-placement=top-end], .cs-tw .\[\&\[data-placement\=\'top-start\'\]\]\:-bottom-\[5px\][data-placement=top-start] {
        bottom: -5px !important
    }
}

@layer cs-overrides {
    :root.theme-empire-light, .theme-empire-light {
        --piccolo: 255 37 168;
        --hit: 184 166 255;
        --beerus: 229 228 234;
        --gohan: 240 238 245;
        --goten: 255 255 255;
        --goku: 255 255 255;
        --bulma: 21 6 79;
        --trunks: 92 86 113;
        --popo: 0 0 0;
        --jiren: 255 37 168/.12;
        --heles: 0 0 0/.08;
        --zeno: 0 0 0/.56;
        --krillin: 255 180 53;
        --krillin-60: 255 180 53/.56;
        --krillin-10: 255 180 53/.08;
        --chichi: 250 76 128;
        --chichi-60: 250 76 128/.56;
        --chichi-10: 250 76 128/.08;
        --roshi: 65 217 185;
        --roshi-60: 65 217 185/.56;
        --roshi-10: 65 217 185/.08;
        --dodoria: 211 48 48;
        --dodoria-60: 211 48 48/.56;
        --dodoria-10: 211 48 48/.08;
        --cell: 10 183 88;
        --cell-60: 10 183 88/.56;
        --cell-10: 10 183 88/.08;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.08;
        --whis: 52 72 240;
        --whis-60: 52 72 240/.56;
        --whis-10: 52 72 240/.08;
        --frieza: 92 51 207;
        --frieza-60: 92 51 207/.56;
        --frieza-10: 92 51 207/.08;
        --nappa: 114 85 80;
        --nappa-60: 114 85 80/.56;
        --nappa-10: 114 85 80/.08;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --fira: "Fira Sans";
        --shadow-xs: 0 4px 12px -6px #0000000f;
        --shadow-sm: 0 6px 6px -6px #00000029, 0 0 1px #0006;
        --shadow-md: 0 12px 12px -6px #00000029, 0 0 1px #0006;
        --shadow-lg: 0 8px 24px -6px #00000029, 0 0 1px #0006;
        --shadow-xl: 0 32px 32px -8px #00000014, 0 0 32px -8px #0000001f, 0 0 1px #0003
    }

    :root.theme-empire-dark, .theme-empire-dark {
        --piccolo: 255 37 168;
        --hit: 184 166 255;
        --beerus: 101 74 206;
        --gohan: 72 40 197;
        --goten: 255 255 255;
        --goku: 21 6 79;
        --bulma: 255 255 255;
        --trunks: 200 190 238;
        --popo: 0 0 0;
        --jiren: 255 37 168/.12;
        --heles: 0 0 0/.08;
        --zeno: 0 0 0/.56;
        --krillin: 255 180 53;
        --krillin-60: 255 180 53/.56;
        --krillin-10: 255 180 53/.08;
        --chichi: 250 76 128;
        --chichi-60: 250 76 128/.56;
        --chichi-10: 250 76 128/.08;
        --roshi: 65 217 185;
        --roshi-60: 65 217 185/.56;
        --roshi-10: 65 217 185/.08;
        --dodoria: 211 48 48;
        --dodoria-60: 211 48 48/.56;
        --dodoria-10: 211 48 48/.08;
        --cell: 10 183 88;
        --cell-60: 10 183 88/.56;
        --cell-10: 10 183 88/.08;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.08;
        --whis: 52 72 240;
        --whis-60: 52 72 240/.56;
        --whis-10: 52 72 240/.08;
        --frieza: 92 51 207;
        --frieza-60: 92 51 207/.56;
        --frieza-10: 92 51 207/.08;
        --nappa: 114 85 80;
        --nappa-60: 114 85 80/.56;
        --nappa-10: 114 85 80/.08;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --fira: "Fira Sans";
        --shadow-xs: 0 4px 12px -6px #000000a3;
        --shadow-sm: 0 6px 6px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-md: 0 12px 12px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-lg: 0 24px 24px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-xl: 0 48px 48px -6px #000000e0, 0 0 1px #000000b8
    }

    :root.theme-sb-light, .theme-sb-light {
        --piccolo: 73 179 86;
        --hit: 234 235 235;
        --beerus: 224 227 229;
        --gohan: 244 245 246;
        --goten: 255 255 255;
        --goku: 255 255 255;
        --bulma: 26 33 42;
        --trunks: 99 113 123;
        --popo: 0 0 0;
        --jiren: 73 179 86/.12;
        --heles: 55 61 69/.08;
        --zeno: 25 30 37/.4;
        --krillin: 248 193 0;
        --krillin-60: 248 193 0/.56;
        --krillin-10: 248 193 0/.12;
        --chichi: 255 78 100;
        --chichi-60: 255 78 100/.56;
        --chichi-10: 255 78 100/.12;
        --roshi: 12 214 100;
        --roshi-60: 12 214 100/.56;
        --roshi-10: 12 214 100/.12;
        --dodoria: 255 138 1;
        --dodoria-60: 255 138 1/.56;
        --dodoria-10: 255 138 1/.12;
        --cell: 27 210 154;
        --cell-60: 27 210 154/.56;
        --cell-10: 27 210 154/.12;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.12;
        --whis: 46 105 255;
        --whis-60: 46 105 255/.56;
        --whis-10: 46 105 255/.12;
        --frieza: 111 59 255;
        --frieza-60: 111 59 255/.56;
        --frieza-10: 111 59 255/.12;
        --nappa: 0 142 173;
        --nappa-60: 0 142 173/.56;
        --nappa-10: 0 142 173/.12;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --averta: "Averta Std";
        --dm-sans: "DM Sans";
        --shadow-xs: 0 4px 12px -6px #0000000f;
        --shadow-sm: 0 6px 6px -6px #00000029, 0 0 1px #0006;
        --shadow-md: 0 12px 12px -6px #00000029, 0 0 1px #0006;
        --shadow-lg: 0 8px 24px -6px #00000029, 0 0 1px #0006;
        --shadow-xl: 0 32px 32px -8px #00000014, 0 0 32px -8px #0000001f, 0 0 1px #0003
    }

    :root.theme-sb-dark, .theme-sb-dark {
        --piccolo: 73 179 86;
        --hit: 76 81 90;
        --beerus: 55 61 69;
        --goku: 26 33 42;
        --gohan: 44 50 58;
        --bulma: 255 255 255;
        --trunks: 141 157 168;
        --goten: 255 255 255;
        --popo: 0 0 0;
        --jiren: 73 179 86/.2;
        --heles: 255 255 255/.12;
        --zeno: 25 30 37/.4;
        --krillin: 248 193 0;
        --krillin-60: 248 193 0/.56;
        --krillin-10: 248 193 0/.12;
        --chichi: 255 78 100;
        --chichi-60: 255 78 100/.56;
        --chichi-10: 255 78 100/.12;
        --roshi: 12 214 100;
        --roshi-60: 12 214 100/.56;
        --roshi-10: 12 214 100/.12;
        --dodoria: 255 138 1;
        --dodoria-60: 255 138 1/.56;
        --dodoria-10: 255 138 1/.12;
        --cell: 27 210 154;
        --cell-60: 27 210 154/.56;
        --cell-10: 27 210 154/.12;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.12;
        --whis: 46 105 255;
        --whis-60: 46 105 255/.56;
        --whis-10: 46 105 255/.12;
        --frieza: 111 59 255;
        --frieza-60: 111 59 255/.56;
        --frieza-10: 111 59 255/.12;
        --nappa: 0 142 173;
        --nappa-60: 0 142 173/.56;
        --nappa-10: 0 142 173/.12;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --averta: "Averta Std";
        --dm-sans: "DM Sans";
        --shadow-xs: 0 4px 12px -6px #000000a3;
        --shadow-sm: 0 6px 6px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-md: 0 12px 12px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-lg: 0 24px 24px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-xl: 0 48px 48px -6px #000000e0, 0 0 1px #000000b8
    }

    :root.theme-livecasino-light, .theme-livecasino-light {
        --piccolo: 222 13 62;
        --hit: 169 170 177;
        --beerus: 229 233 240;
        --gohan: 240 246 255;
        --goten: 255 255 255;
        --goku: 255 255 255;
        --bulma: 15 22 31;
        --trunks: 134 151 162;
        --popo: 0 0 0;
        --jiren: 222 13 62/.12;
        --heles: 0 0 0/.08;
        --zeno: 0 0 0/.56;
        --krillin: 255 179 25;
        --krillin-60: 255 179 25/.56;
        --krillin-10: 255 179 25/.08;
        --chichi: 255 78 100;
        --chichi-60: 255 78 100/.56;
        --chichi-10: 255 78 100/.08;
        --roshi: 74 209 95;
        --roshi-60: 74 209 95/.56;
        --roshi-10: 74 209 95/.08;
        --dodoria: 211 48 48;
        --dodoria-60: 211 48 48/.56;
        --dodoria-10: 211 48 48/.08;
        --cell: 149 241 213;
        --cell-60: 149 241 213/.56;
        --cell-10: 149 241 213/.08;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.08;
        --whis: 52 72 240;
        --whis-60: 52 72 240/.56;
        --whis-10: 52 72 240/.08;
        --frieza: 92 51 207;
        --frieza-60: 92 51 207/.56;
        --frieza-10: 92 51 20/.08;
        --nappa: 114 85 80;
        --nappa-60: 114 85 80/.56;
        --nappa-10: 114 85 80/.08;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --averta: "Averta Std";
        --dm-sans: "DM Sans";
        --shadow-xs: 0 4px 12px -6px #0000000f;
        --shadow-sm: 0 6px 6px -6px #00000029, 0 0 1px #0006;
        --shadow-md: 0 12px 12px -6px #00000029, 0 0 1px #0006;
        --shadow-lg: 0 8px 24px -6px #00000029, 0 0 1px #0006;
        --shadow-xl: 0 32px 32px -8px #00000014, 0 0 32px -8px #0000001f, 0 0 1px #0003
    }

    :root.theme-livecasino-dark, .theme-livecasino-dark {
        --piccolo: 222 13 62;
        --hit: 103 105 126;
        --beerus: 50 53 72;
        --gohan: 25 29 51;
        --goten: 255 255 255;
        --goku: 0 7 15;
        --bulma: 255 255 255;
        --trunks: 134 151 162;
        --popo: 0 0 0;
        --jiren: 222 13 62/.12;
        --heles: 255 255 255/.12;
        --zeno: 0 0 0/.56;
        --krillin: 255 179 25;
        --krillin-60: 255 179 25/.56;
        --krillin-10: 255 179 25/.08;
        --chichi: 255 78 100;
        --chichi-60: 255 78 100/.56;
        --chichi-10: 255 78 100/.08;
        --roshi: 74 209 95;
        --roshi-60: 74 209 95/.56;
        --roshi-10: 74 209 95/.08;
        --dodoria: 211 48 48;
        --dodoria-60: 211 48 48/.56;
        --dodoria-10: 211 48 48/.08;
        --cell: 149 241 213;
        --cell-60: 149 241 213/.56;
        --cell-10: 149 241 213/.08;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.08;
        --whis: 52 72 240;
        --whis-60: 52 72 240/.56;
        --whis-10: 52 72 240/.08;
        --frieza: 92 51 207;
        --frieza-60: 92 51 207/.56;
        --frieza-10: 92 51 20/.08;
        --nappa: 114 85 80;
        --nappa-60: 114 85 80/.56;
        --nappa-10: 114 85 80/.08;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --averta: "Averta Std";
        --dm-sans: "DM Sans";
        --shadow-xs: 0 4px 12px -6px #000000a3;
        --shadow-sm: 0 6px 6px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-md: 0 12px 12px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-lg: 0 24px 24px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-xl: 0 48px 48px -6px #000000e0, 0 0 1px #000000b8
    }

    :root.theme-bitcasino-light, .theme-bitcasino-light {
        --piccolo: 242 89 13;
        --hit: 233 233 233;
        --beerus: 224 224 224;
        --gohan: 249 247 246;
        --goten: 255 255 255;
        --goku: 255 255 255;
        --bulma: 0 0 0;
        --trunks: 126 117 114;
        --popo: 0 0 0;
        --jiren: 242 89 13/.12;
        --heles: 0 0 0/.08;
        --zeno: 0 0 0/.4;
        --krillin: 255 179 25;
        --krillin-60: 255 179 25/.56;
        --krillin-10: 255 179 25/.08;
        --chichi: 255 78 100;
        --chichi-60: 255 78 100/.56;
        --chichi-10: 255 78 100/.08;
        --roshi: 73 179 86;
        --roshi-60: 73 179 86/.56;
        --roshi-10: 73 179 86/.08;
        --dodoria: 211 48 48;
        --dodoria-60: 211 48 48/.56;
        --dodoria-10: 211 48 48/.08;
        --cell: 149 241 213;
        --cell-60: 149 241 213/.56;
        --cell-10: 149 241 213/.08;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.08;
        --whis: 52 72 240;
        --whis-60: 52 72 240/.56;
        --whis-10: 52 72 240/.08;
        --frieza: 92 51 207;
        --frieza-60: 92 51 207/.56;
        --frieza-10: 92 51 207/.08;
        --nappa: 114 85 80;
        --nappa-60: 114 85 80/.56;
        --nappa-10: 114 85 80/.08;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --averta: "Averta Std";
        --dm-sans: "DM Sans";
        --space-grotesk: "Space Grotesk", sans-serif;
        --shadow-xs: 0 4px 12px -6px #0000000f;
        --shadow-sm: 0 6px 6px -6px #00000029, 0 0 1px #0006;
        --shadow-md: 0 12px 12px -6px #00000029, 0 0 1px #0006;
        --shadow-lg: 0 8px 24px -6px #00000029, 0 0 1px #0006;
        --shadow-xl: 0 32px 32px -8px #00000014, 0 0 32px -8px #0000001f, 0 0 1px #0003
    }

    :root.theme-bitcasino-dark, .theme-bitcasino-dark {
        --piccolo: 242 89 13;
        --hit: 75 76 78;
        --beerus: 58 61 66;
        --gohan: 39 43 48;
        --goten: 255 255 255;
        --goku: 31 35 40;
        --bulma: 255 255 255;
        --trunks: 126 117 114;
        --popo: 0 0 0;
        --jiren: 242 89 13/.12;
        --heles: 255 255 255/.08;
        --zeno: 0 0 0/.4;
        --krillin: 255 179 25;
        --krillin-60: 255 179 25/.56;
        --krillin-10: 255 179 25/.08;
        --chichi: 255 78 100;
        --chichi-60: 255 78 100/.56;
        --chichi-10: 255 78 100/.08;
        --roshi: 73 179 86;
        --roshi-60: 73 179 86/.56;
        --roshi-10: 73 179 86/.08;
        --dodoria: 211 48 48;
        --dodoria-60: 211 48 48/.56;
        --dodoria-10: 211 48 48/.08;
        --cell: 149 241 213;
        --cell-60: 149 241 213/.56;
        --cell-10: 149 241 213/.08;
        --raditz: 179 128 74;
        --raditz-60: 179 128 74/.56;
        --raditz-10: 179 128 74/.08;
        --whis: 52 72 240;
        --whis-60: 52 72 240/.56;
        --whis-10: 52 72 240/.08;
        --frieza: 92 51 207;
        --frieza-60: 92 51 207/.56;
        --frieza-10: 92 51 207/.08;
        --nappa: 114 85 80;
        --nappa-60: 114 85 80/.56;
        --nappa-10: 114 85 80/.08;
        --radius-i-xs: .25rem;
        --radius-i-sm: .5rem;
        --radius-i-md: .75rem;
        --radius-s-xs: .25rem;
        --radius-s-sm: .5rem;
        --radius-s-md: .75rem;
        --radius-s-lg: 1rem;
        --border-width: .0625rem;
        --border-i-width: .125rem;
        --opacity-moon: .6;
        --averta: "Averta Std";
        --dm-sans: "DM Sans";
        --space-grotesk: "Space Grotesk", sans-serif;
        --shadow-xs: 0 4px 12px -6px #000000a3;
        --shadow-sm: 0 6px 6px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-md: 0 12px 12px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-lg: 0 24px 24px -6px #000000a3, 0 0 1px #0000008f;
        --shadow-xl: 0 48px 48px -6px #000000e0, 0 0 1px #000000b8
    }
}

:before, :after {
    --tw-content: ""
}

body {
    --wcm-z-index: 999999;
    width: 100%;
    margin: 0
}

.modal-overlay {
    inset: calc(var(--spacing) * 0);
    z-index: 9999;
    background-color: var(--semantic-background-backdrop);
    min-height: 100vh;
    opacity: var(--effect-opacity-60);
    margin: auto;
    position: absolute
}

.scrollbar-h-none::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.scrollbar-h-none ::-webkit-scrollbar-thumb {
    display: none
}

.ltr-text {
    direction: ltr
}

.rtl-text {
    direction: rtl
}

.__floater {
    padding-bottom: 4px !important
}

.__floater__arrow span svg {
    transform-origin: 50% 100% !important;
    transform: scale(.25) !important
}

.__floater__arrow span svg polygon {
    fill: var(--semantic-background-inverse)
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-scroll-snap-strictness {
    syntax: "*";
    inherits: false;
    initial-value: proximity
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@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-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes ping {
    75%, to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes error {
    10%, 90% {
        transform: translate(-1px)
    }
    20%, 80% {
        transform: translate(2px)
    }
    30%, 50%, 70% {
        transform: translate(-4px)
    }
    40%, 60% {
        transform: translate(4px)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes pulse2 {
    10%, 90% {
        transform: translate(-1px)
    }
    0% {
        transform: scale(1)
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 30px #0000
    }
    to {
        transform: scale(1);
        box-shadow: 0 0 #0000
    }
}