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

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

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*, :after, :before {
    border: 0 solid #a9afb5;
    box-sizing: border-box
}

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

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

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

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

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;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button, select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset, legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #53595f;
    opacity: 1
}

input::placeholder, textarea::placeholder {
    color: #53595f;
    opacity: 1
}

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

:disabled {
    cursor: default
}

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

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

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

:root {
    --bg-primary: 255 255 255;
    --bg-secondary: 244 245 246;
    --bg-tertiary: 255 83 20;
    --bg-elevated: 255 255 255;
    --bg-inverted: 0 0 0;
    --bg-scrim: 0 0 0/0.8;
    --bg-static-white: 255 255 255;
    --bg-static-white-subtle: 255 255 255/0.16;
    --bg-static-black: 0 0 0;
    --bg-static-black-subtle: 0 0 0/0.16;
    --bg-informative: 0 100 217;
    --bg-informative-subtle: 0 100 217/0.12;
    --bg-positive: 0 140 59;
    --bg-positive-subtle: 0 140 59/0.12;
    --bg-warning: 217 126 0;
    --bg-warning-subtle: 217 126 0/0.12;
    --bg-negative: 224 60 0;
    --bg-negative-subtle: 224 60 0/0.12;
    --bg-accent: 187 235 0;
    --bg-accent-subtle: 187 235 0/0.12;
    --border-container: 169 175 181/0.16;
    --border-divider: 169 175 181/0.16;
    --border-inverted: 244 245 246;
    --border-static: 255 255 255/0.16;
    --border-positive: 0 140 59;
    --border-negative: 224 60 0;
    --border-focus: 187 235 0/0.56;
    --border-focus-static: 255 255 255/0.64;
    --content-primary: 11 12 13;
    --content-secondary: 58 62 67;
    --content-tertiary: 111 119 127;
    --content-inverted: 255 255 255;
    --content-on-accent: 0 0 0;
    --content-static-white-primary: 255 255 255;
    --content-static-white-secondary: 255 255 255/0.64;
    --content-static-white-tertiary: 255 255 255/0.48;
    --content-static-black: 11 12 13;
    --content-informative: 0 100 217;
    --content-positive: 0 140 59;
    --content-warning: 217 126 0;
    --content-negative: 224 60 0;
    --btn-primary: 187 235 0;
    --btn-primary-hover: 173 217 0;
    --control-neutral: 169 175 181/0.16;
    --control-neutral-hover: 169 175 181/0.2;
    --btn-static-primary: 255 255 255;
    --btn-static-primary-hover: 255 255 255/0.96;
    --btn-static-secondary: 255 255 255/0.24;
    --btn-static-secondary-hover: 255 255 255/0.28;
    --btn-negative: 224 60 0/0.12;
    --btn-negative-hover: 224 60 0/0.16;
    --btn-content-accent: 187 235 0;
    --btn-content-accent-hover: 173 217 0;
    --btn-content-primary: 11 12 13;
    --btn-content-primary-hover: 0 0 0;
    --btn-content-secondary: 83 89 95;
    --btn-content-secondary-hover: 71 76 82;
    --btn-content-negative: 224 60 0;
    --btn-content-negative-hover: 184 49 0;
    --btn-content-static-white-primary: 255 255 255;
    --btn-content-static-white-primary-hover: 255 255 255/0.8;
    --btn-content-static-white-secondary: 255 255 255/0.64;
    --btn-content-static-white-secondary-hover: 255 255 255/0.48;
    --tab-base-accent: 169 175 181/0.12;
    --tab-base-accent-hover: 169 175 181/0.2;
    --tab-base-accent-selected: 187 235 0;
    --tab-segment-neutral-hover: 169 175 181/0.12;
    --tab-segment-neutral-selected: 255 255 255;
    --tab-ghost-neutral-hover: 169 175 181/0.12;
    --tab-ghost-neutral-selected: 169 175 181/0.2;
    --tab-ghost-accent-hover: 169 175 181/0.12;
    --tab-ghost-accent-selected: 187 235 0;
    --bg-notification-badge: 224 60 0;
    --bg-vip-badge: 255 195 0
}

.dark {
    --bg-primary: 11 12 13;
    --bg-secondary: 26 27 30;
    --bg-tertiary: 31 33 35;
    --bg-elevated: 19 20 21;
    --bg-inverted: 255 255 255;
    --bg-scrim: 0 0 0/0.8;
    --bg-static-white: 255 255 255;
    --bg-static-white-subtle: 255 255 255/0.16;
    --bg-static-black: 0 0 0;
    --bg-static-black-subtle: 0 0 0/0.16;
    --bg-informative: 0 117 255;
    --bg-informative-subtle: 0 117 255/0.12;
    --bg-positive: 0 159 66;
    --bg-positive-subtle: 0 159 66/0.12;
    --bg-warning: 217 166 0;
    --bg-warning-subtle: 217 166 0/0.12;
    --bg-negative: 235 63 0;
    --bg-negative-subtle: 235 63 0/0.12;
    --bg-accent: 187 235 0;
    --bg-accent-subtle: 187 235 0/0.12;
    --border-container: 169 175 181/0.12;
    --border-divider: 169 175 181/0.12;
    --border-inverted: 11 12 13;
    --border-static: 255 255 255/0.16;
    --border-positive: 0 159 66;
    --border-negative: 235 63 0;
    --content-primary: 244 245 246;
    --content-secondary: 159 165 172;
    --content-tertiary: 121 129 139;
    --content-inverted: 11 12 13;
    --content-on-accent: 0 0 0;
    --content-static-white-primary: 255 255 255;
    --content-static-white-secondary: 255 255 255/0.64;
    --content-static-white-tertiary: 255 255 255/0.48;
    --content-static-black: 11 12 13;
    --content-informative: 0 117 255;
    --content-positive: 0 159 66;
    --content-warning: 217 166 0;
    --content-negative: 235 63 0;
    --btn-primary: 187 235 0;
    --btn-primary-hover: 203 255 0;
    --control-neutral: 169 175 181/0.12;
    --control-neutral-hover: 169 175 181/0.16;
    --btn-static-primary: 255 255 255;
    --btn-static-primary-hover: 255 255 255/0.96;
    --btn-static-secondary: 255 255 255/0.24;
    --btn-static-secondary-hover: 255 255 255/0.28;
    --btn-negative: 235 63 0/0.12;
    --btn-negative-hover: 235 63 0/0.16;
    --btn-content-accent: 187 235 0;
    --btn-content-accent-hover: 203 255 0;
    --btn-content-primary: 244 245 246;
    --btn-content-primary-hover: 255 255 255;
    --btn-content-secondary: 150 157 164;
    --btn-content-secondary-hover: 159 165 172;
    --btn-content-negative: 235 63 0;
    --btn-content-negative-hover: 255 83 20;
    --btn-content-static-white-primary: 255 255 255;
    --btn-content-static-white-primary-hover: 255 255 255/0.8;
    --btn-content-static-white-secondary: 255 255 255/0.64;
    --btn-content-static-white-secondary-hover: 255 255 255/0.48;
    --tab-base-accent: 169 175 181/0.08;
    --tab-base-accent-hover: 169 175 181/0.16;
    --tab-base-accent-selected: 187 235 0;
    --tab-segment-neutral-hover: 169 175 181/0.08;
    --tab-segment-neutral-selected: 169 175 181/0.16;
    --tab-ghost-neutral-hover: 169 175 181/0.08;
    --tab-ghost-neutral-selected: 169 175 181/0.16;
    --tab-ghost-accent-hover: 169 175 181/0.08;
    --tab-ghost-accent-selected: 187 235 0;
    --bg-notification-badge: 235 63 0;
    --bg-vip-badge: 255 195 0
}

.pinco {
    --bg-secondary: 169 175 181/0.12;
    --bg-elevated: 0 16 14;
    --border-container: 169 175 181/0.12;
    --border-divider: 169 175 181/0.12;
    --border-inverted: 11 12 13;
    --border-static: 255 255 255/0.16;
    --border-positive: 0 159 66;
    --border-negative: 235 63 0;
    --border-focus: 22 200 162;
    --content-primary: 244 245 246;
    --content-secondary: 159 165 172;
    --content-tertiary: 121 129 139;
    --content-inverted: 11 12 13;
    --content-on-accent: 255 255 255;
    --content-static-white-primary: 255 255 255;
    --content-static-white-secondary: 255 255 255/0.64;
    --content-static-white-tertiary: 255 255 255/0.48;
    --content-static-black: 11 12 13;
    --content-informative: 0 117 255;
    --content-positive: 0 159 66;
    --content-warning: 217 166 0;
    --content-negative: 235 63 0;
    --btn-primary: 255 35 1;
    --btn-primary-hover: 223 38 26;
    --control-neutral: 169 175 181/0.12;
    --control-neutral-hover: 169 175 181/0.16;
    --btn-content-accent: 255 35 1;
    --btn-content-accent-hover: 223 38 26;
    --tab-base-accent: 169 175 181/0.08;
    --tab-base-accent-hover: 169 175 181/0.16;
    --tab-base-accent-selected: 187 235 0;
    --tab-segment-neutral-hover: 169 175 181/0.08;
    --tab-segment-neutral-selected: 169 175 181/0.16
}

.chicken {
    --bg-elevated: 255 242 125;
    --btn-primary: 255 35 1;
    --btn-primary-hover: 223 38 26;
    --btn-content-accent: 255 35 1;
    --btn-content-accent-hover: 223 38 26;
    --tab-segment-neutral-hover: 169 175 181/0.08;
    --tab-segment-neutral-selected: 255 255 255
}

.chicken button {
    --control-neutral: 255 255 255
}

@font-face {
    font-display: swap;
    font-family: TT Firs;
    font-style: normal;
    font-weight: 800;
    src: url(media/TTFirsTextTrial-XBd.woff2)
}

:root {
    --font-ttfirs: "TT Firs";
    font-size: 1rem;
    line-height: 1.5rem;
    --mobile-padding-bottom: 6px
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) and (hover: none) {
    :root {
        --mobile-padding-bottom: 6px
    }
}

@media only screen and (min-width: 768px) {
    :root {
        --mobile-padding-bottom: 0px
    }
}

* {
    &::-webkit-scrollbar {
        height: 6px;
        width: 6px
    }

    &::-webkit-scrollbar-corner {
        background: transparent
    }

    &::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 999px
    }

    &::-webkit-scrollbar-thumb {
        background: rgb(var(--control-neutral));
        border-radius: 999px
    }

    @supports (-moz-appearance:none) {
        scrollbar-color: rgb(var(--control-neutral)) transparent;
        scrollbar-width: thin
    }
}

body::-webkit-scrollbar {
    display: none
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    -webkit-background-clip: text;
    background-color: transparent !important;
    -webkit-text-fill-color: rgb(var(--content-primary)) !important
}

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

input[type=search]::-ms-clear, input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number], input[type=number]:focus, input[type=number]:hover {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

#roxchat_chat {
    bottom: var(--tg-safe-area-inset-bottom, 0) !important;
    top: calc(var(--tg-safe-area-inset-top, -50px) + 50px) !important
}

#tc-widget-root {
    div[data-tc-modal=true] {
        pointer-events: auto;
        z-index: 1001
    }
}

[title=reCAPTCHA] {
    background-color: transparent
}

.roxchat-root, iframe[src^="https://www.google.com/recaptcha/enterprise/bframe"] {
    pointer-events: auto
}

@keyframes pulstext {
    50% {
        transform: scale(1.2)
    }
}

@keyframes flareAnimation {
    0% {
        left: -150%
    }
    20% {
        left: 150%
    }
    to {
        left: 150%
    }
}

@keyframes flipClose {
    to {
        transform: rotateX(-90deg)
    }
}

@keyframes flipOpen {
    to {
        transform: rotateX(0deg)
    }
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(-2deg)
    }
    50% {
        transform: rotate(1deg) scale(1.01)
    }
    75% {
        transform: rotate(-2deg)
    }
    to {
        transform: rotate(0deg)
    }
}

@keyframes wheelAnimation {
    0% {
        transform: rotate(0deg)
    }
}

@keyframes wheelWave {
    0% {
        opacity: .9;
        transform: scale(.8)
    }
    to {
        opacity: 0;
        transform: scale(1.3)
    }
}

@keyframes wheelTitleOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-100px)
    }
}

@keyframes wheelOut {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(100px)
    }
}

@keyframes wheelPrizeIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes fall1 {
    0% {
        opacity: 1;
        transform: translateY(-150%) translateX(0) rotate(0deg)
    }
    80% {
        opacity: .8;
        transform: translateY(100vh) translateX(-30px) rotate(1turn)
    }
    to {
        opacity: .5;
        transform: translateY(120vh) translateX(-15px) rotate(1turn)
    }
}

@keyframes fall2 {
    0% {
        opacity: 1;
        transform: translateY(-150%) translateX(0) rotate(0deg)
    }
    80% {
        opacity: .8;
        transform: translateY(100vh) translateX(30px) rotate(-1turn)
    }
    to {
        opacity: .5;
        transform: translateY(120vh) translateX(30px) rotate(-240deg)
    }
}

@keyframes fall3 {
    0% {
        opacity: 1;
        transform: translateY(-140%) translateX(0) rotate(0deg)
    }
    80% {
        opacity: .8;
        transform: translateY(100vh) translateX(15px) rotate(1turn)
    }
    to {
        opacity: .5;
        transform: translateY(120vh) translateX(30px) rotate(480deg)
    }
}

.animate-fall1 {
    animation: fall1 24s ease-in infinite
}

.animate-fall2 {
    animation: fall2 45s ease-in infinite
}

.animate-fall3 {
    animation: fall3 35s ease-in infinite
}

.animate-fall4 {
    animation: fall1 20s ease-in infinite
}

.animate-fall5 {
    animation: fall2 24s ease-in infinite
}

.animate-fall6 {
    animation: fall3 28s ease-in infinite
}

@keyframes egg1 {
    0%, to {
        transform: translateY(0) translateX(0) rotate(0deg)
    }
    50% {
        transform: translateY(-15%) translateX(40px) rotate(120deg)
    }
}

@keyframes egg2 {
    0%, to {
        transform: translateY(0) translateX(0) rotate(0deg)
    }
    50% {
        transform: translateY(15%) translateX(-80px) rotate(-90deg)
    }
}

.animate-egg1 {
    animation: egg1 16s ease-in infinite
}

.animate-egg2 {
    animation: egg2 20s ease-in infinite
}

.hidde-scroll {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hidde-scroll::-webkit-scrollbar {
    display: none
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

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

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

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

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

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

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

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

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    bottom: 0;
    top: 0
}

.\!right-spacing-16 {
    right: 16px !important
}

.\!top-spacing-16 {
    top: 16px !important
}

.-bottom-2\.5 {
    bottom: -.625rem
}

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

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

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

.-bottom-spacing-20 {
    bottom: -20px
}

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

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

.-right-4 {
    right: -1rem
}

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

.-top-20 {
    top: -5rem
}

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

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

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

.-top-spacing-24 {
    top: -24px
}

.bottom-0 {
    bottom: 0
}

.bottom-1\/3 {
    bottom: 33.333333%
}

.bottom-14 {
    bottom: 3.5rem
}

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

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

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

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

.bottom-\[calc\(100dvh_-_var\(--tg-viewport-stable-height\2c _100dvh\)_\+_var\(--tg-safe-area-inset-bottom\2c _0px\)\)\] {
    bottom: calc(100dvh - var(--tg-viewport-stable-height, 100dvh) + var(--tg-safe-area-inset-bottom, 0px))
}

.bottom-\[calc\(var\(--tg-safe-area-inset-bottom\2c _0px\)_\+_var\(--mobile-padding-bottom\)_\+_73px\)\] {
    bottom: calc(var(--tg-safe-area-inset-bottom, 0px) + var(--mobile-padding-bottom) + 73px)
}

.bottom-spacing-16 {
    bottom: 16px
}

.bottom-spacing-48 {
    bottom: 48px
}

.left-0 {
    left: 0
}

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

.left-1\/4 {
    left: 25%
}

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

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

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

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

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

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

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

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

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

.left-spacing-16 {
    left: 16px
}

.left-spacing-20 {
    left: 20px
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

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

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

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

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

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

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

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

.right-spacing-16 {
    right: 16px
}

.right-spacing-20 {
    right: 20px
}

.right-spacing-4 {
    right: 4px
}

.right-spacing-8 {
    right: 8px
}

.top-0 {
    top: 0
}

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

.top-4 {
    top: 1rem
}

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

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

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

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

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

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

.top-\[25\.98\%\] {
    top: 25.98%
}

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

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

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

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

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

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

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

.top-\[7\.3\%\] {
    top: 7.3%
}

.top-\[calc\(55px_\+_var\(--tg-safe-area-inset-top\2c 0px\)\)\] {
    top: calc(55px + var(--tg-safe-area-inset-top, 0px))
}

.top-spacing-16 {
    top: 16px
}

.top-spacing-4 {
    top: 4px
}

.top-spacing-64 {
    top: 64px
}

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

.-z-20 {
    z-index: -20
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-100 {
    z-index: 100
}

.z-20 {
    z-index: 20
}

.z-200 {
    z-index: 200
}

.z-30 {
    z-index: 30
}

.z-300 {
    z-index: 300
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

.z-popover {
    z-index: 1000
}

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

.m-4 {
    margin: 1rem
}

.m-6 {
    margin: 1.5rem
}

.m-spacing-16 {
    margin: 16px
}

.m-spacing-8 {
    margin: 8px
}

.-mx-spacing-12 {
    margin-left: -12px;
    margin-right: -12px
}

.-mx-spacing-16 {
    margin-left: -16px;
    margin-right: -16px
}

.-my-spacing-4 {
    margin-bottom: -4px;
    margin-top: -4px
}

.mx-3\.5 {
    margin-left: .875rem;
    margin-right: .875rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mx-spacing-16 {
    margin-left: 16px;
    margin-right: 16px
}

.mx-spacing-4 {
    margin-left: 4px;
    margin-right: 4px
}

.mx-spacing-8 {
    margin-left: 8px;
    margin-right: 8px
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.my-spacing-12 {
    margin-bottom: 12px;
    margin-top: 12px
}

.my-spacing-16 {
    margin-bottom: 16px;
    margin-top: 16px
}

.my-spacing-24 {
    margin-bottom: 24px;
    margin-top: 24px
}

.my-spacing-32 {
    margin-bottom: 32px;
    margin-top: 32px
}

.-mb-20 {
    margin-bottom: -5rem
}

.-mr-spacing-16 {
    margin-right: -16px
}

.-mt-spacing-2 {
    margin-top: -2px
}

.-mt-spacing-20 {
    margin-top: -20px
}

.-mt-spacing-8 {
    margin-top: -8px
}

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

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

.mb-auto {
    margin-bottom: auto
}

.mb-margin-modal-desktop {
    margin-bottom: 64px
}

.mb-spacing-12 {
    margin-bottom: 12px
}

.mb-spacing-16 {
    margin-bottom: 16px
}

.mb-spacing-2 {
    margin-bottom: 2px
}

.mb-spacing-20 {
    margin-bottom: 20px
}

.mb-spacing-24 {
    margin-bottom: 24px
}

.mb-spacing-32 {
    margin-bottom: 32px
}

.mb-spacing-4 {
    margin-bottom: 4px
}

.mb-spacing-40 {
    margin-bottom: 40px
}

.mb-spacing-64 {
    margin-bottom: 64px
}

.mb-spacing-8 {
    margin-bottom: 8px
}

.ml-auto {
    margin-left: auto
}

.ml-spacing-12 {
    margin-left: 12px
}

.ml-spacing-16 {
    margin-left: 16px
}

.ml-spacing-4 {
    margin-left: 4px
}

.ml-spacing-8 {
    margin-left: 8px
}

.mr-auto {
    margin-right: auto
}

.mr-spacing-12 {
    margin-right: 12px
}

.mr-spacing-4 {
    margin-right: 4px
}

.mr-spacing-8 {
    margin-right: 8px
}

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

.mt-24 {
    margin-top: 6rem
}

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

.mt-auto {
    margin-top: auto
}

.mt-spacing-12 {
    margin-top: 12px
}

.mt-spacing-16 {
    margin-top: 16px
}

.mt-spacing-2 {
    margin-top: 2px
}

.mt-spacing-20 {
    margin-top: 20px
}

.mt-spacing-24 {
    margin-top: 24px
}

.mt-spacing-32 {
    margin-top: 32px
}

.mt-spacing-4 {
    margin-top: 4px
}

.mt-spacing-40 {
    margin-top: 40px
}

.mt-spacing-8 {
    margin-top: 8px
}

.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[1\.64\] {
    aspect-ratio: 1.64
}

.aspect-\[1\.78\] {
    aspect-ratio: 1.78
}

.aspect-\[1\] {
    aspect-ratio: 1
}

.aspect-\[3\/4\] {
    aspect-ratio: 3/4
}

.aspect-square {
    aspect-ratio: 1/1
}

.aspect-video {
    aspect-ratio: 16/9
}

.size-1\/2 {
    height: 50%;
    width: 50%
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-16 {
    height: 4rem;
    width: 4rem
}

.size-2\.5 {
    height: .625rem;
    width: .625rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-6 {
    height: 1.5rem;
    width: 1.5rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-9 {
    height: 2.25rem;
    width: 2.25rem
}

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

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

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

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

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

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

.size-\[28\%\] {
    height: 28%;
    width: 28%
}

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

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

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

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

.size-\[90\%\] {
    height: 90%;
    width: 90%
}

.size-fit {
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

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

.size-size-control-m {
    height: 36px;
    width: 36px
}

.size-size-control-s {
    height: 32px;
    width: 32px
}

.size-size-control-xl {
    height: 44px;
    width: 44px
}

.size-size-control-xxs {
    height: 24px;
    width: 24px
}

.size-spacing-48 {
    height: 48px;
    width: 48px
}

.size-spacing-64 {
    height: 64px;
    width: 64px
}

.h-1 {
    height: .25rem
}

.h-1\/2 {
    height: 50%
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-20 {
    height: 5rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[calc\(100dvh_-_32px\)\] {
    height: calc(100dvh - 32px)
}

.h-\[calc\(100dvh_-_60px\)\] {
    height: calc(100dvh - 60px)
}

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

.h-auto {
    height: auto
}

.h-dvh {
    height: 100dvh
}

.h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.h-size-control-l {
    height: 40px
}

.h-size-control-m {
    height: 36px
}

.h-size-control-s {
    height: 32px
}

.h-size-control-xl {
    height: 44px
}

.h-size-control-xs {
    height: 28px
}

.h-size-control-xxs {
    height: 24px
}

.h-spacing-2 {
    height: 2px
}

.h-spacing-4 {
    height: 4px
}

.h-spacing-48 {
    height: 48px
}

.h-spacing-64 {
    height: 64px
}

.h-spacing-8 {
    height: 8px
}

.h-svh {
    height: 100svh
}

.h-width-modal-desktop-m {
    height: 600px
}

.max-h-40 {
    max-height: 10rem
}

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

.max-h-\[188p\] {
    max-height: 188p
}

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

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

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

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

.max-h-\[calc\(var\(--tg-viewport-stable-height\2c _calc\(100dvh_\+_70px\)\)_-102px_-_var\(--tg-safe-area-inset-bottom\2c _0\)\)\] {
    max-height: calc(var(--tg-viewport-stable-height, calc(100dvh + 70px)) - 102px - var(--tg-safe-area-inset-bottom, 0))
}

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

.max-h-fit {
    max-height: -moz-fit-content;
    max-height: fit-content
}

.max-h-height-modal-desktop-max {
    max-height: 720px
}

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

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

.min-h-24 {
    min-height: 6rem
}

.min-h-9 {
    min-height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-\[calc\(100vh-96px-593px\)\] {
    min-height: calc(100vh - 689px)
}

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

.min-h-size-control-l {
    min-height: 40px
}

.min-h-size-control-m {
    min-height: 36px
}

.min-h-size-control-s {
    min-height: 32px
}

.min-h-size-control-xl {
    min-height: 44px
}

.min-h-spacing-64 {
    min-height: 64px
}

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

.min-h-width-tooltip-max {
    min-height: 300px
}

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

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-20 {
    width: 5rem
}

.w-36 {
    width: 9rem
}

.w-5 {
    width: 1.25rem
}

.w-8 {
    width: 2rem
}

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

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

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

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

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

.w-\[19\.57\%\] {
    width: 19.57%
}

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc_\+_24px\] {
    width: calc+24px
}

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

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.w-screen {
    width: 100vw
}

.w-size-control-l {
    width: 40px
}

.w-size-control-m {
    width: 36px
}

.w-size-control-s {
    width: 32px
}

.w-size-control-xl {
    width: 44px
}

.w-size-control-xxs {
    width: 24px
}

.w-spacing-12 {
    width: 12px
}

.w-spacing-32 {
    width: 32px
}

.w-spacing-64 {
    width: 64px
}

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

.min-w-9 {
    min-width: 2.25rem
}

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

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

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

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

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

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

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

.min-w-width-modal-desktop-m {
    min-width: 600px
}

.min-w-width-tooltip-max {
    min-width: 300px
}

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

.max-w-36 {
    max-width: 9rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-screen-desktop {
    max-width: 1440px
}

.max-w-screen-desktopXl {
    max-width: 1920px
}

.max-w-width-modal-desktop-m {
    max-width: 600px
}

.max-w-width-modal-desktop-s {
    max-width: 375px
}

.max-w-width-sidebar {
    max-width: 296px
}

.max-w-width-tooltip-max {
    max-width: 300px
}

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

.flex-auto {
    flex: 1 1 auto
}

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

.shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-grow, .grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.grow-\[150\] {
    flex-grow: 150
}

.basis-1\/2 {
    flex-basis: 50%
}

.basis-1\/3 {
    flex-basis: 33.333333%
}

.basis-1\/4 {
    flex-basis: 25%
}

.basis-\[22\%\] {
    flex-basis: 22%
}

.basis-\[32\%\] {
    flex-basis: 32%
}

.basis-\[448px\] {
    flex-basis: 448px
}

.basis-\[calc\(50\%_-_6px\)\] {
    flex-basis: calc(50% - 6px)
}

.basis-auto {
    flex-basis: auto
}

.basis-full {
    flex-basis: 100%
}

.border-separate {
    border-collapse: separate
}

.origin-bottom {
    transform-origin: bottom
}

.origin-left {
    transform-origin: left
}

.origin-top-right {
    transform-origin: top right
}

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

.-translate-x-1\/2, .-translate-x-\[5\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-translate-x-\[50\%\], .-translate-x-\[58\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

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

.-translate-x-\[60\%\], .-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.-translate-y-1\/4 {
    --tw-translate-y: -25%
}

.-translate-y-1\/4, .-translate-y-spacing-12 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-spacing-12 {
    --tw-translate-y: -12px
}

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

.translate-x-\[-50\%\], .translate-x-px {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-px {
    --tw-translate-x: 1px
}

.translate-y-10 {
    --tw-translate-y: 2.5rem
}

.translate-y-10, .translate-y-\[-15px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-\[-15px\] {
    --tw-translate-y: -15px
}

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

.-rotate-180, .translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-180 {
    --tw-rotate: -180deg
}

.-rotate-2 {
    --tw-rotate: -2deg
}

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

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

.-rotate-\[1\.942deg\] {
    --tw-rotate: -1.942deg
}

.-rotate-\[1\.942deg\], .rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-2 {
    --tw-rotate: 2deg
}

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

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

.rotate-\[22deg\] {
    --tw-rotate: 22deg
}

.rotate-\[22deg\], .rotate-\[4deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[4deg\] {
    --tw-rotate: 4deg
}

.-skew-x-12 {
    --tw-skew-x: -12deg
}

.-skew-x-12, .scale-\[1\.2\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2
}

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

.animate-\[flareAnimation_4s_linear_infinite_alternate-reverse\] {
    animation: flareAnimation 4s linear infinite alternate-reverse
}

.animate-\[flareAnimation_6s_linear_infinite\] {
    animation: flareAnimation 6s linear infinite
}

.animate-\[pulstext_1s_ease-in-out\] {
    animation: pulstext 1s ease-in-out
}

.animate-\[wheelOut_1s_ease\] {
    animation: wheelOut 1s ease
}

.animate-\[wheelPrizeIn_1s_ease\] {
    animation: wheelPrizeIn 1s ease
}

.animate-\[wheelTitleOut_1s_ease\] {
    animation: wheelTitleOut 1s ease
}

.animate-\[wheelWave_1s_ease-out\] {
    animation: wheelWave 1s ease-out
}

@keyframes bounce {
    0%, to {
        animation-timing-function: cubic-bezier(.8, 0, 1, 1);
        transform: translateY(-25%)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: none
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes caret-blink {
    0%, 70%, to {
        opacity: 1
    }
    20%, 50% {
        opacity: 0
    }
}

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

.animate-preload {
    animation: spin 2.5s linear infinite
}

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

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

.animate-pulse-slow {
    animation: pulse 3s infinite
}

@keyframes shimmer {
    0% {
        background-position: 100%
    }
    to {
        background-position: -100%
    }
}

.animate-shimmer {
    animation: shimmer 1.5s linear infinite
}

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

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

.cursor-pointer {
    cursor: pointer
}

.touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

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

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

.grid-flow-col {
    grid-auto-flow: column
}

.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-\[repeat\(auto-fit\2c minmax\(154px\2c 1fr\)\)\] {
    grid-template-columns:repeat(auto-fit, minmax(154px, 1fr))
}

.grid-cols-\[repeat\(auto-fit\2c minmax\(254px\2c 1fr\)\)\] {
    grid-template-columns:repeat(auto-fit, minmax(254px, 1fr))
}

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

.justify-items-start {
    justify-items: start
}

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

.gap-3 {
    gap: .75rem
}

.gap-32 {
    gap: 8rem
}

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

.gap-gap-modal-form {
    gap: 16px
}

.gap-gap-stack-modal-form, .gap-spacing-12 {
    gap: 12px
}

.gap-spacing-16 {
    gap: 16px
}

.gap-spacing-2 {
    gap: 2px
}

.gap-spacing-20 {
    gap: 20px
}

.gap-spacing-24 {
    gap: 24px
}

.gap-spacing-32 {
    gap: 32px
}

.gap-spacing-4 {
    gap: 4px
}

.gap-spacing-40 {
    gap: 40px
}

.gap-spacing-8 {
    gap: 8px
}

.gap-x-gap-stack-modal-form {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.gap-x-spacing-4 {
    -moz-column-gap: 4px;
    column-gap: 4px
}

.gap-x-spacing-8 {
    -moz-column-gap: 8px;
    column-gap: 8px
}

.gap-y-spacing-12 {
    row-gap: 12px
}

.gap-y-spacing-16 {
    row-gap: 16px
}

.gap-y-spacing-24 {
    row-gap: 24px
}

.gap-y-spacing-32 {
    row-gap: 32px
}

.space-x-spacing-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(8px * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(8px * var(--tw-space-x-reverse))
}

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

.space-y-spacing-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(8px * var(--tw-space-y-reverse));
    margin-top: calc(8px * (1 - var(--tw-space-y-reverse)))
}

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

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

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

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

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

.overflow-y-scroll {
    overflow-y: scroll
}

.overscroll-contain {
    overscroll-behavior: contain
}

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

.whitespace-normal {
    white-space: normal
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-wrap {
    white-space: pre-wrap
}

.text-wrap {
    text-wrap: wrap
}

.break-words {
    overflow-wrap: break-word
}

.rounded {
    border-radius: .25rem
}

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

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

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

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

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

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

.rounded-avatar, .rounded-badge {
    border-radius: 999px
}

.rounded-checkbox {
    border-radius: 8px
}

.rounded-chipstab {
    border-radius: 999px
}

.rounded-container-l {
    border-radius: 20px
}

.rounded-container-m {
    border-radius: 16px
}

.rounded-container-s {
    border-radius: 12px
}

.rounded-container-xl {
    border-radius: 24px
}

.rounded-container-xs {
    border-radius: 8px
}

.rounded-container-xxl {
    border-radius: 32px
}

.rounded-container-xxs {
    border-radius: 4px
}

.rounded-control-l, .rounded-control-m {
    border-radius: 10px
}

.rounded-control-s {
    border-radius: 8px
}

.rounded-control-xl {
    border-radius: 12px
}

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

.rounded-modal {
    border-radius: 24px
}

.rounded-radio, .rounded-switch {
    border-radius: 999px
}

.rounded-tag {
    border-radius: 6px
}

.rounded-tooltip {
    border-radius: 10px
}

.rounded-xl {
    border-radius: .75rem
}

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

.rounded-b-container-m {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

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

.rounded-t-container-m {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.rounded-t-container-xs {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.rounded-t-container-xxl {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-2 {
    border-top-width: 2px
}

.border-none {
    border-style: none
}

.border-\[\#00b8ff\] {
    --tw-border-opacity: 1;
    border-color: rgb(0 184 255/var(--tw-border-opacity, 1))
}

.border-\[\#83D900\] {
    --tw-border-opacity: 1;
    border-color: rgb(131 217 0/var(--tw-border-opacity, 1))
}

.border-\[\#B1DC38\] {
    --tw-border-opacity: 1;
    border-color: rgb(177 220 56/var(--tw-border-opacity, 1))
}

.border-\[rgba\(255\2c 164\2c 89\2c 1\)\] {
    border-color: #ffa459
}

.border-\[rgba\(255\2c 195\2c 0\2c 0\.16\)\] {
    border-color: rgba(255, 195, 0, .16)
}

.border-\[rgba\(85\2c 0\2c 255\2c 0\.16\)\] {
    border-color: rgba(85, 0, 255, .16)
}

.border-bg-elevated {
    border-color: rgb(var(--bg-elevated))
}

.border-border-container {
    border-color: rgb(var(--border-container))
}

.border-border-divider {
    border-color: rgb(var(--border-divider))
}

.border-border-focus {
    border-color: rgb(var(--border-focus))
}

.border-border-inverted {
    border-color: rgb(var(--border-inverted))
}

.border-border-negative {
    border-color: rgb(var(--border-negative))
}

.border-btn-content-accent {
    border-color: rgb(var(--btn-content-accent))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(46 49 53/var(--tw-border-opacity, 1))
}

.border-neutral-alpha-12 {
    border-color: hsla(210, 8%, 69%, .12)
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
}

.border-t-border-divider {
    border-top-color: rgb(var(--border-divider))
}

.\!bg-\[\#FF2301\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 35 1/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#003A58\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 58 88/var(--tw-bg-opacity, 1))
}

.bg-\[\#0098EA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 152 234/var(--tw-bg-opacity, 1))
}

.bg-\[\#021717\] {
    --tw-bg-opacity: 1;
    background-color: rgb(2 23 23/var(--tw-bg-opacity, 1))
}

.bg-\[\#0B0C0D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 12 13/var(--tw-bg-opacity, 1))
}

.bg-\[\#141415\] {
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 21/var(--tw-bg-opacity, 1))
}

.bg-\[\#1A1B1E\] {
    --tw-bg-opacity: 1;
    background-color: rgb(26 27 30/var(--tw-bg-opacity, 1))
}

.bg-\[\#2f3125\] {
    --tw-bg-opacity: 1;
    background-color: rgb(47 49 37/var(--tw-bg-opacity, 1))
}

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

.bg-\[\#AD3919\] {
    --tw-bg-opacity: 1;
    background-color: rgb(173 57 25/var(--tw-bg-opacity, 1))
}

.bg-\[\#D09500\] {
    --tw-bg-opacity: 1;
    background-color: rgb(208 149 0/var(--tw-bg-opacity, 1))
}

.bg-\[none\] {
    background-color: none
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.32\)\] {
    background-color: rgba(0, 0, 0, .32)
}

.bg-\[rgba\(131\2c 217\2c 0\2c 0\.12\)\] {
    background-color: rgba(131, 217, 0, .12)
}

.bg-\[rgba\(169\2c 175\2c 181\2c 0\.12\)\] {
    background-color: hsla(210, 8%, 69%, .12)
}

.bg-\[rgba\(170\2c 170\2c 170\2c 0\.1\)\] {
    background-color: hsla(0, 0%, 67%, .1)
}

.bg-\[rgba\(187\2c 235\2c 0\2c 0\.1\)\] {
    background-color: rgba(187, 235, 0, .1)
}

.bg-\[rgba\(255\2c 242\2c 125\2c 1\)\] {
    background-color: #fff27d
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.04\)\] {
    background-color: hsla(0, 0%, 100%, .04)
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\] {
    background-color: hsla(0, 0%, 100%, .08)
}

.bg-\[rgba\(255\2c 38\2c 107\2c 0\.12\)\] {
    background-color: rgba(255, 38, 107, .12)
}

.bg-bg-accent {
    background-color: rgb(var(--bg-accent))
}

.bg-bg-elevated {
    background-color: rgb(var(--bg-elevated))
}

.bg-bg-informative {
    background-color: rgb(var(--bg-informative))
}

.bg-bg-informative-subtle {
    background-color: rgb(var(--bg-informative-subtle))
}

.bg-bg-inverted {
    background-color: rgb(var(--bg-inverted))
}

.bg-bg-negative {
    background-color: rgb(var(--bg-negative))
}

.bg-bg-negative-subtle {
    background-color: rgb(var(--bg-negative-subtle))
}

.bg-bg-positive {
    background-color: rgb(var(--bg-positive))
}

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

.bg-bg-scrim {
    background-color: rgb(var(--bg-scrim))
}

.bg-bg-secondary {
    background-color: rgb(var(--bg-secondary))
}

.bg-bg-static-black {
    background-color: rgb(var(--bg-static-black))
}

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

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

.bg-bg-tertiary {
    background-color: rgb(var(--bg-tertiary))
}

.bg-bg-vip-badge {
    background-color: rgb(var(--bg-vip-badge))
}

.bg-bg-warning {
    background-color: rgb(var(--bg-warning))
}

.bg-bg-warning-subtle {
    background-color: rgb(var(--bg-warning-subtle))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity, 1))
}

.bg-border-divider {
    background-color: rgb(var(--border-divider))
}

.bg-btn-negative {
    background-color: rgb(var(--btn-negative))
}

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

.bg-btn-static-primary {
    background-color: rgb(var(--btn-static-primary))
}

.bg-btn-static-secondary {
    background-color: rgb(var(--btn-static-secondary))
}

.bg-content-negative {
    background-color: rgb(var(--content-negative))
}

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

.bg-control-neutral {
    background-color: rgb(var(--control-neutral))
}

.bg-neutral-alpha-12 {
    background-color: hsla(210, 8%, 69%, .12)
}

.bg-tab-base-accent {
    background-color: rgb(var(--tab-base-accent))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white-alpha-16 {
    background-color: hsla(0, 0%, 100%, .16)
}

.\!bg-\[linear-gradient\(45deg\2c _\#0060E8_3\.64\%\2c _\#388DFF_98\.23\%\)\] {
    background-image: linear-gradient(45deg, #0060e8 3.64%, #388dff 98.23%) !important
}

.\!bg-\[url\(\'\/images\/cashback-widget\/unavailable-sm\.png\'\)\] {
    background-image: url(images/cashback-widget/unavailable-sm.png) !important
}

.bg-\[linear-gradient\(180deg\2c \#F4F3F7_0\%\2c \#FFF_49\.5\%\2c \#B4BDC6_98\%\)\] {
    background-image: linear-gradient(180deg, #f4f3f7, #fff 49.5%, #b4bdc6 98%)
}

.bg-\[linear-gradient\(180deg\2c rgba\(9\2c 36\2c 79\2c 0\)_0\%\2c \#0E0F37_86\.61\%\)\] {
    background-image: linear-gradient(180deg, rgba(9, 36, 79, 0), #0e0f37 86.61%)
}

.bg-\[linear-gradient\(226deg\2c _\#F21D8F_0\%\2c _\#B60061_101\.22\%\)\] {
    background-image: linear-gradient(226deg, #f21d8f, #b60061 101.22%)
}

.bg-\[linear-gradient\(226deg\2c _\#F3198D_0\%\2c _\#A60058_101\.22\%\)\] {
    background-image: linear-gradient(226deg, #f3198d, #a60058 101.22%)
}

.bg-\[linear-gradient\(45deg\2c \#004FBF_3\.64\%\2c \#237EFF_98\.23\%\)\] {
    background-image: linear-gradient(45deg, #004fbf 3.64%, #237eff 98.23%)
}

.bg-\[linear-gradient\(45deg\2c _\#0060E8_3\.64\%\2c _\#388DFF_98\.23\%\)\] {
    background-image: linear-gradient(45deg, #0060e8 3.64%, #388dff 98.23%)
}

.bg-\[linear-gradient\(81deg\2c _\#5D41FF_0\%\2c _\#0B0C0D_100\%\)\] {
    background-image: linear-gradient(81deg, #5d41ff, #0b0c0d)
}

.bg-\[linear-gradient\(81deg\2c _\#C86E00_0\%\2c _\#0B0C0D_100\%\)\] {
    background-image: linear-gradient(81deg, #c86e00, #0b0c0d)
}

.bg-\[linear-gradient\(90deg\2c rgba\(255\2c 255\2c 255\2c 0\)\2c rgba\(255\2c 255\2c 255\2c 0\.4\)\)\] {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4))
}

.bg-\[linear-gradient\(to_bottom\2c rgba\(255\2c 255\2c 255\2c 0\.2\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.05\)_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.2\)_50\%\2c rgba\(255\2c 255\2c 255\2c 0\.01\)_100\%\)\] {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .01))
}

.bg-\[linear-gradient\(to_right\2c \#04CDA4\2c \#044138\)\] {
    background-image: linear-gradient(90deg, #04cda4, #044138)
}

.bg-\[radial-gradient\(221\.98\%_55\.96\%_at_50\%_44\.04\%\2c \#3C0074_0\%\2c \#001225_100\%\)\] {
    background-image: radial-gradient(221.98% 55.96% at 50% 44.04%, #3c0074 0, #001225 100%)
}

.bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\2c _rgba\(var\(--bg-negative\)\)_0\%\2c _rgba\(var\(--bg-negative\)_\/_0\)_100\%\)\] {
    background-image: radial-gradient(50% 50% at 50% 50%, rgba(var(--bg-negative)) 0, rgba(var(--bg-negative)/0) 100%)
}

.bg-\[url\(\'\/images\/bonuses\/promo\/promo-bg-mobile\.png\'\)\] {
    background-image: url( images/bonuses/promo/promo-bg-mobile.png)
}

.bg-\[url\(\'\/images\/cashback-widget\/available-sm\.png\'\)\] {
    background-image: url( images/cashback-widget/available-sm.png)
}

.bg-\[url\(\'\/images\/cashback-widget\/unavailable-sm\.png\'\)\] {
    background-image: url( images/cashback-widget/unavailable-sm.png)
}

.bg-\[url\(\'\/images\/tournaments\/golden-ticket-tab\.png\'\)\] {
    background-image: url( images/tournaments/golden-ticket-tab.png)
}

.bg-\[url\(\'\/images\/wheel-of-luck\/bg\.png\'\)\] {
    background-image: url( images/wheel-of-luck/bg.png)
}

.bg-\[url\(\'\/images\/wheel-of-luck\/wheel\.png\'\)\] {
    background-image: url( images/wheel-of-luck/wheel.png)
}

.bg-\[url\(\/images\/cashier-banners\/first-deposit\.png\)\] {
    background-image: url( images/cashier-banners/first-deposit.png)
}

.bg-\[url\(\/images\/cashier-banners\/how-to-deposit\.png\)\] {
    background-image: url( images/cashier-banners/how-to-deposit.png)
}

.bg-\[url\(\/images\/cashier-banners\/ton-connect\.png\)\] {
    background-image: url( images/cashier-banners/ton-connect.png)
}

.bg-\[url\(\/images\/landing\/bg-bonus\.jpg\)\] {
    background-image: url( images/landing/bg-bonus.jpg)
}

.bg-\[url\(\/images\/landing\/bg-pinco\.jpg\)\] {
    background-image: url( images/landing/bg-pinco.jpg)
}

.bg-\[url\(\/images\/landing\/bg-vip\.jpg\)\] {
    background-image: url( images/landing/bg-vip.jpg)
}

.bg-\[url\(\/images\/landing\/bonus-gifts\.png\)\] {
    background-image: url( images/landing/bonus-gifts.png)
}

.bg-\[url\(\/images\/landing\/girl-bonuses\.png\)\] {
    background-image: url( images/landing/girl-bonuses.png)
}

.bg-\[url\(\/images\/landing\/girl-vip\.png\)\] {
    background-image: url( images/landing/girl-vip.png)
}

.bg-\[url\(\/images\/landing\/goldenTicket\/bgTicket\.jpg\)\] {
    background-image: url( images/landing/goldenTicket/bgTicket.jpg)
}

.bg-\[url\(\/images\/landing\/goldenTicket\/girlTicket\.png\)\] {
    background-image: url( images/landing/goldenTicket/girlTicket.png)
}

.bg-\[url\(\/images\/wheel-of-luck\/bonus-desktop\.jpg\)\] {
    background-image: url( images/wheel-of-luck/bonus-desktop.jpg)
}

.bg-\[url\(\/images\/wheel-of-luck\/bonus-mobile\.jpg\)\] {
    background-image: url( images/wheel-of-luck/bonus-mobile.jpg)
}

.bg-\[url\(\/images\/wheel-of-luck\/preland-wheel-bg\.jpg\)\] {
    background-image: url( images/wheel-of-luck/preland-wheel-bg.jpg)
}

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

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

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

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

.from-\[\#f4f5f6\], .from-\[rgba\(244\2c 245\2c 246\2c 1\)\] {
    --tw-gradient-from: #f4f5f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(244, 245, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-bg-elevated {
    --tw-gradient-from: rgb(var(--bg-elevated)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--bg-elevated)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-bg-primary {
    --tw-gradient-from: rgb(var(--bg-primary)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--bg-primary)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-bg-secondary {
    --tw-gradient-from: rgb(var(--bg-secondary)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--bg-secondary)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-content-inverted {
    --tw-gradient-from: rgb(var(--content-inverted)) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--content-inverted)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-25\% {
    --tw-gradient-from-position: 25%
}

.via-bg-tertiary {
    --tw-gradient-to: rgb(var(--bg-tertiary)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--bg-tertiary)) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

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

.to-\[\#08baff\] {
    --tw-gradient-to: #08baff var(--tw-gradient-to-position)
}

.to-\[\#83D900\] {
    --tw-gradient-to: #83d900 var(--tw-gradient-to-position)
}

.to-\[\#B1DC38\] {
    --tw-gradient-to: #b1dc38 var(--tw-gradient-to-position)
}

.to-\[rgba\(8\2c 186\2c 255\2c 1\)\] {
    --tw-gradient-to: #08baff var(--tw-gradient-to-position)
}

.to-bg-primary {
    --tw-gradient-to: rgb(var(--bg-primary)) var(--tw-gradient-to-position)
}

.to-bg-secondary {
    --tw-gradient-to: rgb(var(--bg-secondary)) var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-white\/0 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position)
}

.to-75\% {
    --tw-gradient-to-position: 75%
}

.to-80\% {
    --tw-gradient-to-position: 80%
}

.bg-\[length\:200\%_100\%\] {
    background-size: 200% 100%
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

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

.bg-\[58\%_center\] {
    background-position: 58%
}

.bg-bottom {
    background-position: bottom
}

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

.bg-left-bottom {
    background-position: 0 100%
}

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

.bg-top {
    background-position: top
}

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

.bg-origin-border {
    background-origin: border-box
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.\!p-0 {
    padding: 0 !important
}

.\!p-spacing-24 {
    padding: 24px !important
}

.p-0\.5 {
    padding: .125rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-\[22px\] {
    padding: 22px
}

.p-\[5\.39\%\] {
    padding: 5.39%
}

.p-padding-container-mobile {
    padding: 16px
}

.p-px {
    padding: 1px
}

.p-spacing-12 {
    padding: 12px
}

.p-spacing-16 {
    padding: 16px
}

.p-spacing-2 {
    padding: 2px
}

.p-spacing-20 {
    padding: 20px
}

.p-spacing-24 {
    padding: 24px
}

.p-spacing-4 {
    padding: 4px
}

.p-spacing-8 {
    padding: 8px
}

.\!px-0, .\!px-\[0\] {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-\[5px\] {
    padding-left: 5px;
    padding-right: 5px
}

.px-padding-container-mobile, .px-padding-modal-mobile {
    padding-left: 16px;
    padding-right: 16px
}

.px-spacing-12 {
    padding-left: 12px;
    padding-right: 12px
}

.px-spacing-16 {
    padding-left: 16px;
    padding-right: 16px
}

.px-spacing-2 {
    padding-left: 2px;
    padding-right: 2px
}

.px-spacing-20 {
    padding-left: 20px;
    padding-right: 20px
}

.px-spacing-24 {
    padding-left: 24px;
    padding-right: 24px
}

.px-spacing-32 {
    padding-left: 32px;
    padding-right: 32px
}

.px-spacing-4 {
    padding-left: 4px;
    padding-right: 4px
}

.px-spacing-8 {
    padding-left: 8px;
    padding-right: 8px
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

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

.py-11 {
    padding-bottom: 2.75rem;
    padding-top: 2.75rem
}

.py-\[10px\] {
    padding-bottom: 10px;
    padding-top: 10px
}

.py-spacing-12 {
    padding-bottom: 12px;
    padding-top: 12px
}

.py-spacing-16 {
    padding-bottom: 16px;
    padding-top: 16px
}

.py-spacing-2 {
    padding-bottom: 2px;
    padding-top: 2px
}

.py-spacing-20 {
    padding-bottom: 20px;
    padding-top: 20px
}

.py-spacing-24 {
    padding-bottom: 24px;
    padding-top: 24px
}

.py-spacing-32 {
    padding-bottom: 32px;
    padding-top: 32px
}

.py-spacing-4 {
    padding-bottom: 4px;
    padding-top: 4px
}

.py-spacing-40 {
    padding-bottom: 40px;
    padding-top: 40px
}

.py-spacing-8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.\!pt-\[calc\(var\(--tg-safe-area-inset-top\2c _-50px\)_\+_66px\)\] {
    padding-top: calc(var(--tg-safe-area-inset-top, -50px) + 66px) !important
}

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

.pb-\[var\(--tg-safe-area-inset-botom\2c _0px\)\] {
    padding-bottom: var(--tg-safe-area-inset-botom, 0)
}

.pb-padding-modal-desktop {
    padding-bottom: 24px
}

.pb-padding-modal-mobile {
    padding-bottom: 16px
}

.pb-spacing-12 {
    padding-bottom: 12px
}

.pb-spacing-16 {
    padding-bottom: 16px
}

.pb-spacing-24 {
    padding-bottom: 24px
}

.pb-spacing-32 {
    padding-bottom: 32px
}

.pb-spacing-8 {
    padding-bottom: 8px
}

.pl-2 {
    padding-left: .5rem
}

.pl-\[36px\] {
    padding-left: 36px
}

.pl-spacing-12 {
    padding-left: 12px
}

.pl-spacing-16 {
    padding-left: 16px
}

.pl-spacing-20 {
    padding-left: 20px
}

.pl-spacing-24 {
    padding-left: 24px
}

.pl-spacing-4 {
    padding-left: 4px
}

.pl-spacing-64 {
    padding-left: 64px
}

.pl-spacing-8 {
    padding-left: 8px
}

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

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

.pr-\[7\.5\%\] {
    padding-right: 7.5%
}

.pr-spacing-12 {
    padding-right: 12px
}

.pr-spacing-16 {
    padding-right: 16px
}

.pr-spacing-24 {
    padding-right: 24px
}

.pr-spacing-32 {
    padding-right: 32px
}

.pr-spacing-40 {
    padding-right: 40px
}

.pr-spacing-48 {
    padding-right: 48px
}

.pr-spacing-8 {
    padding-right: 8px
}

.pt-0 {
    padding-top: 0
}

.pt-20 {
    padding-top: 5rem
}

.pt-4 {
    padding-top: 1rem
}

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

.pt-\[calc\(var\(--tg-safe-area-inset-top\2c _-34px\)_\+_50px\)\] {
    padding-top: calc(var(--tg-safe-area-inset-top, -34px) + 50px)
}

.pt-\[calc\(var\(--tg-safe-area-inset-top\2c _-50px\)_\+_40px\)\] {
    padding-top: calc(var(--tg-safe-area-inset-top, -50px) + 40px)
}

.pt-\[calc\(var\(--tg-safe-area-inset-top\2c _-50px\)_\+_62px\)\] {
    padding-top: calc(var(--tg-safe-area-inset-top, -50px) + 62px)
}

.pt-spacing-12 {
    padding-top: 12px
}

.pt-spacing-16 {
    padding-top: 16px
}

.pt-spacing-2 {
    padding-top: 2px
}

.pt-spacing-20 {
    padding-top: 20px
}

.pt-spacing-24 {
    padding-top: 24px
}

.pt-spacing-4 {
    padding-top: 4px
}

.pt-spacing-40 {
    padding-top: 40px
}

.pt-spacing-48 {
    padding-top: 48px
}

.pt-spacing-8 {
    padding-top: 8px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.font-ttfirs {
    font-family: var(--font-ttfirs)
}

.font-unbounded {
    font-family: var(--font-unbounded)
}

.\!text-\[16px\] {
    font-size: 16px !important
}

.\!text-\[18px\] {
    font-size: 18px !important
}

.\!text-\[28px\] {
    font-size: 28px !important
}

.\!text-\[32px\] {
    font-size: 32px !important
}

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

.text-\[14px\] {
    font-size: 14px
}

.text-\[16px\] {
    font-size: 16px
}

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

.text-\[20px\] {
    font-size: 20px
}

.text-\[22px\] {
    font-size: 22px
}

.text-\[23px\] {
    font-size: 23px
}

.text-\[24px\] {
    font-size: 24px
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[32px\] {
    font-size: 32px
}

.text-\[38px\] {
    font-size: 38px
}

.text-\[48px\] {
    font-size: 48px
}

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

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.\!leading-\[1\.1\] {
    line-height: 1.1 !important
}

.\!leading-\[24px\] {
    line-height: 24px !important
}

.\!leading-\[32px\] {
    line-height: 32px !important
}

.\!leading-normal {
    line-height: 1.5 !important
}

.leading-4 {
    line-height: 1rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[22px\] {
    line-height: 22px
}

.leading-\[28px\] {
    line-height: 28px
}

.leading-\[32px\] {
    line-height: 32px
}

.leading-\[52px\] {
    line-height: 52px
}

.tracking-\[-0\.04px\] {
    letter-spacing: -.04px
}

.tracking-\[-0\.12px\] {
    letter-spacing: -.12px
}

.tracking-\[-0\.4px\] {
    letter-spacing: -.4px
}

.tracking-\[-0\.52px\] {
    letter-spacing: -.52px
}

.tracking-\[-0\.64px\] {
    letter-spacing: -.64px
}

.tracking-\[-0\.76px\] {
    letter-spacing: -.76px
}

.tracking-\[-1\.16px\] {
    letter-spacing: -1.16px
}

.tracking-\[-1\.24px\] {
    letter-spacing: -1.24px
}

.tracking-\[-1\.84px\] {
    letter-spacing: -1.84px
}

.tracking-\[-2\.24px\] {
    letter-spacing: -2.24px
}

.tracking-\[-2\.3px\] {
    letter-spacing: -2.3px
}

.tracking-\[-3\.56px\] {
    letter-spacing: -3.56px
}

.tracking-normal {
    letter-spacing: 0
}

.text-\[\#BBEB00\] {
    --tw-text-opacity: 1;
    color: rgb(187 235 0/var(--tw-text-opacity, 1))
}

.text-\[\#CAFE5A\] {
    --tw-text-opacity: 1;
    color: rgb(202 254 90/var(--tw-text-opacity, 1))
}

.text-\[\#EBEBEC\] {
    --tw-text-opacity: 1;
    color: rgb(235 235 236/var(--tw-text-opacity, 1))
}

.text-\[\#F4F5F6\] {
    --tw-text-opacity: 1;
    color: rgb(244 245 246/var(--tw-text-opacity, 1))
}

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

.text-\[\#f4f5f6\] {
    --tw-text-opacity: 1;
    color: rgb(244 245 246/var(--tw-text-opacity, 1))
}

.text-\[rgba\(255\2c 255\2c 255\2c 0\.48\)\] {
    color: hsla(0, 0%, 100%, .48)
}

.text-bg-accent {
    color: rgb(var(--bg-accent))
}

.text-btn-content-accent {
    color: rgb(var(--btn-content-accent))
}

.text-btn-content-accent-hover {
    color: rgb(var(--btn-content-accent-hover))
}

.text-btn-content-negative {
    color: rgb(var(--btn-content-negative))
}

.text-btn-content-primary {
    color: rgb(var(--btn-content-primary))
}

.text-btn-content-secondary {
    color: rgb(var(--btn-content-secondary))
}

.text-btn-content-static-white-primary {
    color: rgb(var(--btn-content-static-white-primary))
}

.text-btn-content-static-white-secondary {
    color: rgb(var(--btn-content-static-white-secondary))
}

.text-content-informative {
    color: rgb(var(--content-informative))
}

.text-content-inverted {
    color: rgb(var(--content-inverted))
}

.text-content-negative {
    color: rgb(var(--content-negative))
}

.text-content-on-accent {
    color: rgb(var(--content-on-accent))
}

.text-content-positive {
    color: rgb(var(--content-positive))
}

.text-content-primary {
    color: rgb(var(--content-primary))
}

.text-content-secondary {
    color: rgb(var(--content-secondary))
}

.text-content-static-black {
    color: rgb(var(--content-static-black))
}

.text-content-static-white-primary {
    color: rgb(var(--content-static-white-primary))
}

.text-content-static-white-secondary {
    color: rgb(var(--content-static-white-secondary))
}

.text-content-static-white-tertiary {
    color: rgb(var(--content-static-white-tertiary))
}

.text-content-tertiary {
    color: rgb(var(--content-tertiary))
}

.text-content-warning {
    color: rgb(var(--content-warning))
}

.text-current {
    color: currentColor
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(83 89 95/var(--tw-text-opacity, 1))
}

.text-neutral-50 {
    --tw-text-opacity: 1;
    color: rgb(244 245 246/var(--tw-text-opacity, 1))
}

.text-neutral-900 {
    --tw-text-opacity: 1;
    color: rgb(11 12 13/var(--tw-text-opacity, 1))
}

.text-transparent {
    color: transparent
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-15 {
    opacity: .15
}

.opacity-40 {
    opacity: .4
}

.opacity-5 {
    opacity: .05
}

.opacity-50 {
    opacity: .5
}

.opacity-\[0\.32\] {
    opacity: .32
}

.opacity-\[1\] {
    opacity: 1
}

.opacity-opacity-item-active {
    opacity: .86
}

.opacity-opacity-item-disabled {
    opacity: .5
}

.mix-blend-overlay {
    mix-blend-mode: overlay
}

.mix-blend-color {
    mix-blend-mode: color
}

.shadow-\[0px_8px_12px_4px_rgba\(0\2c 0\2c 0\2c 0\.12\)\], .shadow-tooltip {
    --tw-shadow: 0px 8px 12px 4px rgba(0, 0, 0, .12);
    --tw-shadow-colored: 0px 8px 12px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.outline {
    outline-style: solid
}

.outline-0 {
    outline-width: 0
}

.outline-2 {
    outline-width: 2px
}

.outline-3 {
    outline-width: 3px
}

.outline-offset-2 {
    outline-offset: 2px
}

.outline-btn-content-accent\/opacity-item-inactive {
    outline-color: rgb(var(--btn-content-accent)/.32)
}

.outline-transparent {
    outline-color: transparent
}

.blur {
    --tw-blur: blur(8px)
}

.blur, .blur-\[100px\] {
    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-\[100px\] {
    --tw-blur: blur(100px)
}

.blur-\[5\.1px\] {
    --tw-blur: blur(5.1px)
}

.blur-\[5\.1px\], .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur, .backdrop-blur-\[20px\] {
    -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-\[20px\] {
    --tw-backdrop-blur: blur(20px)
}

.backdrop-blur-\[6\.45px\] {
    --tw-backdrop-blur: blur(6.45px)
}

.backdrop-blur-\[6\.45px\], .backdrop-blur-md {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

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

.transition-\[left\2c right\2c width\] {
    transition-duration: .15s;
    transition-property: left, right, width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[padding\] {
    transition-duration: .15s;
    transition-property: padding;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[width\] {
    transition-duration: .15s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

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

.delay-300 {
    transition-delay: .3s
}

.duration-0 {
    transition-duration: 0s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    transition-timing-function: linear
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.animate-in {
    animation-duration: .15s;
    animation-name: enter;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.fade-in-0 {
    --tw-enter-opacity: 0
}

.zoom-in-95 {
    --tw-enter-scale: .95
}

.duration-0 {
    animation-duration: 0s
}

.duration-1000 {
    animation-duration: 1s
}

.duration-200 {
    animation-duration: .2s
}

.duration-300 {
    animation-duration: .3s
}

.duration-500 {
    animation-duration: .5s
}

.delay-300 {
    animation-delay: .3s
}

.ease-in {
    animation-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-linear {
    animation-timing-function: linear
}

.ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
}

.fill-mode-forwards {
    animation-fill-mode: forwards
}

.repeat-1 {
    animation-iteration-count: 1
}

.repeat-infinite {
    animation-iteration-count: infinite
}

.\[transform\:rotate\(180deg\)\] {
    transform: rotate(180deg)
}

.\[transform\:rotate\(20deg\)\] {
    transform: rotate(20deg)
}

.\[transform\:rotate\(250deg\)\] {
    transform: rotate(250deg)
}

.\[transform\:rotate\(300deg\)\] {
    transform: rotate(300deg)
}

.\[transform\:rotate\(70deg\)\] {
    transform: rotate(70deg)
}

.\[transform\:rotate\(90deg\)\] {
    transform: rotate(90deg)
}

.\*\:h-size-control-m > * {
    height: 36px
}

.\*\:h-size-control-xl > * {
    height: 44px
}

.\*\:grow-0 > * {
    flex-grow: 0
}

.\*\:rounded-chipstab > * {
    border-radius: 999px
}

.\*\:rounded-control-m > * {
    border-radius: 10px
}

.\*\:rounded-control-xl > * {
    border-radius: 12px
}

.\*\:bg-control-neutral > * {
    background-color: rgb(var(--control-neutral))
}

.\*\:px-spacing-16 > * {
    padding-left: 16px;
    padding-right: 16px
}

.\*\:px-spacing-20 > * {
    padding-left: 20px;
    padding-right: 20px
}

.placeholder\:text-content-secondary::-moz-placeholder {
    color: rgb(var(--content-secondary))
}

.placeholder\:text-content-secondary::placeholder {
    color: rgb(var(--content-secondary))
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:-inset-spacing-8:before {
    content: var(--tw-content);
    inset: -8px
}

.before\:-left-1:before {
    content: var(--tw-content);
    left: -.25rem
}

.before\:-top-1:before {
    content: var(--tw-content);
    top: -.25rem
}

.before\:bottom-0:before {
    bottom: 0;
    content: var(--tw-content)
}

.before\:left-\[-5px\]:before {
    content: var(--tw-content);
    left: -5px
}

.before\:right-0:before {
    content: var(--tw-content);
    right: 0
}

.before\:top-\[-5px\]:before {
    content: var(--tw-content);
    top: -5px
}

.before\:-z-10:before {
    content: var(--tw-content);
    z-index: -10
}

.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:size-\[calc\(100\%_\+_10px\)\]:before {
    content: var(--tw-content);
    height: calc(100% + 10px);
    width: calc(100% + 10px)
}

.before\:size-\[calc\(100\%_\+_8px\)\]:before {
    content: var(--tw-content);
    height: calc(100% + 8px);
    width: calc(100% + 8px)
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:w-\[196px\]:before {
    content: var(--tw-content);
    width: 196px
}

.before\:rounded-\[60px\]:before {
    border-radius: 60px;
    content: var(--tw-content)
}

.before\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.32\)\]:before {
    background-color: rgba(0, 0, 0, .32);
    content: var(--tw-content)
}

.before\:bg-\[url\(\'\/images\/support\/support-bg\.png\'\)\]:before {
    background-image: url( images/support/support-bg.png);
    content: var(--tw-content)
}

.before\:bg-\[url\(\/images\/vip-avatar-gradient\.svg\)\]:before {
    background-image: url( images/vip-avatar-gradient.svg);
    content: var(--tw-content)
}

.before\:bg-cover:before {
    background-size: cover;
    content: var(--tw-content)
}

.before\:backdrop-blur-lg:before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(16px);
    -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)
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:right-\[12px\]:after {
    content: var(--tw-content);
    right: 12px
}

.after\:h-px:after {
    content: var(--tw-content);
    height: 1px
}

.after\:w-\[calc\(100\%_-_60px\)\]:after {
    content: var(--tw-content);
    width: calc(100% - 60px)
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

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

.after\:border-border-divider:after {
    border-color: rgb(var(--border-divider));
    content: var(--tw-content)
}

.after\:bg-border-divider:after {
    background-color: rgb(var(--border-divider));
    content: var(--tw-content)
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.first\:-mx-px:first-child {
    margin-left: -1px;
    margin-right: -1px
}

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

.first\:rounded-t-container-m:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.first\:rounded-t-container-s:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.first\:border-x:first-child {
    border-left-width: 1px;
    border-right-width: 1px
}

.last\:rounded-b-container-m:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

.odd\:\*\:h-size-control-l > :nth-child(odd) {
    height: 40px
}

.odd\:\*\:grow > :nth-child(odd) {
    flex-grow: 1
}

.odd\:\*\:rounded-control-l > :nth-child(odd) {
    border-radius: 10px
}

.odd\:\*\:px-spacing-16 > :nth-child(odd) {
    padding-left: 16px;
    padding-right: 16px
}

.focus-within\:border-border-focus:focus-within {
    border-color: rgb(var(--border-focus))
}

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

.hover\:border-border-focus:hover {
    border-color: rgb(var(--border-focus))
}

.hover\:bg-\[\#0098EA\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 152 234/var(--tw-bg-opacity, 1))
}

.hover\:bg-\[none\]:hover {
    background-color: none
}

.hover\:bg-bg-tertiary:hover {
    background-color: rgb(var(--bg-tertiary))
}

.hover\:bg-black-alpha-40:hover {
    background-color: rgba(0, 0, 0, .4)
}

.hover\:bg-btn-negative-hover:hover {
    background-color: rgb(var(--btn-negative-hover))
}

.hover\:bg-btn-primary-hover:hover {
    background-color: rgb(var(--btn-primary-hover))
}

.hover\:bg-btn-static-primary-hover:hover {
    background-color: rgb(var(--btn-static-primary-hover))
}

.hover\:bg-btn-static-secondary-hover:hover {
    background-color: rgb(var(--btn-static-secondary-hover))
}

.hover\:bg-control-neutral-hover:hover {
    background-color: rgb(var(--control-neutral-hover))
}

.hover\:bg-tab-base-accent-hover:hover {
    background-color: rgb(var(--tab-base-accent-hover))
}

.hover\:bg-tab-ghost-neutral-hover:hover {
    background-color: rgb(var(--tab-ghost-neutral-hover))
}

.hover\:bg-\[linear-gradient\(0deg\2c _rgba\(255\2c 255\2c 255\2c 0\.16\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.16\)_100\%\)\2c linear-gradient\(81deg\2c \#5D41FF_0\%\2c \#0B0C0D_100\%\)\]:hover {
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .16), hsla(0, 0%, 100%, .16)), linear-gradient(81deg, #5d41ff, #0b0c0d)
}

.hover\:bg-\[linear-gradient\(0deg\2c rgba\(255\2c 255\2c 255\2c 0\.16\)_0\%\2c rgba\(255\2c 255\2c 255\2c 0\.16\)_100\%\)\2c _linear-gradient\(81deg\2c \#C86E00_0\%\2c \#0B0C0D_100\%\)\]:hover {
    background-image: linear-gradient(0deg, hsla(0, 0%, 100%, .16), hsla(0, 0%, 100%, .16)), linear-gradient(81deg, #c86e00, #0b0c0d)
}

.hover\:text-btn-content-accent-hover:hover {
    color: rgb(var(--btn-content-accent-hover))
}

.hover\:text-btn-content-negative-hover:hover {
    color: rgb(var(--btn-content-negative-hover))
}

.hover\:text-btn-content-primary-hover:hover {
    color: rgb(var(--btn-content-primary-hover))
}

.hover\:text-btn-content-secondary-hover:hover {
    color: rgb(var(--btn-content-secondary-hover))
}

.hover\:text-btn-content-static-white-primary-hover:hover {
    color: rgb(var(--btn-content-static-white-primary-hover))
}

.hover\:text-btn-content-static-white-secondary-hover:hover {
    color: rgb(var(--btn-content-static-white-secondary-hover))
}

.hover\:text-content-static-white-primary:hover {
    color: rgb(var(--content-static-white-primary))
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:\*\:bg-control-neutral-hover > :hover {
    background-color: rgb(var(--control-neutral-hover))
}

.hover\:after\:hidden:hover:after {
    content: var(--tw-content);
    display: none
}

.hover\:odd\:\*\:bg-tab-ghost-neutral-hover > :nth-child(odd):hover {
    background-color: rgb(var(--tab-ghost-neutral-hover))
}

.hover\:odd\:\*\:bg-tab-segment-neutral-hover > :nth-child(odd):hover {
    background-color: rgb(var(--tab-segment-neutral-hover))
}

.focus\:border-border-focus:focus {
    border-color: rgb(var(--border-focus))
}

.focus\:bg-\[\#0098EA\]:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(0 152 234/var(--tw-bg-opacity, 1))
}

.focus\:bg-btn-primary:focus {
    background-color: rgb(var(--btn-primary))
}

.focus\:bg-control-neutral-hover:focus {
    background-color: rgb(var(--control-neutral-hover))
}

.focus\:text-btn-content-accent:focus {
    color: rgb(var(--btn-content-accent))
}

.focus\:text-btn-content-negative-hover:focus {
    color: rgb(var(--btn-content-negative-hover))
}

.focus\:text-btn-content-primary:focus {
    color: rgb(var(--btn-content-primary))
}

.focus\:text-btn-content-secondary:focus {
    color: rgb(var(--btn-content-secondary))
}

.focus\:text-btn-content-secondary-hover:focus {
    color: rgb(var(--btn-content-secondary-hover))
}

.focus\:text-btn-content-static-white-secondary:focus {
    color: rgb(var(--btn-content-static-white-secondary))
}

.focus\:text-content-static-white-primary:focus {
    color: rgb(var(--content-static-white-primary))
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-0:focus {
    outline-width: 0
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:outline-offset-2:focus {
    outline-offset: 2px
}

.focus\:outline-border-focus:focus {
    outline-color: rgb(var(--border-focus))
}

.focus\:outline-border-focus-static:focus {
    outline-color: rgb(var(--border-focus-static))
}

.focus\:outline-border-static:focus {
    outline-color: rgb(var(--border-static))
}

.focus-visible\:bg-btn-static-primary-hover:focus-visible {
    background-color: rgb(var(--btn-static-primary-hover))
}

.focus-visible\:bg-btn-static-secondary:focus-visible {
    background-color: rgb(var(--btn-static-secondary))
}

.focus-visible\:bg-control-neutral-hover:focus-visible {
    background-color: rgb(var(--control-neutral-hover))
}

.focus-visible\:text-content-static-white-primary:focus-visible {
    color: rgb(var(--content-static-white-primary))
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-border-focus:focus-visible {
    outline-color: rgb(var(--border-focus))
}

.focus-visible\:outline-border-focus-static:focus-visible {
    outline-color: rgb(var(--border-focus-static))
}

.active\:scale-90:active {
    --tw-scale-x: .9;
    --tw-scale-y: .9
}

.active\:scale-90:active, .active\:scale-95:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.active\:bg-\[\#0098EA\]:active {
    --tw-bg-opacity: 1;
    background-color: rgb(0 152 234/var(--tw-bg-opacity, 1))
}

.active\:bg-btn-negative-hover:active {
    background-color: rgb(var(--btn-negative-hover))
}

.active\:bg-btn-primary-hover:active {
    background-color: rgb(var(--btn-primary-hover))
}

.active\:bg-btn-static-secondary-hover:active {
    background-color: rgb(var(--btn-static-secondary-hover))
}

.active\:bg-control-neutral-hover:active {
    background-color: rgb(var(--control-neutral-hover))
}

.active\:bg-opacity-opacity-item-active:active {
    --tw-bg-opacity: .86
}

.active\:text-btn-content-accent-hover:active {
    color: rgb(var(--btn-content-accent-hover))
}

.active\:text-btn-content-negative-hover:active {
    color: rgb(var(--btn-content-negative-hover))
}

.active\:text-btn-content-primary-hover:active {
    color: rgb(var(--btn-content-primary-hover))
}

.active\:text-btn-content-static-white-primary-hover:active {
    color: rgb(var(--btn-content-static-white-primary-hover))
}

.active\:text-btn-content-static-white-secondary-hover:active {
    color: rgb(var(--btn-content-static-white-secondary-hover))
}

.active\:text-content-static-white-primary:active {
    color: rgb(var(--content-static-white-primary))
}

.active\:opacity-opacity-item-active:active {
    opacity: .86
}

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

.disabled\:text-content-static-white-primary:disabled {
    color: rgb(var(--content-static-white-primary))
}

.disabled\:opacity-opacity-item-disabled:disabled {
    opacity: .5
}

.group\/golden:hover .group-hover\/golden\:-translate-x-4 {
    --tw-translate-x: -1rem
}

.group:hover .group-hover\:-translate-y-0, .group\/golden:hover .group-hover\/golden\:-translate-x-4 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:-translate-y-0 {
    --tw-translate-y: -0px
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.has-\[\+\:hover\]\:bg-transparent:has(+:hover) {
    background-color: transparent
}

.has-\[\+\[data-state\=active\]\]\:bg-transparent:has(+[data-state=active]) {
    background-color: transparent
}

.has-\[\:disabled\]\:opacity-opacity-item-disabled:has(:disabled) {
    opacity: .5
}

.has-\[\:enabled\]\:hover\:bg-control-neutral-hover:hover:has(:enabled) {
    background-color: rgb(var(--control-neutral-hover))
}

.aria-disabled\:pointer-events-none[aria-disabled=true] {
    pointer-events: none
}

.data-\[state\=active\]\:flex[data-state=active] {
    display: flex
}

.data-\[state\=checked\]\:translate-x-4[data-state=checked] {
    --tw-translate-x: 1rem
}

.data-\[state\=checked\]\:translate-x-4[data-state=checked], .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
    --tw-translate-x: 0px
}

@keyframes collapseUp {
    0% {
        height: var(--radix-collapsible-content-height)
    }
    to {
        height: 0
    }
}

.data-\[state\=closed\]\:animate-collapseUp[data-state=closed] {
    animation: collapseUp .3s cubic-bezier(.51, .92, .24, 1.15)
}

@keyframes slideUp {
    0% {
        height: var(--radix-accordion-content-height)
    }
    to {
        height: 0
    }
}

.data-\[state\=closed\]\:animate-slideUp[data-state=closed] {
    animation: slideUp .3s cubic-bezier(.87, 0, .13, 1)
}

@keyframes collapseDown {
    0% {
        height: 0
    }
    to {
        height: var(--radix-collapsible-content-height)
    }
}

.data-\[state\=open\]\:animate-collapseDown[data-state=open] {
    animation: collapseDown .3s cubic-bezier(.51, .92, .24, 1.15)
}

@keyframes slideDown {
    0% {
        height: 0
    }
    to {
        height: var(--radix-accordion-content-height)
    }
}

.data-\[state\=open\]\:animate-slideDown[data-state=open] {
    animation: slideDown .3s cubic-bezier(.87, 0, .13, 1)
}

.data-\[state\=open\]\:border-\[rgba\(187\2c 235\2c 0\2c 0\.56\)\][data-state=open] {
    border-color: rgba(187, 235, 0, .56)
}

.data-\[active\=true\]\:bg-tab-base-accent[data-active=true] {
    background-color: rgb(var(--tab-base-accent))
}

.data-\[active\=true\]\:bg-tab-ghost-neutral-selected[data-active=true] {
    background-color: rgb(var(--tab-ghost-neutral-selected))
}

.data-\[state\=checked\]\:bg-btn-primary[data-state=checked] {
    background-color: rgb(var(--btn-primary))
}

.data-\[state\=checked\]\:bg-btn-static-primary[data-state=checked] {
    background-color: rgb(var(--btn-static-primary))
}

.data-\[state\=checked\]\:bg-content-on-accent[data-state=checked] {
    background-color: rgb(var(--content-on-accent))
}

.data-\[state\=open\]\:bg-bg-tertiary[data-state=open] {
    background-color: rgb(var(--bg-tertiary))
}

.data-\[state\=open\]\:bg-tab-segment-neutral-hover[data-state=open] {
    background-color: rgb(var(--tab-segment-neutral-hover))
}

.data-\[state\=unchecked\]\:bg-control-neutral[data-state=unchecked] {
    background-color: rgb(var(--control-neutral))
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
    transition-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
    transition-duration: .5s
}

.data-\[state\=open\]\:animate-in[data-state=open] {
    animation-duration: .15s;
    animation-name: enter;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial
}

.data-\[state\=closed\]\:animate-out[data-state=closed] {
    animation-duration: .15s;
    animation-name: exit;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial
}

.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
    --tw-exit-opacity: 0
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
    --tw-enter-opacity: 0
}

.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
    --tw-exit-scale: .95
}

.data-\[state\=open\]\:zoom-in-95[data-state=open] {
    --tw-enter-scale: .95
}

.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
    --tw-enter-translate-y: -0.5rem
}

.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
    --tw-enter-translate-x: 0.5rem
}

.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
    --tw-enter-translate-x: -0.5rem
}

.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
    --tw-enter-translate-y: 0.5rem
}

.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed] {
    --tw-exit-translate-y: 100%
}

.data-\[state\=closed\]\:slide-out-to-left[data-state=closed] {
    --tw-exit-translate-x: -100%
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed] {
    --tw-exit-translate-x: -50%
}

.data-\[state\=closed\]\:slide-out-to-right[data-state=closed] {
    --tw-exit-translate-x: 100%
}

.data-\[state\=closed\]\:slide-out-to-top[data-state=closed] {
    --tw-exit-translate-y: -100%
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed] {
    --tw-exit-translate-y: -48%
}

.data-\[state\=open\]\:slide-in-from-bottom[data-state=open] {
    --tw-enter-translate-y: 100%
}

.data-\[state\=open\]\:slide-in-from-left[data-state=open] {
    --tw-enter-translate-x: -100%
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open] {
    --tw-enter-translate-x: -50%
}

.data-\[state\=open\]\:slide-in-from-right[data-state=open] {
    --tw-enter-translate-x: 100%
}

.data-\[state\=open\]\:slide-in-from-top[data-state=open] {
    --tw-enter-translate-y: -100%
}

.data-\[state\=open\]\:slide-in-from-top-1\/2[data-state=open] {
    --tw-enter-translate-y: -50%
}

.data-\[state\=closed\]\:duration-300[data-state=closed] {
    animation-duration: .3s
}

.data-\[state\=open\]\:duration-500[data-state=open] {
    animation-duration: .5s
}

.data-\[state\=active\]\:\*\:bg-tab-base-accent-selected > [data-state=active] {
    background-color: rgb(var(--tab-base-accent-selected))
}

.data-\[state\=active\]\:\*\:bg-tab-segment-neutral-selected > [data-state=active] {
    background-color: rgb(var(--tab-segment-neutral-selected))
}

.data-\[state\=active\]\:\*\:text-content-on-accent > [data-state=active] {
    color: rgb(var(--content-on-accent))
}

.data-\[state\=active\]\:\*\:text-content-primary > [data-state=active] {
    color: rgb(var(--content-primary))
}

.data-\[state\=active\]\:odd\:\*\:bg-tab-ghost-accent-selected > :nth-child(odd)[data-state=active] {
    background-color: rgb(var(--tab-ghost-accent-selected))
}

.data-\[state\=active\]\:odd\:\*\:bg-tab-segment-neutral-selected > :nth-child(odd)[data-state=active] {
    background-color: rgb(var(--tab-segment-neutral-selected))
}

.data-\[state\=checked\]\:hover\:bg-btn-primary-hover:hover[data-state=checked] {
    background-color: rgb(var(--btn-primary-hover))
}

.data-\[state\=unchecked\]\:hover\:bg-control-neutral-hover:hover[data-state=unchecked] {
    background-color: rgb(var(--control-neutral-hover))
}

.hover\:data-\[state\=checked\]\:bg-btn-primary-hover[data-state=checked]:hover {
    background-color: rgb(var(--btn-primary-hover))
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    left: calc(var(--sidebar-width) * -1)
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] {
    right: calc(var(--sidebar-width) * -1)
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:-mx-spacing-8 {
    margin-left: -8px;
    margin-right: -8px
}

.group[data-state=expanded] .group-data-\[state\=expanded\]\:-mx-spacing-16 {
    margin-left: -16px;
    margin-right: -16px
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:flex {
    display: flex
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden, .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:hidden {
    display: none
}

.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] {
    width: var(--sidebar-width-icon)
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0 {
    width: 0
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:w-size-control-l {
    width: 40px
}

.group[data-side=right] .group-data-\[side\=right\]\:rotate-180 {
    --tw-rotate: 180deg
}

.group[data-side=right] .group-data-\[side\=right\]\:rotate-180, .group\/collapsible-menu-button[data-state=open] .group-data-\[state\=open\]\/collapsible-menu-button\:-rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/collapsible-menu-button[data-state=open] .group-data-\[state\=open\]\/collapsible-menu-button\:-rotate-180 {
    --tw-rotate: -180deg
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180 {
    --tw-rotate: 180deg
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180, .group[data-state=open] .group-data-\[state\=open\]\:rotate-45 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group[data-state=open] .group-data-\[state\=open\]\:rotate-45 {
    --tw-rotate: 45deg
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:flex-col {
    flex-direction: column
}

.group[data-state=expanded] .group-data-\[state\=expanded\]\:items-center {
    align-items: center
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:gap-0 {
    gap: 0
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:gap-spacing-4 {
    gap: 4px
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:bg-transparent {
    background-color: transparent
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:p-spacing-8 {
    padding: 8px
}

.group[data-state=expanded] .group-data-\[state\=expanded\]\:p-spacing-16 {
    padding: 16px
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:px-spacing-8 {
    padding-left: 8px;
    padding-right: 8px
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:pl-spacing-8 {
    padding-left: 8px
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:pr-spacing-2 {
    padding-right: 2px
}

.group[data-state=expanded] .group-data-\[state\=expanded\]\:pl-spacing-16 {
    padding-left: 16px
}

.group[data-state=expanded] .group-data-\[state\=expanded\]\:pr-2\.5 {
    padding-right: .625rem
}

.group[data-state=open] .group-data-\[state\=open\]\:text-bg-accent {
    color: rgb(var(--bg-accent))
}

@keyframes blinkStart {
    0% {
        opacity: 1
    }
    35% {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.group[data-state=collapsed] .group-data-\[state\=collapsed\]\:\*\:animate-blinkStart > * {
    animation: blinkStart .4s ease
}

@keyframes blinkEnd {
    0% {
        opacity: 1
    }
    35% {
        opacity: 0
    }
    65% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.group[data-state=expanded] .group-data-\[state\=expanded\]\:\*\:animate-blinkEnd > * {
    animation: blinkEnd .4s ease
}

.group[data-state=collapsed] .data-\[state\=inactive\]\:group-data-\[state\=collapsed\]\:odd\:\*\:bg-control-neutral > :nth-child(odd)[data-state=inactive] {
    background-color: rgb(var(--control-neutral))
}

@media not all and (min-width: 1440px) {
    .max-desktop\:top-\[-220px\] {
        top: -220px
    }

    .max-desktop\:hidden {
        display: none
    }

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

    .max-desktop\:min-h-\[92px\] {
        min-height: 92px
    }

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

    .max-desktop\:translate-y-\[5px\] {
        --tw-translate-y: 5px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .max-desktop\:\!gap-0 {
        gap: 0 !important
    }

    .max-desktop\:overflow-x-auto {
        overflow-x: auto
    }

    .max-desktop\:text-\[34px\] {
        font-size: 34px
    }

    .max-desktop\:leading-\[1\] {
        line-height: 1
    }
}

@media not all and (min-width: 1024px) {
    .max-laptop\:hidden {
        display: none
    }

    .max-laptop\:gap-x-spacing-8 {
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .max-laptop\:\!text-\[20px\] {
        font-size: 20px !important
    }

    .max-laptop\:\!text-\[24px\] {
        font-size: 24px !important
    }

    .max-laptop\:\!font-bold {
        font-weight: 700 !important
    }

    .max-laptop\:\!font-medium {
        font-weight: 500 !important
    }

    .max-laptop\:\!leading-\[24px\] {
        line-height: 24px !important
    }

    .max-laptop\:\!leading-\[28px\] {
        line-height: 28px !important
    }

    .max-laptop\:\!leading-\[29px\] {
        line-height: 29px !important
    }
}

@media not all and (min-width: 768px) {
    .max-tablet\:-left-spacing-20 {
        left: -20px
    }

    .max-tablet\:-right-spacing-32 {
        right: -32px
    }

    .max-tablet\:-top-spacing-20 {
        top: -20px
    }

    .max-tablet\:bottom-0 {
        bottom: 0
    }

    .max-tablet\:bottom-\[240px\] {
        bottom: 240px
    }

    .max-tablet\:bottom-spacing-16 {
        bottom: 16px
    }

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

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

    .max-tablet\:top-\[60px\] {
        top: 60px
    }

    .max-tablet\:mb-\[-240px\] {
        margin-bottom: -240px
    }

    .max-tablet\:mt-\[-80px\] {
        margin-top: -80px
    }

    .max-tablet\:hidden {
        display: none
    }

    .max-tablet\:size-4 {
        height: 1rem;
        width: 1rem
    }

    .max-tablet\:size-\[380px\] {
        height: 380px;
        width: 380px
    }

    .max-tablet\:size-\[630px\] {
        height: 630px;
        width: 630px
    }

    .max-tablet\:size-\[800px\] {
        height: 800px;
        width: 800px
    }

    .max-tablet\:size-size-control-s {
        height: 32px;
        width: 32px
    }

    .max-tablet\:h-spacing-48 {
        height: 48px
    }

    .max-tablet\:min-h-size-control-s {
        min-height: 32px
    }

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

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

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

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

    .max-tablet\:max-w-screen-mobile {
        max-width: 375px
    }

    .max-tablet\:grow {
        flex-grow: 1
    }

    .max-tablet\:basis-2\/5 {
        flex-basis: 40%
    }

    .max-tablet\:basis-3\/5 {
        flex-basis: 60%
    }

    .max-tablet\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .max-tablet\:flex-col {
        flex-direction: column
    }

    .max-tablet\:justify-between {
        justify-content: space-between
    }

    .max-tablet\:gap-0 {
        gap: 0
    }

    .max-tablet\:gap-spacing-4 {
        gap: 4px
    }

    .max-tablet\:bg-\[url\(\/images\/wheel-of-luck\/preland-wheel-bg-mobile\.jpg\)\] {
        background-image: url( images/wheel-of-luck/preland-wheel-bg-mobile.jpg)
    }

    .max-tablet\:p-spacing-8 {
        padding: 8px
    }

    .max-tablet\:px-spacing-16 {
        padding-left: 16px;
        padding-right: 16px
    }

    .max-tablet\:pt-0 {
        padding-top: 0
    }

    .max-tablet\:\!text-\[16px\] {
        font-size: 16px !important
    }

    .max-tablet\:\!text-\[17px\] {
        font-size: 17px !important
    }

    .max-tablet\:\!text-\[20px\] {
        font-size: 20px !important
    }

    .max-tablet\:text-\[14px\] {
        font-size: 14px
    }

    .max-tablet\:text-\[20\.5px\] {
        font-size: 20.5px
    }

    .max-tablet\:text-\[25px\] {
        font-size: 25px
    }

    .max-tablet\:\!font-semibold {
        font-weight: 600 !important
    }

    .max-tablet\:\!leading-\[24px\] {
        line-height: 24px !important
    }

    .max-tablet\:tracking-\[-2px\] {
        letter-spacing: -2px
    }
}

@media (min-width: 375px) {
    .mobile\:w-full {
        width: 100%
    }

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

    .mobile\:rounded-container-l {
        border-radius: 20px
    }

    .mobile\:bg-cover {
        background-size: cover
    }

    .mobile\:px-spacing-4 {
        padding-left: 4px;
        padding-right: 4px
    }

    .mobile\:px-spacing-8 {
        padding-left: 8px;
        padding-right: 8px
    }

    .mobile\:text-\[14px\] {
        font-size: 14px
    }

    .mobile\:text-\[20px\] {
        font-size: 20px
    }
}

@media (min-width: 495px) {
    .query1\:-right-\[150px\] {
        right: -150px
    }

    .query1\:left-auto {
        left: auto
    }

    .query1\:right-0 {
        right: 0
    }
}

@media (min-width: 768px) {
    .tablet\:-top-\[76px\] {
        top: -76px
    }

    .tablet\:bottom-0 {
        bottom: 0
    }

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

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

    .tablet\:left-auto {
        left: auto
    }

    .tablet\:left-spacing-8 {
        left: 8px
    }

    .tablet\:right-0 {
        right: 0
    }

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

    .tablet\:my-spacing-24 {
        margin-bottom: 24px;
        margin-top: 24px
    }

    .tablet\:mb-spacing-16 {
        margin-bottom: 16px
    }

    .tablet\:mb-spacing-20 {
        margin-bottom: 20px
    }

    .tablet\:mb-spacing-40 {
        margin-bottom: 40px
    }

    .tablet\:ml-auto {
        margin-left: auto
    }

    .tablet\:ml-spacing-12 {
        margin-left: 12px
    }

    .tablet\:ml-spacing-40 {
        margin-left: 40px
    }

    .tablet\:mt-0 {
        margin-top: 0
    }

    .tablet\:block {
        display: block
    }

    .tablet\:inline-block {
        display: inline-block
    }

    .tablet\:flex {
        display: flex
    }

    .tablet\:grid {
        display: grid
    }

    .tablet\:hidden {
        display: none
    }

    .tablet\:aspect-\[376\/429\] {
        aspect-ratio: 376/429
    }

    .tablet\:aspect-\[4\.03\] {
        aspect-ratio: 4.03
    }

    .tablet\:aspect-\[7_\/_4\] {
        aspect-ratio: 7/4
    }

    .tablet\:size-11 {
        height: 2.75rem;
        width: 2.75rem
    }

    .tablet\:h-\[230px\] {
        height: 230px
    }

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

    .tablet\:h-spacing-64 {
        height: 64px
    }

    .tablet\:min-h-11 {
        min-height: 2.75rem
    }

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

    .tablet\:min-h-size-control-xl {
        min-height: 44px
    }

    .tablet\:w-1\/2 {
        width: 50%
    }

    .tablet\:w-\[214px\] {
        width: 214px
    }

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

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

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

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

    .tablet\:w-\[776px\] {
        width: 776px
    }

    .tablet\:w-full {
        width: 100%
    }

    .tablet\:w-width-modal-desktop-m {
        width: 600px
    }

    .tablet\:min-w-11 {
        min-width: 2.75rem
    }

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

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

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

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

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

    .tablet\:basis-\[12\%\] {
        flex-basis: 12%
    }

    .tablet\:basis-\[16\%\] {
        flex-basis: 16%
    }

    .tablet\:basis-\[32\%\] {
        flex-basis: 32%
    }

    .tablet\:basis-\[68\%\] {
        flex-basis: 68%
    }

    .tablet\:basis-\[calc\(100\%_\/_3_-_8px\)\] {
        flex-basis: calc(33.33333% - 8px)
    }

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

    .tablet\:-translate-x-1\/2, .tablet\:-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

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

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

    .tablet\:grid-cols-\[3fr_minmax\(346px\2c 1fr\)\] {
        grid-template-columns:3fr minmax(346px, 1fr)
    }

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

    .tablet\:flex-row {
        flex-direction: row
    }

    .tablet\:items-center {
        align-items: center
    }

    .tablet\:justify-center {
        justify-content: center
    }

    .tablet\:gap-\[87px\] {
        gap: 87px
    }

    .tablet\:gap-spacing-12 {
        gap: 12px
    }

    .tablet\:gap-spacing-16 {
        gap: 16px
    }

    .tablet\:gap-spacing-24 {
        gap: 24px
    }

    .tablet\:gap-spacing-8 {
        gap: 8px
    }

    .tablet\:space-x-spacing-16 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(16px * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(16px * var(--tw-space-x-reverse))
    }

    .tablet\:rounded-control-l {
        border-radius: 10px
    }

    .tablet\:bg-\[url\(\'\/images\/bonuses\/promo\/promo-bg-laptop\.png\'\)\] {
        background-image: url( images/bonuses/promo/promo-bg-laptop.png)
    }

    .tablet\:bg-\[url\(\'\/images\/cashback-widget\/available-md\.png\'\)\] {
        background-image: url( images/cashback-widget/available-md.png)
    }

    .tablet\:bg-\[url\(\'\/images\/cashback-widget\/unavailable-md\.png\'\)\] {
        background-image: url( images/cashback-widget/unavailable-md.png)
    }

    .tablet\:bg-contain {
        background-size: contain
    }

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

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

    .tablet\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .tablet\:p-padding-container {
        padding: 40px
    }

    .tablet\:px-spacing-16 {
        padding-left: 16px;
        padding-right: 16px
    }

    .tablet\:px-spacing-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .tablet\:px-spacing-4 {
        padding-left: 4px;
        padding-right: 4px
    }

    .tablet\:px-spacing-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .tablet\:px-spacing-8 {
        padding-left: 8px;
        padding-right: 8px
    }

    .tablet\:py-spacing-24 {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .tablet\:py-spacing-48 {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .tablet\:pb-spacing-16 {
        padding-bottom: 16px
    }

    .tablet\:pb-spacing-48 {
        padding-bottom: 48px
    }

    .tablet\:pt-0 {
        padding-top: 0
    }

    .tablet\:pt-spacing-40 {
        padding-top: 40px
    }

    .tablet\:\!text-\[24px\] {
        font-size: 24px !important
    }

    .tablet\:\!text-\[32px\] {
        font-size: 32px !important
    }

    .tablet\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .tablet\:text-\[20px\] {
        font-size: 20px
    }

    .tablet\:text-\[24px\] {
        font-size: 24px
    }

    .tablet\:text-\[28px\] {
        font-size: 28px
    }

    .tablet\:text-\[32px\] {
        font-size: 32px
    }

    .tablet\:text-\[36px\] {
        font-size: 36px
    }

    .tablet\:text-\[40px\] {
        font-size: 40px
    }

    .tablet\:text-\[52px\] {
        font-size: 52px
    }

    .tablet\:leading-6 {
        line-height: 1.5rem
    }

    .tablet\:leading-7 {
        line-height: 1.75rem
    }

    .tablet\:leading-8 {
        line-height: 2rem
    }

    .tablet\:leading-\[32px\] {
        line-height: 32px
    }

    .tablet\:leading-\[36px\] {
        line-height: 36px
    }

    .tablet\:leading-\[44px\] {
        line-height: 44px
    }

    .tablet\:leading-\[56px\] {
        line-height: 56px
    }

    .tablet\:tracking-\[-0\.56px\] {
        letter-spacing: -.56px
    }

    .tablet\:tracking-\[-0\.68px\] {
        letter-spacing: -.68px
    }

    .tablet\:tracking-\[-0\.8px\] {
        letter-spacing: -.8px
    }

    .tablet\:tracking-\[-0\.92px\] {
        letter-spacing: -.92px
    }

    .tablet\:tracking-\[-1\.64px\] {
        letter-spacing: -1.64px
    }

    .tablet\:tracking-\[-2px\] {
        letter-spacing: -2px
    }

    .tablet\:\[grid-auto-flow\:column\] {
        grid-auto-flow: column
    }
}

@media (min-width: 1024px) {
    .laptop\:relative {
        position: relative
    }

    .laptop\:bottom-\[105px\] {
        bottom: 105px
    }

    .laptop\:bottom-spacing-24 {
        bottom: 24px
    }

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

    .laptop\:left-spacing-24 {
        left: 24px
    }

    .laptop\:right-0 {
        right: 0
    }

    .laptop\:right-spacing-24 {
        right: 24px
    }

    .laptop\:top-0 {
        top: 0
    }

    .laptop\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .laptop\:mb-spacing-24 {
        margin-bottom: 24px
    }

    .laptop\:mb-spacing-32 {
        margin-bottom: 32px
    }

    .laptop\:mt-spacing-16 {
        margin-top: 16px
    }

    .laptop\:mt-spacing-4 {
        margin-top: 4px
    }

    .laptop\:block {
        display: block
    }

    .laptop\:flex {
        display: flex
    }

    .laptop\:hidden {
        display: none
    }

    .laptop\:aspect-\[1\.64\] {
        aspect-ratio: 1.64
    }

    .laptop\:aspect-\[1\.78\] {
        aspect-ratio: 1.78
    }

    .laptop\:aspect-\[4\.03\] {
        aspect-ratio: 4.03
    }

    .laptop\:h-20 {
        height: 5rem
    }

    .laptop\:h-\[424px\] {
        height: 424px
    }

    .laptop\:h-spacing-64 {
        height: 64px
    }

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

    .laptop\:w-full {
        width: 100%
    }

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

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

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

    .laptop\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

    .laptop\:flex-row {
        flex-direction: row
    }

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

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

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

    .laptop\:gap-spacing-12 {
        gap: 12px
    }

    .laptop\:gap-spacing-16 {
        gap: 16px
    }

    .laptop\:gap-x-spacing-16 {
        -moz-column-gap: 16px;
        column-gap: 16px
    }

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

    .laptop\:bg-bg-secondary {
        background-color: rgb(var(--bg-secondary))
    }

    .laptop\:bg-\[url\(\'\/images\/bonuses\/promo\/promo-bg\.png\'\)\] {
        background-image: url( images/bonuses/promo/promo-bg.png)
    }

    .laptop\:bg-\[url\(\'\/images\/cashback-widget\/available-lg\.png\'\)\] {
        background-image: url( images/cashback-widget/available-lg.png)
    }

    .laptop\:bg-\[url\(\'\/images\/cashback-widget\/unavailable-lg\.png\'\)\] {
        background-image: url( images/cashback-widget/unavailable-lg.png)
    }

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

    .laptop\:p-spacing-24 {
        padding: 24px
    }

    .laptop\:px-padding-container {
        padding-left: 40px;
        padding-right: 40px
    }

    .laptop\:px-spacing-32 {
        padding-left: 32px;
        padding-right: 32px
    }

    .laptop\:px-spacing-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .laptop\:py-spacing-24 {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .laptop\:py-spacing-32 {
        padding-bottom: 32px;
        padding-top: 32px
    }

    .laptop\:pt-0 {
        padding-top: 0
    }

    .laptop\:text-left {
        text-align: left
    }
}

@media (min-width: 1140px) {
    .laptopLg\:aspect-\[1\.66\] {
        aspect-ratio: 1.66
    }

    .laptopLg\:aspect-\[1\.78\] {
        aspect-ratio: 1.78
    }
}

@media (min-width: 1440px) {
    .desktop\:-top-\[100px\] {
        top: -100px
    }

    .desktop\:bottom-0, .desktop\:bottom-\[0px\] {
        bottom: 0
    }

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

    .desktop\:right-4 {
        right: 1rem
    }

    .desktop\:right-6 {
        right: 1.5rem
    }

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

    .desktop\:top-24 {
        top: 6rem
    }

    .desktop\:top-4 {
        top: 1rem
    }

    .desktop\:top-6 {
        top: 1.5rem
    }

    .desktop\:top-auto {
        top: auto
    }

    .desktop\:-mx-spacing-20 {
        margin-left: -20px;
        margin-right: -20px
    }

    .desktop\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .desktop\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .desktop\:-mr-spacing-24 {
        margin-right: -24px
    }

    .desktop\:-mt-spacing-12 {
        margin-top: -12px
    }

    .desktop\:mb-spacing-12 {
        margin-bottom: 12px
    }

    .desktop\:mb-spacing-16 {
        margin-bottom: 16px
    }

    .desktop\:mb-spacing-24 {
        margin-bottom: 24px
    }

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

    .desktop\:mt-spacing-40 {
        margin-top: 40px
    }

    .desktop\:block {
        display: block
    }

    .desktop\:flex {
        display: flex
    }

    .desktop\:hidden {
        display: none
    }

    .desktop\:aspect-\[1\.78\] {
        aspect-ratio: 1.78
    }

    .desktop\:size-8 {
        height: 2rem;
        width: 2rem
    }

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

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

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

    .desktop\:h-14 {
        height: 3.5rem
    }

    .desktop\:h-20 {
        height: 5rem
    }

    .desktop\:h-\[125px\] {
        height: 125px
    }

    .desktop\:h-\[354px\] {
        height: 354px
    }

    .desktop\:h-\[380px\] {
        height: 380px
    }

    .desktop\:h-\[384px\] {
        height: 384px
    }

    .desktop\:h-\[424px\] {
        height: 424px
    }

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

    .desktop\:h-full {
        height: 100%
    }

    .desktop\:h-size-control-xl {
        height: 44px
    }

    .desktop\:h-spacing-48 {
        height: 48px
    }

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

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

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

    .desktop\:w-1\/2 {
        width: 50%
    }

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

    .desktop\:w-\[125px\] {
        width: 125px
    }

    .desktop\:w-\[289px\] {
        width: 289px
    }

    .desktop\:w-\[330px\] {
        width: 330px
    }

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

    .desktop\:w-\[427px\] {
        width: 427px
    }

    .desktop\:w-\[calc\(100\%_\+_40px\)\] {
        width: calc(100% + 40px)
    }

    .desktop\:w-full {
        width: 100%
    }

    .desktop\:w-spacing-48 {
        width: 48px
    }

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

    .desktop\:min-w-max {
        min-width: -moz-max-content;
        min-width: max-content
    }

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

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

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

    .desktop\:max-w-width-modal-desktop-m {
        max-width: 600px
    }

    .desktop\:basis-\[11\%\] {
        flex-basis: 11%
    }

    .desktop\:basis-\[14\%\] {
        flex-basis: 14%
    }

    .desktop\:basis-\[944px\] {
        flex-basis: 944px
    }

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

    .desktop\:-translate-x-1\/2, .desktop\:-translate-x-\[25\%\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

    .desktop\:-translate-x-\[50\%\] {
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

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

    .desktop\:grid-cols-\[557fr_787fr\] {
        grid-template-columns:557fr 787fr
    }

    .desktop\:grid-cols-\[787fr_557fr\] {
        grid-template-columns:787fr 557fr
    }

    .desktop\:flex-row {
        flex-direction: row
    }

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

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

    .desktop\:gap-\[132px\] {
        gap: 132px
    }

    .desktop\:gap-spacing-20 {
        gap: 20px
    }

    .desktop\:gap-spacing-40 {
        gap: 40px
    }

    .desktop\:gap-spacing-8 {
        gap: 8px
    }

    .desktop\:overflow-visible {
        overflow: visible
    }

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

    .desktop\:rounded-container-m {
        border-radius: 16px
    }

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

    .desktop\:bg-\[rgba\(187\2c 235\2c 0\2c 0\.1\)\] {
        background-color: rgba(187, 235, 0, .1)
    }

    .desktop\:bg-\[rgba\(31\2c 33\2c 35\.1\)\] {
        --tw-bg-opacity: 1;
        background-color: rgba(31, 33, 35.1, var(--tw-bg-opacity, 1))
    }

    .desktop\:\!p-spacing-16 {
        padding: 16px !important
    }

    .desktop\:p-spacing-24 {
        padding: 24px
    }

    .desktop\:p-spacing-32 {
        padding: 32px
    }

    .desktop\:p-spacing-8 {
        padding: 8px
    }

    .desktop\:\!px-spacing-16 {
        padding-left: 16px !important;
        padding-right: 16px !important
    }

    .desktop\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .desktop\:px-spacing-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .desktop\:px-spacing-24 {
        padding-left: 24px;
        padding-right: 24px
    }

    .desktop\:px-spacing-32 {
        padding-left: 32px;
        padding-right: 32px
    }

    .desktop\:px-spacing-4 {
        padding-left: 4px;
        padding-right: 4px
    }

    .desktop\:px-spacing-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .desktop\:px-spacing-8 {
        padding-left: 8px;
        padding-right: 8px
    }

    .desktop\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .desktop\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .desktop\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .desktop\:py-\[62px\] {
        padding-bottom: 62px;
        padding-top: 62px
    }

    .desktop\:py-spacing-16 {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .desktop\:pb-0 {
        padding-bottom: 0
    }

    .desktop\:pb-20 {
        padding-bottom: 5rem
    }

    .desktop\:pr-spacing-20 {
        padding-right: 20px
    }

    .desktop\:pr-spacing-24 {
        padding-right: 24px
    }

    .desktop\:pr-spacing-40 {
        padding-right: 40px
    }

    .desktop\:pt-14 {
        padding-top: 3.5rem
    }

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

    .desktop\:\!text-\[40px\] {
        font-size: 40px !important
    }

    .desktop\:\!text-\[48px\] {
        font-size: 48px !important
    }

    .desktop\:text-\[108px\] {
        font-size: 108px
    }

    .desktop\:text-\[16px\] {
        font-size: 16px
    }

    .desktop\:text-\[24px\] {
        font-size: 24px
    }

    .desktop\:text-\[28px\] {
        font-size: 28px
    }

    .desktop\:text-\[36px\] {
        font-size: 36px
    }

    .desktop\:text-\[40px\] {
        font-size: 40px
    }

    .desktop\:text-\[48px\] {
        font-size: 48px
    }

    .desktop\:text-\[56px\] {
        font-size: 56px
    }

    .desktop\:font-bold {
        font-weight: 700
    }

    .desktop\:font-medium {
        font-weight: 500
    }

    .desktop\:\!leading-\[40px\] {
        line-height: 40px !important
    }

    .desktop\:\!leading-\[50px\] {
        line-height: 50px !important
    }

    .desktop\:\!leading-\[60px\] {
        line-height: 60px !important
    }

    .desktop\:leading-\[120px\] {
        line-height: 120px
    }

    .desktop\:leading-\[1\] {
        line-height: 1
    }

    .desktop\:leading-\[44px\] {
        line-height: 44px
    }

    .desktop\:leading-\[60px\] {
        line-height: 60px
    }
}

@media (min-width: 1920px) {
    .desktopXl\:left-\[15\%\] {
        left: 15%
    }

    .desktopXl\:left-auto {
        left: auto
    }

    .desktopXl\:right-0 {
        right: 0
    }

    .desktopXl\:h-\[413\] {
        height: 413
    }

    .desktopXl\:w-\[385\] {
        width: 385
    }

    .desktopXl\:basis-\[11\%\] {
        flex-basis: 11%
    }

    .desktopXl\:basis-\[8\%\] {
        flex-basis: 8%
    }

    .desktopXl\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

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

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

    .desktopXl\:items-center {
        align-items: center
    }

    .desktopXl\:pt-0 {
        padding-top: 0
    }
}

.\[\&\+\*\]\:data-\[state\=active\]\:\*\:bg-transparent > [data-state=active] + *, .\[\&\+\*\]\:hover\:\*\:bg-transparent > :hover + * {
    background-color: transparent
}

.\[\&\:\:-webkit-file-upload-button\]\:hidden::-webkit-file-upload-button {
    display: none
}

.has-\[\:enabled\]\:hover\:\[\&\:not\(\:focus-within\)\]\:border-border-container:not(:focus-within):hover:has(:enabled) {
    border-color: rgb(var(--border-container))
}

.\[\&\>button\]\:hidden > button {
    display: none
}

.\[\&\>p\:first-child\]\:mb-spacing-16 > p:first-child {
    margin-bottom: 16px
}

.\[\&\>p\:first-child\]\:text-content-primary > p:first-child {
    color: rgb(var(--content-primary))
}

.\[\&\>path\]\:fill-bg-static-white > path {
    fill: rgb(var(--bg-static-white))
}

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

.\[\&_svg\]\:animate-spin svg {
    animation: spin 1s linear infinite
}