*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

code,kbd,pre,samp {
    font-feature-settings: normal;
    font-variation-settings: normal
}

button,input,optgroup,select,textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

dialog {
    padding: 0
}

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

:root,[data-theme] {
    background-color: var(--fallback-b1,oklch(var(--b1)/1));
    color: var(--fallback-bc,oklch(var(--bc)/1))
}

@supports not (color: oklch(0% 0 0)) {
    :root {
        color-scheme:light;
        --fallback-p: #491eff;
        --fallback-pc: #d4dbff;
        --fallback-s: #ff41c7;
        --fallback-sc: #fff9fc;
        --fallback-a: #00cfbd;
        --fallback-ac: #00100d;
        --fallback-n: #2b3440;
        --fallback-nc: #d7dde4;
        --fallback-b1: #ffffff;
        --fallback-b2: #e5e6e6;
        --fallback-b3: #e5e6e6;
        --fallback-bc: #1f2937;
        --fallback-in: #00b3f0;
        --fallback-inc: #000000;
        --fallback-su: #00ca92;
        --fallback-suc: #000000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000000
    }

    @media (prefers-color-scheme: dark) {
        :root {
            color-scheme:dark;
            --fallback-p: #7582ff;
            --fallback-pc: #050617;
            --fallback-s: #ff71cf;
            --fallback-sc: #190211;
            --fallback-a: #00c7b5;
            --fallback-ac: #000e0c;
            --fallback-n: #2a323c;
            --fallback-nc: #a6adbb;
            --fallback-b1: #1d232a;
            --fallback-b2: #191e24;
            --fallback-b3: #15191e;
            --fallback-bc: #a6adbb;
            --fallback-in: #00b3f0;
            --fallback-inc: #000000;
            --fallback-su: #00ca92;
            --fallback-suc: #000000;
            --fallback-wa: #ffc22d;
            --fallback-wac: #000000;
            --fallback-er: #ff6f70;
            --fallback-erc: #000000
        }
    }
}

html {
    -webkit-tap-highlight-color: transparent
}

* {
    scrollbar-color: color-mix(in oklch,currentColor 35%,transparent) transparent
}

:hover {
    scrollbar-color: color-mix(in oklch,currentColor 60%,transparent) transparent
}

:root {
    color-scheme: light;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.150 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 89.824% 0.06192 275.75;
    --ac: 15.352% 0.0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 49.12% 0.3096 275.75;
    --s: 69.71% 0.329 342.55;
    --sc: 98.71% 0.0106 342.55;
    --a: 76.76% 0.184 183.61;
    --n: 32.1785% 0.02476 255.701624;
    --nc: 89.4994% 0.011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% 0.00108 197.137559;
    --bc: 27.8078% 0.029596 256.847952
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme:dark;
        --in: 72.06% 0.191 231.6;
        --su: 64.8% 0.150 160;
        --wa: 84.71% 0.199 83.87;
        --er: 71.76% 0.221 22.18;
        --pc: 13.138% 0.0392 275.75;
        --sc: 14.96% 0.052 342.55;
        --ac: 14.902% 0.0334 183.61;
        --inc: 0% 0 0;
        --suc: 0% 0 0;
        --wac: 0% 0 0;
        --erc: 0% 0 0;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 65.69% 0.196 275.75;
        --s: 74.8% 0.26 342.55;
        --a: 74.51% 0.167 183.61;
        --n: 31.3815% 0.021108 254.139175;
        --nc: 74.6477% 0.0216 264.435964;
        --b1: 25.3267% 0.015896 252.417568;
        --b2: 23.2607% 0.013807 253.100675;
        --b3: 21.1484% 0.01165 254.087939;
        --bc: 74.6477% 0.0216 264.435964
    }
}

[data-theme=light] {
    color-scheme: light;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.150 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 89.824% 0.06192 275.75;
    --ac: 15.352% 0.0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 49.12% 0.3096 275.75;
    --s: 69.71% 0.329 342.55;
    --sc: 98.71% 0.0106 342.55;
    --a: 76.76% 0.184 183.61;
    --n: 32.1785% 0.02476 255.701624;
    --nc: 89.4994% 0.011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% 0.00108 197.137559;
    --bc: 27.8078% 0.029596 256.847952
}

[data-theme=dark] {
    color-scheme: dark;
    --in: 72.06% 0.191 231.6;
    --su: 64.8% 0.150 160;
    --wa: 84.71% 0.199 83.87;
    --er: 71.76% 0.221 22.18;
    --pc: 13.138% 0.0392 275.75;
    --sc: 14.96% 0.052 342.55;
    --ac: 14.902% 0.0334 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 65.69% 0.196 275.75;
    --s: 74.8% 0.26 342.55;
    --a: 74.51% 0.167 183.61;
    --n: 31.3815% 0.021108 254.139175;
    --nc: 74.6477% 0.0216 264.435964;
    --b1: 25.3267% 0.015896 252.417568;
    --b2: 23.2607% 0.013807 253.100675;
    --b3: 21.1484% 0.01165 254.087939;
    --bc: 74.6477% 0.0216 264.435964
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width:1536px
    }
}

.avatar.placeholder>div {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (hover: hover) {
    .label a:hover {
        --tw-text-opacity:1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))
    }

    .menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
    }

    .tab:hover {
        --tw-text-opacity: 1
    }

    .table tr.hover:hover,.table tr.hover:nth-child(2n):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
    }

    .table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover {
        --tw-bg-opacity: 1;
        background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
    }
}

.chat {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: .75rem;
    padding-top: .25rem;
    padding-bottom: .25rem
}

@media (hover: hover) {
    .btm-nav>.\!disabled:hover {
        pointer-events:none!important;
        --tw-border-opacity: 0!important;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)))!important;
        --tw-bg-opacity: 0.1!important;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))!important;
        --tw-text-opacity: 0.2!important
    }

    .btm-nav>.disabled:hover,.btm-nav>[disabled]:hover {
        pointer-events: none;
        --tw-border-opacity: 0;
        background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
        --tw-bg-opacity: 0.1;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2
    }

    .tab[disabled],.tab[disabled]:hover {
        cursor: not-allowed;
        color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
        --tw-text-opacity: 0.2
    }
}

.footer {
    width: 100%;
    grid-auto-flow: row;
    column-gap: 1rem;
    row-gap: 2.5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.footer,.footer>* {
    display: grid;
    place-items: start
}

.footer>* {
    gap: .5rem
}

@media (min-width: 48rem) {
    .footer {
        grid-auto-flow:column
    }

    .footer-center {
        grid-auto-flow: row dense
    }
}

.label {
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .25rem
}

.join {
    display: inline-flex;
    align-items: stretch;
    border-radius: var(--rounded-btn,.5rem)
}

.join :where(.join-item) {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.join .dropdown .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .dropdown .join-item {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item) {
    border-end-start-radius: inherit;
    border-start-start-radius: inherit
}

.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item {
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item) {
    border-start-end-radius: inherit;
    border-end-end-radius: inherit
}

@supports not selector(:has(*)) {
    :where(.join *) {
        border-radius: inherit
    }
}

@supports selector(:has(*)) {
    :where(.join :has(.join-item)) {
        border-radius: inherit
    }
}

.link {
    cursor: pointer;
    text-decoration-line: underline
}

.menu li.\!disabled {
    cursor: not-allowed!important;
    user-select: none!important;
    color: var(--fallback-bc,oklch(var(--bc)/.3))!important
}

.menu li.disabled {
    cursor: not-allowed;
    user-select: none;
    color: var(--fallback-bc,oklch(var(--bc)/.3))
}

.modal {
    pointer-events: none;
    position: fixed;
    inset: 0;
    margin: 0;
    display: grid;
    height: 100%;
    max-height: none;
    width: 100%;
    max-width: none;
    justify-items: center;
    padding: 0;
    opacity: 0;
    overscroll-behavior: contain;
    z-index: 999;
    background-color: transparent;
    color: inherit;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-property: transform,opacity,visibility;
    overflow-y: hidden
}

:where(.modal) {
    align-items: center
}

.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open] {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])) {
    overflow: hidden;
    scrollbar-gutter: stable
}

.stack {
    display: inline-grid;
    place-items: center;
    align-items: flex-end
}

.stack>* {
    grid-column-start: 1;
    grid-row-start: 1;
    transform: translateY(10%) scale(.9);
    z-index: 1;
    width: 100%;
    opacity: .6
}

.stack>:nth-child(2) {
    transform: translateY(5%) scale(.95);
    z-index: 2;
    opacity: .8
}

.stack>:first-child {
    transform: translateY(0) scale(1);
    z-index: 3;
    opacity: 1
}

.tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])),.tabs-lifted:has(.tab-content[class^=rounded-]) .tab:first-child:not(:is(.tab-active,[aria-selected=true])) {
    border-bottom-color: transparent
}

.tab {
    position: relative;
    grid-row-start: 1;
    display: inline-flex;
    height: 2rem;
    cursor: pointer;
    user-select: none;
    appearance: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    --tab-padding: 1rem;
    --tw-text-opacity: 0.5;
    --tab-color: var(--fallback-bc,oklch(var(--bc)/1));
    --tab-bg: var(--fallback-b1,oklch(var(--b1)/1));
    --tab-border-color: var(--fallback-b3,oklch(var(--b3)/1));
    color: var(--tab-color);
    padding-inline-start:var(--tab-padding,1rem);padding-inline-end: var(--tab-padding,1rem)
}

.tab:is(input[type=radio]) {
    width: auto;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.tab:is(input[type=radio]):after {
    --tw-content: attr(aria-label);
    content: var(--tw-content)
}

.tab:not(input):empty {
    cursor: default;
    grid-column-start: span 9999
}

:is(.tab-active,[aria-selected=true])+.tab-content,input.tab:checked+.tab-content {
    display: block
}

.table {
    position: relative;
    width: 100%;
    border-radius: var(--rounded-box,1rem);
    text-align: left;
    font-size: .875rem;
    line-height: 1.25rem
}

.table :where(.table-pin-rows thead tr) {
    position: sticky;
    top: 0;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.table :where(.table-pin-rows tfoot tr) {
    position: sticky;
    bottom: 0;
    z-index: 1;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.table :where(.table-pin-cols tr th) {
    position: sticky;
    left: 0;
    right: 0;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.btm-nav>:where(.active) {
    border-top-width: 2px;
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)))
}

.btm-nav>.\!disabled {
    pointer-events: none!important;
    --tw-border-opacity: 0!important;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)))!important;
    --tw-bg-opacity: 0.1!important;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))!important;
    --tw-text-opacity: 0.2!important
}

.btm-nav>.disabled,.btm-nav>[disabled] {
    pointer-events: none;
    --tw-border-opacity: 0;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-bg-opacity: 0.1;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2
}

.btm-nav>* .label {
    font-size: 1rem;
    line-height: 1.5rem
}

@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale,.98))
    }

    40% {
        transform: scale(1.02)
    }

    to {
        transform: scale(1)
    }
}

@keyframes checkmark {
    0% {
        background-position-y: 5px
    }

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}

.join>:where(:not(:first-child)) {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start:-1px}

.join>:where(:not(:first-child)):is(.btn) {
    margin-inline-start:calc(var(--border-btn) * -1)}

.link: focus {
    outline:2px solid transparent;
    outline-offset: 2px
}

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.loading {
    pointer-events: none;
    display: inline-block;
    aspect-ratio: 1/1;
    width: 1.5rem;
    background-color: currentColor;
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")
}

.menu li>:not(ul,.menu-title,details,.btn).active,.menu li>:not(ul,.menu-title,details,.btn):active,.menu li>details>summary:active {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))
}

.mockup-phone .display {
    overflow: hidden;
    border-radius: 40px;
    margin-top: -25px
}

.modal::backdrop,.modal:not(dialog:not(.modal-open)) {
    background-color: #0006;
    animation: modal-pop .2s ease-out
}

.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box {
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes modal-pop {
    0% {
        opacity: 0
    }
}

@keyframes progress-loading {
    50% {
        background-position-x: -115%
    }
}

@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }

    50% {
        box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }

    to {
        box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset
    }
}

@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }

    40% {
        transform: translateY(-.125em)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }

    to {
        background-position: -50%
    }
}

.tabs-lifted>.tab:focus-visible {
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),.tab:is(input:checked) {
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    --tw-border-opacity: 1;
    --tw-text-opacity: 1
}

.tab:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tab:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -5px
}

.tab-disabled,.tab[disabled] {
    cursor: not-allowed;
    color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
    --tw-text-opacity: 0.2
}

.tabs-bordered>.tab {
    border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
    --tw-border-opacity: 0.2;
    border-style: solid;
    border-bottom-width: calc(var(--tab-border, 1px) + 1px)
}

.tabs-lifted>.tab {
    border: var(--tab-border,1px) solid transparent;
    border-width: 0 0 var(--tab-border,1px) 0;
    border-start-start-radius: var(--tab-radius,.5rem);
    border-start-end-radius: var(--tab-radius,.5rem);
    border-bottom-color: var(--tab-border-color);
    padding-inline-start:var(--tab-padding,1rem);padding-inline-end: var(--tab-padding,1rem);
    padding-top: var(--tab-border,1px)
}

.tabs-lifted>.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),.tabs-lifted>.tab:is(input:checked) {
    background-color: var(--tab-bg);
    border-width: var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px);
    border-inline-start-color:var(--tab-border-color);border-inline-end-color: var(--tab-border-color);
    border-top-color: var(--tab-border-color);
    padding-inline-start:calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
    padding-bottom: var(--tab-border,1px);
    padding-top: 0
}

.tabs-lifted>.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]):before,.tabs-lifted>.tab:is(input:checked):before {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + var(--tab-radius, .5rem) * 2);
    height: var(--tab-radius,.5rem);
    bottom: 0;
    background-size: var(--tab-radius,.5rem);
    background-position: 0 0,100% 0;
    background-repeat: no-repeat;
    --tab-grad: calc(69% - var(--tab-border, 1px));
    --radius-start: radial-gradient(circle at top left,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px));
    --radius-end: radial-gradient(circle at top right,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px));
    background-image: var(--radius-start),var(--radius-end)
}

.tabs-lifted>.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]):first-child:before,.tabs-lifted>.tab:is(input:checked):first-child:before {
    background-image: var(--radius-end);
    background-position: 100% 0
}

[dir=rtl] .tabs-lifted>.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]):first-child:before,[dir=rtl] .tabs-lifted>.tab:is(input:checked):first-child:before {
    background-image: var(--radius-start);
    background-position: 0 0
}

.tabs-lifted>.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]):last-child:before,.tabs-lifted>.tab:is(input:checked):last-child:before {
    background-image: var(--radius-start);
    background-position: 0 0
}

[dir=rtl] .tabs-lifted>.tab:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]):last-child:before,[dir=rtl] .tabs-lifted>.tab:is(input:checked):last-child:before {
    background-image: var(--radius-end);
    background-position: 100% 0
}

.tabs-lifted>.tab:is(input:checked)+.tabs-lifted .tab:is(input:checked):before,.tabs-lifted>:is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled])+.tabs-lifted :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]):before {
    background-image: var(--radius-end);
    background-position: 100% 0
}

.tabs-boxed .tab {
    border-radius: var(--rounded-btn,.5rem)
}

.table:where([dir=rtl],[dir=rtl] *) {
    text-align: right
}

.table :where(th,td) {
    padding: .75rem 1rem;
    vertical-align: middle
}

.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))
}

.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))
}

.table :where(thead tr,tbody tr:not(:last-child),tbody tr:first-child:last-child) {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))
}

.table :where(thead,tfoot) {
    white-space: nowrap;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    color: var(--fallback-bc,oklch(var(--bc)/.6))
}

.table :where(tfoot) {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-top-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))
}

@keyframes toast-pop {
    0% {
        transform: scale(.9);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.btm-nav-xs>:where(.active) {
    border-top-width: 1px
}

.btm-nav-sm>:where(.active) {
    border-top-width: 2px
}

.btm-nav-md>:where(.active) {
    border-top-width: 2px
}

.btm-nav-lg>:where(.active) {
    border-top-width: 4px
}

.join.join-vertical {
    flex-direction: column
}

.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    border-start-start-radius: inherit;
    border-start-end-radius: inherit
}

.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: inherit;
    border-end-end-radius: inherit
}

.join.join-horizontal {
    flex-direction: row
}

.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: inherit;
    border-start-start-radius: inherit
}

.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
    border-end-end-radius: inherit;
    border-start-end-radius: inherit
}

.tabs-md :where(.tab) {
    height: 2rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    --tab-padding: 1rem
}

.tabs-lg :where(.tab) {
    height: 3rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 2;
    --tab-padding: 1.25rem
}

.tabs-sm :where(.tab) {
    height: 1.5rem;
    font-size: .875rem;
    line-height: .75rem;
    --tab-padding: 0.75rem
}

.tabs-xs :where(.tab) {
    height: 1.25rem;
    font-size: .75rem;
    line-height: .75rem;
    --tab-padding: 0.5rem
}

.join.join-vertical>:where(:not(:first-child)) {
    margin-left: 0;
    margin-right: 0;
    margin-top: -1px
}

.join.join-vertical>:where(:not(:first-child)):is(.btn) {
    margin-top: calc(var(--border-btn) * -1)
}

.join.join-horizontal>:where(:not(:first-child)) {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-start:-1px}

.join.join-horizontal>:where(:not(:first-child)):is(.btn) {
    margin-inline-start:calc(var(--border-btn) * -1);margin-top: 0
}

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

#root .pointer-events-auto {
    pointer-events: auto
}

#root .static {
    position: static
}

#root .fixed {
    position: fixed
}

#root .absolute {
    position: absolute
}

#root .relative {
    position: relative
}

#root .sticky {
    position: sticky
}

#root .inset-0 {
    inset: 0
}

#root .-right-2 {
    right: -.5rem
}

#root .-top-3 {
    top: -.75rem
}

#root .bottom-\[6px\] {
    bottom: 6px
}

#root .left-0 {
    left: 0
}

#root .left-4 {
    left: 1rem
}

#root .right-\[6px\] {
    right: 6px
}

#root .top-0 {
    top: 0
}

#root .top-4 {
    top: 1rem
}

#root .z-0 {
    z-index: 0
}

#root .z-1 {
    z-index: 1
}

#root .z-10 {
    z-index: 10
}

#root .z-100 {
    z-index: 100
}

#root .z-50 {
    z-index: 50
}

#root .m-0 {
    margin: 0
}

#root .m-auto {
    margin: auto
}

#root .mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

#root .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

#root .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

#root .mb-2 {
    margin-bottom: .5rem
}

#root .mb-4 {
    margin-bottom: 1rem
}

#root .mr-1 {
    margin-right: .25rem
}

#root .mt-0 {
    margin-top: 0
}

#root .mt-1 {
    margin-top: .25rem
}

#root .mt-2 {
    margin-top: .5rem
}

#root .mt-5 {
    margin-top: 1.25rem
}

#root .mt-6 {
    margin-top: 1.5rem
}

#root .inline-block {
    display: inline-block
}

#root .flex {
    display: flex
}

#root .table {
    display: table
}

#root .grid {
    display: grid
}

#root .contents {
    display: contents
}

#root .hidden {
    display: none
}

#root .aspect-\[1\/1\] {
    aspect-ratio: 1/1
}

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

#root .h-10 {
    height: 2.5rem
}

#root .h-12 {
    height: 3rem
}

#root .h-16 {
    height: 4rem
}

#root .h-24 {
    height: 6rem
}

#root .h-3 {
    height: .75rem
}

#root .h-4 {
    height: 1rem
}

#root .h-5 {
    height: 1.25rem
}

#root .h-6 {
    height: 1.5rem
}

#root .h-8 {
    height: 2rem
}

#root .h-\[10vh\] {
    height: 10vh
}

#root .h-\[14px\] {
    height: 14px
}

#root .h-\[16px\] {
    height: 16px
}

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

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

#root .h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px)
}

#root .h-auto {
    height: auto
}

#root .h-full {
    height: 100%
}

#root .h-screen {
    height: 100vh
}

#root .max-h-52 {
    max-height: 13rem
}

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

#root .min-h-\[600px\] {
    min-height: 600px
}

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

#root .w-10 {
    width: 2.5rem
}

#root .w-12 {
    width: 3rem
}

#root .w-24 {
    width: 6rem
}

#root .w-3 {
    width: .75rem
}

#root .w-32 {
    width: 8rem
}

#root .w-4 {
    width: 1rem
}

#root .w-5 {
    width: 1.25rem
}

#root .w-6 {
    width: 1.5rem
}

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

#root .w-\[72\%\] {
    width: 72%
}

#root .w-full {
    width: 100%
}

#root .w-screen {
    width: 100vw
}

#root .max-w-\[1200px\] {
    max-width: 1200px
}

#root .max-w-\[148vw\] {
    max-width: 148vw
}

#root .max-w-\[260px\] {
    max-width: 260px
}

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

#root .flex-1 {
    flex: 1 1 0%
}

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

#root .grow {
    flex-grow: 1
}

#root .basis-5 {
    flex-basis: 1.25rem
}

#root .scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

#root .scale-150,#root .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#root .transform-gpu {
    transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

#root .animate-pulse {
    animation: pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

#root .animate-spin {
    animation: spin 1s linear infinite
}

#root .cursor-pointer {
    cursor: pointer
}

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

#root .flex-col {
    flex-direction: column
}

#root .flex-wrap {
    flex-wrap: wrap
}

#root .items-center {
    align-items: center
}

#root .justify-center {
    justify-content: center
}

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

#root .justify-evenly {
    justify-content: space-evenly
}

#root .gap-1 {
    gap: .25rem
}

#root .gap-2 {
    gap: .5rem
}

#root .gap-3 {
    gap: .75rem
}

#root .gap-4 {
    gap: 1rem
}

#root .gap-5 {
    gap: 1.25rem
}

#root .gap-6 {
    gap: 1.5rem
}

#root .gap-8 {
    gap: 2rem
}

#root .gap-x-2 {
    column-gap: .5rem
}

#root .gap-y-6 {
    row-gap: 1.5rem
}

#root :is(.space-y-4>:not([hidden])~:not([hidden])) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

#root .overflow-hidden {
    overflow: hidden
}

#root .overflow-visible {
    overflow: visible
}

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

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

#root .truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

#root .truncate,#root .whitespace-nowrap {
    white-space: nowrap
}

#root .text-nowrap {
    text-wrap: nowrap
}

#root .break-all {
    word-break: break-all
}

#root .\!rounded-full {
    border-radius: 9999px!important
}

#root .rounded {
    border-radius: .25rem
}

#root .rounded-2xl {
    border-radius: 1rem
}

#root .rounded-full {
    border-radius: 9999px
}

#root .rounded-lg {
    border-radius: .5rem
}

#root .rounded-bl-2xl {
    border-bottom-left-radius: 1rem
}

#root .rounded-br-2xl {
    border-bottom-right-radius: 1rem
}

#root .rounded-tl-md {
    border-top-left-radius: .375rem
}

#root .rounded-tr-md {
    border-top-right-radius: .375rem
}

#root .border {
    border-width: 1px
}

#root .\!border-bgs-300 {
    border-color: var(--color-bgs-300)!important
}

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

#root .\!bg-shades-0 {
    background-color: var(--color-shades-0)!important
}

#root .bg-\[\#444444\] {
    --tw-bg-opacity: 1;
    background-color: rgb(68 68 68/var(--tw-bg-opacity,1))
}

#root .bg-\[\#f2f2f2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242/var(--tw-bg-opacity,1))
}

#root .bg-bgs-100 {
    background-color: var(--color-bgs-100)
}

#root .bg-bgs-200 {
    background-color: var(--color-bgs-200)
}

#root .bg-bgs-500 {
    background-color: var(--color-bgs-500)
}

#root .bg-bgs-600 {
    background-color: var(--color-bgs-600)
}

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

#root .bg-gs-200 {
    background-color: var(--color-gs-200)
}

#root .bg-gs-500 {
    background-color: var(--color-gs-500)
}

#root .bg-gs-600 {
    background-color: var(--color-gs-600)
}

#root .bg-neutral-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38/var(--tw-bg-opacity,1))
}

#root .bg-primary-1 {
    background-color: var(--color-primary-1)
}

#root .bg-shades-0 {
    background-color: var(--color-shades-0)
}

#root .bg-shades-100 {
    background-color: var(--color-shades-100)
}

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

#root .bg-opacity-90 {
    --tw-bg-opacity: 0.9
}

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

#root .from-\[var\(--color-secondary-1\)\] {
    --tw-gradient-from: var(--color-secondary-1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

#root .from-10\% {
    --tw-gradient-from-position: 10%
}

#root .to-\[var\(--color-primary-1\)\] {
    --tw-gradient-to: var(--color-primary-1) var(--tw-gradient-to-position)
}

#root .to-100\% {
    --tw-gradient-to-position: 100%
}

#root .object-contain {
    object-fit: contain
}

#root .object-cover {
    object-fit: cover
}

#root .p-2 {
    padding: .5rem
}

#root .p-6 {
    padding: 1.5rem
}

#root .px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

#root .px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

#root .px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

#root .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

#root .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

#root .px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

#root .px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

#root .py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

#root .py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

#root .py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

#root .py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

#root .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

#root .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

#root .pb-2 {
    padding-bottom: .5rem
}

#root .pl-px {
    padding-left: 1px
}

#root .pt-\[24px\] {
    padding-top: 24px
}

#root .text-left {
    text-align: left
}

#root .text-center {
    text-align: center
}

#root .align-middle {
    vertical-align: middle
}

#root .text-2xl {
    font-size: 1.5rem;
    line-height: 1.5rem
}

#root .text-\[10px\] {
    font-size: 10px
}

#root .text-\[18px\] {
    font-size: 18px
}

#root .text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

#root .text-sm {
    font-size: .875rem;
    line-height: 1.5rem
}

#root .text-xs {
    font-size: .75rem;
    line-height: 1.4rem
}

#root .font-\[700\],#root .font-bold {
    font-weight: 700
}

#root .font-medium {
    font-weight: 500
}

#root .font-semibold {
    font-weight: 600
}

#root .leading-\[10px\] {
    line-height: 10px
}

#root .leading-normal {
    line-height: 1.5
}

#root .\!text-bgs-800 {
    color: var(--color-bgs-800)!important
}

#root .\!text-bgs-900 {
    color: var(--color-bgs-900)!important
}

#root .\!text-on-button-primary {
    color: var(--color-on-button-primary)!important
}

#root .text-\[\#FAFAFA\] {
    --tw-text-opacity: 1;
    color: rgb(250 250 250/var(--tw-text-opacity,1))
}

#root .text-bgs-600 {
    color: var(--color-bgs-600)
}

#root .text-bgs-700 {
    color: var(--color-bgs-700)
}

#root .text-bgs-800 {
    color: var(--color-bgs-800)
}

#root .text-bgs-900 {
    color: var(--color-bgs-900)
}

#root .text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity,1))
}

#root .text-gs-100 {
    color: var(--color-gs-100)
}

#root .text-gs-500 {
    color: var(--color-gs-500)
}

#root .text-primary-1 {
    color: var(--color-primary-1)
}

#root .text-primary-4 {
    color: var(--color-primary-4)
}

#root .text-shades-100 {
    color: var(--color-shades-100)
}

#root .text-white {
    color: var(--color-white)
}

#root .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#root .shadow-\[0px_4px_4px_0px_\#00000033\] {
    --tw-shadow: 0px 4px 4px 0px #00000033;
    --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

#root .grayscale-\[70\%\] {
    --tw-grayscale: grayscale(70%)
}

#root .filter,#root .grayscale-\[70\%\] {
    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)
}

#root .backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

#root .transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

#root .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

#root .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

#root .duration-\[\.4s\] {
    transition-duration: .4s
}

#root .hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem
}

#root .hover\:-translate-y-2:hover,#root .hover\:scale-110:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#root .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

#root .hover\:\!border-bgs-900:hover {
    border-color: var(--color-bgs-900)!important
}

#root .hover\:bg-bgs-200:hover {
    background-color: var(--color-bgs-200)
}

#root .hover\:bg-bgs-500:hover {
    background-color: var(--color-bgs-500)
}

#root .hover\:text-primary-1:hover {
    color: var(--color-primary-1)
}

#root :is(.group:hover .group-hover\:-translate-y-2) {
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#root :is(.group:hover .group-hover\:text-primary-1) {
    color: var(--color-primary-1)
}

@media (min-width: 640px) {
    #root .sm\:grid-cols-4 {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    #root .md\:my-6 {
        margin-top:1.5rem;
        margin-bottom: 1.5rem
    }

    #root .md\:block {
        display: block
    }

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

    #root .md\:gap-4 {
        gap: 1rem
    }

    #root .md\:gap-x-5 {
        column-gap: 1.25rem
    }

    #root .md\:px-\[30px\] {
        padding-left: 30px;
        padding-right: 30px
    }

    #root .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    #root .md\:text-sm {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {
    #root .lg\:grid-cols-7 {
        grid-template-columns:repeat(7,minmax(0,1fr))
    }
}

body.theme-zz {
    --color-primary-1: #127dfa;
    --color-primary-2: #0e61c2;
    --color-primary-3: #73a0fb;
    --color-primary-4: #0b4f9e;
    --color-primary-5: #083870;
    --color-primary-6: #06284f;
    --color-secondary-1: rgba(18,125,250,0.1);
    --color-secondary-2: #127dfa26;
    --color-secondary-3: #3493ff1a;
    --color-gs-100: #00000066;
    --color-gs-200: #181b22;
    --color-gs-300: #1a2327;
    --color-gs-400: #28323b;
    --color-gs-500: #2c343f;
    --color-gs-600: #363f4b;
    --color-gs-700: #5d5f64;
    --color-gs-800: #979797;
    --color-gs-900: #d9d9d9;
    --color-bgs-100: rgba(27,52,66,0.7);
    --color-bgs-200: #263240;
    --color-bgs-300: #2b3541;
    --color-bgs-400: #32404f;
    --color-bgs-500: #37404c;
    --color-bgs-600: #414d5c;
    --color-bgs-700: #54657b;
    --color-bgs-800: #6a7c91;
    --color-bgs-900: #93a4b8;
    --color-shades-0: #20272f;
    --color-shades-100: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #a9c9dd;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    --color-on-button-primary: #ffffff;
    .bg-linear-2 {
        background: linear-gradient(295.32deg,#387bfb 16.06%,#218bff 34.71%,#2cd3ed 83.94%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

body.theme-zz-blue {
    --color-primary-1: #2ea8f7;
    --color-primary-2: #2ea8f7;
    --color-primary-3: #2da1ec;
    --color-primary-4: #177fc3;
    --color-primary-5: #035488;
    --color-primary-6: #06284f;
    --color-secondary-1: rgba(18,125,250,0.1);
    --color-secondary-2: #127dfa26;
    --color-secondary-3: #3493ff1a;
    --color-gs-100: #12222b;
    --color-gs-200: #19282f;
    --color-gs-300: #1e303a;
    --color-gs-400: #2a3f4c;
    --color-gs-500: #2e3f4b;
    --color-gs-600: #3b4c58;
    --color-gs-700: #43535d;
    --color-gs-800: #8f989d;
    --color-gs-900: #979fa5;
    --color-bgs-100: rgba(18,34,43,0.7);
    --color-bgs-200: #172329;
    --color-bgs-300: #1e303a;
    --color-bgs-400: #2a3f4b;
    --color-bgs-500: #2e3f4b;
    --color-bgs-600: #3b4c58;
    --color-bgs-700: #54657b;
    --color-bgs-800: #6a7c91;
    --color-bgs-900: #93a4b8;
    --color-shades-0: #172329;
    --color-shades-100: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #a9c9dd;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    --color-on-button-primary: #ffffff;
    .bg-linear-2 {
        background: linear-gradient(295.32deg,#387bfb 16.06%,#218bff 34.71%,#2cd3ed 83.94%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

body.theme-zz-yellow {
    --color-primary-1: #fbde51;
    --color-primary-2: #f3cc0c;
    --color-primary-3: #fbde51;
    --color-primary-4: #f6f345;
    --color-primary-5: #fcf0a2;
    --color-primary-6: #fefee4;
    --color-secondary-1: rgba(86,186,96,0.1);
    --color-secondary-2: rgba(86,186,96,0.15);
    --color-secondary-3: rgba(86,186,96,0.1);
    --color-gs-100: #000000;
    --color-gs-200: #19121d;
    --color-gs-300: #212029;
    --color-gs-400: #302d3b;
    --color-gs-500: #333040;
    --color-gs-600: #343143;
    --color-gs-700: #3d3c3c;
    --color-gs-800: #595959;
    --color-gs-900: #757575;
    --color-bgs-100: rgba(38,38,38,0.7);
    --color-bgs-200: #172329;
    --color-bgs-300: #322d35;
    --color-bgs-400: #333040;
    --color-bgs-500: #323232;
    --color-bgs-600: #585858;
    --color-bgs-700: #565656;
    --color-bgs-800: #6d6d6d;
    --color-bgs-900: #747474;
    --color-shades-0: #282731;
    --color-shades-100: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #a9c9dd;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    --color-on-button-primary: var(--color-shades-0);
    .bg-linear-2 {
        background: linear-gradient(295.32deg,#ffd60a 16.06%,#646145 83.94%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

body.theme-zz-green {
    --color-primary-1: #5cd568;
    --color-primary-2: #28a234;
    --color-primary-3: #28e22e;
    --color-primary-4: #7aec7f;
    --color-primary-5: #aaecb4;
    --color-primary-6: #e4fee4;
    --color-secondary-1: rgba(86,186,96,0.1);
    --color-secondary-2: rgba(86,186,96,0.15);
    --color-secondary-3: rgba(86,186,96,0.1);
    --color-gs-100: #000000;
    --color-gs-200: #181b22;
    --color-gs-300: #1a2327;
    --color-gs-400: #28323b;
    --color-gs-500: #2c343f;
    --color-gs-600: #363f4b;
    --color-gs-700: #5d5f64;
    --color-gs-800: #979797;
    --color-gs-900: #d9d9d9;
    --color-bgs-100: rgba(38,49,63,0.7);
    --color-bgs-200: #263240;
    --color-bgs-300: #2b3541;
    --color-bgs-400: #32404c;
    --color-bgs-500: #37404c;
    --color-bgs-600: #414d5c;
    --color-bgs-700: #54657b;
    --color-bgs-800: #6a7c91;
    --color-bgs-900: #93a4b8;
    --color-shades-0: #20272f;
    --color-shades-100: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #a9c9dd;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    --color-on-button-primary: var(--color-shades-0);
    .bg-linear-2 {
        background: linear-gradient(295.32deg,#bdf65b 16.06%,#454f37 83.94%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

body.theme-cyberclassic {
    --color-primary-1: #f8ff13;
    --color-primary-2: #c0c60f;
    --color-primary-3: #fafd94;
    --color-primary-4: #aeb314;
    --color-primary-5: #7a7e00;
    --color-primary-6: #555707;
    --color-secondary-1: rgba(248,255,227,0.1);
    --color-secondary-2: rgba(248,255,227,0.15);
    --color-secondary-3: rgba(248,255,227,0.4);
    --color-gs-100: #060606;
    --color-gs-200: #1d1d1d;
    --color-gs-300: #262626;
    --color-gs-400: #282828;
    --color-gs-500: #2d2d2d;
    --color-gs-600: #363f4b;
    --color-gs-700: #585858;
    --color-gs-800: #979797;
    --color-gs-900: #858585;
    --color-bgs-100: #060606;
    --color-bgs-200: #2a2a2a;
    --color-bgs-300: #262626;
    --color-bgs-400: #282828;
    --color-bgs-500: #2d2d2d;
    --color-bgs-600: #363f4b;
    --color-bgs-700: #585858;
    --color-bgs-800: #979797;
    --color-bgs-900: #858585;
    --color-shades-0: #0f0f0f;
    --color-shades-100: #ffffff;
    --color-black: #0f0f0f;
    --color-white: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #a9c9dd;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    .tab-primary {
        background: linear-gradient(1turn,rgba(248,255,19,.36),rgba(15,15,15,.36))
    }

    --color-on-button-primary: var(--color-gs-100);
    .bg-linear-2 {
        background: linear-gradient(295.32deg,#bdf65b 16.06%,#454f37 83.94%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

body.theme-cyberjapan {
    --color-primary-1: #f8ff13;
    --color-primary-2: #c0c60f;
    --color-primary-3: #fafd94;
    --color-primary-4: #aeb314;
    --color-primary-5: #7a7e00;
    --color-primary-6: #555707;
    --color-secondary-1: #f8ff131a;
    --color-secondary-2: #f8ff1326;
    --color-secondary-3: #f8ff1366;
    --color-gs-100: #060606;
    --color-gs-200: #1d1d1d;
    --color-gs-300: #262626;
    --color-gs-400: #282828;
    --color-gs-500: #2d2d2d;
    --color-gs-600: #585858;
    --color-gs-700: #686868;
    --color-gs-800: #858585;
    --color-gs-900: #d7d7d7;
    --color-bgs-100: rgba(15,15,15,0.55);
    --color-bgs-200: #2a2a2a;
    --color-bgs-300: #262626;
    --color-bgs-400: #3a2a3f;
    --color-bgs-500: #4b384d;
    --color-bgs-600: #524c55;
    --color-bgs-700: #686868;
    --color-bgs-800: #858585;
    --color-bgs-900: #d7d7d7;
    --color-shades-0: #0f0f0f;
    --color-shades-100: #ffffff;
    --color-black: #0f0f0f;
    --color-white: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #5ff2ff;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    --color-on-button-primary: #000000;
    .gradient-1 {
        background: linear-gradient(180deg,#50b16c,#a3e0ae)
    }

    .gradient-2 {
        background: linear-gradient(180deg,var(--color-error-4) 0,var(--color-error-6) 100%)
    }

    .tab-primary {
        background: linear-gradient(0deg,var(--color-primary-2) 0,var(--color-primary-5) 100%)
    }

    .bg-linear-2 {
        background: linear-gradient(270deg,var(--color-primary-4) 0,var(--color-primary-2) 27%,var(--color-primary-1) 100%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

body.theme-cyberchina {
    --color-primary-1: #f8ff13;
    --color-primary-2: #c0c60f;
    --color-primary-3: #fafd94;
    --color-primary-4: #aeb314;
    --color-primary-5: #7a7e00;
    --color-primary-6: #555707;
    --color-secondary-1: #f8ff131a;
    --color-secondary-2: #f8ff1326;
    --color-secondary-1: #f8ff1366;
    --color-gs-100: #060606;
    --color-gs-200: #1d1d1d;
    --color-gs-300: #262626;
    --color-gs-400: #282828;
    --color-gs-500: #2d2d2d;
    --color-gs-600: #585858;
    --color-gs-700: #686868;
    --color-gs-800: #858585;
    --color-gs-900: #d7d7d7;
    --color-bgs-100: rgba(15,15,15,0.55);
    --color-bgs-200: #2a2a2a;
    --color-bgs-300: #262626;
    --color-bgs-400: #3f2a2d;
    --color-bgs-500: #4d383b;
    --color-bgs-600: #554c4d;
    --color-bgs-700: #686868;
    --color-bgs-800: #858585;
    --color-bgs-900: #d7d7d7;
    --color-shades-0: #0f0f0f;
    --color-shades-100: #ffffff;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-success-1: #006e26;
    --color-success-2: #00872e;
    --color-success-3: #00ae3c;
    --color-success-4: #00c70a;
    --color-success-5: #1fff20;
    --color-success-6: #72c17e;
    --color-success-7: #a1d2a8;
    --color-success-8: #e8faee;
    --color-success-9: #00ae3c1a;
    --color-success-10: #00ae3c26;
    --color-error-1: #692231;
    --color-error-2: #b63a54;
    --color-error-3: #eb4b6d;
    --color-error-4: #e86b80;
    --color-error-5: #ea123d;
    --color-error-6: #f3abb6;
    --color-error-7: #feebef;
    --color-error-8: #eb4b6d1a;
    --color-error-9: #eb4b6d26;
    --color-warning-1: #f26411;
    --color-warning-2: #f99438;
    --color-warning-3: #f1ae3d;
    --color-warning-4: #e9a805;
    --color-warning-5: #f1ae3d1a;
    --color-warning-6: #e9a8051a;
    --color-warning-7: #e9a8051a;
    --color-info-1: #1f5feb;
    --color-info-2: #1877f2;
    --color-info-3: #73a0fb66;
    --color-special-1: #d747ff;
    --color-special-2: #9e4d02;
    --color-special-3: #8b5a5a;
    --color-special-4: #37aee2;
    --color-special-5: #5ff2ff;
    --color-special-6: #c8daea;
    --color-special-7: #f6fbfe;
    --color-on-button-primary: #000000;
    .gradient-1 {
        background: linear-gradient(180deg,#50b16c,#a3e0ae)
    }

    .gradient-2 {
        background: linear-gradient(180deg,var(--color-error-4) 0,var(--color-error-6) 100%)
    }

    .tab-primary {
        background: linear-gradient(0deg,var(--color-primary-2) 0,var(--color-primary-5) 100%)
    }

    .bg-linear-2 {
        background: linear-gradient(295.32deg,#bdf65b 16.06%,#454f37 83.94%)
    }

    .bg-linear-3 {
        background: linear-gradient(135.12deg,#8e73fd .07%,#2c35d4 100.02%)
    }

    .bg-linear-4 {
        background: linear-gradient(135.12deg,#fd73bf .07%,#ff0004 100.02%)
    }
}

html {
    --scroll-bar-width: 10px;
    --scroll-bar-height: 4px;
    --scroll-bar-radius: 8px;
    scrollbar-width: auto;
    ::-webkit-scrollbar {
        width: var(--scroll-bar-width);
        height: var(--scroll-bar-height)
    }

    ::-webkit-scrollbar-track {
        background: var(--nc-11);
        border-radius: var(--scroll-bar-radius)
    }

    ::-webkit-scrollbar-thumb {
        background: var(--nc-04);
        border-radius: var(--scroll-bar-radius)
    }

    ::-webkit-scrollbar-corner {
        background: var(--nc-11)
    }

    .no-scrollbar {
        scrollbar-width: none;
        -ms-overflow-style: none;
        ::-webkit-scrollbar {
            display: none
        }

        ::-moz-scrollbar {
            display: none
        }
    }
}

html .silderbar-box {
    scrollbar-width: none
}

.flashing:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: inherit;
    background-size: 520% auto;
    background-image: linear-gradient(300deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.3) 45%,rgba(255,255,255,0) 55%);
    animation-name: flashing;
    animation-duration: 3.6s;
    animation-delay: 1.6s;
    animation-iteration-count: infinite
}

@keyframes flashing {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 100%
    }
}

.fission-activity-rotate {
    left: 50%;
    animation: rotate 24s linear infinite
}

@keyframes rotate {
    0% {
        transform: translate(-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%) rotate(1turn)
    }
}

.even-ling,.odd-ling {
    animation: zoom .5s ease-in-out infinite alternate
}

.even-ling {
    animation-delay: .5s
}

@keyframes zoom {
    0% {
        transform: scale(.6)
    }

    to {
        box-shadow: 0 0 20px 5px rgb(255 255 255/30%),0 0 40px 10px rgb(255 255 255/20%),0 0 60px 15px rgb(255 255 255/10%),inset 0 0 20px 5px rgb(255 255 255/20%);
        transform: scale(1.2)
    }
}

body {
    font-size: 14px;
    font-family: ChainstarFont,-apple-system,system-ui,PingFang SC,Microsoft Yahei,Heiti SC,Helvetica Neue,Helvetica,Arial,sans-serif!important;
    img {
        user-select: none
    }
}

.dashed-border {
    border-bottom: 1px dashed var(--text_color_02);
    user-select: none
}

.popup-wrap {
    border-radius: .25rem;
    padding: 1rem;
    background-color: var(--color-bg-popup);
    box-shadow: 0 2px 8px 0 rgb(0 0 0/15%)
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--nc-01);
    transition: background-color 5000s ease-in-out 0s
}

.ant-select-selector {
    border: none!important
}

body {
    .ant-input-number-affix-wrapper .ant-input-number-prefix,.ant-input-number-affix-wrapper .ant-input-number-suffix {
        pointer-events: all
    }
}

@keyframes run {
    0% {
        transform: translateY(0) translateX(0)
    }

    to {
        transform: translateY(120vh) translateX(-500px)
    }
}

.red-envelope-btn {
    width: 90%;
    background: linear-gradient(180deg,#fdf8e6,#ffc987);
    border: 1.5px solid #ffe7cd;
    border-radius: 20px;
    box-shadow: inset 0 3px 4px 0 rgb(236 170 88/60%),0 4px 4px 0 rgb(186 38 42/60%)
}

.custom-toast-modal .ant-modal-confirm-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-shades-100)!important;
    text-align: center;
    width: 100%;
    margin-bottom: 0
}

.dot-color .ant-slider .ant-slider-handle:after {
    background: linear-gradient(180deg,#ffffff 29%,#b8d9ff)
}

.global-message {
    .ant-message-notice-content {
        border-width: 1px;
        border-style: solid;
        border-color: var(--color-bgs-600);
        background-color: var(--color-bgs-200)
    }
}

.global-radio {
    &.ant-radio-group {
        .ant-radio {
            --ant-radio-radio-color: var(--color-shades-0)
        }

        .ant-radio-button-wrapper {
            --ant-radio-button-solid-checked-bg: var(--color-gs-200);
            --ant-radio-button-solid-checked-hover-bg: var(--color-gs-200);
            --ant-radio-button-color: var(--color-bgs-900);
            border-radius: var(--ant-border-radius);
            border: 0;
            &:hover {
                border: 0
            }
        }

        .ant-radio-button-wrapper:not(:first-child):before {
            width: 0
        }

        .ant-radio-button-wrapper:hover {
            color: var(--color-shades-100);
            background-color: var(--color-gs-200)
        }
    }
}

w3m-modal {
    z-index: 2030!important
}

.no-asterisk .ant-form-item-required:before {
    display: none!important
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--color-shades-100)!important;
    -webkit-box-shadow: inset 0 0 0 1000px #000000!important;
    font-weight: 500
}

input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px var(--color-gs-600) inset!important
}

input:focus:-webkit-autofill {
    -webkit-text-fill-color: var(--color-shades-100)!important
}

.slider-first-button-bg {
    background-image: url(/img/slide-bar-1.png)!important
}

.slider-first-button-bg,.slider-second-button-bg {
    background-repeat: no-repeat;
    background-size: cover!important;
    background-position: 50%
}

.slider-second-button-bg {
    background-image: url(/img/slide-bar-2.png)!important
}

.ant-input-data-count {
    font-size: 12px;
    color: var(--color-gs-800)
}

.flex-table {
    .ant-table-thead .ant-table-column-has-sorters .ant-table-column-sorters {
        justify-content: flex-start!important;
        .ant-table-column-title {
            flex: none
        }
    }

    .ant-table-thead .ant-table-cell[style*="text-align: right"] .ant-table-column-sorters {
        justify-content: flex-end!important
    }
}

.betting-record-popover {
    .ant-popover-inner {
        border-radius: 8px;
        padding: 8px 16px
    }

    .ant-popover-arrow:before,.ant-popover-inner {
        background: var(--color-bgs-400)!important
    }
}

.ant-table {
    background: transparent!important
}

.ant-table-thead>tr>th {
    font-size: 14px!important;
    font-weight: 500!important
}

.ant-table-thead .ant-table-column-has-sorters .ant-table-column-sorters {
    display: flex;
    justify-content: center!important
}

.ant-table-tbody>tr>td {
    color: var(--color-shades-100)!important;
    font-size: 14px!important
}

.ant-table-tbody>tr>td:first-child {
    border-radius: 8px 0 0 8px!important
}

.ant-table-tbody>tr>td:last-child {
    border-radius: 0 8px 8px 0!important
}

.ant-table-tbody>tr:nth-child(2n) {
    background: var(--color-bgs-500)!important;
    border-radius: 8px!important
}

.ant-pagination .ant-pagination-item-active {
    border-radius: 50%!important
}

.ant-pagination .ant-pagination-item-active a {
    color: var(--color-on-button-primary)!important
}

.ant-table-expanded-row-fixed,.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover,.ant-table-wrapper .ant-table-thead th.ant-table-column-sort {
    background: var(--color-shades-0)!important
}

.ant-input-outlined {
    background: var(--color-gs-200)!important
}

.fission-record-select .ant-select-selector {
    background: transparent
}

.custom-countdown .ant-statistic-content {
    color: var(--color-gs-800)!important;
    font-size: 12px!important
}

.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled) {
    background: var(--color-primary-1)!important;
    color: var(--color-on-button-primary)!important
}

.ant-drawer .ant-drawer-content {
    background: var(--color-shades-0)!important
}

.ant-segmented-item-selected .ant-badge {
    color: var(--color-on-button-primary)!important
}

.ant-btn-variant-link {
    color: var(--color-primary-1)!important
}

.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--color-primary-1)!important;
    border-color: var(--color-primary-1)!important
}

.ant-btn-color-primary.ant-btn-variant-dashed:not(:disabled):not(.ant-btn-disabled):hover,.ant-btn-color-primary.ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
    border-color: var(--color-primary-1)!important;
    color: var(--color-primary-1)!important
}

.ant-switch.ant-switch-checked {
    background-color: var(--color-primary-1)!important
}

.ant-btn-variant-solid.ant-btn-disabled,.ant-btn-variant-solid:disabled {
    border-color: var(--color-gs-700)!important;
    color: var(--color-gs-800)!important;
    background: var(--color-gs-700)!important
}

.anticon {
    color: var(--color-bgs-900)!important
}

.ant-alert .ant-alert-icon {
    color: var(--color-primary-1)!important
}

.ant-message .ant-message-notice-wrapper .ant-message-success>.anticon {
    color: var(--color-success-3)!important
}

.ant-message .ant-message-notice-wrapper .ant-message-error>.anticon {
    color: var(--color-error-3)!important
}

.ant-message .ant-message-notice-wrapper .ant-message-warning>.anticon {
    color: var(--color-warning-3)!important
}

.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-icon-success.anticon {
    color: var(--color-success-3)!important
}

.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-icon-error.anticon {
    color: var(--color-error-3)!important
}

.ant-notification .ant-notification-notice-wrapper .ant-notification-notice-icon-warning.anticon {
    color: var(--color-warning-3)!important
}

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background-color: var(--color-primary-1)!important
}

.ant-radio-button-wrapper:hover {
    background-color: var(--color-gs-400);
    color: var(--color-on-button-primary)!important
}

*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

body {
    margin: 0;
    line-height: inherit
}

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

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

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

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

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

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

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

button {
    background-color: transparent
}

html body a {
    --ant-color-link: var(--color-primary-1);
    --ant-color-link-hover: var(--color-primary-2);
    --ant-color-link-active: var(--color-primary-3)
}

html body .ant-spin .ant-spin-dot-holder {
    --ant-color-primary: var(--color-primary-1)!important
}
.ant-layout-header {
    height: var(--ant-layout-header-height);
    padding: var(--ant-layout-header-padding);
    color: var(--ant-layout-header-color);
    line-height: var(--ant-layout-header-height);
    background: var(--ant-layout-header-bg);
}
.css-var-_r_0_ {
    --ant-blue: #1677FF;
    --ant-purple: #722ED1;
    --ant-cyan: #13C2C2;
    --ant-green: #52C41A;
    --ant-magenta: #EB2F96;
    --ant-pink: #EB2F96;
    --ant-red: #F5222D;
    --ant-orange: #FA8C16;
    --ant-yellow: #FADB14;
    --ant-volcano: #FA541C;
    --ant-geekblue: #2F54EB;
    --ant-gold: #FAAD14;
    --ant-lime: #A0D911;
    --ant-color-primary: #030303;
    --ant-color-success: #49aa19;
    --ant-color-warning: #d89614;
    --ant-color-error: #dc4446;
    --ant-color-info: #030303;
    --ant-color-link: #030303;
    --ant-color-text-base: #fff;
    --ant-color-bg-base: #000;
    --ant-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --ant-font-family-code: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    --ant-font-size: 16px;
    --ant-line-width: 1px;
    --ant-line-type: solid;
    --ant-motion-ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
    --ant-motion-ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
    --ant-motion-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ant-motion-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ant-motion-ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
    --ant-motion-ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
    --ant-motion-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ant-motion-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ant-border-radius: 6px;
    --ant-size-popup-arrow: 16px;
    --ant-control-height: 32px;
    --ant-z-index-base: 0;
    --ant-z-index-popup-base: 1000;
    --ant-opacity-image: 1;
    --ant-blue-1: #111a2c;
    --ant-blue-2: #112545;
    --ant-blue-3: #15325b;
    --ant-blue-4: #15417e;
    --ant-blue-5: #1554ad;
    --ant-blue-6: #1668dc;
    --ant-blue-7: #3c89e8;
    --ant-blue-8: #65a9f3;
    --ant-blue-9: #8dc5f8;
    --ant-blue-10: #b7dcfa;
    --ant-purple-1: #1a1325;
    --ant-purple-2: #24163a;
    --ant-purple-3: #301c4d;
    --ant-purple-4: #3e2069;
    --ant-purple-5: #51258f;
    --ant-purple-6: #642ab5;
    --ant-purple-7: #854eca;
    --ant-purple-8: #ab7ae0;
    --ant-purple-9: #cda8f0;
    --ant-purple-10: #ebd7fa;
    --ant-cyan-1: #112123;
    --ant-cyan-2: #113536;
    --ant-cyan-3: #144848;
    --ant-cyan-4: #146262;
    --ant-cyan-5: #138585;
    --ant-cyan-6: #13a8a8;
    --ant-cyan-7: #33bcb7;
    --ant-cyan-8: #58d1c9;
    --ant-cyan-9: #84e2d8;
    --ant-cyan-10: #b2f1e8;
    --ant-green-1: #162312;
    --ant-green-2: #1d3712;
    --ant-green-3: #274916;
    --ant-green-4: #306317;
    --ant-green-5: #3c8618;
    --ant-green-6: #49aa19;
    --ant-green-7: #6abe39;
    --ant-green-8: #8fd460;
    --ant-green-9: #b2e58b;
    --ant-green-10: #d5f2bb;
    --ant-magenta-1: #291321;
    --ant-magenta-2: #40162f;
    --ant-magenta-3: #551c3b;
    --ant-magenta-4: #75204f;
    --ant-magenta-5: #a02669;
    --ant-magenta-6: #cb2b83;
    --ant-magenta-7: #e0529c;
    --ant-magenta-8: #f37fb7;
    --ant-magenta-9: #f8a8cc;
    --ant-magenta-10: #fad2e3;
    --ant-pink-1: #291321;
    --ant-pink-2: #40162f;
    --ant-pink-3: #551c3b;
    --ant-pink-4: #75204f;
    --ant-pink-5: #a02669;
    --ant-pink-6: #cb2b83;
    --ant-pink-7: #e0529c;
    --ant-pink-8: #f37fb7;
    --ant-pink-9: #f8a8cc;
    --ant-pink-10: #fad2e3;
    --ant-red-1: #2a1215;
    --ant-red-2: #431418;
    --ant-red-3: #58181c;
    --ant-red-4: #791a1f;
    --ant-red-5: #a61d24;
    --ant-red-6: #d32029;
    --ant-red-7: #e84749;
    --ant-red-8: #f37370;
    --ant-red-9: #f89f9a;
    --ant-red-10: #fac8c3;
    --ant-orange-1: #2b1d11;
    --ant-orange-2: #442a11;
    --ant-orange-3: #593815;
    --ant-orange-4: #7c4a15;
    --ant-orange-5: #aa6215;
    --ant-orange-6: #d87a16;
    --ant-orange-7: #e89a3c;
    --ant-orange-8: #f3b765;
    --ant-orange-9: #f8cf8d;
    --ant-orange-10: #fae3b7;
    --ant-yellow-1: #2b2611;
    --ant-yellow-2: #443b11;
    --ant-yellow-3: #595014;
    --ant-yellow-4: #7c6e14;
    --ant-yellow-5: #aa9514;
    --ant-yellow-6: #d8bd14;
    --ant-yellow-7: #e8d639;
    --ant-yellow-8: #f3ea62;
    --ant-yellow-9: #f8f48b;
    --ant-yellow-10: #fafab5;
    --ant-volcano-1: #2b1611;
    --ant-volcano-2: #441d12;
    --ant-volcano-3: #592716;
    --ant-volcano-4: #7c3118;
    --ant-volcano-5: #aa3e19;
    --ant-volcano-6: #d84a1b;
    --ant-volcano-7: #e87040;
    --ant-volcano-8: #f3956a;
    --ant-volcano-9: #f8b692;
    --ant-volcano-10: #fad4bc;
    --ant-geekblue-1: #131629;
    --ant-geekblue-2: #161d40;
    --ant-geekblue-3: #1c2755;
    --ant-geekblue-4: #203175;
    --ant-geekblue-5: #263ea0;
    --ant-geekblue-6: #2b4acb;
    --ant-geekblue-7: #5273e0;
    --ant-geekblue-8: #7f9ef3;
    --ant-geekblue-9: #a8c1f8;
    --ant-geekblue-10: #d2e0fa;
    --ant-gold-1: #2b2111;
    --ant-gold-2: #443111;
    --ant-gold-3: #594214;
    --ant-gold-4: #7c5914;
    --ant-gold-5: #aa7714;
    --ant-gold-6: #d89614;
    --ant-gold-7: #e8b339;
    --ant-gold-8: #f3cc62;
    --ant-gold-9: #f8df8b;
    --ant-gold-10: #faedb5;
    --ant-lime-1: #1f2611;
    --ant-lime-2: #2e3c10;
    --ant-lime-3: #3e4f13;
    --ant-lime-4: #536d13;
    --ant-lime-5: #6f9412;
    --ant-lime-6: #8bbb11;
    --ant-lime-7: #a9d134;
    --ant-lime-8: #c9e75d;
    --ant-lime-9: #e4f88b;
    --ant-lime-10: #f0fab5;
    --ant-color-text: rgba(255, 255, 255, 0.85);
    --ant-color-text-secondary: rgba(255, 255, 255, 0.65);
    --ant-color-text-tertiary: rgba(255, 255, 255, 0.45);
    --ant-color-text-quaternary: rgba(255, 255, 255, 0.25);
    --ant-color-fill: rgba(255, 255, 255, 0.18);
    --ant-color-fill-secondary: rgba(255, 255, 255, 0.12);
    --ant-color-fill-tertiary: rgba(255, 255, 255, 0.08);
    --ant-color-fill-quaternary: rgba(255, 255, 255, 0.04);
    --ant-color-bg-solid: rgba(255, 255, 255, 0.95);
    --ant-color-bg-solid-hover: rgb(255, 255, 255);
    --ant-color-bg-solid-active: rgba(255, 255, 255, 0.9);
    --ant-color-bg-layout: #000000;
    --ant-color-bg-container: #141414;
    --ant-color-bg-elevated: #1f1f1f;
    --ant-color-bg-spotlight: #424242;
    --ant-color-bg-blur: rgba(255, 255, 255, 0.04);
    --ant-color-border: #424242;
    --ant-color-border-secondary: #303030;
    --ant-color-primary-bg: #111111;
    --ant-color-primary-bg-hover: #0f0f0f;
    --ant-color-primary-border: #0e0e0e;
    --ant-color-primary-border-hover: #0b0b0b;
    --ant-color-primary-hover: #0e0e0e;
    --ant-color-primary-active: #070707;
    --ant-color-primary-text-hover: #0e0e0e;
    --ant-color-primary-text: #030303;
    --ant-color-primary-text-active: #070707;
    --ant-color-success-bg: #162312;
    --ant-color-success-bg-hover: #1d3712;
    --ant-color-success-border: #274916;
    --ant-color-success-border-hover: #306317;
    --ant-color-success-hover: #306317;
    --ant-color-success-active: #3c8618;
    --ant-color-success-text-hover: #6abe39;
    --ant-color-success-text: #49aa19;
    --ant-color-success-text-active: #3c8618;
    --ant-color-error-bg: #2c1618;
    --ant-color-error-bg-hover: #451d1f;
    --ant-color-error-bg-filled-hover: #441e1f;
    --ant-color-error-bg-active: #5b2526;
    --ant-color-error-border: #5b2526;
    --ant-color-error-border-hover: #7e2e2f;
    --ant-color-error-hover: #e86e6b;
    --ant-color-error-active: #ad393a;
    --ant-color-error-text-hover: #e86e6b;
    --ant-color-error-text: #dc4446;
    --ant-color-error-text-active: #ad393a;
    --ant-color-warning-bg: #2b2111;
    --ant-color-warning-bg-hover: #443111;
    --ant-color-warning-border: #594214;
    --ant-color-warning-border-hover: #7c5914;
    --ant-color-warning-hover: #7c5914;
    --ant-color-warning-active: #aa7714;
    --ant-color-warning-text-hover: #e8b339;
    --ant-color-warning-text: #d89614;
    --ant-color-warning-text-active: #aa7714;
    --ant-color-info-bg: #111111;
    --ant-color-info-bg-hover: #0f0f0f;
    --ant-color-info-border: #0e0e0e;
    --ant-color-info-border-hover: #0b0b0b;
    --ant-color-info-hover: #0b0b0b;
    --ant-color-info-active: #070707;
    --ant-color-info-text-hover: #0e0e0e;
    --ant-color-info-text: #030303;
    --ant-color-info-text-active: #070707;
    --ant-color-link-hover: #0b0b0b;
    --ant-color-link-active: #070707;
    --ant-color-bg-mask: rgba(0, 0, 0, 0.45);
    --ant-color-white: #fff;
    --ant-font-size-sm: 14px;
    --ant-font-size-lg: 18px;
    --ant-font-size-xl: 22px;
    --ant-font-size-heading-1: 42px;
    --ant-font-size-heading-2: 34px;
    --ant-font-size-heading-3: 28px;
    --ant-font-size-heading-4: 22px;
    --ant-font-size-heading-5: 18px;
    --ant-line-height: 1.5;
    --ant-line-height-lg: 1.4444444444444444;
    --ant-line-height-sm: 1.5714285714285714;
    --ant-font-height: 24px;
    --ant-font-height-lg: 26px;
    --ant-font-height-sm: 22px;
    --ant-line-height-heading-1: 1.1904761904761905;
    --ant-line-height-heading-2: 1.2352941176470589;
    --ant-line-height-heading-3: 1.2857142857142858;
    --ant-line-height-heading-4: 1.3636363636363635;
    --ant-line-height-heading-5: 1.4444444444444444;
    --ant-control-height-sm: 24px;
    --ant-control-height-xs: 16px;
    --ant-control-height-lg: 40px;
    --ant-motion-duration-fast: 0.1s;
    --ant-motion-duration-mid: 0.2s;
    --ant-motion-duration-slow: 0.3s;
    --ant-line-width-bold: 2px;
    --ant-border-radius-xs: 2px;
    --ant-border-radius-sm: 4px;
    --ant-border-radius-lg: 8px;
    --ant-border-radius-outer: 4px;
    --ant-color-fill-content: rgba(255, 255, 255, 0.12);
    --ant-color-fill-content-hover: rgba(255, 255, 255, 0.18);
    --ant-color-fill-alter: rgba(255, 255, 255, 0.04);
    --ant-color-bg-container-disabled: rgba(255, 255, 255, 0.08);
    --ant-color-border-bg: #141414;
    --ant-color-split: rgba(253, 253, 253, 0.12);
    --ant-color-text-placeholder: rgba(255, 255, 255, 0.25);
    --ant-color-text-disabled: rgba(255, 255, 255, 0.25);
    --ant-color-text-heading: rgba(255, 255, 255, 0.85);
    --ant-color-text-label: rgba(255, 255, 255, 0.65);
    --ant-color-text-description: rgba(255, 255, 255, 0.45);
    --ant-color-text-light-solid: #fff;
    --ant-color-highlight: #dc4446;
    --ant-color-bg-text-hover: rgba(255, 255, 255, 0.12);
    --ant-color-bg-text-active: rgba(255, 255, 255, 0.18);
    --ant-color-icon: rgba(255, 255, 255, 0.45);
    --ant-color-icon-hover: rgba(255, 255, 255, 0.85);
    --ant-color-error-outline: rgba(238, 38, 56, 0.11);
    --ant-color-warning-outline: rgba(173, 107, 0, 0.15);
    --ant-font-size-icon: 14px;
    --ant-line-width-focus: 3px;
    --ant-control-outline-width: 2px;
    --ant-control-interactive-size: 16px;
    --ant-control-item-bg-hover: rgba(255, 255, 255, 0.08);
    --ant-control-item-bg-active: #111111;
    --ant-control-item-bg-active-hover: #0f0f0f;
    --ant-control-item-bg-active-disabled: rgba(255, 255, 255, 0.18);
    --ant-control-tmp-outline: rgba(255, 255, 255, 0.04);
    --ant-control-outline: rgba(0, 0, 0, 0.15);
    --ant-font-weight-strong: 600;
    --ant-opacity-loading: 0.65;
    --ant-link-decoration: none;
    --ant-link-hover-decoration: none;
    --ant-link-focus-decoration: none;
    --ant-control-padding-horizontal: 12px;
    --ant-control-padding-horizontal-sm: 8px;
    --ant-padding-xxs: 4px;
    --ant-padding-xs: 8px;
    --ant-padding-sm: 12px;
    --ant-padding: 16px;
    --ant-padding-md: 20px;
    --ant-padding-lg: 24px;
    --ant-padding-xl: 32px;
    --ant-padding-content-horizontal-lg: 24px;
    --ant-padding-content-vertical-lg: 16px;
    --ant-padding-content-horizontal: 16px;
    --ant-padding-content-vertical: 12px;
    --ant-padding-content-horizontal-sm: 16px;
    --ant-padding-content-vertical-sm: 8px;
    --ant-margin-xxs: 4px;
    --ant-margin-xs: 8px;
    --ant-margin-sm: 12px;
    --ant-margin: 16px;
    --ant-margin-md: 20px;
    --ant-margin-lg: 24px;
    --ant-margin-xl: 32px;
    --ant-margin-xxl: 48px;
    --ant-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
    --ant-box-shadow-popover-arrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-card: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
    --ant-box-shadow-drawer-right: -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-drawer-left: 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-drawer-up: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-drawer-down: 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05);
    --ant-box-shadow-tabs-overflow-left: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
    --ant-box-shadow-tabs-overflow-right: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
    --ant-box-shadow-tabs-overflow-top: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
    --ant-box-shadow-tabs-overflow-bottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
}
.ant-app {
    color: var(--ant-color-text);
    font-size: var(--ant-font-size);
    line-height: var(--ant-line-height);
    font-family: var(--ant-font-family);
    box-sizing: border-box;
}
 .min-h-screen {
    min-height: 100vh;
}
.ant-layout, .ant-layout * {
    box-sizing: border-box;
}
.ant-layout {
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: var(--ant-layout-body-bg);
}

.ant-layout {
    font-family: var(--ant-font-family);
    font-size: var(--ant-font-size);
    box-sizing: border-box;
}