@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Unbounded:wght@200..900&display=swap');



.Vue-Toastification__container {
    z-index: 9999;
    position: fixed;
    padding: 4px;
    width: 600px;
    box-sizing: border-box;
    display: flex;
    min-height: 100%;
    color: #fff;
    flex-direction: column;
    pointer-events: none
}

@media only screen and (min-width:600px) {

    .Vue-Toastification__container.top-center,
    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.top-right {
        top: 1em
    }

    .Vue-Toastification__container.bottom-center,
    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.bottom-right {
        bottom: 1em;
        flex-direction: column-reverse
    }

    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.top-left {
        left: 1em
    }

    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast,
    .Vue-Toastification__container.top-left .Vue-Toastification__toast {
        margin-right: auto
    }

    @supports not (-moz-appearance:none) {

        .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,
        .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl {
            margin-right: unset;
            margin-left: auto
        }
    }

    .Vue-Toastification__container.bottom-right,
    .Vue-Toastification__container.top-right {
        right: 1em
    }

    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast,
    .Vue-Toastification__container.top-right .Vue-Toastification__toast {
        margin-left: auto
    }

    @supports not (-moz-appearance:none) {

        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,
        .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl {
            margin-left: unset;
            margin-right: auto
        }
    }

    .Vue-Toastification__container.bottom-center,
    .Vue-Toastification__container.top-center {
        left: 50%;
        margin-left: -300px
    }

    .Vue-Toastification__container.bottom-center .Vue-Toastification__toast,
    .Vue-Toastification__container.top-center .Vue-Toastification__toast {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width:600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Vue-Toastification__container .Vue-Toastification__toast {
        width: 100%
    }

    .Vue-Toastification__container.top-center,
    .Vue-Toastification__container.top-left,
    .Vue-Toastification__container.top-right {
        top: 0
    }

    .Vue-Toastification__container.bottom-center,
    .Vue-Toastification__container.bottom-left,
    .Vue-Toastification__container.bottom-right {
        bottom: 0;
        flex-direction: column-reverse
    }
}

.Vue-Toastification__toast {
    display: inline-flex;
    position: relative;
    max-height: 800px;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 22px 24px;
    border-radius: 8px;
    box-shadow: 0 1px 10px #0000001a, 0 2px 15px #0000000d;
    justify-content: space-between;
    font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
    max-width: 600px;
    min-width: 326px;
    pointer-events: auto;
    overflow: hidden;
    transform: translateZ(0);
    direction: ltr
}

.Vue-Toastification__toast--rtl {
    direction: rtl
}

.Vue-Toastification__toast--default {
    background-color: #1976d2;
    color: #fff
}

.Vue-Toastification__toast--info {
    background-color: #2196f3;
    color: #fff
}

.Vue-Toastification__toast--success {
    background-color: #4caf50;
    color: #fff
}

.Vue-Toastification__toast--error {
    background-color: #ff5252;
    color: #fff
}

.Vue-Toastification__toast--warning {
    background-color: #ffc107;
    color: #fff
}

@media only screen and (max-width:600px) {
    .Vue-Toastification__toast {
        border-radius: 0;
        margin-bottom: .5rem
    }
}

.Vue-Toastification__toast-body {
    flex: 1;
    line-height: 24px;
    font-size: 16px;
    word-break: break-word;
    white-space: pre-wrap
}

.Vue-Toastification__toast-component-body {
    flex: 1
}

.Vue-Toastification__toast.disable-transition {
    animation: none !important
}

.Vue-Toastification__close-button {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0 0 0 10px;
    cursor: pointer;
    transition: .3s ease;
    align-items: center;
    color: #fff;
    opacity: .3;
    transition: visibility 0s, opacity .2s linear
}

.Vue-Toastification__close-button:focus,
.Vue-Toastification__close-button:hover {
    opacity: 1
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
    opacity: 0
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
    padding-left: unset;
    padding-right: 10px
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Vue-Toastification__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 10000;
    background-color: #ffffffb3;
    transform-origin: left;
    animation: scale-x-frames linear 1 forwards
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
    right: 0;
    left: unset;
    transform-origin: right
}

.Vue-Toastification__icon {
    margin: auto 18px auto 0;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    transition: .3s ease;
    align-items: center;
    width: 20px;
    height: 100%
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
    margin: auto 0 auto 18px
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Vue-Toastification__bounce-enter-active.bottom-left,
.Vue-Toastification__bounce-enter-active.top-left {
    animation-name: bounceInLeft
}

.Vue-Toastification__bounce-enter-active.bottom-right,
.Vue-Toastification__bounce-enter-active.top-right {
    animation-name: bounceInRight
}

.Vue-Toastification__bounce-enter-active.top-center {
    animation-name: bounceInDown
}

.Vue-Toastification__bounce-enter-active.bottom-center {
    animation-name: bounceInUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left {
    animation-name: bounceOutLeft
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right {
    animation-name: bounceOutRight
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
    animation-name: bounceOutUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
    animation-name: bounceOutDown
}

.Vue-Toastification__bounce-enter-active,
.Vue-Toastification__bounce-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__bounce-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translate(0);
        opacity: 1
    }

    to {
        transform: translate(-50px);
        opacity: 0
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(50px);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translate(0);
        opacity: 1
    }

    to {
        transform: translate(50px);
        opacity: 0
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translate(-50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        transform: translate(50px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.Vue-Toastification__fade-enter-active.bottom-left,
.Vue-Toastification__fade-enter-active.top-left {
    animation-name: fadeInLeft
}

.Vue-Toastification__fade-enter-active.bottom-right,
.Vue-Toastification__fade-enter-active.top-right {
    animation-name: fadeInRight
}

.Vue-Toastification__fade-enter-active.top-center {
    animation-name: fadeInTop
}

.Vue-Toastification__fade-enter-active.bottom-center {
    animation-name: fadeInBottom
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left {
    animation-name: fadeOutLeft
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right {
    animation-name: fadeOutRight
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
    animation-name: fadeOutTop
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
    animation-name: fadeOutBottom
}

.Vue-Toastification__fade-enter-active,
.Vue-Toastification__fade-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__fade-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes slideInBlurredLeft {
    0% {
        transform: translate(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }

    to {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredRight {
    0% {
        transform: translate(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }

    to {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translate(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slideOutBlurredRight {
    0% {
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }

    to {
        transform: translate(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
}

.Vue-Toastification__slideBlurred-enter-active.bottom-left,
.Vue-Toastification__slideBlurred-enter-active.top-left {
    animation-name: slideInBlurredLeft
}

.Vue-Toastification__slideBlurred-enter-active.bottom-right,
.Vue-Toastification__slideBlurred-enter-active.top-right {
    animation-name: slideInBlurredRight
}

.Vue-Toastification__slideBlurred-enter-active.top-center {
    animation-name: slideInBlurredTop
}

.Vue-Toastification__slideBlurred-enter-active.bottom-center {
    animation-name: slideInBlurredBottom
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left {
    animation-name: slideOutBlurredLeft
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right {
    animation-name: slideOutBlurredRight
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
    animation-name: slideOutBlurredTop
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
    animation-name: slideOutBlurredBottom
}

.Vue-Toastification__slideBlurred-enter-active,
.Vue-Toastification__slideBlurred-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__slideBlurred-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@layer properties {
    @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

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

@layer theme {

    :host,
    :root {
        --font-sans: "Google Sans", "Product Sans", Inter, system-ui, Arial, sans-serif;
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-400: oklch(70.4% .191 22.216);
        --color-orange-500: oklch(70.5% .213 47.604);
        --color-emerald-600: oklch(59.6% .145 163.225);
        --color-slate-50: oklch(98.4% .003 247.858);
        --color-slate-100: oklch(96.8% .007 247.896);
        --color-slate-200: oklch(92.9% .013 255.508);
        --color-slate-300: oklch(86.9% .022 252.894);
        --color-slate-400: oklch(70.4% .04 256.788);
        --color-slate-700: oklch(37.2% .044 257.287);
        --color-slate-800: oklch(27.9% .041 260.031);
        --color-zinc-200: oklch(92% .004 286.32);
        --color-zinc-300: oklch(87.1% .006 286.286);
        --color-zinc-400: oklch(70.5% .015 286.067);
        --color-zinc-500: oklch(55.2% .016 285.938);
        --color-zinc-600: oklch(44.2% .017 285.786);
        --color-zinc-700: oklch(37% .013 285.805);
        --color-zinc-800: oklch(27.4% .006 286.033);
        --color-zinc-900: oklch(21% .006 285.885);
        --color-neutral-500: oklch(55.6% 0 0);
        --color-neutral-600: oklch(43.9% 0 0);
        --color-neutral-700: oklch(37.1% 0 0);
        --color-neutral-800: oklch(26.9% 0 0);
        --color-neutral-950: oklch(14.5% 0 0);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: 1.33333;
        --text-sm: .875rem;
        --text-sm--line-height: 1.42857;
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: 1.55556;
        --text-xl: 1.25rem;
        --text-xl--line-height: 1.4;
        --text-2xl: 1.5rem;
        --text-2xl--line-height: 1.33333;
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: 1.11111;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-wide: .025em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-2xl: 40px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-display: Unbounded, Inter, system-ui, sans-serif;
        --color-background: #0d0e10;
        --color-body: #131313;
        --color-surface: #1b1b1c;
        --color-surface-2: #262628;
        --color-surface-elevated: #262628;
        --color-surface-elevated2: #323236;
        --color-surface-input: #0a0a0a;
        --color-slider-track: #262628;
        --color-slider-dot: #fbb001;
        --color-accent: #fbcd01;
        --color-muted: #b7b8b9;
        --color-primary: #fbcd01;
        --color-primary-hover: #ffd814;
        --color-success: #3ca74d;
        --color-danger: #de321d;
        --color-amber: #ffa05b;
        --color-warning: #ffa05b;
        --color-ink: #fff;
        --color-ink-muted: #b7b8b9;
        --color-ink-dim: #b7b8b9;
        --color-ink-2: #b7b8b9;
        --color-ink-3: #5d5d64;
        --color-on-light: #261800;
        --color-on-dark: #fff;
        --text-color-muted-bright: #b7b8b9;
        --color-rarity-blue: #1c2432;
        --color-rarity-pink: #3a2430;
        --color-rarity-consumer-grade: #b7b8b9;
        --color-rarity-industrial-grade: #40e1f6;
        --color-rarity-restricted: #862cf4;
        --color-rarity-classified: #ed78e5;
        --color-rarity-contraband: #ffd350;
        --color-rarity-common: var(--color-rarity-consumer-grade);
        --color-line: #2a2a2e;
        --animate-scale-in: scale-in .3s ease-out;
        --animate-scale-out: scale-out .2s ease-in both;
        --animate-feed-in: feed-in .72s cubic-bezier(.22, 1, .36, 1);
        --animate-feed-in-x: feed-in-x .72s cubic-bezier(.22, 1, .36, 1);
        --animate-win-pop: win-pop .9s cubic-bezier(.16, 1, .3, 1) both;
        --animate-shimmer: shimmer 1.6s ease-in-out infinite
    }
}

@layer base {

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

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

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

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

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

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

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

    b,
    strong {
        font-weight: bolder
    }

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

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

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

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

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

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

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

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

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

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

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

    ::-moz-placeholder {
        opacity: 1
    }

    ::placeholder {
        opacity: 1
    }

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

        ::placeholder {
            color: currentColor
        }

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

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

    textarea {
        resize: vertical
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    :root {
        color-scheme: dark;
        --dast-chatwoot-z-index: 55;
        --dast-modal-z-index: 100;
        --dast-banned-gate-z-index: 110;
        --tg-safe-area-top: 0px;
        --tg-safe-area-bottom: 0px;
        --tg-safe-area-left: 0px;
        --tg-safe-area-right: 0px;
        --tg-content-safe-area-top: 0px;
        --tg-content-safe-area-bottom: 0px;
        --tg-overlay-height: calc(100dvh - var(--tg-safe-area-top) - var(--tg-content-safe-area-top) - var(--tg-safe-area-bottom) - var(--tg-content-safe-area-bottom));
        --rarity-consumer-grade: #b7b8b9;
        --rarity-industrial-grade: #40e1f6;
        --rarity-mil-spec-grade: #2679ff;
        --rarity-restricted: #862cf4;
        --rarity-classified: #ed78e5;
        --rarity-covert: #f8415c;
        --rarity-contraband: #ffd350;
        --rarity-common: var(--rarity-consumer-grade)
    }

    * {
        box-sizing: border-box
    }

    #__nuxt,
    body,
    html {
        height: 100%
    }

    body {
        background-color: var(--color-body);
        color: var(--color-ink);
        font-family: var(--font-sans);
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        margin: 0;
        overflow-y: scroll
    }

    [role=button]:not(:disabled),
    button:not(:disabled) {
        cursor: pointer
    }

    svg[aria-hidden=true] {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-user-drag: none
    }

    ::-webkit-scrollbar {
        width: 8px;
        height: 8px
    }

    ::-webkit-scrollbar-track {
        background: 0 0
    }

    ::-webkit-scrollbar-thumb {
        background: #2a2a2e;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #3a3a3e
    }
}

@layer components;

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

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

    .collapse {
        visibility: collapse
    }

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

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

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

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

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

    .inset-0 {
        inset: 0
    }

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

    .inset-1 {
        inset: var(--spacing)
    }

    .inset-1\.25 {
        inset: calc(var(--spacing)*1.25)
    }

    .inset-6\.25 {
        inset: calc(var(--spacing)*6.25)
    }

    .inset-x-0 {
        inset-inline: 0
    }

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

    .inset-x-1 {
        inset-inline: var(--spacing)
    }

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

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

    .-inset-y-px {
        inset-block: -1px
    }

    .inset-y-0 {
        inset-block: 0
    }

    .inset-s-0 {
        inset-inline-start: 0
    }

    .tg-safe-inset-fixed {
        top: calc(var(--tg-safe-area-top) + var(--tg-content-safe-area-top));
        right: var(--tg-safe-area-right);
        bottom: calc(var(--tg-safe-area-bottom) + var(--tg-content-safe-area-bottom));
        left: var(--tg-safe-area-left)
    }

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

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

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

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

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

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

    .top-0 {
        top: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .top-\[-0\.7rem\] {
        top: -.7rem
    }

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

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

    .top-\[7\.4px\] {
        top: 7.4px
    }

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

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

    .top-\[calc\(3\.5rem\+var\(--tg-safe-area-top\)\+var\(--tg-content-safe-area-top\)\)\] {
        top: calc(3.5rem + var(--tg-safe-area-top) + var(--tg-content-safe-area-top))
    }

    .top-\[calc\(3\.5rem\+var\(--tg-safe-area-top\)\+var\(--tg-content-safe-area-top\)\+0\.75rem\)\] {
        top: calc(4.25rem + var(--tg-safe-area-top) + var(--tg-content-safe-area-top))
    }

    .top-full {
        top: 100%
    }

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

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

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

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

    .right-0 {
        right: 0
    }

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

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

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

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

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

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

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

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

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

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

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

    .right-\[27\.75px\] {
        right: 27.75px
    }

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

    .bottom-0 {
        bottom: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .left-0 {
        left: 0
    }

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

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

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

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

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

    .left-3\/4 {
        left: 75%
    }

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

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

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

    .left-\[3\.5px\] {
        left: 3.5px
    }

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

    .left-\[8\.57px\] {
        left: 8.57px
    }

    .left-\[27\.75px\] {
        left: 27.75px
    }

    .left-\[calc\(100\%\+8px\)\] {
        left: calc(100% + 8px)
    }

    .left-auto {
        left: auto
    }

    .isolate {
        isolation: isolate
    }

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

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

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-3 {
        z-index: 3
    }

    .z-4 {
        z-index: 4
    }

    .z-5 {
        z-index: 5
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-100 {
        z-index: 100
    }

    .z-200 {
        z-index: 200
    }

    .z-\[var\(--dast-banned-gate-z-index\)\] {
        z-index: var(--dast-banned-gate-z-index)
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

    .order-4 {
        order: 4
    }

    .order-5 {
        order: 5
    }

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

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

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

    .row-start-1 {
        grid-row-start: 1
    }

    .container {
        width: 100%
    }

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

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

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

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

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

    .m-0 {
        margin: 0
    }

    .m-auto {
        margin: auto
    }

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

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

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

    .mx-auto {
        margin-inline: auto
    }

    .mx-px {
        margin-inline: 1px
    }

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

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

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

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

    .mt-0 {
        margin-top: 0
    }

    .mt-0\! {
        margin-top: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

    .mt-\[70vw\] {
        margin-top: 70vw
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml-auto {
        margin-left: auto
    }

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

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

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

    .\!block {
        display: block !important
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .hidden\! {
        display: none !important
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .scrollbar-thin-dark {
        scrollbar-width: thin;
        scrollbar-color: #2a2a2e transparent
    }

    .scrollbar-thin-dark::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    .scrollbar-thin-dark::-webkit-scrollbar-track {
        background: 0 0
    }

    .scrollbar-thin-dark::-webkit-scrollbar-thumb {
        background: #2a2a2e;
        border-radius: 999px
    }

    .scrollbar-thin-dark::-webkit-scrollbar-thumb:hover {
        background: #3a3a3e
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .size-\[1em\] {
        width: 1em;
        height: 1em
    }

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

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

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

    .size-\[28\.5px\] {
        width: 28.5px;
        height: 28.5px
    }

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

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

    .size-\[78\.947\%\] {
        width: 78.947%;
        height: 78.947%
    }

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

    .size-\[110\.526\%\] {
        width: 110.526%;
        height: 110.526%
    }

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

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

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

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

    .size-\[224\.5px\] {
        width: 224.5px;
        height: 224.5px
    }

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

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

    .\!h-\[15px\] {
        height: 15px !important
    }

    .\!h-\[27px\] {
        height: 27px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .h-\[calc\(3\*134px\+2\*0\.5rem\)\] {
        height: calc(402px + 1rem)
    }

    .h-\[calc\(100\%\+2px\)\] {
        height: calc(100% + 2px)
    }

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

    .h-\[min\(85dvh\,930px\,var\(--tg-overlay-height\)\)\] {
        height: min(85dvh, 930px, var(--tg-overlay-height))
    }

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

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

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

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

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

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

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

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

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

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

    .max-h-\[calc\(3\*134px\+2\*0\.5rem\)\] {
        max-height: calc(402px + 1rem)
    }

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

    .max-h-\[min\(80dvh\,36rem\,var\(--tg-overlay-height\)\)\] {
        max-height: min(80dvh, 36rem, var(--tg-overlay-height))
    }

    .max-h-\[min\(85dvh\,32rem\,var\(--tg-overlay-height\)\)\] {
        max-height: min(85dvh, 32rem, var(--tg-overlay-height))
    }

    .max-h-\[min\(90dvh\,var\(--tg-overlay-height\)\)\] {
        max-height: min(90dvh, var(--tg-overlay-height))
    }

    .max-h-\[min\(90vh\,820px\)\] {
        max-height: min(90vh, 820px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .\!w-\[25px\] {
        width: 25px !important
    }

    .\!w-\[111px\] {
        width: 111px !important
    }

    .\!w-\[143px\] {
        width: 143px !important
    }

    .\!w-\[161px\] {
        width: 161px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[84\.5px\] {
        width: 84.5px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .w-\[224\.5px\] {
        width: 224.5px
    }

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

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

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

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

    .w-\[calc\(\(100\%-0\.5rem\)\/1\.5\)\] {
        width: calc(66.6667% - .33333rem)
    }

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

    .w-auto {
        width: auto
    }

    .w-fit {
        width: -moz-fit-content;
        width: fit-content
    }

    .w-full {
        width: 100%
    }

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

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

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

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

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

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

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

    .max-w-33\.75 {
        max-width: calc(var(--spacing)*33.75)
    }

    .max-w-37\.5 {
        max-width: calc(var(--spacing)*37.5)
    }

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

    .max-w-77\.5 {
        max-width: calc(var(--spacing)*77.5)
    }

    .max-w-84\.5 {
        max-width: calc(var(--spacing)*84.5)
    }

    .max-w-87\.5 {
        max-width: calc(var(--spacing)*87.5)
    }

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

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

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

    .max-w-112\.5 {
        max-width: calc(var(--spacing)*112.5)
    }

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

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

    .max-w-135\.5 {
        max-width: calc(var(--spacing)*135.5)
    }

    .max-w-137\.5 {
        max-width: calc(var(--spacing)*137.5)
    }

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

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

    .max-w-173\.75 {
        max-width: calc(var(--spacing)*173.75)
    }

    .max-w-175\.75 {
        max-width: calc(var(--spacing)*175.75)
    }

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

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

    .max-w-249\.5 {
        max-width: calc(var(--spacing)*249.5)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[calc\(100\%-1\.5rem\)\] {
        max-width: calc(100% - 1.5rem)
    }

    .max-w-\[calc\(100vw-2rem\)\] {
        max-width: calc(100vw - 2rem)
    }

    .max-w-\[min\(500px\,calc\(100vw-24px\)\)\] {
        max-width: min(500px, 100vw - 24px)
    }

    .max-w-dvw {
        max-width: 100dvw
    }

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

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

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

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

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

    .max-w-screen {
        max-width: 100vw
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .min-w-\[calc\(\(100\%-0\.5rem\)\/1\.5\)\] {
        min-width: calc(66.6667% - .33333rem)
    }

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

    .flex-1 {
        flex: 1
    }

    .flex-2 {
        flex: 2
    }

    .flex-3 {
        flex: 3
    }

    .flex-160 {
        flex: 160
    }

    .flex-250 {
        flex: 250
    }

    .shrink {
        flex-shrink: 1
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .border-collapse {
        border-collapse: collapse
    }

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

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

    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

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

    .translate-x-0 {
        --tw-translate-x: 0
    }

    .translate-x-3\.5 {
        --tw-translate-x: calc(var(--spacing)*3.5)
    }

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

    .-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .translate-y-1\/2 {
        --tw-translate-y: 50%
    }

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

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

    .translate-y-px {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

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

    .scale-x-\[-1\] {
        --tw-scale-x: -1
    }

    .rotate-8 {
        rotate: 8deg
    }

    .rotate-90 {
        rotate: 90deg
    }

    .rotate-100 {
        rotate: 100deg
    }

    .rotate-180 {
        rotate: 180deg
    }

    .rotate-\[-3\.4deg\] {
        rotate: -3.4deg
    }

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

    .rotate-\[7\.87deg\] {
        rotate: 7.87deg
    }

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

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

    .animate-feed-in {
        animation: var(--animate-feed-in)
    }

    .animate-feed-in-x {
        animation: var(--animate-feed-in-x)
    }

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

    .animate-scale-in {
        animation: var(--animate-scale-in)
    }

    .animate-scale-out {
        animation: var(--animate-scale-out)
    }

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

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

    .animate-win-pop {
        animation: var(--animate-win-pop)
    }

    .cursor-default {
        cursor: default
    }

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

    .cursor-pointer {
        cursor: pointer
    }

    .touch-manipulation {
        touch-action: manipulation
    }

    .touch-none {
        touch-action: none
    }

    .resize {
        resize: both
    }

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

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

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

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

    .scrollbar-thin {
        scrollbar-width: thin
    }

    .\[scrollbar-color\:\#2a2a2e_transparent\] {
        scrollbar-color: #2a2a2e transparent
    }

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

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

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .auto-rows-33\.5 {
        grid-auto-rows: calc(var(--spacing)*33.5)
    }

    .auto-rows-\[132px\] {
        grid-auto-rows: 132px
    }

    .auto-rows-\[134px\] {
        grid-auto-rows: 134px
    }

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

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

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

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

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

    .grid-cols-\[6\.5fr_3\.5fr\] {
        grid-template-columns: 6.5fr 3.5fr
    }

    .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,0\.8fr\)_minmax\(0\,0\.7fr\)_minmax\(0\,1\.2fr\)\] {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .8fr) minmax(0, .7fr) minmax(0, 1.2fr)
    }

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

    .grid-cols-\[minmax\(0\,1fr\)_36px\] {
        grid-template-columns: minmax(0, 1fr) 36px
    }

    .grid-cols-\[minmax\(0\,1fr\)_36px_auto\] {
        grid-template-columns: minmax(0, 1fr) 36px auto
    }

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

    .grid-cols-\[repeat\(auto-fill\,110px\)\] {
        grid-template-columns: repeat(auto-fill, 110px)
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr
    }

    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

    .grid-rows-\[minmax\(0\,1fr\)_auto\] {
        grid-template-rows: minmax(0, 1fr) auto
    }

    .grid-rows-\[minmax\(280px\,1fr\)\] {
        grid-template-rows: minmax(280px, 1fr)
    }

    .flex-col {
        flex-direction: column
    }

    .flex-row {
        flex-direction: row
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

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

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .\!gap-\[7px\] {
        gap: 7px !important
    }

    .gap-0 {
        gap: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .gap-px {
        gap: 1px
    }

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

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

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

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

    .gap-x-1 {
        -moz-column-gap: var(--spacing);
        column-gap: var(--spacing)
    }

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

    .gap-x-3 {
        -moz-column-gap: calc(var(--spacing)*3);
        column-gap: calc(var(--spacing)*3)
    }

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

    .gap-x-8 {
        -moz-column-gap: calc(var(--spacing)*8);
        column-gap: calc(var(--spacing)*8)
    }

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

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

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

    .self-center {
        align-self: center
    }

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

    .self-stretch {
        align-self: stretch
    }

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

    .overflow-hidden,
    .truncate {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-visible\! {
        overflow: visible !important
    }

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

    .overflow-x-clip {
        overflow-x: clip
    }

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

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

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

    .overscroll-x-contain {
        overscroll-behavior-x: contain
    }

    .rounded {
        border-radius: .25rem
    }

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

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

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

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

    .rounded-\[10px\]\! {
        border-radius: 10px !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rounded-t-\[16px\] {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }

    .rounded-r-\[12px\] {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px
    }

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

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

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

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

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

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

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

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

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

    .border-\[\#388D2D\] {
        border-color: #388d2d
    }

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

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

    .border-\[\#C5D4B4\]\/15 {
        border-color: #c5d4b426
    }

    .border-\[\#FF7968\] {
        border-color: #ff7968
    }

    .border-\[\#FFD350\] {
        border-color: #ffd350
    }

    .border-\[\#FFFFFF05\] {
        border-color: #ffffff05
    }

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

    .border-\[\#ced4dd\]\/40 {
        border-color: #ced4dd66
    }

    .border-\[\#f89430\]\/20 {
        border-color: #f8943033
    }

    .border-\[\#ff7968\]\/60 {
        border-color: #ff796899
    }

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

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

    .border-amber\/30 {
        border-color: #ffa05b4d
    }

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

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

    .border-ink-3 {
        border-color: var(--color-ink-3)
    }

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

    .border-neutral-800 {
        border-color: var(--color-neutral-800)
    }

    .border-on-light {
        border-color: var(--color-on-light)
    }

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

    .border-rarity-classified\/25 {
        border-color: #ed78e540
    }

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

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

    .border-surface-elevated2 {
        border-color: var(--color-surface-elevated2)
    }

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

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

    .border-white\/2 {
        border-color: #ffffff05
    }

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

    .border-white\/4 {
        border-color: #ffffff0a
    }

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

    .border-white\/5 {
        border-color: #ffffff0d
    }

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

    .border-white\/8 {
        border-color: #ffffff14
    }

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

    .border-white\/10 {
        border-color: #ffffff1a
    }

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

    .border-white\/40 {
        border-color: #fff6
    }

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

    .border-white\/\[0\.02\] {
        border-color: #ffffff05
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.02\] {
            border-color: color-mix(in oklab, var(--color-white) 2%, transparent)
        }
    }

    .border-zinc-700 {
        border-color: var(--color-zinc-700)
    }

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

    .bg-\[\#0D0E10\] {
        background-color: #0d0e10
    }

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

    .bg-\[\#1B1B1C\] {
        background-color: #1b1b1c
    }

    .bg-\[\#1C1C1E\] {
        background-color: #1c1c1e
    }

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

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

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

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

    .bg-\[\#2A2A2E\] {
        background-color: #2a2a2e
    }

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

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

    .bg-\[\#6D1F1D\] {
        background-color: #6d1f1d
    }

    .bg-\[\#6D4A1C\] {
        background-color: #6d4a1c
    }

    .bg-\[\#40E1F6\] {
        background-color: #40e1f6
    }

    .bg-\[\#90F299\]\/8 {
        background-color: #90f29914
    }

    .bg-\[\#90F299\]\/24 {
        background-color: #90f2993d
    }

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

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

    .bg-\[\#182A17\] {
        background-color: #182a17
    }

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

    .bg-\[\#388D2D\] {
        background-color: #388d2d
    }

    .bg-\[\#862CF4\] {
        background-color: #862cf4
    }

    .bg-\[\#2679FF\] {
        background-color: #2679ff
    }

    .bg-\[\#2679FF\]\/8 {
        background-color: #2679ff14
    }

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

    .bg-\[\#27292B\] {
        background-color: #27292b
    }

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

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

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

    .bg-\[\#262628CC\] {
        background-color: #262628cc
    }

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

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

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

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

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

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

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

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

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

    .bg-\[\#FFA05B3D\],
    .bg-\[\#FFA05B\]\/24 {
        background-color: #ffa05b3d
    }

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

    .bg-\[\#FFD350\]\/8 {
        background-color: #ffd35014
    }

    .bg-\[\#FFD350\]\/24 {
        background-color: #ffd3503d
    }

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

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

    .bg-\[\#fa9f29\]\/40 {
        background-color: #fa9f2966
    }

    .bg-\[\#fbcd01\]\/12 {
        background-color: #fbcd011f
    }

    .bg-\[rgba\(0\,163\,239\,0\.12\)\] {
        background-color: #00a3ef1f
    }

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

    .bg-accent\/15 {
        background-color: #fbcd0126
    }

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

    .bg-accent\/16 {
        background-color: #fbcd0129
    }

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

    .bg-accent\/20 {
        background-color: #fbcd0133
    }

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

    .bg-accent\/44 {
        background-color: #fbcd0170
    }

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

    .bg-accent\/75 {
        background-color: #fbcd01bf
    }

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

    .bg-amber\/10 {
        background-color: #ffa05b1a
    }

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

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

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

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

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

    .bg-black\/70 {
        background-color: #000000b3
    }

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

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

    .bg-current {
        background-color: currentColor
    }

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

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

    .bg-neutral-950 {
        background-color: var(--color-neutral-950)
    }

    .bg-on-light {
        background-color: var(--color-on-light)
    }

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

    .bg-primary\/10 {
        background-color: #fbcd011a
    }

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

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

    .bg-rarity-contraband {
        background-color: var(--color-rarity-contraband)
    }

    .bg-rarity-pink {
        background-color: var(--color-rarity-pink)
    }

    .bg-rarity-restricted\/24 {
        background-color: #862cf43d
    }

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

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

    .bg-slider-track {
        background-color: var(--color-slider-track)
    }

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

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

    .bg-surface-2 {
        background-color: var(--color-surface-2)
    }

    .bg-surface-elevated {
        background-color: var(--color-surface-elevated)
    }

    .bg-surface-elevated\/40 {
        background-color: #26262866
    }

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

    .bg-surface-elevated\/50 {
        background-color: #26262880
    }

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

    .bg-surface-elevated\/60 {
        background-color: #26262899
    }

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

    .bg-surface-elevated2 {
        background-color: var(--color-surface-elevated2)
    }

    .bg-surface-input {
        background-color: var(--color-surface-input)
    }

    .bg-surface\/60 {
        background-color: #1b1b1c99
    }

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

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

    .bg-warning\/24 {
        background-color: #ffa05b3d
    }

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

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

    .bg-white\/4 {
        background-color: #ffffff0a
    }

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

    .bg-white\/5 {
        background-color: #ffffff0d
    }

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

    .bg-white\/8 {
        background-color: #ffffff14
    }

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

    .bg-white\/10 {
        background-color: #ffffff1a
    }

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

    .bg-white\/\[0\.08\] {
        background-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }

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

    .bg-zinc-900 {
        background-color: var(--color-zinc-900)
    }

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

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }

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

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

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab
        }
    }

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

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

    .bg-shimmer {
        background-image: linear-gradient(90deg, #262628, #323236 45%, #262628 90%);
        background-size: 200% 100%
    }

    .\[background-image\:linear-gradient\(90deg\,rgba\(38\,121\,255\,0\.14\)_0\%\,rgba\(38\,121\,255\,0\.32\)_45\%\,rgba\(38\,121\,255\,0\.14\)_90\%\)\] {
        background-image: linear-gradient(90deg, #2679ff24, #2679ff52 45%, #2679ff24 90%)
    }

    .\[background-image\:linear-gradient\(90deg\,rgba\(144\,242\,153\,0\.14\)_0\%\,rgba\(144\,242\,153\,0\.32\)_45\%\,rgba\(144\,242\,153\,0\.14\)_90\%\)\] {
        background-image: linear-gradient(90deg, #90f29924, #90f29952 45%, #90f29924 90%)
    }

    .\[background-image\:linear-gradient\(90deg\,rgba\(255\,211\,80\,0\.14\)_0\%\,rgba\(255\,211\,80\,0\.32\)_45\%\,rgba\(255\,211\,80\,0\.14\)_90\%\)\] {
        background-image: linear-gradient(90deg, #ffd35024, #ffd35052 45%, #ffd35024 90%)
    }

    .bg-\[linear-gradient\(90deg\,\#862CF4_0\%\,\#BF8BFF_100\%\)\] {
        background-image: linear-gradient(90deg, #862cf4, #bf8bff)
    }

    .bg-\[linear-gradient\(90deg\,\#262628_0\%\,rgba\(38\,38\,40\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #262628, #26262800)
    }

    .bg-\[linear-gradient\(90deg\,\#FBCD01_0\%\,\#FFE675_50\%\,\#FBCD01_100\%\)\] {
        background-image: linear-gradient(90deg, #fbcd01, #ffe675 50%, #fbcd01)
    }

    .bg-\[linear-gradient\(90deg\,\#FFD350_0\%\,\#FFE492_50\%\,\#FFD350_100\%\)\] {
        background-image: linear-gradient(90deg, #ffd350, #ffe492 50%, #ffd350)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(133\,133\,152\,0\.15\)\,rgba\(133\,133\,152\,0\.08\)\,rgba\(133\,133\,152\,0\.15\)\)\] {
        background-image: linear-gradient(90deg, #85859826, #85859814, #85859826)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(255\,211\,80\,0\.6\)_0\%\,transparent_50\%\,rgba\(255\,211\,80\,0\.3\)_100\%\)\] {
        background-image: linear-gradient(90deg, #ffd35099, #0000 50%, #ffd3504d)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(255\,211\,80\,0\.22\)_0\%\,transparent_72\%\)\] {
        background-image: linear-gradient(90deg, #ffd35038, #0000 72%)
    }

    .bg-\[linear-gradient\(180deg\,rgba\(41\,142\,229\,0\.5\)_0\%\,\#298EE5_100\%\)\] {
        background-image: linear-gradient(#298ee580, #298ee5)
    }

    .bg-\[linear-gradient\(190\.23deg\,rgba\(24\,130\,149\,0\)_1\.14\%\,\#188295_118\.6\%\)\] {
        background-image: linear-gradient(190.23deg, #18829500 1.14%, #188295 118.6%)
    }

    .bg-\[linear-gradient\(190\.23deg\,rgba\(130\,26\,15\,0\)_1\.14\%\,\#821A0F_118\.6\%\)\] {
        background-image: linear-gradient(190.23deg, #821a0f00 1.14%, #821a0f 118.6%)
    }

    .bg-\[linear-gradient\(190\.23deg\,rgba\(211\,155\,69\,0\)_1\.14\%\,\#D39B45_118\.6\%\)\] {
        background-image: linear-gradient(190.23deg, #d39b4500 1.14%, #d39b45 118.6%)
    }

    .bg-\[linear-gradient\(270deg\,\#E69E1A_0\%\,\#FBCD01_100\%\)\] {
        background-image: linear-gradient(270deg, #e69e1a, #fbcd01)
    }

    .bg-\[radial-gradient\(ellipse_at_top\,rgba\(49\,119\,203\,0\.45\)\,transparent_70\%\)\] {
        background-image: radial-gradient(at top, #3177cb73, #0000 70%)
    }

    .bg-\[radial-gradient\(rgba\(255\,255\,255\,0\.08\)_1\.5px\,transparent_1\.5px\)\] {
        background-image: radial-gradient(#ffffff14 1.5px, #0000 0)
    }

    .bg-\[radial-gradient\(rgba\(255\,255\,255\,0\.22\)_1px\,transparent_1px\)\] {
        background-image: radial-gradient(#ffffff38 1px, #0000 0)
    }

    .from-\[\#0D222D\] {
        --tw-gradient-from: #0d222d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#0d2530\] {
        --tw-gradient-from: #0d2530;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#1a1236\] {
        --tw-gradient-from: #1a1236;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#2a2210\] {
        --tw-gradient-from: #2a2210;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#2c1222\] {
        --tw-gradient-from: #2c1222;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#2c1529\] {
        --tw-gradient-from: #2c1529;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#24232F\] {
        --tw-gradient-from: #24232f;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[\#131313\] {
        --tw-gradient-from: #131313;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

    .from-black\/20 {
        --tw-gradient-from: #0003
    }

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

    .from-black\/20 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

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

    .via-\[\#FFD350\] {
        --tw-gradient-via: #ffd350;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .via-\[\#FFD35052\] {
        --tw-gradient-via: #ffd35052;
        --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-via-stops)
    }

    .to-\[\#1b1b1c\] {
        --tw-gradient-to: #1b1b1c;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#1c6f80\] {
        --tw-gradient-to: #1c6f80;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#4a2585\] {
        --tw-gradient-to: #4a2585;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#8a6a1c\] {
        --tw-gradient-to: #8a6a1c;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#8a2338\] {
        --tw-gradient-to: #8a2338;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#125B7F\] {
        --tw-gradient-to: #125b7f;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#131313\] {
        --tw-gradient-to: #131313;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[\#853577\] {
        --tw-gradient-to: #853577;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

    .to-surface-elevated\/0 {
        --tw-gradient-to: #0000
    }

    @supports (color:color-mix(in lab, red, red)) {
        .to-surface-elevated\/0 {
            --tw-gradient-to: color-mix(in oklab, var(--color-surface-elevated) 0%, transparent)
        }
    }

    .to-surface-elevated\/0 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

    .mask-\[radial-gradient\(ellipse_at_center\,black_10\%\,transparent_70\%\)\] {
        -webkit-mask-image: radial-gradient(#000 10%, #0000 70%);
        mask-image: radial-gradient(#000 10%, #0000 70%)
    }

    .bg-\[length\:200\%_100\%\] {
        background-size: 200% 100%
    }

    .bg-contain {
        background-size: contain
    }

    .bg-cover {
        background-size: cover
    }

    .bg-size-\[8px_8px\] {
        background-size: 8px 8px
    }

    .bg-size-\[10px_10px\] {
        background-size: 10px 10px
    }

    .bg-size-\[100\%_100\%\] {
        background-size: 100% 100%
    }

    .bg-clip-padding {
        background-clip: padding-box
    }

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

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

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

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .object-\[70\%_center\] {
        -o-object-position: 70% center;
        object-position: 70% center
    }

    .object-\[70\%_top\] {
        -o-object-position: 70% top;
        object-position: 70% top
    }

    .object-bottom-right {
        -o-object-position: right bottom;
        object-position: right bottom
    }

    .object-center {
        -o-object-position: center;
        object-position: center
    }

    .object-left {
        -o-object-position: left;
        object-position: left
    }

    .p-0 {
        padding: 0
    }

    .p-0\! {
        padding: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-px {
        padding: 1px
    }

    .px-0 {
        padding-inline: 0
    }

    .px-0\! {
        padding-inline: 0 !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .py-0\! {
        padding-block: 0 !important
    }

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

    .py-0\.75 {
        padding-block: calc(var(--spacing)*.75)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pt-0 {
        padding-top: 0
    }

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

    .pt-1 {
        padding-top: var(--spacing)
    }

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

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

    .pt-3\.75 {
        padding-top: calc(var(--spacing)*3.75)
    }

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

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

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

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

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

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

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

    .pt-\[calc\(var\(--tg-safe-area-top\)\+var\(--tg-content-safe-area-top\)\)\] {
        padding-top: calc(var(--tg-safe-area-top) + var(--tg-content-safe-area-top))
    }

    .pr-1 {
        padding-right: var(--spacing)
    }

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

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

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

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

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

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

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

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

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

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

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

    .pb-0 {
        padding-bottom: 0
    }

    .pb-0\.75 {
        padding-bottom: calc(var(--spacing)*.75)
    }

    .pb-1 {
        padding-bottom: var(--spacing)
    }

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

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

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

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

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

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

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

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

    .pb-\[calc\(var\(--tg-safe-area-bottom\)\+var\(--tg-content-safe-area-bottom\)\)\] {
        padding-bottom: calc(var(--tg-safe-area-bottom) + var(--tg-content-safe-area-bottom))
    }

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

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

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

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

    .pl-13\.75 {
        padding-left: calc(var(--spacing)*13.75)
    }

    .pl-\[3\.3rem\] {
        padding-left: 3.3rem
    }

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-middle {
        vertical-align: middle
    }

    .font-display {
        font-family: var(--font-display)
    }

    .font-display\! {
        font-family: var(--font-display) !important
    }

    .font-mono {
        font-family: var(--font-mono)
    }

    .font-sans {
        font-family: var(--font-sans)
    }

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

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

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

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

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

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

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

    .text-\[8px\] {
        font-size: 8px
    }

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

    .text-\[10px\]\! {
        font-size: 10px !important
    }

    .text-\[11\.86px\] {
        font-size: 11.86px
    }

    .text-\[11px\] {
        font-size: 11px
    }

    .text-\[12px\] {
        font-size: 12px
    }

    .text-\[14px\] {
        font-size: 14px
    }

    .text-\[16px\] {
        font-size: 16px
    }

    .text-\[17px\] {
        font-size: 17px
    }

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

    .text-\[20px\] {
        font-size: 20px
    }

    .text-\[22px\] {
        font-size: 22px
    }

    .text-\[28px\] {
        font-size: 28px
    }

    .text-\[36px\] {
        font-size: 36px
    }

    .text-\[38px\] {
        font-size: 38px
    }

    .text-\[40px\] {
        font-size: 40px
    }

    .text-\[48px\] {
        font-size: 48px
    }

    .text-\[clamp\(13px\,2\.4vw\,24px\)\] {
        font-size: clamp(13px, 2.4vw, 24px)
    }

    .text-\[clamp\(13px\,3\.5vw\,28px\)\] {
        font-size: clamp(13px, 3.5vw, 28px)
    }

    .leading-2\.25 {
        --tw-leading: calc(var(--spacing)*2.25);
        line-height: calc(var(--spacing)*2.25)
    }

    .leading-3 {
        --tw-leading: calc(var(--spacing)*3);
        line-height: calc(var(--spacing)*3)
    }

    .leading-3\.5 {
        --tw-leading: calc(var(--spacing)*3.5);
        line-height: calc(var(--spacing)*3.5)
    }

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

    .leading-3\.25 {
        --tw-leading: calc(var(--spacing)*3.25);
        line-height: calc(var(--spacing)*3.25)
    }

    .leading-3\.75 {
        --tw-leading: calc(var(--spacing)*3.75);
        line-height: calc(var(--spacing)*3.75)
    }

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

    .leading-4\.5 {
        --tw-leading: calc(var(--spacing)*4.5);
        line-height: calc(var(--spacing)*4.5)
    }

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

    .leading-5\.5 {
        --tw-leading: calc(var(--spacing)*5.5);
        line-height: calc(var(--spacing)*5.5)
    }

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

    .leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }

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

    .leading-8\.5 {
        --tw-leading: calc(var(--spacing)*8.5);
        line-height: calc(var(--spacing)*8.5)
    }

    .leading-9 {
        --tw-leading: calc(var(--spacing)*9);
        line-height: calc(var(--spacing)*9)
    }

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

    .leading-20 {
        --tw-leading: calc(var(--spacing)*20);
        line-height: calc(var(--spacing)*20)
    }

    .leading-\[0\.98\] {
        --tw-leading: .98;
        line-height: .98
    }

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1
    }

    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.08\] {
        --tw-leading: 1.08;
        line-height: 1.08
    }

    .leading-\[1\.36\] {
        --tw-leading: 1.36;
        line-height: 1.36
    }

    .leading-\[1\.45\] {
        --tw-leading: 1.45;
        line-height: 1.45
    }

    .leading-\[13px\] {
        --tw-leading: 13px;
        line-height: 13px
    }

    .leading-\[14px\] {
        --tw-leading: 14px;
        line-height: 14px
    }

    .leading-\[18px\] {
        --tw-leading: 18px;
        line-height: 18px
    }

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

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

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

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

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

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

    .-tracking-\[0\.01em\] {
        --tw-tracking: -.01em;
        letter-spacing: -.01em
    }

    .tracking-\[-0\.015rem\] {
        --tw-tracking: -.015rem;
        letter-spacing: -.015rem
    }

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

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .text-pretty {
        text-wrap: pretty
    }

    .wrap-break-word {
        overflow-wrap: break-word
    }

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

    .text-ellipsis {
        text-overflow: ellipsis
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .text-\[\#0A0A0A\] {
        color: #0a0a0a
    }

    .text-\[\#00A3EF\] {
        color: #00a3ef
    }

    .text-\[\#5D5D5D\] {
        color: #5d5d5d
    }

    .text-\[\#5D5D64\] {
        color: #5d5d64
    }

    .text-\[\#5d5d5d\] {
        color: #5d5d5d
    }

    .text-\[\#5d5d64\] {
        color: #5d5d64
    }

    .text-\[\#6FD7D9\] {
        color: #6fd7d9
    }

    .text-\[\#6b7d70\] {
        color: #6b7d70
    }

    .text-\[\#8a8a8a\] {
        color: #8a8a8a
    }

    .text-\[\#15e215\] {
        color: #15e215
    }

    .text-\[\#60A5A8\] {
        color: #60a5a8
    }

    .text-\[\#90F299\],
    .text-\[\#90f299\] {
        color: #90f299
    }

    .text-\[\#298ee5\] {
        color: #298ee5
    }

    .text-\[\#388D2D\] {
        color: #388d2d
    }

    .text-\[\#898D93\] {
        color: #898d93
    }

    .text-\[\#2679FF\] {
        color: #2679ff
    }

    .text-\[\#131313\] {
        color: #131313
    }

    .text-\[\#262628\] {
        color: #262628
    }

    .text-\[\#323236\] {
        color: #323236
    }

    .text-\[\#757575\] {
        color: #757575
    }

    .text-\[\#A14038\] {
        color: #a14038
    }

    .text-\[\#AA65FF\] {
        color: #aa65ff
    }

    .text-\[\#B7B8B9\] {
        color: #b7b8b9
    }

    .text-\[\#C5D4B4\] {
        color: #c5d4b4
    }

    .text-\[\#E1B150\] {
        color: #e1b150
    }

    .text-\[\#F0C25C\] {
        color: #f0c25c
    }

    .text-\[\#FBCD01\] {
        color: #fbcd01
    }

    .text-\[\#FDD83E\] {
        color: #fdd83e
    }

    .text-\[\#FF7968\] {
        color: #ff7968
    }

    .text-\[\#FFA05B\] {
        color: #ffa05b
    }

    .text-\[\#FFD350\] {
        color: #ffd350
    }

    .text-\[\#aa65ff\] {
        color: #aa65ff
    }

    .text-\[\#b7b8b9\] {
        color: #b7b8b9
    }

    .text-\[\#ced4dd\] {
        color: #ced4dd
    }

    .text-\[\#e0f0f8\] {
        color: #e0f0f8
    }

    .text-\[\#f89430\] {
        color: #f89430
    }

    .text-\[\#ff7968\] {
        color: #ff7968
    }

    .text-\[\#fff0dc\] {
        color: #fff0dc
    }

    .text-accent {
        color: var(--color-accent)
    }

    .text-amber {
        color: var(--color-amber)
    }

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

    .text-body {
        color: var(--color-body)
    }

    .text-body\! {
        color: var(--color-body) !important
    }

    .text-danger {
        color: var(--color-danger)
    }

    .text-emerald-600 {
        color: var(--color-emerald-600)
    }

    .text-ink {
        color: var(--color-ink)
    }

    .text-ink-2 {
        color: var(--color-ink-2)
    }

    .text-ink-3 {
        color: var(--color-ink-3)
    }

    .text-ink-dim {
        color: var(--color-ink-dim)
    }

    .text-ink-muted {
        color: var(--color-ink-muted)
    }

    .text-muted {
        color: var(--color-muted)
    }

    .text-muted-bright {
        color: var(--text-color-muted-bright)
    }

    .text-neutral-500 {
        color: var(--color-neutral-500)
    }

    .text-on-dark {
        color: var(--color-on-dark)
    }

    .text-on-dark\/50 {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-on-dark\/50 {
            color: color-mix(in oklab, var(--color-on-dark) 50%, transparent)
        }
    }

    .text-on-light {
        color: var(--color-on-light)
    }

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

    .text-primary {
        color: var(--color-primary)
    }

    .text-rarity-classified {
        color: var(--color-rarity-classified)
    }

    .text-rarity-common {
        color: var(--color-rarity-common)
    }

    .text-rarity-contraband {
        color: var(--color-rarity-contraband)
    }

    .text-rarity-industrial-grade {
        color: var(--color-rarity-industrial-grade)
    }

    .text-red-400 {
        color: var(--color-red-400)
    }

    .text-slate-700 {
        color: var(--color-slate-700)
    }

    .text-slate-800 {
        color: var(--color-slate-800)
    }

    .text-success {
        color: var(--color-success)
    }

    .text-surface-elevated2 {
        color: var(--color-surface-elevated2)
    }

    .text-transparent {
        color: #0000
    }

    .text-warning {
        color: var(--color-warning)
    }

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

    .text-white\/60 {
        color: #fff9
    }

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

    .text-white\/70 {
        color: #ffffffb3
    }

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

    .text-white\/80 {
        color: #fffc
    }

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

    .text-zinc-200 {
        color: var(--color-zinc-200)
    }

    .text-zinc-300 {
        color: var(--color-zinc-300)
    }

    .text-zinc-400 {
        color: var(--color-zinc-400)
    }

    .text-zinc-500 {
        color: var(--color-zinc-500)
    }

    .text-zinc-600 {
        color: var(--color-zinc-600)
    }

    .text-zinc-700 {
        color: var(--color-zinc-700)
    }

    .capitalize {
        text-transform: capitalize
    }

    .lowercase {
        text-transform: lowercase
    }

    .normal-case {
        text-transform: none
    }

    .uppercase {
        text-transform: uppercase
    }

    .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }

    .line-through {
        text-decoration-line: line-through
    }

    .underline {
        text-decoration-line: underline
    }

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

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

    .decoration-solid {
        text-decoration-style: solid
    }

    .underline-offset-2 {
        text-underline-offset: 2px
    }

    .accent-zinc-400 {
        accent-color: var(--color-zinc-400)
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.55\] {
        opacity: .55
    }

    .mix-blend-screen {
        mix-blend-mode: screen
    }

    .shadow-\[0_0_12px_rgba\(251\,205\,1\,0\.35\)\] {
        --tw-shadow: 0 0 12px var(--tw-shadow-color, #fbcd0159)
    }

    .shadow-\[0_0_12px_rgba\(251\,205\,1\,0\.35\)\],
    .shadow-\[0_0_28px_rgba\(255\,255\,255\,0\.4\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_28px_rgba\(255\,255\,255\,0\.4\)\] {
        --tw-shadow: 0 0 28px var(--tw-shadow-color, #fff6)
    }

    .shadow-\[0_2px_0_0_\#5003AE\] {
        --tw-shadow: 0 2px 0 0 var(--tw-shadow-color, #5003ae)
    }

    .shadow-\[0_2px_0_0_\#5003AE\],
    .shadow-\[0_2px_0_0_\#d80\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_2px_0_0_\#d80\] {
        --tw-shadow: 0 2px 0 0 var(--tw-shadow-color, #d80)
    }

    .shadow-\[0px_2px_0px_\#DD8800\] {
        --tw-shadow: 0px 2px 0px var(--tw-shadow-color, #d80)
    }

    .shadow-\[0px_2px_0px_0px_\#3D3D3E\],
    .shadow-\[0px_2px_0px_\#DD8800\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_2px_0px_0px_\#3D3D3E\] {
        --tw-shadow: 0px 2px 0px 0px var(--tw-shadow-color, #3d3d3e)
    }

    .shadow-\[0px_2px_0px_0px_\#d80\],
    .shadow-\[0px_2px_0px_0px_\#dd8800\] {
        --tw-shadow: 0px 2px 0px 0px var(--tw-shadow-color, #d80);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[2px_5px_12px_rgba\(0\,0\,0\,0\.25\)\,8px_22px_36px_rgba\(0\,0\,0\,0\.28\)\] {
        --tw-shadow: 2px 5px 12px var(--tw-shadow-color, #00000040), 8px 22px 36px var(--tw-shadow-color, #00000047);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_-6px_12px_0_\#5D5D641F\],
    .shadow-\[inset_0_-6px_12px_0_rgba\(93\,93\,100\,0\.12\)\] {
        --tw-shadow: inset 0 -6px 12px 0 var(--tw-shadow-color, #5d5d641f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_-6px_8px_0px_\#facc1530\] {
        --tw-shadow: inset 0px -6px 8px 0px var(--tw-shadow-color, #facc1530)
    }

    .shadow-\[inset_0px_-6px_12px_\#5D5D641F\],
    .shadow-\[inset_0px_-6px_8px_0px_\#facc1530\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_-6px_12px_\#5D5D641F\] {
        --tw-shadow: inset 0px -6px 12px var(--tw-shadow-color, #5d5d641f)
    }

    .shadow-\[inset_0px_-6px_12px_0px_\#5D5D641F\],
    .shadow-\[inset_0px_-6px_12px_0px_rgba\(93\,93\,100\,0\.12\)\] {
        --tw-shadow: inset 0px -6px 12px 0px var(--tw-shadow-color, #5d5d641f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_-6px_12px_rgba\(93\,93\,100\,0\.12\)\] {
        --tw-shadow: inset 0px -6px 12px var(--tw-shadow-color, #5d5d641f)
    }

    .shadow-\[inset_0px_-10px_13px_0px_\#facc1530\],
    .shadow-\[inset_0px_-6px_12px_rgba\(93\,93\,100\,0\.12\)\] {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_-10px_13px_0px_\#facc1530\] {
        --tw-shadow: inset 0px -10px 13px 0px var(--tw-shadow-color, #facc1530)
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d)
    }

    .shadow-inner,
    .shadow-none {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000
    }

    .shadow-panel {
        --tw-shadow: 0 8px 32px var(--tw-shadow-color, #00000073)
    }

    .shadow-panel,
    .shadow-xl {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a)
    }

    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)
    }

    .ring,
    .ring-0 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)
    }

    .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)
    }

    .ring-1,
    .ring-2 {
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)
    }

    .shadow-black\/30 {
        --tw-shadow-color: #0000004d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .shadow-black\/30 {
            --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent)
        }
    }

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

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

    .ring-\[\#FFD621\] {
        --tw-ring-color: #ffd621
    }

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

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

    .ring-primary {
        --tw-ring-color: var(--color-primary)
    }

    .ring-primary\/40 {
        --tw-ring-color: #fbcd0166
    }

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

    .ring-slate-200 {
        --tw-ring-color: var(--color-slate-200)
    }

    .ring-white {
        --tw-ring-color: var(--color-white)
    }

    .ring-white\/2 {
        --tw-ring-color: #ffffff05
    }

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

    .ring-white\/5 {
        --tw-ring-color: #ffffff0d
    }

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

    .ring-zinc-600 {
        --tw-ring-color: var(--color-zinc-600)
    }

    .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
    }

    @media(forced-colors:active) {
        .outline-hidden {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .outline {
        outline-width: 1px
    }

    .outline,
    .outline-0 {
        outline-style: var(--tw-outline-style)
    }

    .outline-0 {
        outline-width: 0
    }

    .outline-primary\/55 {
        outline-color: #fbcd018c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .outline-primary\/55 {
            outline-color: color-mix(in oklab, var(--color-primary) 55%, transparent)
        }
    }

    .blur {
        --tw-blur: blur(8px)
    }

    .blur,
    .blur-2xl {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-2xl {
        --tw-blur: blur(var(--blur-2xl))
    }

    .blur-\[20px\] {
        --tw-blur: blur(20px)
    }

    .blur-\[20px\],
    .blur-\[32px\] {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[32px\] {
        --tw-blur: blur(32px)
    }

    .blur-\[60px\] {
        --tw-blur: blur(60px)
    }

    .blur-\[60px\],
    .blur-\[80px\] {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[80px\] {
        --tw-blur: blur(80px)
    }

    .blur-\[100px\] {
        --tw-blur: blur(100px)
    }

    .blur-\[100px\],
    .blur-\[120px\] {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .blur-\[120px\] {
        --tw-blur: blur(120px)
    }

    .blur-\[180px\] {
        --tw-blur: blur(180px);
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .drop-shadow-\[0_4px_8px_rgba\(0\,0\,0\,0\.45\)\] {
        --tw-drop-shadow-size: drop-shadow(0 4px 8px var(--tw-drop-shadow-color, #00000073));
        --tw-drop-shadow: var(--tw-drop-shadow-size)
    }

    .drop-shadow-\[0_4px_8px_rgba\(0\,0\,0\,0\.45\)\],
    .drop-shadow-\[0_6px_12px_rgba\(0\,0\,0\,0\.5\)\] {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .drop-shadow-\[0_6px_12px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-drop-shadow-size: drop-shadow(0 6px 12px var(--tw-drop-shadow-color, #00000080));
        --tw-drop-shadow: var(--tw-drop-shadow-size)
    }

    .drop-shadow-\[0_8px_14px_rgba\(0\,0\,0\,0\.55\)\] {
        --tw-drop-shadow-size: drop-shadow(0 8px 14px var(--tw-drop-shadow-color, #0000008c));
        --tw-drop-shadow: var(--tw-drop-shadow-size)
    }

    .drop-shadow-\[0_10px_20px_rgba\(0\,0\,0\,0\.55\)\],
    .drop-shadow-\[0_8px_14px_rgba\(0\,0\,0\,0\.55\)\] {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .drop-shadow-\[0_10px_20px_rgba\(0\,0\,0\,0\.55\)\] {
        --tw-drop-shadow-size: drop-shadow(0 10px 20px var(--tw-drop-shadow-color, #0000008c));
        --tw-drop-shadow: var(--tw-drop-shadow-size)
    }

    .grayscale {
        --tw-grayscale: grayscale(100%)
    }

    .filter,
    .grayscale {
        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }

    .backdrop-blur-\[5px\] {
        --tw-backdrop-blur: blur(5px)
    }

    .backdrop-blur-\[5px\],
    .backdrop-blur-\[6px\] {
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[6px\] {
        --tw-backdrop-blur: blur(6px)
    }

    .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[border-color\,filter\] {
        transition-property: border-color, filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[filter\] {
        transition-property: filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\] {
        transition-property: grid-template-rows;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[left\] {
        transition-property: left;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[outline-width\] {
        transition-property: outline-width;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-none\! {
        transition-property: none !important
    }

    .duration-150 {
        --tw-duration: .15s;
        transition-duration: .15s
    }

    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }

    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }

    .duration-400 {
        --tw-duration: .4s;
        transition-duration: .4s
    }

    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }

    .ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\] {
        --tw-ease: cubic-bezier(.34, 1.56, .64, 1);
        transition-timing-function: cubic-bezier(.34, 1.56, .64, 1)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .decorative-svg {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-user-drag: none
    }

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

    .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .\[-webkit-tap-highlight-color\:transparent\] {
        -webkit-tap-highlight-color: transparent
    }

    .\[-webkit-touch-callout\:none\] {
        -webkit-touch-callout: none
    }

    .\[-webkit-user-select\:none\] {
        -webkit-user-select: none
    }

    .\[text-shadow\:0_0_60px_rgba\(255\,122\,0\,0\.3\)\] {
        text-shadow: 0 0 60px #ff7a004d
    }

    .\[text-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.55\)\] {
        text-shadow: 0 1px 4px #0000008c
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    :is(.\*\*\:pointer-events-none *) {
        pointer-events: none
    }

    .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
        rotate: 180deg
    }

    @media(hover:hover) {
        .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*-.5);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:-translate-y-\[3px\]:is(:where(.group):hover *) {
            --tw-translate-y: -3px;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:rotate-90:is(:where(.group):hover *) {
            rotate: 90deg
        }

        .group-hover\:text-\[\#5d5d64\]:is(:where(.group):hover *) {
            color: #5d5d64
        }

        .group-hover\:text-ink-2:is(:where(.group):hover *) {
            color: var(--color-ink-2)
        }

        .group-hover\:text-muted-bright:is(:where(.group):hover *) {
            color: var(--text-color-muted-bright)
        }

        .group-hover\:brightness-110:is(:where(.group):hover *) {
            --tw-brightness: brightness(110%);
            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, )
        }

        .group-hover\:duration-0:is(:where(.group):hover *) {
            --tw-duration: 0s;
            transition-duration: 0s
        }
    }

    .peer-checked\:bg-\[linear-gradient\(270deg\,\#E69E1A_0\%\,\#FBCD01_100\%\)\]:is(:where(.peer):checked~*) {
        background-image: linear-gradient(270deg, #e69e1a, #fbcd01)
    }

    .peer-focus-visible\:outline:is(:where(.peer):focus-visible~*) {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible~*) {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible~*) {
        outline-offset: 2px
    }

    .peer-focus-visible\:outline-white\/40:is(:where(.peer):focus-visible~*) {
        outline-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .peer-focus-visible\:outline-white\/40:is(:where(.peer):focus-visible~*) {
            outline-color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }

    .placeholder\:text-ink-3::-moz-placeholder {
        color: var(--color-ink-3)
    }

    .placeholder\:text-ink-3::placeholder {
        color: var(--color-ink-3)
    }

    .placeholder\:text-zinc-500::-moz-placeholder {
        color: var(--color-zinc-500)
    }

    .placeholder\:text-zinc-500::placeholder {
        color: var(--color-zinc-500)
    }

    .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .before\:inset-0:before {
        content: var(--tw-content);
        inset: 0
    }

    .before\:overflow-hidden:before {
        content: var(--tw-content);
        overflow: hidden
    }

    .before\:rounded-r-xl:before {
        content: var(--tw-content);
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl)
    }

    .before\:bg-\[linear-gradient\(90deg\,rgba\(251\,205\,1\,0\.2\)_0\%\,rgba\(251\,205\,1\,0\)_86\.36\%\)\]:before {
        content: var(--tw-content);
        background-image: linear-gradient(90deg, #fbcd0133, #fbcd0100 86.36%)
    }

    .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
    }

    .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .after\:top-1\/2:after {
        content: var(--tw-content);
        top: 50%
    }

    .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
    }

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

    .after\:-translate-x-1\/2:after {
        --tw-translate-x: -50%
    }

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

    .after\:-translate-y-1\/2:after {
        --tw-translate-y: -50%
    }

    .after\:rounded-full:after {
        content: var(--tw-content);
        border-radius: 3.40282e+38px
    }

    .after\:bg-slider-dot:after {
        content: var(--tw-content);
        background-color: var(--color-slider-dot)
    }

    .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
    }

    .focus-within\:\!ring-0:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(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
    }

    .focus-within\:ring-1:focus-within {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-within\:ring-\[\#FF7968\]:focus-within {
        --tw-ring-color: #ff7968
    }

    .focus-within\:ring-\[\#ff7968\]\/60:focus-within {
        --tw-ring-color: oklab(72.9897% .145639 .0810896/.6)
    }

    .focus-within\:ring-accent:focus-within {
        --tw-ring-color: var(--color-accent)
    }

    @media(hover:hover) {
        .hover\:border-primary\/50:hover {
            border-color: #fbcd0180
        }

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

        .hover\:border-slate-300:hover {
            border-color: var(--color-slate-300)
        }

        .hover\:border-white\/10:hover {
            border-color: #ffffff1a
        }

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

        .hover\:border-white\/18:hover {
            border-color: #ffffff2e
        }

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

        .hover\:border-zinc-600:hover {
            border-color: var(--color-zinc-600)
        }

        .hover\:bg-\[\#90f29917\]:hover {
            background-color: #90f29917
        }

        .hover\:bg-\[\#90f29930\]:hover {
            background-color: #90f29930
        }

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

        .hover\:bg-neutral-700:hover {
            background-color: var(--color-neutral-700)
        }

        .hover\:bg-neutral-800:hover {
            background-color: var(--color-neutral-800)
        }

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

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

        .hover\:bg-surface-2:hover {
            background-color: var(--color-surface-2)
        }

        .hover\:bg-surface-elevated:hover {
            background-color: var(--color-surface-elevated)
        }

        .hover\:bg-white\/5:hover {
            background-color: #ffffff0d
        }

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

        .hover\:bg-white\/8:hover {
            background-color: #ffffff14
        }

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

        .hover\:text-\[\#B7B8B9\]:hover {
            color: #b7b8b9
        }

        .hover\:text-ink-2:hover {
            color: var(--color-ink-2)
        }

        .hover\:text-muted-bright:hover {
            color: var(--text-color-muted-bright)
        }

        .hover\:text-white:hover {
            color: var(--color-white)
        }

        .hover\:text-white\/80:hover {
            color: #fffc
        }

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

        .hover\:text-zinc-300:hover {
            color: var(--color-zinc-300)
        }

        .hover\:text-zinc-400:hover {
            color: var(--color-zinc-400)
        }

        .hover\:opacity-80:hover {
            opacity: .8
        }

        .hover\:opacity-100:hover {
            opacity: 1
        }

        .hover\:ring-white\/20:hover {
            --tw-ring-color: #fff3
        }

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

        .hover\:outline-2:hover {
            outline-style: var(--tw-outline-style);
            outline-width: 2px
        }

        .hover\:brightness-95:hover {
            --tw-brightness: brightness(95%)
        }

        .hover\:brightness-105:hover,
        .hover\:brightness-95:hover {
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
        }

        .hover\:brightness-105:hover {
            --tw-brightness: brightness(105%)
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(110%)
        }

        .hover\:brightness-110:hover,
        .hover\:brightness-125:hover {
            filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
        }

        .hover\:brightness-125:hover {
            --tw-brightness: brightness(125%)
        }

        .hover\:duration-0:hover {
            --tw-duration: 0s;
            transition-duration: 0s
        }
    }

    .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    @media(forced-colors:active) {
        .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
        }
    }

    .focus-visible\:bg-white\/5:focus-visible {
        background-color: #ffffff0d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:bg-white\/5:focus-visible {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }

    .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-1:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-2:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\[\#ff7968\]\/60:focus-visible {
        --tw-ring-color: oklab(72.9897% .145639 .0810896/.6)
    }

    .focus-visible\:ring-accent:focus-visible {
        --tw-ring-color: var(--color-accent)
    }

    .focus-visible\:ring-slate-400:focus-visible {
        --tw-ring-color: var(--color-slate-400)
    }

    .focus-visible\:outline:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

    .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px
    }

    .focus-visible\:outline-white\/20:focus-visible {
        outline-color: #fff3
    }

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

    .active\:scale-\[0\.99\]:active {
        scale: .99
    }

    .active\:opacity-80:active {
        opacity: .8
    }

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

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

    .disabled\:cursor-wait:disabled {
        cursor: wait
    }

    .disabled\:opacity-40:disabled {
        opacity: .4
    }

    .disabled\:opacity-50:disabled {
        opacity: .5
    }

    .disabled\:opacity-60:disabled {
        opacity: .6
    }

    .disabled\:opacity-70:disabled {
        opacity: .7
    }

    .has-data-\[testid\=cashback-current\]\:flex:has([data-testid=cashback-current]) {
        display: flex
    }

    .data-\[state\=active\]\:border-primary[data-state=active] {
        border-color: var(--color-primary)
    }

    .data-\[state\=active\]\:bg-primary\/12[data-state=active] {
        background-color: #fbcd011f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .data-\[state\=active\]\:bg-primary\/12[data-state=active] {
            background-color: color-mix(in oklab, var(--color-primary) 12%, transparent)
        }
    }

    .data-\[state\=active\]\:text-white[data-state=active] {
        color: var(--color-white)
    }

    .data-\[state\=inactive\]\:opacity-90[data-state=inactive] {
        opacity: .9
    }

    @media(prefers-reduced-motion:reduce) {
        .motion-reduce\:transition-none {
            transition-property: none
        }

        @media(hover:hover) {
            .motion-reduce\:group-hover\:rotate-0:is(:where(.group):hover *) {
                rotate: 0deg
            }
        }
    }

    @media not all and (min-width:529px) {
        .max-\[529px\]\:hidden {
            display: none
        }
    }

    @media not all and (min-width:64rem) {
        .max-lg\:hidden\! {
            display: none !important
        }

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

    @media not all and (min-width:48rem) {
        .max-md\:hidden {
            display: none
        }
    }

    @media not all and (min-width:40rem) {
        .max-sm\:mr-0 {
            margin-right: 0
        }

        .max-sm\:hidden {
            display: none
        }

        .max-sm\:inline {
            display: inline
        }

        .max-sm\:shrink-0 {
            flex-shrink: 0
        }

        .max-sm\:flex-col {
            flex-direction: column
        }

        .max-sm\:gap-1 {
            gap: var(--spacing)
        }

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

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

        .max-sm\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }

        .max-sm\:border-primary {
            border-color: var(--color-primary)
        }

        .max-sm\:border-transparent {
            border-color: #0000
        }

        .max-sm\:px-1 {
            padding-inline: var(--spacing)
        }

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

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

        .max-sm\:pb-0 {
            padding-bottom: 0
        }

        .max-sm\:pb-0\.75 {
            padding-bottom: calc(var(--spacing)*.75)
        }

        .max-sm\:text-center {
            text-align: center
        }

        .max-sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .max-sm\:leading-3\.5 {
            --tw-leading: calc(var(--spacing)*3.5);
            line-height: calc(var(--spacing)*3.5)
        }

        .max-sm\:whitespace-nowrap {
            white-space: nowrap
        }
    }

    @media(min-width:768px) {
        .min-\[768px\]\:mt-\[25\%\] {
            margin-top: 25%
        }
    }

    @media(min-width:1024px) {
        .min-\[1024px\]\:mt-\[20\%\] {
            margin-top: 20%
        }
    }

    @media(min-width:1025px) {
        .min-\[1025px\]\:z-30 {
            z-index: 30
        }
    }

    @media(min-width:1281px) {
        .min-\[1281px\]\:hidden {
            display: none
        }

        .min-\[1281px\]\:inline {
            display: inline
        }

        .min-\[1281px\]\:inline-flex\! {
            display: inline-flex !important
        }

        .min-\[1281px\]\:size-4 {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
        }

        .min-\[1281px\]\:size-5\.5 {
            width: calc(var(--spacing)*5.5);
            height: calc(var(--spacing)*5.5)
        }

        .min-\[1281px\]\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .min-\[1281px\]\:h-10\! {
            height: calc(var(--spacing)*10) !important
        }

        .min-\[1281px\]\:w-auto\! {
            width: auto !important
        }

        .min-\[1281px\]\:px-4\! {
            padding-inline: calc(var(--spacing)*4) !important
        }

        .min-\[1281px\]\:py-2 {
            padding-block: calc(var(--spacing)*2)
        }

        .min-\[1281px\]\:pr-3 {
            padding-right: calc(var(--spacing)*3)
        }

        .min-\[1281px\]\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }

        .min-\[1281px\]\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }
    }

    @media(min-width:1366px) {
        .min-\[1366px\]\:gap-6 {
            gap: calc(var(--spacing)*6)
        }
    }

    @media(min-width:1400px) {
        .min-\[1400px\]\:grid-cols-10\! {
            grid-template-columns: repeat(10, minmax(0, 1fr)) !important
        }
    }

    @media(min-width:1750px) {
        .min-\[1750px\]\:top-0 {
            top: 0
        }

        .min-\[1750px\]\:mt-\[15\%\] {
            margin-top: 15%
        }
    }

    @media(min-width:40rem) {
        .sm\:top-13 {
            top: calc(var(--spacing)*13)
        }

        .sm\:mx-0 {
            margin-inline: 0
        }

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

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

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

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

        .sm\:block {
            display: block
        }

        .sm\:flex {
            display: flex
        }

        .sm\:grid {
            display: grid
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

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

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

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

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

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

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

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

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

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

        .sm\:h-57\.5 {
            height: calc(var(--spacing)*57.5)
        }

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

        .sm\:h-162\.5 {
            height: calc(var(--spacing)*162.5)
        }

        .sm\:h-auto {
            height: auto
        }

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

        .sm\:max-h-\[min\(80vh\,36rem\)\] {
            max-height: min(80vh, 36rem)
        }

        .sm\:max-h-\[min\(85dvh\,930px\)\] {
            max-height: min(85dvh, 930px)
        }

        .sm\:max-h-none {
            max-height: none
        }

        .sm\:min-h-38\.5 {
            min-height: calc(var(--spacing)*38.5)
        }

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

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

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

        .sm\:w-30\.5 {
            width: calc(var(--spacing)*30.5)
        }

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

        .sm\:w-62\.5 {
            width: calc(var(--spacing)*62.5)
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:max-w-45 {
            max-width: calc(var(--spacing)*45)
        }

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

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

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

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

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

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

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

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

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

        .sm\:flex-1 {
            flex: 1
        }

        .sm\:flex-none {
            flex: none
        }

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

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

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

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

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

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-nowrap {
            flex-wrap: nowrap
        }

        .sm\:items-center {
            align-items: center
        }

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

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

        .sm\:justify-between {
            justify-content: space-between
        }

        .sm\:justify-center {
            justify-content: center
        }

        .sm\:justify-end {
            justify-content: flex-end
        }

        .sm\:gap-0\.75 {
            gap: calc(var(--spacing)*.75)
        }

        .sm\:gap-2 {
            gap: calc(var(--spacing)*2)
        }

        .sm\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .sm\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .sm\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .sm\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .sm\:overflow-visible {
            overflow: visible
        }

        .sm\:rounded-\[12px\] {
            border-radius: 12px
        }

        .sm\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .sm\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }

        .sm\:border-transparent {
            border-color: #0000
        }

        .sm\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .sm\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .sm\:p-6\! {
            padding: calc(var(--spacing)*6) !important
        }

        .sm\:px-0 {
            padding-inline: 0
        }

        .sm\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }

        .sm\:px-3\! {
            padding-inline: calc(var(--spacing)*3) !important
        }

        .sm\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }

        .sm\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .sm\:py-1 {
            padding-block: var(--spacing)
        }

        .sm\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        .sm\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .sm\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .sm\:pt-8 {
            padding-top: calc(var(--spacing)*8)
        }

        .sm\:pr-1 {
            padding-right: var(--spacing)
        }

        .sm\:pb-0\.75 {
            padding-bottom: calc(var(--spacing)*.75)
        }

        .sm\:pb-6 {
            padding-bottom: calc(var(--spacing)*6)
        }

        .sm\:pl-3 {
            padding-left: calc(var(--spacing)*3)
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .sm\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .sm\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .sm\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }

        .sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .sm\:text-\[14px\] {
            font-size: 14px
        }

        .sm\:text-\[22px\] {
            font-size: 22px
        }

        .sm\:text-\[40px\] {
            font-size: 40px
        }

        .sm\:leading-3\.5 {
            --tw-leading: calc(var(--spacing)*3.5);
            line-height: calc(var(--spacing)*3.5)
        }

        .sm\:leading-5 {
            --tw-leading: calc(var(--spacing)*5);
            line-height: calc(var(--spacing)*5)
        }

        .sm\:leading-5\.5 {
            --tw-leading: calc(var(--spacing)*5.5);
            line-height: calc(var(--spacing)*5.5)
        }

        .sm\:leading-10 {
            --tw-leading: calc(var(--spacing)*10);
            line-height: calc(var(--spacing)*10)
        }

        .sm\:leading-snug {
            --tw-leading: var(--leading-snug);
            line-height: var(--leading-snug)
        }

        .data-\[state\=active\]\:sm\:border-primary[data-state=active] {
            border-color: var(--color-primary)
        }
    }

    @media(min-width:48rem) {
        .md\:col-span-2 {
            grid-column: span 2/span 2
        }

        .md\:col-span-5 {
            grid-column: span 5/span 5
        }

        .md\:mx-0 {
            margin-inline: 0
        }

        .md\:mt-0 {
            margin-top: 0
        }

        .md\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

        .md\:mr-0 {
            margin-right: 0
        }

        .md\:mb-0 {
            margin-bottom: 0
        }

        .md\:mb-4 {
            margin-bottom: calc(var(--spacing)*4)
        }

        .md\:mb-6 {
            margin-bottom: calc(var(--spacing)*6)
        }

        .md\:block {
            display: block
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:size-5 {
            width: calc(var(--spacing)*5);
            height: calc(var(--spacing)*5)
        }

        .md\:size-5\.5 {
            width: calc(var(--spacing)*5.5);
            height: calc(var(--spacing)*5.5)
        }

        .md\:size-14 {
            width: calc(var(--spacing)*14);
            height: calc(var(--spacing)*14)
        }

        .md\:size-\[21\.5px\] {
            width: 21.5px;
            height: 21.5px
        }

        .md\:h-3\.5 {
            height: calc(var(--spacing)*3.5)
        }

        .md\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .md\:h-13\.5 {
            height: calc(var(--spacing)*13.5)
        }

        .md\:h-\[90\%\] {
            height: 90%
        }

        .md\:h-auto {
            height: auto
        }

        .md\:min-h-22\.5 {
            min-height: calc(var(--spacing)*22.5)
        }

        .md\:w-42\.5 {
            width: calc(var(--spacing)*42.5)
        }

        .md\:w-\[min\(1200px\,calc\(100\%-2rem\)\)\] {
            width: min(1200px, 100% - 2rem)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-fit {
            width: -moz-fit-content;
            width: fit-content
        }

        .md\:max-w-160 {
            max-width: calc(var(--spacing)*160)
        }

        .md\:max-w-\[760px\] {
            max-width: 760px
        }

        .md\:min-w-\[48px\] {
            min-width: 48px
        }

        .md\:flex-1 {
            flex: 1
        }

        .md\:shrink-0 {
            flex-shrink: 0
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr))
        }

        .md\:grid-rows-\[minmax\(5\.625rem\,1fr\)\] {
            grid-template-rows: minmax(5.625rem, 1fr)
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-center {
            align-items: center
        }

        .md\:items-start {
            align-items: flex-start
        }

        .md\:justify-between {
            justify-content: space-between
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:gap-1\.5 {
            gap: calc(var(--spacing)*1.5)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .md\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .md\:p-3 {
            padding: calc(var(--spacing)*3)
        }

        .md\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .md\:px-0 {
            padding-inline: 0
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .md\:px-11\.5 {
            padding-inline: calc(var(--spacing)*11.5)
        }

        .md\:py-0 {
            padding-block: 0
        }

        .md\:py-9 {
            padding-block: calc(var(--spacing)*9)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing)*10)
        }

        .md\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }

        .md\:py-17\.5 {
            padding-block: calc(var(--spacing)*17.5)
        }

        .md\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-14 {
            padding-top: calc(var(--spacing)*14)
        }

        .md\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }

        .md\:text-center {
            text-align: center
        }

        .md\:text-left {
            text-align: left
        }

        .md\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .md\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-\[14px\] {
            font-size: 14px
        }

        .md\:text-\[18px\] {
            font-size: 18px
        }

        .md\:text-\[28px\] {
            font-size: 28px
        }

        .md\:text-\[30px\] {
            font-size: 30px
        }

        .md\:text-\[40px\] {
            font-size: 40px
        }

        .md\:text-\[64px\] {
            font-size: 64px
        }

        .md\:text-\[70px\] {
            font-size: 70px
        }

        .md\:leading-3\.5 {
            --tw-leading: calc(var(--spacing)*3.5);
            line-height: calc(var(--spacing)*3.5)
        }

        .md\:leading-5\.5 {
            --tw-leading: calc(var(--spacing)*5.5);
            line-height: calc(var(--spacing)*5.5)
        }

        .md\:leading-6 {
            --tw-leading: calc(var(--spacing)*6);
            line-height: calc(var(--spacing)*6)
        }

        .md\:leading-12 {
            --tw-leading: calc(var(--spacing)*12);
            line-height: calc(var(--spacing)*12)
        }

        .md\:leading-18\.5 {
            --tw-leading: calc(var(--spacing)*18.5);
            line-height: calc(var(--spacing)*18.5)
        }

        .md\:leading-\[1\.4\] {
            --tw-leading: 1.4;
            line-height: 1.4
        }

        .md\:leading-\[14px\] {
            --tw-leading: 14px;
            line-height: 14px
        }

        .md\:text-white {
            color: var(--color-white)
        }
    }

    @media(min-width:64rem) {
        .lg\:absolute {
            position: absolute
        }

        .lg\:inset-x-auto {
            inset-inline: auto
        }

        .lg\:inset-y-0 {
            inset-block: 0
        }

        .lg\:-top-6 {
            top: calc(var(--spacing)*-6)
        }

        .lg\:top-auto {
            top: auto
        }

        .lg\:-right-45 {
            right: calc(var(--spacing)*-45)
        }

        .lg\:right-6 {
            right: calc(var(--spacing)*6)
        }

        .lg\:right-\[-8\%\] {
            right: -8%
        }

        .lg\:bottom-6 {
            bottom: calc(var(--spacing)*6)
        }

        .lg\:z-60 {
            z-index: 60
        }

        .lg\:order-2 {
            order: 2
        }

        .lg\:order-3 {
            order: 3
        }

        .lg\:order-none {
            order: 0
        }

        .lg\:mx-0 {
            margin-inline: 0
        }

        .lg\:mt-0 {
            margin-top: 0
        }

        .lg\:mt-6 {
            margin-top: calc(var(--spacing)*6)
        }

        .lg\:mt-11\.5 {
            margin-top: calc(var(--spacing)*11.5)
        }

        .lg\:mt-20 {
            margin-top: calc(var(--spacing)*20)
        }

        .lg\:mt-24 {
            margin-top: calc(var(--spacing)*24)
        }

        .lg\:mb-0 {
            margin-bottom: 0
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:inline {
            display: inline
        }

        .lg\:size-30 {
            width: calc(var(--spacing)*30);
            height: calc(var(--spacing)*30)
        }

        .lg\:size-47\.5 {
            width: calc(var(--spacing)*47.5);
            height: calc(var(--spacing)*47.5)
        }

        .lg\:size-\[190px\] {
            width: 190px;
            height: 190px
        }

        .lg\:h-10 {
            height: calc(var(--spacing)*10)
        }

        .lg\:h-12 {
            height: calc(var(--spacing)*12)
        }

        .lg\:h-12\.5 {
            height: calc(var(--spacing)*12.5)
        }

        .lg\:h-15 {
            height: calc(var(--spacing)*15)
        }

        .lg\:h-47\.5 {
            height: calc(var(--spacing)*47.5)
        }

        .lg\:h-\[90px\] {
            height: 90px
        }

        .lg\:h-\[180px\] {
            height: 180px
        }

        .lg\:h-\[190px\] {
            height: 190px
        }

        .lg\:h-\[324px\] {
            height: 324px
        }

        .lg\:h-auto {
            height: auto
        }

        .lg\:min-h-19 {
            min-height: calc(var(--spacing)*19)
        }

        .lg\:min-h-60\.75 {
            min-height: calc(var(--spacing)*60.75)
        }

        .lg\:min-h-140 {
            min-height: calc(var(--spacing)*140)
        }

        .lg\:w-10 {
            width: calc(var(--spacing)*10)
        }

        .lg\:w-24 {
            width: calc(var(--spacing)*24)
        }

        .lg\:w-32 {
            width: calc(var(--spacing)*32)
        }

        .lg\:w-60 {
            width: calc(var(--spacing)*60)
        }

        .lg\:w-81\.25 {
            width: calc(var(--spacing)*81.25)
        }

        .lg\:w-100 {
            width: calc(var(--spacing)*100)
        }

        .lg\:w-150 {
            width: calc(var(--spacing)*150)
        }

        .lg\:w-173\.75 {
            width: calc(var(--spacing)*173.75)
        }

        .lg\:w-200 {
            width: calc(var(--spacing)*200)
        }

        .lg\:w-250 {
            width: calc(var(--spacing)*250)
        }

        .lg\:w-\[58\%\] {
            width: 58%
        }

        .lg\:w-\[135px\] {
            width: 135px
        }

        .lg\:w-\[240px\] {
            width: 240px
        }

        .lg\:w-\[300px\] {
            width: 300px
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:w-fit {
            width: -moz-fit-content;
            width: fit-content
        }

        .lg\:w-max {
            width: -moz-max-content;
            width: max-content
        }

        .lg\:max-w-55 {
            max-width: calc(var(--spacing)*55)
        }

        .lg\:max-w-120\.25 {
            max-width: calc(var(--spacing)*120.25)
        }

        .lg\:max-w-\[65\%\] {
            max-width: 65%
        }

        .lg\:max-w-\[68\%\] {
            max-width: 68%
        }

        .lg\:max-w-\[612px\] {
            max-width: 612px
        }

        .lg\:max-w-\[730px\] {
            max-width: 730px
        }

        .lg\:max-w-\[min\(32rem\,calc\(100vw-3rem\)\)\] {
            max-width: min(32rem, 100vw - 3rem)
        }

        .lg\:max-w-none {
            max-width: none
        }

        .lg\:min-w-0 {
            min-width: 0
        }

        .lg\:min-w-70 {
            min-width: calc(var(--spacing)*70)
        }

        .lg\:min-w-93\.25 {
            min-width: calc(var(--spacing)*93.25)
        }

        .lg\:min-w-\[564px\] {
            min-width: 564px
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:flex-none {
            flex: none
        }

        .lg\:shrink-0 {
            flex-shrink: 0
        }

        .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr))
        }

        .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
            grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr)
        }

        .lg\:grid-cols-\[minmax\(0\,1fr\)_481px\] {
            grid-template-columns: minmax(0, 1fr) 481px
        }

        .lg\:grid-cols-\[minmax\(0\,540px\)_481px\] {
            grid-template-columns: minmax(0, 540px) 481px
        }

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-wrap {
            flex-wrap: wrap
        }

        .lg\:items-center {
            align-items: center
        }

        .lg\:items-end {
            align-items: flex-end
        }

        .lg\:items-start {
            align-items: flex-start
        }

        .lg\:items-stretch {
            align-items: stretch
        }

        .lg\:justify-between {
            justify-content: space-between
        }

        .lg\:justify-center {
            justify-content: center
        }

        .lg\:justify-end {
            justify-content: flex-end
        }

        .lg\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .lg\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing)*5)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .lg\:gap-7 {
            gap: calc(var(--spacing)*7)
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing)*8)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing)*10)
        }

        .lg\:gap-20 {
            gap: calc(var(--spacing)*20)
        }

        .lg\:gap-22\.25 {
            gap: calc(var(--spacing)*22.25)
        }

        .lg\:gap-24 {
            gap: calc(var(--spacing)*24)
        }

        .lg\:overflow-visible {
            overflow: visible
        }

        .lg\:overflow-x-visible {
            overflow-x: visible
        }

        .lg\:object-\[left_center\] {
            -o-object-position: left center;
            object-position: left center
        }

        .lg\:p-0 {
            padding: 0
        }

        .lg\:p-5 {
            padding: calc(var(--spacing)*5)
        }

        .lg\:p-6 {
            padding: calc(var(--spacing)*6)
        }

        .lg\:p-6\! {
            padding: calc(var(--spacing)*6) !important
        }

        .lg\:p-8 {
            padding: calc(var(--spacing)*8)
        }

        .lg\:p-10 {
            padding: calc(var(--spacing)*10)
        }

        .lg\:p-11\.25 {
            padding: calc(var(--spacing)*11.25)
        }

        .lg\:p-12\.5 {
            padding: calc(var(--spacing)*12.5)
        }

        .lg\:px-0 {
            padding-inline: 0
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }

        .lg\:px-8\.5 {
            padding-inline: calc(var(--spacing)*8.5)
        }

        .lg\:px-11\.25 {
            padding-inline: calc(var(--spacing)*11.25)
        }

        .lg\:py-12 {
            padding-block: calc(var(--spacing)*12)
        }

        .lg\:py-28 {
            padding-block: calc(var(--spacing)*28)
        }

        .lg\:pt-4\.5\! {
            padding-top: calc(var(--spacing)*4.5) !important
        }

        .lg\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }

        .lg\:pt-10 {
            padding-top: calc(var(--spacing)*10)
        }

        .lg\:pt-12 {
            padding-top: calc(var(--spacing)*12)
        }

        .lg\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }

        .lg\:pt-20 {
            padding-top: calc(var(--spacing)*20)
        }

        .lg\:pr-0 {
            padding-right: 0
        }

        .lg\:pb-0 {
            padding-bottom: 0
        }

        .lg\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }

        .lg\:pb-11\.25 {
            padding-bottom: calc(var(--spacing)*11.25)
        }

        .lg\:pb-24 {
            padding-bottom: calc(var(--spacing)*24)
        }

        .lg\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }

        .lg\:text-base {
            font-size: var(--text-base);
            line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .lg\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .lg\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .lg\:text-\[26px\] {
            font-size: 26px
        }

        .lg\:text-\[28px\] {
            font-size: 28px
        }

        .lg\:text-\[40px\] {
            font-size: 40px
        }

        .lg\:text-\[48px\] {
            font-size: 48px
        }

        .lg\:text-\[70px\] {
            font-size: 70px
        }

        .lg\:text-\[80px\] {
            font-size: 80px
        }

        .lg\:text-\[90px\] {
            font-size: 90px
        }

        .lg\:leading-3\.5 {
            --tw-leading: calc(var(--spacing)*3.5);
            line-height: calc(var(--spacing)*3.5)
        }

        .lg\:leading-4\.5 {
            --tw-leading: calc(var(--spacing)*4.5);
            line-height: calc(var(--spacing)*4.5)
        }

        .lg\:leading-7 {
            --tw-leading: calc(var(--spacing)*7);
            line-height: calc(var(--spacing)*7)
        }

        .lg\:leading-12\.5 {
            --tw-leading: calc(var(--spacing)*12.5);
            line-height: calc(var(--spacing)*12.5)
        }

        .lg\:leading-13\.5 {
            --tw-leading: calc(var(--spacing)*13.5);
            line-height: calc(var(--spacing)*13.5)
        }

        .lg\:leading-20 {
            --tw-leading: calc(var(--spacing)*20);
            line-height: calc(var(--spacing)*20)
        }

        .lg\:leading-\[1\.08\] {
            --tw-leading: 1.08;
            line-height: 1.08
        }

        .lg\:whitespace-nowrap {
            white-space: nowrap
        }
    }

    @media(min-width:80rem) {
        .xl\:right-16 {
            right: calc(var(--spacing)*16)
        }

        .xl\:col-span-full {
            grid-column: 1/-1
        }

        .xl\:col-start-1 {
            grid-column-start: 1
        }

        .xl\:col-start-2 {
            grid-column-start: 2
        }

        .xl\:col-start-3 {
            grid-column-start: 3
        }

        .xl\:row-start-1 {
            grid-row-start: 1
        }

        .xl\:mt-0 {
            margin-top: 0
        }

        .xl\:block {
            display: block
        }

        .xl\:contents {
            display: contents
        }

        .xl\:flex {
            display: flex
        }

        .xl\:grid {
            display: grid
        }

        .xl\:hidden {
            display: none
        }

        .xl\:inline {
            display: inline
        }

        .xl\:h-12 {
            height: calc(var(--spacing)*12)
        }

        .xl\:h-\[70px\] {
            height: 70px
        }

        .xl\:h-auto {
            height: auto
        }

        .xl\:max-h-162\.5 {
            max-height: calc(var(--spacing)*162.5)
        }

        .xl\:max-h-none {
            max-height: none
        }

        .xl\:min-h-0 {
            min-height: 0
        }

        .xl\:min-h-12 {
            min-height: calc(var(--spacing)*12)
        }

        .xl\:min-h-62 {
            min-height: calc(var(--spacing)*62)
        }

        .xl\:min-h-81 {
            min-height: calc(var(--spacing)*81)
        }

        .xl\:min-h-112 {
            min-height: calc(var(--spacing)*112)
        }

        .xl\:min-h-\[324px\] {
            min-height: 324px
        }

        .xl\:w-107\.25 {
            width: calc(var(--spacing)*107.25)
        }

        .xl\:w-auto {
            width: auto
        }

        .xl\:w-full {
            width: 100%
        }

        .xl\:max-w-87 {
            max-width: calc(var(--spacing)*87)
        }

        .xl\:flex-1 {
            flex: 1
        }

        .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .xl\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .xl\:grid-cols-8 {
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }

        .xl\:grid-cols-\[340px_minmax\(0\,1fr\)\] {
            grid-template-columns: 340px minmax(0, 1fr)
        }

        .xl\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr)
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:items-center {
            align-items: center
        }

        .xl\:items-stretch {
            align-items: stretch
        }

        .xl\:gap-3 {
            gap: calc(var(--spacing)*3)
        }

        .xl\:gap-4 {
            gap: calc(var(--spacing)*4)
        }

        .xl\:gap-6 {
            gap: calc(var(--spacing)*6)
        }

        .xl\:gap-12 {
            gap: calc(var(--spacing)*12)
        }

        .xl\:gap-17\.5 {
            gap: calc(var(--spacing)*17.5)
        }

        :where(.xl\:space-y-8>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(var(--spacing)*8*var(--tw-space-y-reverse));
            margin-block-end: calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)))
        }

        .xl\:self-center {
            align-self: center
        }

        .xl\:justify-self-center {
            justify-self: center
        }

        .xl\:justify-self-end {
            justify-self: flex-end
        }

        .xl\:justify-self-start {
            justify-self: flex-start
        }

        .xl\:overflow-hidden {
            overflow: hidden
        }

        .xl\:rounded-none {
            border-radius: 0
        }

        .xl\:rounded-xl {
            border-radius: var(--radius-xl)
        }

        .xl\:bg-linear-to-r {
            --tw-gradient-position: to right
        }

        @supports (background-image:linear-gradient(in lab, red, red)) {
            .xl\:bg-linear-to-r {
                --tw-gradient-position: to right in oklab
            }
        }

        .xl\:bg-linear-to-r {
            background-image: linear-gradient(var(--tw-gradient-stops))
        }

        .xl\:bg-none {
            background-image: none
        }

        .xl\:from-\[rgba\(133\,133\,152\,0\)\] {
            --tw-gradient-from: #85859800;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
        }

        .xl\:from-\[rgba\(133\,133\,152\,0\.15\)\] {
            --tw-gradient-from: #85859826;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
        }

        .xl\:to-\[rgba\(133\,133\,152\,0\)\] {
            --tw-gradient-to: #85859800;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
        }

        .xl\:to-\[rgba\(133\,133\,152\,0\.15\)\] {
            --tw-gradient-to: #85859826;
            --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
        }

        .xl\:p-4 {
            padding: calc(var(--spacing)*4)
        }

        .xl\:px-0 {
            padding-inline: 0
        }

        .xl\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }

        .xl\:py-8 {
            padding-block: calc(var(--spacing)*8)
        }

        :is(.xl\:\*\:min-w-0>*) {
            min-width: 0
        }
    }

    .\[\&_button\]\:w-full button {
        width: 100%
    }

    .\[\&_button\]\:min-w-0 button {
        min-width: 0
    }

    .\[\&_input\]\:appearance-none input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .\[\&_input\]\:\[-moz-appearance\:textfield\] input {
        -moz-appearance: textfield
    }

    .\[\&_input\:\:-webkit-inner-spin-button\]\:appearance-none input::-webkit-inner-spin-button,
    .\[\&_input\:\:-webkit-outer-spin-button\]\:appearance-none input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none
    }

    .\[\&\:\:-moz-range-thumb\]\:size-3::-moz-range-thumb {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .\[\&\:\:-moz-range-thumb\]\:appearance-none::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none
    }

    .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb {
        border-radius: 3.40282e+38px
    }

    .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&\:\:-moz-range-thumb\]\:bg-zinc-300::-moz-range-thumb {
        background-color: var(--color-zinc-300)
    }

    .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
        display: none
    }

    .\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
        width: var(--spacing)
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
        border-radius: 3.40282e+38px
    }

    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#2a2a2e\]::-webkit-scrollbar-thumb {
        background-color: #2a2a2e
    }

    .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
    }

    .\[\&\:\:-webkit-slider-thumb\]\:size-3::-webkit-slider-thumb {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
    }

    .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none
    }

    .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb {
        border-radius: 3.40282e+38px
    }

    .\[\&\:\:-webkit-slider-thumb\]\:bg-zinc-300::-webkit-slider-thumb {
        background-color: var(--color-zinc-300)
    }

    :is(.\*\:\[\[role\=listbox\]\]\:max-h-60\.25>*)[role=listbox] {
        max-height: calc(var(--spacing)*60.25)
    }

    .\[\&\>button\]\:h-8\!>button {
        height: calc(var(--spacing)*8) !important
    }

    .\[\&\>button\]\:h-9>button {
        height: calc(var(--spacing)*9)
    }

    .\[\&\>button\]\:rounded-\[0\.625rem\]\!>button {
        border-radius: .625rem !important
    }

    .\[\&\>button\]\:bg-surface-elevated>button {
        background-color: var(--color-surface-elevated)
    }

    .\[\&\>button\]\:shadow-\[inset_0_-6px_12px_0_rgba\(93\,93\,100\,0\.12\)\]>button {
        --tw-shadow: inset 0 -6px 12px 0 var(--tw-shadow-color, #5d5d641f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .\[\&\>button\>span\]\:font-bold>button>span {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .\[\&\>div\]\:h-9>div {
        height: calc(var(--spacing)*9)
    }

    .\[\&\>svg\]\:size-5\.5>svg {
        width: calc(var(--spacing)*5.5);
        height: calc(var(--spacing)*5.5)
    }

    .\[\&\>svg\:first-child\]\:h-5\.25\!>svg:first-child {
        height: calc(var(--spacing)*5.25) !important
    }

    .\[\&\>svg\:first-child\]\:w-auto\!>svg:first-child {
        width: auto !important
    }

    .\[\&\>svg\:last-child\]\:h-auto\!>svg:last-child {
        height: auto !important
    }

    .\[\&\>svg\:last-child\]\:w-22\.5\!>svg:last-child {
        width: calc(var(--spacing)*22.5) !important
    }
}

#woot-widget-holder,
.woot--bubble-holder,
.woot-widget-bubble,
.woot-widget-holder {
    z-index: var(--dast-chatwoot-z-index) !important
}

.Vue-Toastification__container {
    width: min(100%, 360px);
    padding: 16px
}

.Vue-Toastification__toast.dast-toast {
    color: #ff7968;
    width: 100%;
    min-width: 0;
    min-height: 0;
    font-family: var(--font-sans);
    background: #2d2926;
    border: 1px solid #ff796840;
    border-radius: 12px;
    margin-bottom: 8px;
    padding: 8px 16px;
    box-shadow: 0 8px 32px #00000073
}

.Vue-Toastification__toast.dast-toast.Vue-Toastification__toast--success {
    color: #90f299;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: #90f2993d;
    border-color: #ffffff05
}

.Vue-Toastification__toast.dast-toast .dast-toast__body {
    color: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.Vue-Toastification__toast.dast-toast .dast-toast__body a {
    color: inherit
}

.Vue-Toastification__toast.dast-toast.Vue-Toastification__toast--warning {
    background: #2d2926
}

@media only screen and (min-width:601px) {
    .Vue-Toastification__container.top-right {
        top: 4.5rem
    }
}

@media only screen and (max-width:600px) {
    .Vue-Toastification__container {
        width: 100%;
        padding: 12px
    }

    .Vue-Toastification__toast.dast-toast {
        border-radius: 12px
    }
}

@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-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

@keyframes scale-in {
    0% {
        opacity: 0;
        transform: scale(.96)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scale-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.96)
    }
}

@keyframes feed-in {
    0% {
        opacity: 0;
        transform: translateY(-48px)scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes feed-in-x {
    0% {
        opacity: 0;
        transform: translate(-48px)scale(.9)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes win-pop {
    0% {
        opacity: 0;
        transform: scale(.55)
    }

    55% {
        opacity: 1;
        transform: scale(1.05)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shimmer {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes vip-invited-header-float-ae7171c2 {

    0%,
    to {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(3px, -14px, 0)
    }
}

@keyframes vip-invited-header-float-bolt-ae7171c2 {

    0%,
    to {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(7px, -16px, 0)
    }
}

@keyframes vip-invited-header-float-star-ae7171c2 {

    0%,
    to {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(-7px, 12px, 0)
    }
}

@keyframes vip-invited-header-wobble-dollar-ae7171c2 {

    0%,
    to {
        transform: rotate(-32.5deg)
    }

    50% {
        transform: rotate(-27.5deg)
    }
}

@keyframes vip-invited-header-wobble-bolt-ae7171c2 {

    0%,
    to {
        transform: rotate(12.5deg)
    }

    50% {
        transform: rotate(17.5deg)
    }
}

@keyframes vip-invited-header-wobble-star-ae7171c2 {

    0%,
    to {
        transform: rotate(27.5deg)
    }

    50% {
        transform: rotate(32.5deg)
    }
}

.vip-invited-header-float[data-v-ae7171c2] {
    animation: vip-invited-header-float-ae7171c2 5.5s ease-in-out infinite;
    will-change: transform
}

.vip-invited-header-crown__image[data-v-ae7171c2] {
    transform-origin: center center;
    transition: transform .35s ease-out
}

.vip-invited-header-crown:hover .vip-invited-header-crown__image[data-v-ae7171c2] {
    transform: scale(1.06)
}

.vip-invited-header-float--dollar[data-v-ae7171c2] {
    animation-duration: 5.5s;
    animation-delay: 0s
}

.vip-invited-header-float--bolt[data-v-ae7171c2] {
    animation: vip-invited-header-float-bolt-ae7171c2 6.5s ease-in-out infinite;
    animation-delay: -1.5s
}

.vip-invited-header-float--star[data-v-ae7171c2] {
    animation: vip-invited-header-float-star-ae7171c2 5s ease-in-out infinite;
    animation-delay: -3s
}

.vip-invited-header-wobble[data-v-ae7171c2] {
    transform-origin: center;
    will-change: transform
}

.vip-invited-header-wobble--dollar[data-v-ae7171c2] {
    transform: rotate(-30deg);
    animation: vip-invited-header-wobble-dollar-ae7171c2 5.5s ease-in-out infinite
}

.vip-invited-header-wobble--bolt[data-v-ae7171c2] {
    transform: rotate(15deg);
    animation: vip-invited-header-wobble-bolt-ae7171c2 6.5s ease-in-out infinite;
    animation-delay: -2s
}

.vip-invited-header-wobble--star[data-v-ae7171c2] {
    transform: rotate(30deg);
    animation: vip-invited-header-wobble-star-ae7171c2 5s ease-in-out infinite;
    animation-delay: -3.5s
}

@media(prefers-reduced-motion:reduce) {

    .vip-invited-header-float[data-v-ae7171c2],
    .vip-invited-header-wobble[data-v-ae7171c2] {
        animation: none
    }
}

@property --vip-invited-modal-border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 54deg
}

.vip-invited-modal-border[data-v-7a0d2357] {
    background: linear-gradient(var(--vip-invited-modal-border-angle), rgba(255, 211, 80, 0) 0, #ffd350 50%, rgba(255, 211, 80, 0) 100%);
    animation: vip-invited-modal-border-spin-7a0d2357 8s linear infinite
}

@keyframes vip-invited-modal-border-spin-7a0d2357 {
    to {
        --vip-invited-modal-border-angle: 414deg
    }
}

@media(prefers-reduced-motion:reduce) {
    .vip-invited-modal-border[data-v-7a0d2357] {
        animation: none
    }
}

.vip-invited-modal-border-glow[data-v-7a0d2357] {
    position: absolute;
    z-index: -1;
    filter: blur(30px)
}

.vip-invited-modal-border-dot[data-v-7a0d2357] {
    top: 50%;
    height: 400px;
    width: 50px;
    transform: translateY(-50%)
}

.vip-invited-modal-border-dot-bottom[data-v-7a0d2357] {
    width: 260px;
    height: 40px;
    bottom: 3%;
    left: 50%;
    border-radius: 100%;
    transform: translate(-50%)
}

.auth-loading-leave-active[data-v-37413e0f] {
    transition: opacity .28s ease
}

.auth-loading-leave-to[data-v-37413e0f] {
    opacity: 0
}

.auth-loading-logo[data-v-37413e0f] {
    animation: auth-logo-pulse-37413e0f 1.4s ease-in-out infinite
}

@keyframes auth-logo-pulse-37413e0f {

    0%,
    to {
        opacity: .45
    }

    50% {
        opacity: 1
    }
}

@media(prefers-reduced-motion:reduce) {
    .auth-loading-logo[data-v-37413e0f] {
        animation: none
    }
}