*,
::backdrop,
: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: #3b82f680;
    --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 #e5e7eb;
    box-sizing: border-box
}

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

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: var(--ui-font-families-body, Montserrat);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-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: initial
}

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: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: initial
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    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
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.\!static {
    position: static !important
}

.static {
    position: static
}

.\!fixed {
    position: fixed !important
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.\!relative {
    position: relative !important
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

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

.\!left-0 {
    left: 0 !important
}

.\!left-\[-10px\] {
    left: -10px !important
}

.\!left-input-label-gap {
    left: var(--ui-spacing-input-label-gap, 45px);
    !important
}

.\!right-\[-10px\] {
    right: -10px !important
}

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

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

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

.bottom-0 {
    bottom: 0
}

.bottom-14 {
    bottom: 3.5rem
}

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

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

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

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

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

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

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

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

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

.left-2 {
    left: .5rem
}

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

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

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

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

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

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

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

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

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

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

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

.right-10 {
    right: 2.5rem
}

.right-2 {
    right: .5rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.right-6 {
    right: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-10 {
    top: 2.5rem
}

.top-16 {
    top: 4rem
}

.top-2 {
    top: .5rem
}

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

.top-20 {
    top: 5rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-5 {
    top: 1.25rem
}

.top-8 {
    top: 2rem
}

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

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

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

.top-\[-27\.5vw\] {
    top: -27.5vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.top-sportCategoryCard-imagePosition-top-xs {
    top: var(--ui-spacing-sport-category-card-image-position-top-xs, -11px)
}

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

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

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

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

.row-span-1 {
    grid-row: span 1/span 1
}

.row-span-2 {
    grid-row: span 2/span 2
}

.m-0 {
    margin: 0
}

.\!mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.\!mx-navbar-gap {
    margin-left: var(--ui-spacing-navbar-gap, 12px);
    margin-right: var(--ui-spacing-navbar-gap, 12px);
    !important
}

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

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

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.mx-\[-4px\] {
    margin-left: -4px;
    margin-right: -4px
}

.mx-\[-8px\] {
    margin-left: -8px;
    margin-right: -8px
}

.mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px
}

.mx-\[2px\] {
    margin-left: 2px;
    margin-right: 2px
}

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

.mx-sportCategoriesSection-gap-xs {
    margin-left: var(--ui-spacing-sport-categories-section-gap-xs, 8px);
    margin-right: var(--ui-spacing-sport-categories-section-gap-xs, 8px)
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

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

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

.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.my-\[-2px\] {
    margin-bottom: -2px;
    margin-top: -2px
}

.my-\[2\.5px\] {
    margin-bottom: 2.5px;
    margin-top: 2.5px
}

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

.my-gamesPage-title-xs {
    margin-bottom: var(--ui-spacing-games-page-title-xs, 32px 0);
    margin-top: var(--ui-spacing-games-page-title-xs, 32px 0)
}

.my-paymentMethods-separator-xs {
    margin-bottom: var(--ui-spacing-payment-methods-separator-xs, 32px);
    margin-top: var(--ui-spacing-payment-methods-separator-xs, 32px)
}

.\!mr-2 {
    margin-right: .5rem !important
}

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

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

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

.mb-3 {
    margin-bottom: .75rem
}

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

.mb-6 {
    margin-bottom: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb-paymentDetailCard-gap-xs {
    margin-bottom: var(--ui-spacing-payment-detail-card-gap-xs, 16px)
}

.mb-promotionCard-button-group-xs {
    margin-bottom: var(--ui-spacing-promotion-card-button-group-xs, 8px)
}

.mb-promotionCard-gap-xs {
    margin-bottom: var(--ui-spacing-promotion-card-gap-xs, 12px)
}

.mb-searchGames-header-gap {
    margin-bottom: var(--ui-spacing-search-games-header-gap, 8px)
}

.ml-2 {
    margin-left: .5rem
}

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

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

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

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

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

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

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

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

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

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

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

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

.mt-10 {
    margin-top: 2.5rem
}

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

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.mt-cancelRegister-text {
    margin-top: var(--ui-spacing-cancel-register-text, 16px)
}

.mt-checkbox-error {
    margin-top: var(--ui-spacing-checkbox-error, -20px)
}

.mt-footer-container-top-xs {
    margin-top: var(--ui-spacing-footer-container-top-xs, 0)
}

.mt-maintenancePage-gap {
    margin-top: var(--ui-spacing-maintenance-page-gap, 0)
}

.mt-register-button-xs {
    margin-top: var(--ui-spacing-register-button-xs, 16px)
}

.mt-register-social-button-xs {
    margin-top: var(--ui-spacing-register-social-button-xs, 48px)
}

.mt-register-wrapper-gap-xs {
    margin-top: var(--ui-spacing-register-wrapper-gap-xs, 16px)
}

.mt-searchGames-wrapper-gap-xs {
    margin-top: var(--ui-spacing-search-games-wrapper-gap-xs, 8px)
}

.box-content {
    box-sizing: initial
}

.\!block {
    display: block !important
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-\[409\/500\] {
    aspect-ratio: 409/500
}

.aspect-\[var\(--ui-total-jackpot-aspect-ratio\)\] {
    aspect-ratio: var(--ui-total-jackpot-aspect-ratio)
}

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

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

.\!h-6 {
    height: 1.5rem !important
}

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

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

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

.h-0 {
    height: 0
}

.h-10 {
    height: 2.5rem
}

.h-2 {
    height: .5rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-\[2\.5px\] {
    height: 2.5px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h-activeBonusCard-height-xs {
    height: var(--ui-sizing-active-bonus-card-height-xs, auto)
}

.h-auto {
    height: auto
}

.h-availableBonusCard-height-2xl {
    height: var(--ui-sizing-available-bonus-card-height-2xl, 312px)
}

.h-availableBonusCard-height-xs {
    height: var(--ui-sizing-available-bonus-card-height-xs, 278px)
}

.h-balance-history-container-xs {
    height: var(--ui-sizing-balance-history-container-xs, 48px)
}

.h-baseToggle-container-height {
    height: var(--ui-sizing-base-toggle-container-height, 30px)
}

.h-baseToggle-span-height {
    height: var(--ui-sizing-base-toggle-span-height, 24px)
}

.h-bottomNavigation-image-height {
    height: var(--ui-sizing-bottom-navigation-image-height, 32px)
}

.h-cashier-modal-warning-icon {
    height: var(--ui-sizing-cashier-modal-warning-icon, 20px)
}

.h-categoryCardImage-sm {
    height: var(--ui-sizing-category-card-image-sm, 72px)
}

.h-categoryCardImage-xs {
    height: var(--ui-sizing-category-card-image-xs, 64px)
}

.h-cryptoDepositBanner-icon-xs {
    height: var(--ui-sizing-crypto-deposit-banner-icon-xs, 44px)
}

.h-dvh {
    height: 100dvh
}

.h-fit {
    height: fit-content
}

.h-full {
    height: 100%
}

.h-gamesPage-title-minHeight-xs {
    height: var(--ui-sizing-games-page-title-min-height-xs, 96)
}

.h-header-button-image {
    height: var(--ui-sizing-header-button-image, 24px)
}

.h-heroSection-video-logged-xl {
    height: var(--ui-sizing-hero-section-video-logged-xl, 650px)
}

.h-heroSection-video-logged-xs {
    height: var(--ui-sizing-hero-section-video-logged-xs, 600px)
}

.h-heroSection-video-notLogged-xl {
    height: var(--ui-sizing-hero-section-video-not-logged-xl, 540px)
}

.h-input-height {
    height: var(--ui-sizing-input-height, 48px)
}

.h-kycVerification-error-height-xs {
    height: var(--ui-sizing-kyc-verification-error-height-xs, 312px)
}

.h-languageButton-flag-xs {
    height: var(--ui-sizing-language-button-flag-xs, 32px)
}

.h-latestWins-image-xs {
    height: var(--ui-sizing-latest-wins-image-xs, 116px)
}

.h-loader-height {
    height: var(--ui-spacing-loader-height, 94px)
}

.h-loaderInner-height {
    height: var(--ui-spacing-loader-inner-height, 42px)
}

.h-logo-xs {
    height: var(--ui-sizing-logo-xs, 42px)
}

.h-noBonusCard-height-xs {
    height: var(--ui-sizing-no-bonus-card-height-xs, auto)
}

.h-partnerCard-image-height {
    height: var(--ui-sizing-partner-card-image-height, 26px)
}

.h-paymentCrypto-height-xs {
    height: var(--ui-sizing-payment-crypto-height-xs, 24px)
}

.h-paymentDetailCard-logo-height {
    height: var(--ui-sizing-payment-detail-card-logo-height, 40px)
}

.h-paymentDetailCard-xs {
    height: var(--ui-sizing-payment-detail-card-xs, 168px)
}

.h-paymentMasterCard-height-xs {
    height: var(--ui-sizing-payment-master-card-height-xs, 24px)
}

.h-paymentVisa-height-xs {
    height: var(--ui-sizing-payment-visa-height-xs, 24px)
}

.h-pendingBonusCard-height-2xl {
    height: var(--ui-sizing-pending-bonus-card-height-2xl, 312px)
}

.h-pendingBonusCard-height-xs {
    height: var(--ui-sizing-pending-bonus-card-height-xs, 278px)
}

.h-promotionsPage-card-height-lg {
    height: var(--ui-sizing-promotions-page-card-height-lg, 337px)
}

.h-promotionsPage-card-height-xs {
    height: var(--ui-sizing-promotions-page-card-height-xs, 240px)
}

.h-providerCard-image-height-xs {
    height: var(--ui-sizing-provider-card-image-height-xs, 48px)
}

.h-register-image {
    height: var(--ui-sizing-register-image, 72px)
}

.h-searchGames-noResults-image-xs {
    height: var(--ui-sizing-search-games-no-results-image-xs, 72px)
}

.h-sectionHeader-arrow-height {
    height: var(--ui-sizing-section-header-arrow-height, 23px)
}

.h-select-defaultOption {
    height: var(--ui-sizing-select-default-option, 56px)
}

.h-sportCategoryCard-title-height-xs {
    height: var(--ui-sizing-sport-category-card-title-height-xs, 44px)
}

.h-theHeader-xs {
    height: var(--ui-sizing-the-header-xs, 48px)
}

.h-totalJackpot-videoHeight-xs {
    height: var(--ui-sizing-total-jackpot-video-height-xs, 380px)
}

.h-transactionsTable-icon-xs {
    height: var(--ui-sizing-transactions-table-icon-xs, 32px)
}

.h-verificationCard-image-height-xs {
    height: var(--ui-sizing-verification-card-image-height-xs, 210px)
}

.h-vip-video-carousel-xs {
    height: var(--ui-sizing-vip-video-carousel-xs, auto)
}

.h-vip-video-height-xs {
    height: var(--ui-sizing-vip-video-height-xs, auto)
}

.h-vip-widget-icon-lg {
    height: var(--ui-sizing-vip-widget-icon-lg, 78px)
}

.h-vip-widget-icon-xs {
    height: var(--ui-sizing-vip-widget-icon-xs, 14px)
}

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

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

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

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

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

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

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

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

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

.max-h-quickLinks-subtitle-maxHeight-xs {
    max-height: var(--ui-sizing-quick-links-subtitle-max-height-xs, 120px)
}

.max-h-quickLinks-title-maxHeight-xs {
    max-height: var(--ui-sizing-quick-links-title-max-height-xs, 246px)
}

.max-h-transactionsTable-container-sm {
    max-height: var(--ui-sizing-transactions-table-container-sm, 520px)
}

.max-h-transactionsTable-container-xs {
    max-height: var(--ui-sizing-transactions-table-container-xs, 410px)
}

.\!min-h-\[140vh\] {
    min-height: 140vh !important
}

.\!min-h-fit {
    min-height: fit-content !important
}

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

.min-h-10 {
    min-height: 2.5rem
}

.min-h-8 {
    min-height: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-h-balance-icon {
    min-height: var(--ui-sizing-balance-icon, 20px)
}

.min-h-bonusOptions-card-height {
    min-height: var(--ui-sizing-bonus-options-card-height, 56px)
}

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

.min-h-heroSection-video-notLogged-xs {
    min-height: var(--ui-sizing-hero-section-video-not-logged-xs, 352px)
}

.min-h-menu-button {
    min-height: var(--ui-sizing-menu-button, 40px)
}

.min-h-menu-quickLink-minHeight {
    min-height: var(--ui-sizing-menu-quick-link-min-height, 48px)
}

.min-h-optionsSwitcher-container-height-xs {
    min-height: var(--ui-sizing-options-switcher-container-height-xs, 36px)
}

.min-h-register-wrapper-height {
    min-height: var(--ui-sizing-register-wrapper-height, 722px)
}

.min-h-rewardback-card-wrapper-xs {
    min-height: var(--ui-sizing-rewardback-card-wrapper-xs, 182px)
}

.min-h-rewardback-detailsCard-wrapper-height-xs {
    min-height: var(--ui-sizing-rewardback-details-card-wrapper-height-xs, 500px)
}

.min-h-rewardback-menu-wrapper-xs {
    min-height: var(--ui-sizing-rewardback-menu-wrapper-xs, 95px)
}

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

.min-h-sportCategoriesSection-minHeight-xs {
    min-height: var(--ui-sizing-sport-categories-section-min-height-xs, 136px)
}

.min-h-totalJackpot-videoHeight-xs {
    min-height: var(--ui-sizing-total-jackpot-video-height-xs, 380px)
}

.min-h-userBoardCard-listIcon {
    min-height: var(--ui-sizing-user-board-card-list-icon, 24px)
}

.min-h-vip-description-xs {
    min-height: var(--ui-sizing-vip-description-xs, 582px)
}

.min-h-vip-widget-height-xs {
    min-height: var(--ui-sizing-vip-widget-height-xs, 914px)
}

.min-h-vip-widget-tooltip-height {
    min-height: var(--ui-sizing-vip-widget-tooltip-height, 62px)
}

.\!w-6 {
    width: 1.5rem !important
}

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

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

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

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

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

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

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

.\!w-\[calc\(100\%\/2\.1-8px\)\] {
    width: calc(47.61905% - 8px) !important
}

.\!w-\[calc\(100\%\/3\.1-8px\)\] {
    width: calc(32.25806% - 2px) !important
}

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

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

.w-10 {
    width: 2.5rem
}

.w-2 {
    width: .5rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-\[calc\(100\%\/3-8px\)\] {
    width: calc(33.33333% - 8px)
}

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

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

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

.w-activeBonusCard-width-xs {
    width: var(--ui-sizing-active-bonus-card-width-xs, auto)
}

.w-advantageCard-xs {
    width: var(--ui-sizing-advantage-card-xs, 48px)
}

.w-auto {
    width: auto
}

.w-avatar-width-xs {
    width: var(--ui-sizing-avatar-width-xs, 48px)
}

.w-balance-history-container-xs {
    width: var(--ui-sizing-balance-history-container-xs, 48px)
}

.w-balance-icon {
    width: var(--ui-sizing-balance-icon, 20px)
}

.w-baseToggle-container-width {
    width: var(--ui-sizing-base-toggle-container-width, 30px)
}

.w-baseToggle-span-width {
    width: var(--ui-sizing-base-toggle-span-width, 24px)
}

.w-bottomNavigation-image-width {
    width: var(--ui-sizing-bottom-navigation-image-width, 32px)
}

.w-cancelRegister-xs {
    width: var(--ui-sizing-cancel-register-xs, 320px)
}

.w-cashier-modal-warning-icon {
    width: var(--ui-sizing-cashier-modal-warning-icon, 20px)
}

.w-categoryCardImage-xs {
    width: var(--ui-sizing-category-card-image-xs, 64px)
}

.w-cryptoDepositBanner-icon-xs {
    width: var(--ui-sizing-crypto-deposit-banner-icon-xs, 44px)
}

.w-dashboardTransactionCard-image-xs {
    width: var(--ui-sizing-dashboard-transaction-card-image-xs, 72px)
}

.w-expandableMenu-icon-width {
    width: var(--ui-sizing-expandable-menu-icon-width, 35px)
}

.w-expandableMenu-item-icon-width {
    width: var(--ui-sizing-expandable-menu-item-icon-width, 24px)
}

.w-fit {
    width: fit-content
}

.w-footerPage-image-xs {
    width: var(--ui-sizing-footer-page-image-xs, 56px)
}

.w-full {
    width: 100%
}

.w-gameCard-placeholder-logo-xs {
    width: var(--ui-sizing-game-card-placeholder-logo-xs, 48px)
}

.w-headerLayoutSwitcher-icon {
    width: var(--ui-sizing-header-layout-switcher-icon, 18px)
}

.w-headline-icon-xs {
    width: var(--ui-sizing-headline-icon-xs, 20px)
}

.w-heroContent-button-width-xs {
    width: var(--ui-sizing-hero-content-button-width-xs, 248px)
}

.w-heroContent-container-width-xs {
    width: var(--ui-sizing-hero-content-container-width-xs, 100%)
}

.w-img-circular-xs {
    width: var(--ui-sizing-img-circular-xs, 108px)
}

.w-iphonePromo-background-xs {
    width: var(--ui-sizing-iphone-promo-background-xs, 600px)
}

.w-kycVerification-error-width-xs {
    width: var(--ui-sizing-kyc-verification-error-width-xs, auto)
}

.w-languageButton-flag-xs {
    width: var(--ui-sizing-language-button-flag-xs, 32px)
}

.w-latestWins-image-xs {
    width: var(--ui-sizing-latest-wins-image-xs, 116px)
}

.w-loader-width {
    width: var(--ui-spacing-loader-width, 94px)
}

.w-loaderInner-width {
    width: var(--ui-spacing-loader-inner-width, 42px)
}

.w-max {
    width: max-content
}

.w-menu-categoryIcon-xs {
    width: var(--ui-sizing-menu-category-icon-xs, 24px)
}

.w-menu-quickLink-icon-width {
    width: var(--ui-sizing-menu-quick-link-icon-width, 40px)
}

.w-paymentCrypto-width-xs {
    width: var(--ui-sizing-payment-crypto-width-xs, 70px)
}

.w-paymentDetailCard-logo-width {
    width: var(--ui-sizing-payment-detail-card-logo-width, 136px)
}

.w-paymentMasterCard-width-xs {
    width: var(--ui-sizing-payment-master-card-width-xs, 100px)
}

.w-paymentMethod-image-xs {
    width: var(--ui-sizing-payment-method-image-xs, 102px)
}

.w-paymentVisa-width-xs {
    width: var(--ui-sizing-payment-visa-width-xs, 60px)
}

.w-providerCard-image-width-xs {
    width: var(--ui-sizing-provider-card-image-width-xs, 120px)
}

.w-quickUserMenu-avatar-width-sm {
    width: var(--ui-sizing-quick-user-menu-avatar-width-sm, 88px)
}

.w-quickUserMenu-avatar-width-xs {
    width: var(--ui-sizing-quick-user-menu-avatar-width-xs, 88px)
}

.w-quickUserMenu-container-width-xs {
    width: var(--ui-sizing-quick-user-menu-container-width-xs, 100%)
}

.w-register-image {
    width: var(--ui-sizing-register-image, 72px)
}

.w-register-wrapper-width-xs {
    width: var(--ui-sizing-register-wrapper-width-xs, 100%)
}

.w-rewardback-card-image-xs {
    width: var(--ui-sizing-rewardback-card-image-xs, 280px)
}

.w-rewardback-card-wrapper-width-xs {
    width: var(--ui-sizing-rewardback-card-wrapper-width-xs, 100%)
}

.w-rewardback-detailsCard-image-2xl {
    width: var(--ui-sizing-rewardback-details-card-image-2xl, 198px)
}

.w-rewardback-detailsCard-image-xs {
    width: var(--ui-sizing-rewardback-details-card-image-xs, 160px)
}

.w-rewardback-detailsCard-startImage-lg {
    width: var(--ui-sizing-rewardback-details-card-start-image-lg, 120%)
}

.w-screen {
    width: 100vw
}

.w-searchGames-noResults-image-xs {
    width: var(--ui-sizing-search-games-no-results-image-xs, 72px)
}

.w-sectionHeader-arrow-width {
    width: var(--ui-sizing-section-header-arrow-width, 21px)
}

.w-shop-earnCoinsCard-image-xs {
    width: var(--ui-sizing-shop-earn-coins-card-image-xs, 24px)
}

.w-shop-notEnoughCoins-icon-xs {
    width: var(--ui-sizing-shop-not-enough-coins-icon-xs, 24px)
}

.w-sidebar-collapsed-width {
    width: var(--ui-sizing-sidebar-collapsed-width, 80px)
}

.w-sportCategoryCard-title-width-xs {
    width: var(--ui-sizing-sport-category-card-title-width-xs, 117px)
}

.w-transactionsTable-icon-xs {
    width: var(--ui-sizing-transactions-table-icon-xs, 32px)
}

.w-userBoardCard-listIcon {
    width: var(--ui-sizing-user-board-card-list-icon, 24px)
}

.w-userBoardLevel-xs {
    width: var(--ui-sizing-user-board-level-xs, 40px)
}

.w-vip-levelCard-image-xs {
    width: var(--ui-sizing-vip-level-card-image-xs, 88px)
}

.w-vip-widget-icon-lg {
    width: var(--ui-sizing-vip-widget-icon-lg, 78px)
}

.w-vip-widget-icon-sm {
    width: var(--ui-sizing-vip-widget-icon-sm, 70px)
}

.w-vip-widget-icon-xs {
    width: var(--ui-sizing-vip-widget-icon-xs, 14px)
}

.\!min-w-\[auto\] {
    min-width: auto !important
}

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

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

.min-w-8 {
    min-width: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.min-w-balance-container-icon-minWidth {
    min-width: var(--ui-sizing-balance-container-icon-min-width, 36px)
}

.min-w-balance-text-minWidth {
    min-width: var(--ui-sizing-balance-text-min-width, auto)
}

.min-w-button-menu-minWidth {
    min-width: var(--ui-sizing-button-menu-min-width, auto)
}

.min-w-fit {
    min-width: fit-content
}

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

.min-w-headerLayoutSwitcher-container {
    min-width: var(--ui-sizing-header-layout-switcher-container, 100px)
}

.min-w-languageButton-xs {
    min-width: var(--ui-sizing-language-button-xs, 88px)
}

.min-w-latestWins-image-xs {
    min-width: var(--ui-sizing-latest-wins-image-xs, 116px)
}

.min-w-login-modal-width {
    min-width: var(--ui-sizing-login-modal-width, 420px)
}

.min-w-optionsSwitcher-container-width-xs {
    min-width: var(--ui-sizing-options-switcher-container-width-xs, 122px)
}

.min-w-pendingBonusCard-width-sm {
    min-width: var(--ui-sizing-pending-bonus-card-width-sm, 316px)
}

.min-w-promotionCard-width-xs {
    min-width: var(--ui-sizing-promotion-card-width-xs, 0)
}

.min-w-quickUserMenu-container-width-xs {
    min-width: var(--ui-sizing-quick-user-menu-container-width-xs, 100%)
}

.min-w-vip-card-width-xs {
    min-width: var(--ui-sizing-vip-card-width-xs, auto)
}

.min-w-vip-levelCard-size-sm {
    min-width: var(--ui-sizing-vip-level-card-size-sm, 290px)
}

.min-w-vip-widget-tooltip-width {
    min-width: var(--ui-sizing-vip-widget-tooltip-width, 64px)
}

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

.max-w-\[100vw\] {
    max-width: 100vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.max-w-\[fit-content\] {
    max-width: fit-content
}

.max-w-accountPage-maxWidth {
    max-width: var(--ui-sizing-account-page-max-width, 1400px)
}

.max-w-action-maxWidth {
    max-width: var(--ui-sizing-action-max-width, 400px)
}

.max-w-availableBonusCard-container-maxWidth-xs {
    max-width: var(--ui-sizing-available-bonus-card-container-max-width-xs, 392px)
}

.max-w-balance-text-maxWidth {
    max-width: var(--ui-sizing-balance-text-max-width, 100%)
}

.max-w-bonusOptions-card-readonly-sm {
    max-width: var(--ui-sizing-bonus-options-card-readonly-sm, 320px)
}

.max-w-bonusOptions-card-readonly-xs {
    max-width: var(--ui-sizing-bonus-options-card-readonly-xs, 284px)
}

.max-w-contactPreferences-card-maxWidth {
    max-width: var(--ui-sizing-contact-preferences-card-max-width, 680px)
}

.max-w-cryptoDepositBanner-container-width {
    max-width: var(--ui-sizing-crypto-deposit-banner-container-width, 1039px)
}

.max-w-cryptoDepositBanner-wrapper-width {
    max-width: var(--ui-sizing-crypto-deposit-banner-wrapper-width, 1559px)
}

.max-w-errorPage-image-maxWidth-xs {
    max-width: var(--ui-sizing-error-page-image-max-width-xs, 230px)
}

.max-w-errorPage-text-maxWidth-xs {
    max-width: var(--ui-sizing-error-page-text-max-width-xs, 320px)
}

.max-w-errorPage-title-maxWidth-xs {
    max-width: var(--ui-sizing-error-page-title-max-width-xs, 268px)
}

.max-w-footerPage-maxWidth-xs {
    max-width: var(--ui-sizing-footer-page-max-width-xs, 912px)
}

.max-w-gameCard-buttonsContainer-width {
    max-width: var(--ui-sizing-game-card-buttons-container-width, 100px)
}

.max-w-gamesPage-maxWidth {
    max-width: var(--ui-sizing-games-page-max-width, 1560px)
}

.max-w-homeContent-maxWidth {
    max-width: var(--ui-sizing-home-content-max-width, 1560px)
}

.max-w-myBonuses-maxWidth {
    max-width: var(--ui-sizing-my-bonuses-max-width, 1500px)
}

.max-w-noBonusCard-maxWidth-xs {
    max-width: var(--ui-sizing-no-bonus-card-max-width-xs, 360px)
}

.max-w-optionsSwitcher-container-width-xs {
    max-width: var(--ui-sizing-options-switcher-container-width-xs, 122px)
}

.max-w-pendingBonusCard-container-maxWidth-xs {
    max-width: var(--ui-sizing-pending-bonus-card-container-max-width-xs, 392px)
}

.max-w-pendingBonusCard-image-maxWidth-sm {
    max-width: var(--ui-sizing-pending-bonus-card-image-max-width-sm, 320px)
}

.max-w-promoButton-text {
    max-width: var(--ui-sizing-promo-button-text, 280px)
}

.max-w-promotionCard-content-maxWidth-xs {
    max-width: var(--ui-sizing-promotion-card-content-max-width-xs, 250px)
}

.max-w-promotionDetailsPage-maxWidth {
    max-width: var(--ui-sizing-promotion-details-page-max-width, 1400px)
}

.max-w-promotionsPage-card-maxWidth-xs {
    max-width: var(--ui-sizing-promotions-page-card-max-width-xs, 100%)
}

.max-w-promotionsPage-maxWidth {
    max-width: var(--ui-sizing-promotions-page-max-width, 1599px)
}

.max-w-rewardback-detailsCard-info-xs {
    max-width: var(--ui-sizing-rewardback-details-card-info-xs, 254px)
}

.max-w-rewardback-detailsCard-startImage-xs {
    max-width: var(--ui-sizing-rewardback-details-card-start-image-xs, 120%)
}

.max-w-rewardback-menu-content-xs {
    max-width: var(--ui-sizing-rewardback-menu-content-xs, 100%)
}

.max-w-rewardbackPage-maxWidth {
    max-width: var(--ui-sizing-rewardback-page-max-width, 1400px)
}

.max-w-vip-description-lg {
    max-width: var(--ui-sizing-vip-description-lg, 880px)
}

.max-w-vip-description-xs {
    max-width: var(--ui-sizing-vip-description-xs, 582px)
}

.max-w-vip-page-container-maxWidth {
    max-width: var(--ui-sizing-vip-page-container-max-width, 1400px)
}

.max-w-vip-page-levels-container-maxWidth {
    max-width: var(--ui-sizing-vip-page-levels-container-max-width, 1400px)
}

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

.shrink-0 {
    flex-shrink: 0
}

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

.origin-bottom {
    transform-origin: bottom
}

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

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

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

.-translate-y-0 {
    --tw-translate-y: -0px
}

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

.-translate-y-1 {
    --tw-translate-y: -.25rem
}

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

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

.-translate-y-2 {
    --tw-translate-y: -.5rem
}

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

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

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

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

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

.translate-y-0 {
    --tw-translate-y: 0px
}

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

.-rotate-90,
.translate-y-\[-10px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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-0 {
    --tw-rotate: 0deg
}

.rotate-0,
.rotate-180 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(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-\[-90deg\] {
    --tw-rotate: -90deg
}

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

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

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

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

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

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

.scale-\[1\.5\] {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

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

.animate-\[spin_0\.4s_linear_infinite\] {
    animation: spin .4s linear infinite
}

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

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

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

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

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

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

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

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.scroll-my-10 {
    scroll-margin-bottom: 2.5rem;
    scroll-margin-top: 2.5rem
}

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

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

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

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

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

.grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto
}

.grid-cols-\[minmax\(120px\,_217px\)_minmax\(120px\,_217px\)\] {
    grid-template-columns: minmax(120px, 217px) minmax(120px, 217px)
}

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

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

.flex-row {
    flex-direction: row
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.\!flex-col {
    flex-direction: column !important
}

.flex-col {
    flex-direction: column
}

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

.\!flex-wrap {
    flex-wrap: wrap !important
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

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

.\!items-start {
    align-items: flex-start !important
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.\!justify-start {
    justify-content: flex-start !important
}

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

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

.\!justify-center {
    justify-content: center !important
}

.justify-center {
    justify-content: center
}

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

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

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

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}

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

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

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

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

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

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

.gap-accountPage-cards-gap-xs {
    gap: var(--ui-spacing-account-page-cards-gap-xs, 16px)
}

.gap-accountPage-columnGap-xs {
    gap: var(--ui-spacing-account-page-column-gap-xs, 16px)
}

.gap-accountPage-rowGap-xs {
    gap: var(--ui-spacing-account-page-row-gap-xs, 16px)
}

.gap-action-gap {
    gap: var(--ui-spacing-action-gap, 24px)
}

.gap-action-title-gap {
    gap: var(--ui-spacing-action-title-gap, 12px)
}

.gap-activeBonusCard-gap-xs {
    gap: var(--ui-spacing-active-bonus-card-gap-xs, 16px)
}

.gap-activeBonusCard-promotionInfo-details-gap-xs {
    gap: var(--ui-spacing-active-bonus-card-promotion-info-details-gap-xs, 4px)
}

.gap-activeBonusCard-promotionInfo-gap-xs {
    gap: var(--ui-spacing-active-bonus-card-promotion-info-gap-xs, 4px)
}

.gap-activeBonusCard-title-gap-xs {
    gap: var(--ui-spacing-active-bonus-card-title-gap-xs, 4px)
}

.gap-auth-actionLinks-gap {
    gap: var(--ui-spacing-auth-action-links-gap, 16px)
}

.gap-auth-form-gap {
    gap: var(--ui-spacing-auth-form-gap, 8px)
}

.gap-auth-text-gap {
    gap: var(--ui-spacing-auth-text-gap, 16px)
}

.gap-auth-title-gap-xs {
    gap: var(--ui-spacing-auth-title-gap-xs, 16px)
}

.gap-auth-wrapper-gap-xs {
    gap: var(--ui-spacing-auth-wrapper-gap-xs, 24px)
}

.gap-availableBonusCard-buttons-gap-xs {
    gap: var(--ui-spacing-available-bonus-card-buttons-gap-xs, 16px)
}

.gap-availableBonusCard-gap-xs {
    gap: var(--ui-spacing-available-bonus-card-gap-xs, 24px)
}

.gap-availableBonusCard-title-gap-xs {
    gap: var(--ui-spacing-available-bonus-card-title-gap-xs, 4px)
}

.gap-balance-gap {
    gap: var(--ui-spacing-balance-gap, 4px)
}

.gap-baseRadio-gap {
    gap: var(--ui-spacing-base-radio-gap, 8px)
}

.gap-bonusOptions-card-gap-xs {
    gap: var(--ui-spacing-bonus-options-card-gap-xs, 8px)
}

.gap-bonusOptions-container-gap-xs {
    gap: var(--ui-spacing-bonus-options-container-gap-xs, 16px)
}

.gap-button-dashboardTransactionCard-action-gap-xs {
    gap: var(--ui-spacing-button-dashboard-transaction-card-action-gap-xs, 16px)
}

.gap-button-dashboardTransactionCard-icon-gap-xs {
    gap: var(--ui-spacing-button-dashboard-transaction-card-icon-gap-xs, 8px)
}

.gap-button-menu-gap-xs {
    gap: var(--ui-spacing-button-menu-gap-xs, 8px)
}

.gap-cancelRegister-buttons-gap {
    gap: var(--ui-spacing-cancel-register-buttons-gap, 8px)
}

.gap-cancelRegister-title-gap {
    gap: var(--ui-spacing-cancel-register-title-gap, 8px)
}

.gap-cancelRegister-wrapper-gap {
    gap: var(--ui-spacing-cancel-register-wrapper-gap, 32px)
}

.gap-cashier-modal-column-gap {
    gap: var(--ui-spacing-cashier-modal-column-gap, 8px)
}

.gap-cashier-modal-container-gap-xs {
    gap: var(--ui-spacing-cashier-modal-container-gap-xs, 24px)
}

.gap-cashier-modal-details-gap {
    gap: var(--ui-spacing-cashier-modal-details-gap, 16px)
}

.gap-cashier-modal-details-icon {
    gap: var(--ui-spacing-cashier-modal-details-icon, 8px)
}

.gap-cashier-modal-label-gap {
    gap: var(--ui-spacing-cashier-modal-label-gap, 4px)
}

.gap-category-card-gap {
    gap: var(--ui-spacing-category-card-gap, 8px)
}

.gap-checkbox-gap {
    gap: var(--ui-spacing-checkbox-gap, 8px)
}

.gap-contactPreferences-card-gap-xs {
    gap: var(--ui-spacing-contact-preferences-card-gap-xs, 32px)
}

.gap-contactPreferences-card-title-gap-xs {
    gap: var(--ui-spacing-contact-preferences-card-title-gap-xs, 16px)
}

.gap-cryptoDepositBanner-container-gap-xs {
    gap: var(--ui-spacing-crypto-deposit-banner-container-gap-xs, 16px)
}

.gap-cryptoDepositBanner-iconsWrapper-gap-xs {
    gap: var(--ui-spacing-crypto-deposit-banner-icons-wrapper-gap-xs, 16px)
}

.gap-dashboardBonusCard-gap-xs {
    gap: var(--ui-spacing-dashboard-bonus-card-gap-xs, 16px)
}

.gap-depositCard-button-gap-xs {
    gap: var(--ui-spacing-deposit-card-button-gap-xs, 8px)
}

.gap-depositCard-flexGap-xs {
    gap: var(--ui-spacing-deposit-card-flex-gap-xs, 8px)
}

.gap-expandableMenu-gap {
    gap: var(--ui-spacing-expandable-menu-gap, 8px)
}

.gap-expandableMenu-item-gap {
    gap: var(--ui-spacing-expandable-menu-item-gap, 8px)
}

.gap-favoritesGames-section-gap-xs {
    gap: var(--ui-spacing-favorites-games-section-gap-xs, 2px)
}

.gap-footer-gap-row-sm {
    gap: var(--ui-spacing-footer-gap-row-sm, 40px)
}

.gap-footerPage-column-gap {
    gap: var(--ui-spacing-footer-page-column-gap, 32px)
}

.gap-footerPage-gap {
    gap: var(--ui-spacing-footer-page-gap, 32px)
}

.gap-footerPage-paymentMethods-gridGap {
    gap: var(--ui-spacing-footer-page-payment-methods-grid-gap, 16px)
}

.gap-footerPage-row-gap {
    gap: var(--ui-spacing-footer-page-row-gap, 16px)
}

.gap-footerPage-title-gap {
    gap: var(--ui-spacing-footer-page-title-gap, 8px)
}

.gap-gameCard-buttons-gap {
    gap: var(--ui-spacing-game-card-buttons-gap, 10px)
}

.gap-gameFooter-gap-xs {
    gap: var(--ui-spacing-game-footer-gap-xs, 16px)
}

.gap-gameHeader-gap-xs {
    gap: var(--ui-spacing-game-header-gap-xs, 4px)
}

.gap-gamesPage-gridGap-xs {
    gap: var(--ui-spacing-games-page-grid-gap-xs, 10px)
}

.gap-gamesSection-seeText-container-gap {
    gap: var(--ui-spacing-games-section-see-text-container-gap, 12px)
}

.gap-header-gap-xs {
    gap: var(--ui-spacing-header-gap-xs, 8px)
}

.gap-headline-xs {
    gap: var(--ui-spacing-headline-xs, 8px)
}

.gap-heroContent-gap-xs {
    gap: var(--ui-spacing-hero-content-gap-xs, 16px)
}

.gap-heroContent-title-gap-xs {
    gap: var(--ui-spacing-hero-content-title-gap-xs, 4px)
}

.gap-homeContent-gap-xs {
    gap: var(--ui-spacing-home-content-gap-xs, 24px)
}

.gap-languageButton-gap {
    gap: var(--ui-spacing-language-button-gap, 4px)
}

.gap-menu-quickLink-gap-xs {
    gap: var(--ui-spacing-menu-quick-link-gap-xs, 8px)
}

.gap-menuSearch-gap {
    gap: var(--ui-spacing-menu-search-gap, 6px)
}

.gap-navbarItem-gap {
    gap: var(--ui-spacing-navbar-item-gap, 8px)
}

.gap-noBonusCard-gap {
    gap: var(--ui-spacing-no-bonus-card-gap, 24px)
}

.gap-partnersSection-gap-xs {
    gap: var(--ui-spacing-partners-section-gap-xs, 12px)
}

.gap-pendingBonusCard-gap-xs {
    gap: var(--ui-spacing-pending-bonus-card-gap-xs, 24px)
}

.gap-pendingBonusCard-title-gap-xs {
    gap: var(--ui-spacing-pending-bonus-card-title-gap-xs, 4px)
}

.gap-personalInfoCard-form-gap-xs {
    gap: var(--ui-spacing-personal-info-card-form-gap-xs, 8px)
}

.gap-personalInfoCard-title-gap-xs {
    gap: var(--ui-spacing-personal-info-card-title-gap-xs, 24px)
}

.gap-promoPage-gap-xs {
    gap: var(--ui-spacing-promo-page-gap-xs, 32px)
}

.gap-promoPage-image-gap-xs {
    gap: var(--ui-spacing-promo-page-image-gap-xs, 24px)
}

.gap-promotionCard-button-group-xs {
    gap: var(--ui-spacing-promotion-card-button-group-xs, 8px)
}

.gap-promotionCard-campaignDetails-gap-xs {
    gap: var(--ui-spacing-promotion-card-campaign-details-gap-xs, 4px)
}

.gap-promotionCard-title-gap-xs {
    gap: var(--ui-spacing-promotion-card-title-gap-xs, 2px)
}

.gap-promotionDetailsPage-gap-xs {
    gap: var(--ui-spacing-promotion-details-page-gap-xs, 16px)
}

.gap-promotionInfo-gap {
    gap: var(--ui-spacing-promotion-info-gap, 24px)
}

.gap-promotionInfo-text-gap-xs {
    gap: var(--ui-spacing-promotion-info-text-gap-xs, 12px)
}

.gap-promotionPage-gap-xs {
    gap: var(--ui-spacing-promotion-page-gap-xs, 12px)
}

.gap-promotionTerms-gap {
    gap: var(--ui-spacing-promotion-terms-gap, 24px)
}

.gap-promotionTerms-text-gap-xs {
    gap: var(--ui-spacing-promotion-terms-text-gap-xs, 24px)
}

.gap-promotionsPage-gap-xs {
    gap: var(--ui-spacing-promotions-page-gap-xs, 32px)
}

.gap-promotionsPage-grid-gap-xs {
    gap: var(--ui-spacing-promotions-page-grid-gap-xs, 8px)
}

.gap-register-checkboxList-gap {
    gap: var(--ui-spacing-register-checkbox-list-gap, 16px)
}

.gap-register-form-gap {
    gap: var(--ui-spacing-register-form-gap, 8px)
}

.gap-register-social-title-gap-xs {
    gap: var(--ui-spacing-register-social-title-gap-xs, 36px)
}

.gap-register-social-wrapper-gap-xs {
    gap: var(--ui-spacing-register-social-wrapper-gap-xs, 24px)
}

.gap-register-title-gap-xs {
    gap: var(--ui-spacing-register-title-gap-xs, 16px)
}

.gap-register-wrapper-gap-sm {
    gap: var(--ui-spacing-register-wrapper-gap-sm, 24px)
}

.gap-register-wrapper-gap-xs {
    gap: var(--ui-spacing-register-wrapper-gap-xs, 16px)
}

.gap-rewardback-card-container-gap {
    gap: var(--ui-spacing-rewardback-card-container-gap, 12px)
}

.gap-rewardback-detailsCard-gap-container-xs {
    gap: var(--ui-spacing-rewardback-details-card-gap-container-xs, 24px)
}

.gap-rewardback-detailsCard-gap-text-xs {
    gap: var(--ui-spacing-rewardback-details-card-gap-text-xs, 12px)
}

.gap-rewardback-detailsCard-text-gap-xs {
    gap: var(--ui-spacing-rewardback-details-card-text-gap-xs, 16px)
}

.gap-rewardback-menu-container-gap {
    gap: var(--ui-spacing-rewardback-menu-container-gap, 8px)
}

.gap-rewardbackPage-gap-xs {
    gap: var(--ui-spacing-rewardback-page-gap-xs, 16px)
}

.gap-searchGames-wrapper-gap-xs {
    gap: var(--ui-spacing-search-games-wrapper-gap-xs, 8px)
}

.gap-sectionHeader-arrows-gap {
    gap: var(--ui-spacing-section-header-arrows-gap, 8px)
}

.gap-securityCard-title-gap {
    gap: var(--ui-spacing-security-card-title-gap, 8px)
}

.gap-securityCard-wrapper-gap {
    gap: var(--ui-spacing-security-card-wrapper-gap, 16px)
}

.gap-shop-modal-container-gap-lg {
    gap: var(--ui-sizing-shop-modal-container-gap-lg, 32px)
}

.gap-shop-modal-container-gap-xs {
    gap: var(--ui-sizing-shop-modal-container-gap-xs, 16px)
}

.gap-shop-modal-content-gap-xs {
    gap: var(--ui-sizing-shop-modal-content-gap-xs, 40px)
}

.gap-shop-modal-details-gap-xs {
    gap: var(--ui-sizing-shop-modal-details-gap-xs, 8px)
}

.gap-shop-modal-header-gap-xs {
    gap: var(--ui-sizing-shop-modal-header-gap-xs, 16px)
}

.gap-shop-modal-itemCard-gap-xs {
    gap: var(--ui-sizing-shop-modal-item-card-gap-xs, 4px)
}

.gap-sidebar-collapsed-gap {
    gap: var(--ui-spacing-sidebar-collapsed-gap, 8px)
}

.gap-sidebar-gap-xs {
    gap: var(--ui-spacing-sidebar-gap-xs, 12px)
}

.gap-stepCounter-form-gap {
    gap: var(--ui-spacing-step-counter-form-gap, 8px)
}

.gap-stickyMobile-gap-xs {
    gap: var(--ui-spacing-sticky-mobile-gap-xs, 16px)
}

.gap-textCard-title-gap {
    gap: var(--ui-spacing-text-card-title-gap, 32px)
}

.gap-userBoardCard-balance-gap {
    gap: var(--ui-spacing-user-board-card-balance-gap, 24px)
}

.gap-userBoardCard-balance-total-gap {
    gap: var(--ui-spacing-user-board-card-balance-total-gap, 4px)
}

.gap-userBoardCard-gap {
    gap: var(--ui-spacing-user-board-card-gap, 16px)
}

.gap-userBoardCard-header-columnGap-xs {
    gap: var(--ui-spacing-user-board-card-header-column-gap-xs, 16px)
}

.gap-userBoardCard-header-rowGap-xs {
    gap: var(--ui-spacing-user-board-card-header-row-gap-xs, 8px)
}

.gap-userBoardCard-list-gap {
    gap: var(--ui-spacing-user-board-card-list-gap, 12px)
}

.gap-userBoardCard-list-item-gap {
    gap: var(--ui-spacing-user-board-card-list-item-gap, 8px)
}

.gap-userBoardCard-progress-bar-gap-xs {
    gap: var(--ui-spacing-user-board-card-progress-bar-gap-xs, 4px)
}

.gap-userBoardCard-progress-pointsUntil-gap {
    gap: var(--ui-spacing-user-board-card-progress-points-until-gap, 4px)
}

.gap-userBoardCard-progress-title-columnGap {
    gap: var(--ui-spacing-user-board-card-progress-title-column-gap, 4px)
}

.gap-userBoardCard-progress-title-rowGap {
    gap: var(--ui-spacing-user-board-card-progress-title-row-gap, 8px)
}

.gap-userMenu-title-gap {
    gap: var(--ui-spacing-user-menu-title-gap, 8px)
}

.gap-userMenu-wrapper-gap {
    gap: var(--ui-spacing-user-menu-wrapper-gap, 24px)
}

.gap-verificationCard-title-gap {
    gap: var(--ui-spacing-verification-card-title-gap, 16px)
}

.gap-verificationCard-verified-gap-xs {
    gap: var(--ui-spacing-verification-card-verified-gap-xs, 8px)
}

.gap-verificationCard-wrapper-gap-xs {
    gap: var(--ui-spacing-verification-card-wrapper-gap-xs, 16px)
}

.gap-vip-description-accordion-gap-sm {
    gap: var(--ui-spacing-vip-description-accordion-gap-sm, 24px)
}

.gap-vip-description-accordion-gap-xs {
    gap: var(--ui-spacing-vip-description-accordion-gap-xs, 16px)
}

.gap-vip-levelCard-gap-xs {
    gap: var(--ui-spacing-vip-level-card-gap-xs, 16px)
}

.gap-vip-page-gap-md {
    gap: var(--ui-spacing-vip-page-gap-md, 32px)
}

.gap-vip-page-gap-xs {
    gap: var(--ui-spacing-vip-page-gap-xs, 32px)
}

.gap-vip-topSection-gap-xs {
    gap: var(--ui-spacing-vip-top-section-gap-xs, 16px)
}

.gap-vip-vipAdvantages-section-gap-xs {
    gap: var(--ui-spacing-vip-vip-advantages-section-gap-xs, 12px)
}

.gap-vip-vipAdvantages-title-gap-lg {
    gap: var(--ui-spacing-vip-vip-advantages-title-gap-lg, 24px)
}

.gap-vip-vipAdvantages-title-gap-xs {
    gap: var(--ui-spacing-vip-vip-advantages-title-gap-xs, 16px)
}

.gap-x-1 {
    column-gap: .25rem
}

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

.gap-x-4 {
    column-gap: 1rem
}

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

.gap-x-language-gridGap-column-xs {
    column-gap: var(--ui-spacing-language-grid-gap-column-xs, 16px)
}

.gap-x-menu-gridGap-horizontal-xs {
    column-gap: var(--ui-spacing-menu-grid-gap-horizontal-xs, 0)
}

.gap-y-4 {
    row-gap: 1rem
}

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

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

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

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

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

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

.gap-y-footer-gap-row-sm {
    row-gap: var(--ui-spacing-footer-gap-row-sm, 40px)
}

.gap-y-footer-gap-row-xs {
    row-gap: var(--ui-spacing-footer-gap-row-xs, 0)
}

.gap-y-language-gridGap-row-xs {
    row-gap: var(--ui-spacing-language-grid-gap-row-xs, 16px)
}

.gap-y-rewardback-claim-container-gap {
    row-gap: var(--ui-spacing-rewardback-claim-container-gap, 16px)
}

.gap-y-rewardback-infoCard-gap-text-xs {
    row-gap: var(--ui-spacing-rewardback-info-card-gap-text-xs, 12px)
}

.gap-y-shop-earnCoinsCard-gap-vertical {
    row-gap: var(--ui-sizing-shop-earn-coins-card-gap-vertical, 16px)
}

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

.justify-self-start {
    justify-self: start
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

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

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

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

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

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

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

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

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

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

.overflow-ellipsis,
.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

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

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

.text-nowrap {
    text-wrap: nowrap
}

.text-balance {
    text-wrap: balance
}

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

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

.rounded {
    border-radius: .25rem
}

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

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

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

.rounded-activeBonusCard-container {
    border-radius: var(--ui-border-radius-active-bonus-card-container, 16px)
}

.rounded-activeBonusCard-icon {
    border-radius: var(--ui-border-radius-active-bonus-card-icon, 8px)
}

.rounded-activeWithdrawal {
    border-radius: var(--ui-border-radius-active-withdrawal, 8px)
}

.rounded-availableBonusCard-container-sm {
    border-radius: var(--ui-border-radius-available-bonus-card-container-sm, 16px)
}

.rounded-availableBonusCard-container-xs {
    border-radius: var(--ui-border-radius-available-bonus-card-container-xs, 16px)
}

.rounded-availableBonusCard-image-xs {
    border-radius: var(--ui-border-radius-available-bonus-card-image-xs, 0 0 16px 16px)
}

.rounded-balance {
    border-radius: var(--ui-border-radius-balance, 36px)
}

.rounded-baseRadio-container {
    border-radius: var(--ui-border-radius-base-radio-container, 6px)
}

.rounded-button {
    border-radius: var(--ui-border-radius-button, 999px)
}

.rounded-buttonMenu {
    border-radius: var(--ui-border-radius-button-menu, 0)
}

.rounded-cashier-modal-warning {
    border-radius: var(--ui-border-radius-cashier-modal-warning, 12px)
}

.rounded-category-card {
    border-radius: var(--ui-border-radius-category-card, 36px)
}

.rounded-contactPreferences-card {
    border-radius: var(--ui-border-radius-contact-preferences-card, 16px)
}

.rounded-dashboardBonusCard {
    border-radius: var(--ui-border-radius-dashboard-bonus-card, 16px)
}

.rounded-dashboardTransactionCard {
    border-radius: var(--ui-border-radius-dashboard-transaction-card, 16px)
}

.rounded-depositCard-default {
    border-radius: var(--ui-border-radius-deposit-card-default, 16px)
}

.rounded-expandableMenu {
    border-radius: var(--ui-border-radius-expandable-menu, 0)
}

.rounded-filterButton {
    border-radius: var(--ui-border-radius-filter-button, 12px)
}

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

.rounded-gameCard-container {
    border-radius: var(--ui-border-radius-game-card-container, 8px 0)
}

.rounded-gameCard-label {
    border-radius: var(--ui-border-radius-game-card-label, 12px)
}

.rounded-gameCard-placeholder {
    border-radius: var(--ui-border-radius-game-card-placeholder, 8px 0)
}

.rounded-gamesPage-title-xs {
    border-radius: var(--ui-border-radius-games-page-title-xs, 8px)
}

.rounded-header {
    border-radius: var(--ui-border-radius-header, 0)
}

.rounded-headerIcon {
    border-radius: var(--ui-border-radius-header-icon, 8px)
}

.rounded-iPayments-totalAmount {
    border-radius: var(--ui-border-radius-i-payments-total-amount, 4px)
}

.rounded-input {
    border-radius: var(--ui-border-radius-input, 36px)
}

.rounded-languageButton {
    border-radius: var(--ui-border-radius-language-button, 0)
}

.rounded-lg {
    border-radius: var(--ui-border-radius-lg, 8px)
}

.rounded-md {
    border-radius: .375rem
}

.rounded-menu-divider {
    border-radius: var(--ui-border-radius-menu-divider, 4px)
}

.rounded-menu-item {
    border-radius: var(--ui-border-radius-menu-item, 8px)
}

.rounded-menu-quickLink {
    border-radius: var(--ui-border-radius-menu-quick-link, 0)
}

.rounded-menuSearch {
    border-radius: var(--ui-border-radius-menu-search, 999px)
}

.rounded-modal {
    border-radius: var(--ui-border-radius-modal, 22px)
}

.rounded-navCard {
    border-radius: var(--ui-border-radius-nav-card, 8px)
}

.rounded-navbarItem {
    border-radius: var(--ui-border-radius-navbar-item, 8px)
}

.rounded-noBonusCard-description {
    border-radius: var(--ui-border-radius-no-bonus-card-description, 16px)
}

.rounded-noBonusCard-placeholder {
    border-radius: var(--ui-border-radius-no-bonus-card-placeholder, 16px)
}

.rounded-optionsSwitcher {
    border-radius: var(--ui-border-radius-options-switcher, 24px)
}

.rounded-paymentDetailCard {
    border-radius: var(--ui-border-radius-payment-detail-card, 8px)
}

.rounded-paymentDetailCard-default {
    border-radius: var(--ui-border-radius-payment-detail-card-default, 16px)
}

.rounded-paymentDetailCard-outerContainer {
    border-radius: var(--ui-border-radius-payment-detail-card-outer-container, 20px)
}

.rounded-paymentMethod {
    border-radius: var(--ui-border-radius-payment-method, 4px)
}

.rounded-paymentOperationTypeSwitcher {
    border-radius: var(--ui-border-radius-payment-operation-type-switcher, 8px)
}

.rounded-pendingBonusCard-container-sm {
    border-radius: var(--ui-border-radius-pending-bonus-card-container-sm, 16px)
}

.rounded-pendingBonusCard-container-xs {
    border-radius: var(--ui-border-radius-pending-bonus-card-container-xs, 16px)
}

.rounded-pendingBonusCard-icon {
    border-radius: var(--ui-border-radius-pending-bonus-card-icon, 8px)
}

.rounded-pendingBonusCard-image-xs {
    border-radius: var(--ui-border-radius-pending-bonus-card-image-xs, 16px 16px 0 0)
}

.rounded-personalInfoCard-xs {
    border-radius: var(--ui-border-radius-personal-info-card-xs, 16px)
}

.rounded-promotionCard {
    border-radius: var(--ui-border-radius-promotion-card, 0)
}

.rounded-promotionDetailCard {
    border-radius: var(--ui-border-radius-promotion-detail-card, 8px)
}

.rounded-promotionDetailCard-image {
    border-radius: var(--ui-border-radius-promotion-detail-card-image, 22px 22px 0 0)
}

.rounded-promotionDetailCard-wrapper {
    border-radius: var(--ui-border-radius-promotion-detail-card-wrapper, 22px)
}

.rounded-promotionDetailCardContent {
    border-radius: var(--ui-border-radius-promotion-detail-card-content, 0 0 22px 22px)
}

.rounded-promotionInfo {
    border-radius: var(--ui-border-radius-promotion-info, 22px)
}

.rounded-promotionTerms {
    border-radius: var(--ui-border-radius-promotion-terms, 22px)
}

.rounded-providerCard-default {
    border-radius: var(--ui-border-radius-provider-card-default, 16px)
}

.rounded-providerCard-outerContainer {
    border-radius: var(--ui-border-radius-provider-card-outer-container, 20px)
}

.rounded-quickUserMenu {
    border-radius: var(--ui-border-radius-quick-user-menu, 16px)
}

.rounded-quickUserMenuItem {
    border-radius: var(--ui-border-radius-quick-user-menu-item, 0)
}

.rounded-rewardback-card-wrapper {
    border-radius: var(--ui-border-radius-rewardback-card-wrapper, 20px)
}

.rounded-rewardback-detailsCard {
    border-radius: var(--ui-border-radius-rewardback-details-card, 22px)
}

.rounded-rewardback-infoCard {
    border-radius: var(--ui-border-radius-rewardback-info-card, 22px)
}

.rounded-rewardback-menu-container {
    border-radius: var(--ui-border-radius-rewardback-menu-container, 0)
}

.rounded-searchGames-searchResultProviderCard {
    border-radius: var(--ui-border-radius-search-games-search-result-provider-card, 8px)
}

.rounded-select-expanded {
    border-radius: var(--ui-border-radius-select-expanded, 0 0 6px 6px)
}

.rounded-select-list {
    border-radius: var(--ui-border-radius-select-list, 0)
}

.rounded-select-open {
    border-radius: var(--ui-border-radius-select-open, 24px 24px 0 0)
}

.rounded-shop-itemCard-betLabel {
    border-radius: var(--ui-border-radius-shop-item-card-bet-label, 8px)
}

.rounded-shop-itemCard-vipLabel {
    border-radius: var(--ui-border-radius-shop-item-card-vip-label, 8px)
}

.rounded-shop-itemCard-wrapper {
    border-radius: var(--ui-border-radius-shop-item-card-wrapper, 16px)
}

.rounded-shop-modal-itemCard-image {
    border-radius: var(--ui-border-radius-shop-modal-item-card-image, 16px)
}

.rounded-shop-vipSpecialPrices-item {
    border-radius: var(--ui-border-radius-shop-vip-special-prices-item, 10px)
}

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

.rounded-stickyMobile {
    border-radius: var(--ui-border-radius-sticky-mobile, 0)
}

.rounded-tab {
    border-radius: var(--ui-border-radius-tab, 4px)
}

.rounded-transactionsTable-container-xs {
    border-radius: var(--ui-border-radius-transactions-table-container-xs, 8px)
}

.rounded-transactionsTable-filterIcon-xs {
    border-radius: var(--ui-border-radius-transactions-table-filter-icon-xs, 4px)
}

.rounded-userBoardCard-border {
    border-radius: var(--ui-border-radius-user-board-card-border, 22px)
}

.rounded-verificationCard-xs {
    border-radius: var(--ui-border-radius-verification-card-xs, 20px)
}

.rounded-vip-advantageCard {
    border-radius: var(--ui-border-radius-vip-advantage-card, 16px)
}

.rounded-vip-description {
    border-radius: var(--ui-border-radius-vip-description, 16px)
}

.rounded-vip-faqCard {
    border-radius: var(--ui-border-radius-vip-faq-card, 20px)
}

.rounded-vip-levelCard {
    border-radius: var(--ui-border-radius-vip-level-card, 16px)
}

.rounded-vip-vipLevelCard {
    border-radius: var(--ui-border-radius-vip-vip-level-card, 24px)
}

.rounded-vip-widget {
    border-radius: var(--ui-border-radius-vip-widget, 16px)
}

.rounded-vip-widgetTooltip {
    border-radius: var(--ui-border-radius-vip-widget-tooltip, 8px)
}

.rounded-xl {
    border-radius: var(--ui-border-radius-xl, 16px)
}

.rounded-b-\[inherit\] {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.rounded-b-balance {
    border-bottom-left-radius: var(--ui-border-radius-balance, 36px);
    border-bottom-right-radius: var(--ui-border-radius-balance, 36px)
}

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

.rounded-b-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-b-promotionCard {
    border-bottom-left-radius: var(--ui-border-radius-promotion-card, 0);
    border-bottom-right-radius: var(--ui-border-radius-promotion-card, 0)
}

.rounded-b-promotionDetailCard {
    border-bottom-left-radius: var(--ui-border-radius-promotion-detail-card, 8px);
    border-bottom-right-radius: var(--ui-border-radius-promotion-detail-card, 8px)
}

.rounded-b-rewardback-detailsCard {
    border-bottom-left-radius: var(--ui-border-radius-rewardback-details-card, 22px);
    border-bottom-right-radius: var(--ui-border-radius-rewardback-details-card, 22px)
}

.rounded-b-textCard {
    border-bottom-left-radius: var(--ui-border-radius-text-card, 16px);
    border-bottom-right-radius: var(--ui-border-radius-text-card, 16px)
}

.rounded-l-2xl {
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem
}

.rounded-l-\[inherit\] {
    border-bottom-left-radius: inherit;
    border-top-left-radius: inherit
}

.rounded-l-lg {
    border-bottom-left-radius: var(--ui-border-radius-lg, 8px);
    border-top-left-radius: var(--ui-border-radius-lg, 8px)
}

.rounded-r-md {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.rounded-r-modal {
    border-bottom-right-radius: var(--ui-border-radius-modal, 22px);
    border-top-right-radius: var(--ui-border-radius-modal, 22px)
}

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

.rounded-t-balance {
    border-top-left-radius: var(--ui-border-radius-balance, 36px);
    border-top-right-radius: var(--ui-border-radius-balance, 36px)
}

.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.rounded-t-promotionCard {
    border-top-left-radius: var(--ui-border-radius-promotion-card, 0);
    border-top-right-radius: var(--ui-border-radius-promotion-card, 0)
}

.rounded-t-promotionDetailCard {
    border-top-left-radius: var(--ui-border-radius-promotion-detail-card, 8px);
    border-top-right-radius: var(--ui-border-radius-promotion-detail-card, 8px)
}

.rounded-t-textCard {
    border-top-left-radius: var(--ui-border-radius-text-card, 16px);
    border-top-right-radius: var(--ui-border-radius-text-card, 16px)
}

.rounded-bl-stickyDesktop {
    border-bottom-left-radius: var(--ui-border-radius-sticky-desktop, 18px)
}

.rounded-br-lg {
    border-bottom-right-radius: var(--ui-border-radius-lg, 8px)
}

.rounded-tl-stickyDesktop {
    border-top-left-radius: var(--ui-border-radius-sticky-desktop, 18px)
}

.\!border {
    border-width: 1px !important
}

.\!border-0 {
    border-width: 0 !important
}

.border {
    border-width: 1px
}

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

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

.border-\[2px\] {
    border-width: 2px
}

.border-avatar-border {
    border-width: var(--ui-sizing-avatar-border, 1px)
}

.border-border-button {
    border-width: var(--ui-sizing-border-button, 0)
}

.border-languageButton-border {
    border-width: var(--ui-sizing-language-button-border, 0)
}

.border-quickUserMenu-border {
    border-width: var(--ui-sizing-quick-user-menu-border, 0)
}

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

.border-b-0 {
    border-bottom-width: 0
}

.border-b-\[1px\] {
    border-bottom-width: 1px
}

.border-b-border-header {
    border-bottom-width: var(--ui-sizing-border-header, 0)
}

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

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

.border-t-0 {
    border-top-width: 0
}

.border-t-border-stickyMobile {
    border-top-width: var(--ui-sizing-border-sticky-mobile, 0)
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-amountSelector-active {
    border-color: var(--ui-border-color-amount-selector-active, #0000)
}

.border-amountSelector-default {
    border-color: var(--ui-border-color-amount-selector-default, #929292)
}

.border-avatar-default {
    border-color: var(--ui-text-color-avatar-default, #fff3)
}

.border-balance-bg {
    border-color: var(--ui-background-color-balance-bg, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.border-baseRadio-default {
    border-color: var(--ui-border-color-base-radio-default, #fff)
}

.border-bonusCard {
    border-color: var(--ui-border-color-bonus-card, #929292)
}

.border-bonusOptions-card-active {
    border-color: var(--ui-border-color-bonus-options-card-active, #ffffff1a)
}

.border-bonusOptions-card-default {
    border-color: var(--ui-border-color-bonus-options-card-default, #0000)
}

.border-bottomNavigation-default {
    border-color: var(--ui-border-color-bottom-navigation-default, #fff3)
}

.border-button-details {
    border-color: var(--ui-border-color-button-details, #5a5a5a)
}

.border-button-login {
    border-color: var(--ui-border-color-button-login, #ca9733)
}

.border-button-primary-default {
    border-color: var(--ui-background-color-button-primary-default, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.border-button-register-default {
    border-color: var(--ui-background-color-button-register-default, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.border-button-secondary {
    border-color: var(--ui-border-color-button-secondary, #ca9733)
}

.border-checkbox-unchecked {
    border-color: var(--ui-border-color-checkbox-unchecked, #fff3)
}

.border-deposit-separator {
    border-color: var(--ui-border-color-deposit-separator, #ccd3de)
}

.border-expandableMenu-default {
    border-color: var(--ui-border-color-expandable-menu-default, #0000)
}

.border-expandableMenu-opened {
    border-color: var(--ui-border-color-expandable-menu-opened, #342306)
}

.border-field-error {
    border-color: var(--ui-border-color-field-error, #8e160f)
}

.border-header {
    border-color: var(--ui-border-color-header, #fff3)
}

.border-iPayments-disclaimer {
    border-color: var(--ui-background-color-i-payments-disclaimer, #2e2e2e)
}

.border-iPayments-totalAmount {
    border-color: var(--ui-border-color-i-payments-total-amount, #0000)
}

.border-input-default {
    border-color: var(--ui-border-color-input-default, #fff3)
}

.border-input-hover {
    border-color: var(--ui-border-color-input-hover, #fff6)
}

.border-input-number-default {
    border-color: var(--ui-border-color-input-number-default, #0000)
}

.border-languageButton-border-active {
    border-color: var(--ui-text-color-language-button-border-active, #0000)
}

.border-languageButton-border-default {
    border-color: var(--ui-text-color-language-button-border-default, #0000)
}

.border-menuSearch {
    border-color: var(--ui-border-color-menu-search, #353535)
}

.border-navbarItem-default {
    border-color: var(--ui-border-color-navbar-item-default, #0000)
}

.border-noBonusCard {
    border-color: var(--ui-border-color-no-bonus-card, #fff)
}

.border-optionsSwitcher-active {
    border-color: var(--ui-border-color-options-switcher-active, #0000)
}

.border-paymentMethod-default {
    border-color: var(--ui-border-color-payment-method-default, #0000)
}

.border-paymentMethods-separator {
    border-color: var(--ui-border-color-payment-methods-separator, #fff)
}

.border-paymentOperationTypeSwitcher-default {
    border-color: var(--ui-border-color-payment-operation-type-switcher-default, #0000)
}

.border-quickUserMenu-border-default {
    border-color: var(--ui-background-color-quick-user-menu-border-default, #0000)
}

.border-rewardback-card-wrapper-border {
    border-color: var(--ui-border-color-rewardback-card-wrapper-border, #0000)
}

.border-select-default {
    border-color: var(--ui-border-color-select-default, #fff3)
}

.border-select-open {
    border-color: var(--ui-border-color-select-open, #223949)
}

.border-stickyMobile {
    border-color: var(--ui-border-color-sticky-mobile, #0000)
}

.border-tab-active {
    border-color: var(--ui-border-color-tab-active, #fff)
}

.border-tab-inactive {
    border-color: var(--ui-border-color-tab-inactive, #353535)
}

.border-transactionsTable-separator {
    border-color: var(--ui-border-color-transactions-table-separator, #353535)
}

.border-transparent {
    border-color: var(--ui-colors-transparent, #0000)
}

.border-vip-cardBorder {
    border-color: var(--ui-border-color-vip-card-border, #fff3)
}

.border-b-select-open {
    border-bottom-color: var(--ui-border-color-select-open, #223949)
}

.border-l-select-open {
    border-left-color: var(--ui-border-color-select-open, #223949)
}

.border-r-select-open {
    border-right-color: var(--ui-border-color-select-open, #223949)
}

.bg-\[url\(\'\/VIP\/tooltip\.svg\'\)\] {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/VIP/tooltip.svg)
}

.bg-deposit-card-background-desktop-dark {
    background-image: url(/vip/deposit-background-desktop-dark.svg)
}

.bg-deposit-card-background-mobile-dark {
    background-image: url(/vip/deposit-background-mobile-dark.svg)
}

.bg-deposit-card-payment-crypto-dark {
    background-image: url(/vip/payment-crypto-dark.svg)
}

.bg-deposit-card-payment-mastercard-dark {
    background-image: url(/vip/payment-mastercard-dark.svg)
}

.bg-deposit-card-payment-visa-dark {
    background-image: url(/vip/payment-visa-dark.svg)
}

.bg-footer-dark {
    background-image: url(/vip/footer-dark.webp)
}

.bg-game-demo-mode {
    background-image: url(/vip/game-demo-mode.webp)
}

.bg-game-not-available-dark {
    background-image: url(/vip/game-not-available-dark.webp)
}

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

.bg-none {
    background-image: none
}

.bg-promotion-card-background {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/promotions/promotion-content-overlay.png)
}

.bg-rewardback-card {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/rewardback/rewardback-bonus-card.png)
}

.bg-rewardback-card-background {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/rewardback/rewardback-card-background.png)
}

.bg-rewardback-card-icon {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/rewardback/rewardback-icon.png)
}

.bg-rewardback-menu {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/rewardback/menu-banner.webp)
}

.bg-texture-background {
    background-image: url(/texture.png)
}

.bg-vip-description {
    background-image: url(/VIP/vip-description-background.webp)
}

.bg-vip-level-card {
    background-image: url(/VIP/levels/level-card-background.webp)
}

.bg-vip-level-card-locked {
    background-image: url(/VIP/levels/level-card-background-locked.webp)
}

.bg-vip-user-board-dark {
    background-image: url(https://cdn-vipcasino-f5b9fcctgsa4cwet.z03.azurefd.net/prod/VIP/user-board/vip-user-board-dark.webp)
}

.from-activeBonusCard-bgBorder-from {
    --tw-gradient-from: var(--ui-background-color-active-bonus-card-bg-border-from, #36301c);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gameCard-gradient-from {
    --tw-gradient-from: var(--ui-background-color-game-card-gradient-from, #f4d7a3);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gameCard-provider-bgGradient-from {
    --tw-gradient-from: var(--ui-background-color-game-card-provider-bg-gradient-from, #151e2a);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gameCard-provider-from {
    --tw-gradient-from: var(--ui-background-color-game-card-provider-from, #e6037f);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gameCard-provider-hrGradient-from {
    --tw-gradient-from: var(--ui-background-color-game-card-provider-hr-gradient-from, #ebaf49);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gamePage-title-gradient-from {
    --tw-gradient-from: var(--ui-background-color-game-page-title-gradient-from, #0000);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-main {
    --tw-gradient-from: var(--ui-background-color-main, #030b11);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-neutral-500 {
    --tw-gradient-from: var(--ui-colors-neutral-500, #929292);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pendingBonusCard-bgBorder-from {
    --tw-gradient-from: var(--ui-background-color-pending-bonus-card-bg-border-from, #36301c);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-personalInfoCard {
    --tw-gradient-from: var(--ui-background-color-personal-info-card, #242424);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary-400 {
    --tw-gradient-from: var(--ui-colors-primary-400, #ebaf49);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transactionFilters-divider-from {
    --tw-gradient-from: var(--ui-background-color-transaction-filters-divider-from, #fff0);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: var(--ui-colors-transparent, #0000);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-verificationCard {
    --tw-gradient-from: var(--ui-background-color-verification-card, #061a29);
    var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[var\(--ui-background-color-active-bonus-card-bg-border-via\)\] {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-background-color-active-bonus-card-bg-border-via) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[var\(--ui-background-color-category-card-via\)\] {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-background-color-category-card-via) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[var\(--ui-background-color-deposit-card-via\)\] {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-background-color-deposit-card-via) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[var\(--ui-background-color-menu-bg-via\)\] {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-background-color-menu-bg-via) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-\[var\(--ui-background-color-pending-bonus-card-bg-border-via\)\] {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-background-color-pending-bonus-card-bg-border-via) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-neutral-500 {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-colors-neutral-500, #929292);
    var(--tw-gradient-via-position),
    var(--tw-gradient-to)
}

.via-transactionFilters-divider-via {
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--ui-background-color-transaction-filters-divider-via, #ffffff4d);
    var(--tw-gradient-via-position),
    var(--tw-gradient-to)
}

.to-activeBonusCard-bgBorder-to {
    --tw-gradient-to: var(--ui-background-color-active-bonus-card-bg-border-to, ##FAE4A2);
    var(--tw-gradient-to-position)
}

.to-gameCard-gradient-to {
    --tw-gradient-to: var(--ui-background-color-game-card-gradient-to, #c17658);
    var(--tw-gradient-to-position)
}

.to-gameCard-provider-bgGradient-to {
    --tw-gradient-to: var(--ui-background-color-game-card-provider-bg-gradient-to, #0b0e18);
    var(--tw-gradient-to-position)
}

.to-gameCard-provider-default {
    --tw-gradient-to: var(--ui-background-color-game-card-provider-default, #353535);
    var(--tw-gradient-to-position)
}

.to-gamePage-title-gradient-to {
    --tw-gradient-to: var(--ui-background-color-game-page-title-gradient-to, #080d0a);
    var(--tw-gradient-to-position)
}

.to-neutral-500 {
    --tw-gradient-to: var(--ui-colors-neutral-500, #929292);
    var(--tw-gradient-to-position)
}

.to-pendingBonusCard-bgBorder-to {
    --tw-gradient-to: var(--ui-background-color-pending-bonus-card-bg-border-to, #fae4a2);
    var(--tw-gradient-to-position)
}

.to-transactionFilters-divider-to {
    --tw-gradient-to: var(--ui-background-color-transaction-filters-divider-to, #fff0);
    var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: var(--ui-colors-transparent, #0000);
    var(--tw-gradient-to-position)
}

.\!bg-cover {
    background-size: cover !important
}

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

.bg-\[length\:100vw_980px\] {
    background-size: 100vw 980px
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-clip-padding {
    background-clip: padding-box
}

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

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

.\!bg-top {
    background-position: top !important
}

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

.bg-\[center_right_-50px\] {
    background-position: center right -50px
}

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

.bg-left-top {
    background-position: 0 0
}

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

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

.bg-top {
    background-position: top
}

.\!bg-no-repeat {
    background-repeat: no-repeat !important
}

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

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center
}

.object-right {
    object-position: right
}

.object-top {
    object-position: top
}

.\!p-1 {
    padding: .25rem !important
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

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

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

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

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

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

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

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

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

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

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

.p-accountPage-nav-padding-xs {
    padding: var(--ui-spacing-account-page-nav-padding-xs, 24px 0)
}

.p-accountPage-padding-xs {
    padding: var(--ui-spacing-account-page-padding-xs, 0 8px 16px 8px)
}

.p-action-padding {
    padding: var(--ui-spacing-action-padding, 24px 24px 56px 24px)
}

.p-auth-padding-xs {
    padding: var(--ui-spacing-auth-padding-xs, 0 32px 56px 32px)
}

.p-availableBonusCard-content-padding-xs {
    padding: var(--ui-spacing-available-bonus-card-content-padding-xs, 0 16px)
}

.p-availableBonusCard-padding-xs {
    padding: var(--ui-spacing-available-bonus-card-padding-xs, 8px 48px 36px 48px)
}

.p-balance-padding-xs {
    padding: var(--ui-spacing-balance-padding-xs, 0 0 0 16px)
}

.p-baseRadio-container {
    padding: var(--ui-spacing-base-radio-container, 8px 16px)
}

.p-bonusOptions-card-padding {
    padding: var(--ui-spacing-bonus-options-card-padding, 8px 10px)
}

.p-bottomNavigation-image-padding {
    padding: var(--ui-spacing-bottom-navigation-image-padding, 6px)
}

.p-bottomNavigation-item-padding {
    padding: var(--ui-spacing-bottom-navigation-item-padding, 0 0 14px 0)
}

.p-button-dashboardTransactionCard-padding-xs {
    padding: var(--ui-spacing-button-dashboard-transaction-card-padding-xs, 32px 16px)
}

.p-button-details-xs {
    padding: var(--ui-spacing-button-details-xs, 12px 20px)
}

.p-button-icon {
    padding: var(--ui-spacing-button-icon, 10px)
}

.p-button-lg {
    padding: var(--ui-spacing-button-lg, 16px 24px)
}

.p-button-md {
    padding: var(--ui-spacing-button-md, 16px 24px)
}

.p-button-menu-padding-xs {
    padding: var(--ui-spacing-button-menu-padding-xs, 8px 20px)
}

.p-button-sm {
    padding: var(--ui-spacing-button-sm, 12px 20px)
}

.p-button-xs {
    padding: var(--ui-spacing-button-xs, 8px 12px)
}

.p-cancelRegister-padding-xs {
    padding: var(--ui-spacing-cancel-register-padding-xs, 0 0 60px 0)
}

.p-cancelRegister-wrapper-padding-xs {
    padding: var(--ui-spacing-cancel-register-wrapper-padding-xs, 0)
}

.p-cashier-modal-container-padding-xs {
    padding: var(--ui-spacing-cashier-modal-container-padding-xs, 24px)
}

.p-cashier-modal-details-padding {
    padding: var(--ui-spacing-cashier-modal-details-padding, 16px)
}

.p-category-icon-xs {
    padding: var(--ui-spacing-category-icon-xs, 20px)
}

.p-confirm-container-padding-xs {
    padding: var(--ui-spacing-confirm-container-padding-xs, 0 32px 56px 32px)
}

.p-contactPreferences-card-padding-xs {
    padding: var(--ui-spacing-contact-preferences-card-padding-xs, 32px)
}

.p-cryptoDepositBanner-container-padding-xs {
    padding: var(--ui-spacing-crypto-deposit-banner-container-padding-xs, 29px 32px)
}

.p-depositCard-container-xs {
    padding: var(--ui-spacing-deposit-card-container-xs, 16px)
}

.p-errorPage-image-padding-xs {
    padding: var(--ui-spacing-error-page-image-padding-xs, 0 0 12px 0)
}

.p-errorPage-title-padding-xs {
    padding: var(--ui-spacing-error-page-title-padding-xs, 0 0 4px 0)
}

.p-expandableMenu-item-padding-xs {
    padding: var(--ui-spacing-expandable-menu-item-padding-xs, 10px 16px 10px 32px)
}
@media (max-width: 767px) {
.p-expandableMenu-item-padding-xs {
    padding: var(--ui-spacing-expandable-menu-item-padding-xs, 5px 16px 2px 22px)
}
}

.p-expandableMenu-tooltip-padding {
    padding: var(--ui-spacing-expandable-menu-tooltip-padding, 4px)
}

.p-footer-item-padding-xs {
    padding: var(--ui-spacing-footer-item-padding-xs, 8px 12px)
}

.p-footer-xs {
    padding: var(--ui-spacing-footer-xs, 48px 24px)
}

.p-footerPage-padding-xs {
    padding: var(--ui-spacing-footer-page-padding-xs, 24px 8px)
}

.p-footerPage-title-padding-xs {
    padding: var(--ui-spacing-footer-page-title-padding-xs, 0)
}

.p-gameCard-label-xs {
    padding: var(--ui-spacing-game-card-label-xs, 4px 6px)
}

.p-gameCard-provider-container {
    padding: var(--ui-spacing-game-card-provider-container, 12px 20px)
}

.p-gameFooter-padding-xs {
    padding: var(--ui-spacing-game-footer-padding-xs, 4px 32px)
}

.p-gameHeader-padding-xs {
    padding: var(--ui-spacing-game-header-padding-xs, 6px 12px)
}

.p-gamesPage-padding-xs {
    padding: var(--ui-spacing-games-page-padding-xs, 24px 8px)
}

.p-gamesPage-title-xs {
    padding: var(--ui-spacing-games-page-title-xs, 32px 0)
}

.p-header-icon-padding-xs {
    padding: var(--ui-spacing-header-icon-padding-xs, 8px)
}

.p-header-padding-xs {
    padding: var(--ui-spacing-header-padding-xs, 4px 12px 10px 12px)
}

.p-homeContent-padding-lg {
    padding: var(--ui-spacing-home-content-padding-lg, 32px 32px)
}

.p-homeContent-padding-xs {
    padding: var(--ui-spacing-home-content-padding-xs, 24px 8px)
}

.p-input-container {
    padding: var(--ui-spacing-input-container, 12px 16px 12px 16px)
}

.p-inputNumber-icon-xs {
    padding: var(--ui-spacing-input-number-icon-xs, 8px)
}

.p-kycVerification-error-padding-xs {
    padding: var(--ui-spacing-kyc-verification-error-padding-xs, 12px 90px 56px 90px)
}

.p-language-padding-xs {
    padding: var(--ui-spacing-language-padding-xs, 0 24px 40px 24px)
}

.p-latestWins-padding-xs {
    padding: var(--ui-spacing-latest-wins-padding-xs, 6px 0 0 0)
}

.p-menu-quickLink-padding-xs {
    padding: var(--ui-spacing-menu-quick-link-padding-xs, 8px)
}

.p-menuSearch-padding {
    padding: var(--ui-spacing-menu-search-padding, 12px)
}

.p-myBonuses-padding-xs {
    padding: var(--ui-spacing-my-bonuses-padding-xs, 32px 16px)
}

.p-noBonusCard-content-padding-xs {
    padding: var(--ui-spacing-no-bonus-card-content-padding-xs, 72px 32px)
}

.p-optionsSwitcher-option {
    padding: var(--ui-spacing-options-switcher-option, 12px 24px)
}

.p-optionsSwitcher-padding-lg {
    padding: var(--ui-spacing-options-switcher-padding-lg, 8px 16px)
}

.p-paymentDetailCard-xs {
    padding: var(--ui-spacing-payment-detail-card-xs, 16px 24px)
}

.p-paymentMethodsTitle-xs {
    padding: var(--ui-spacing-payment-methods-title-xs, 24px)
}

.p-pendingBonusCard-content-padding-xs {
    padding: var(--ui-spacing-pending-bonus-card-content-padding-xs, 0 16px)
}

.p-personalInfoCard-padding-xs {
    padding: var(--ui-spacing-personal-info-card-padding-xs, 24px 24px 32px 24px)
}

.p-promoPage-padding-xs {
    padding: var(--ui-spacing-promo-page-padding-xs, 32px 16px)
}

.p-promotionCard-campaignDetails-padding-xs {
    padding: var(--ui-spacing-promotion-card-campaign-details-padding-xs, 8px)
}

.p-promotionCard-padding-xs {
    padding: var(--ui-spacing-promotion-card-padding-xs, 32px 16px)
}

.p-promotionDetailCard-button-padding-xs {
    padding: var(--ui-spacing-promotion-detail-card-button-padding-xs, 0)
}

.p-promotionDetailCard-padding-xs {
    padding: var(--ui-spacing-promotion-detail-card-padding-xs, 16px 32px 32px 32px)
}

.p-promotionDetailCard-title-padding-xs {
    padding: var(--ui-spacing-promotion-detail-card-title-padding-xs, 0 0 8px 0)
}

.p-promotionDetailsPage-padding-xs {
    padding: var(--ui-spacing-promotion-details-page-padding-xs, 32px 16px 0 16px)
}

.p-promotionInfo-padding-xs {
    padding: var(--ui-spacing-promotion-info-padding-xs, 48px 32px)
}

.p-promotionTerms-modal-padding-xs {
    padding: var(--ui-spacing-promotion-terms-modal-padding-xs, 12px 24px 56px 24px)
}

.p-promotionTerms-padding-xs {
    padding: var(--ui-spacing-promotion-terms-padding-xs, 48px 32px)
}

.p-promotionsPage-padding-xs {
    padding: var(--ui-spacing-promotions-page-padding-xs, 27px 8px 32px)
}

.p-promotionsPage-title-padding-xs {
    padding: var(--ui-spacing-promotions-page-title-padding-xs, 0 0 16px)
}

.p-providerCard-image-padding-xs {
    padding: var(--ui-spacing-provider-card-image-padding-xs, 8px 4px)
}

.p-providerCard-text-padding-xs {
    padding: var(--ui-spacing-provider-card-text-padding-xs, 10px 8px)
}

.p-quickLinks-subtitle-xs {
    padding: var(--ui-spacing-quick-links-subtitle-xs, 22px 16px)
}

.p-quickLinks-title-xs {
    padding: var(--ui-spacing-quick-links-title-xs, 36px 16px)
}

.p-register-padding-xs {
    padding: var(--ui-spacing-register-padding-xs, 0 32px 36px 32px)
}

.p-register-social-container-padding-xs {
    padding: var(--ui-spacing-register-social-container-padding-xs, 0 40px 60px 40px)
}

.p-rewardback-card-container-padding {
    padding: var(--ui-spacing-rewardback-card-container-padding, 26px 20px 26px 16px)
}

.p-rewardback-claim-wrapper {
    padding: var(--ui-spacing-rewardback-claim-wrapper, 0 24px 56px 24px)
}

.p-rewardback-detailsCard-padding-xs {
    padding: var(--ui-spacing-rewardback-details-card-padding-xs, 48px 24px 30px 24px)
}

.p-rewardback-infoCard-padding-xs {
    padding: var(--ui-spacing-rewardback-info-card-padding-xs, 48px 32px)
}

.p-rewardback-infoList-modal-padding-xs {
    padding: var(--ui-spacing-rewardback-info-list-modal-padding-xs, 12px 24px 56px 24px)
}

.p-rewardback-menu-container-padding {
    padding: var(--ui-spacing-rewardback-menu-container-padding, 16px 20px)
}

.p-rewardbackPage-padding-xs {
    padding: var(--ui-spacing-rewardback-page-padding-xs, 32px 16px 0 16px)
}

.p-searchGames-padding-xs {
    padding: var(--ui-spacing-search-games-padding-xs, 0 8px 16px 8px)
}

.p-searchGames-wrapper-padding {
    padding: var(--ui-spacing-search-games-wrapper-padding, 0 0 64px 0)
}

.p-sectionHeader-padding-xs {
    padding: var(--ui-spacing-section-header-padding-xs, 0 16px 4px)
}

.p-securityCard-padding-xs {
    padding: var(--ui-spacing-security-card-padding-xs, 24px 16px 32px 16px)
}

.p-select-container-padding-xs {
    padding: var(--ui-spacing-select-container-padding-xs, 0 16px)
}

.p-select-li-padding-xs {
    padding: var(--ui-spacing-select-li-padding-xs, 8px)
}

.p-select-ul-padding-xs {
    padding: var(--ui-spacing-select-ul-padding-xs, 0)
}

.p-sidebar-collapsed-padding {
    padding: var(--ui-spacing-sidebar-collapsed-padding, 16px)
}

.p-sidebar-padding-sm {
    padding: var(--ui-spacing-sidebar-padding-sm, 8px)
}

.p-sidebar-padding-xs {
    padding: var(--ui-spacing-sidebar-padding-xs, 12px 8px 84px 8px)
}

.p-sportPage-padding-xs {
    padding: var(--ui-spacing-sport-page-padding-xs, 16px 8px)
}

.p-stickyMobile-xs {
    padding: var(--ui-spacing-sticky-mobile-xs, 8px 16px)
}

.p-textCard-text-xs {
    padding: var(--ui-spacing-text-card-text-xs, 24px 24px 24px 32px)
}

.p-textCard-title-xs {
    padding: var(--ui-spacing-text-card-title-xs, 24px 24px 24px 32px)
}

.p-transactionsFilters-container-padding-xs {
    padding: var(--ui-spacing-transactions-filters-container-padding-xs, 0 24px 56px 24px)
}

.p-transactionsFilters-title-padding-xs {
    padding: var(--ui-spacing-transactions-filters-title-padding-xs, 0 0 24px 0)
}

.p-transactionsTable-wrapper-padding-xs {
    padding: var(--ui-spacing-transactions-table-wrapper-padding-xs, 16px)
}

.p-userBoardCard-header-padding-xs {
    padding: var(--ui-spacing-user-board-card-header-padding-xs, 0 0 24px 0)
}

.p-userBoardCard-padding-xs {
    padding: var(--ui-spacing-user-board-card-padding-xs, 40px 24px 48px)
}

.p-userBoardCard-progress-padding-xs {
    padding: var(--ui-spacing-user-board-card-progress-padding-xs, 0 0 24px 0)
}

.p-userMenu-items-padding {
    padding: var(--ui-spacing-user-menu-items-padding, 12px 16px)
}

.p-userMenu-padding-xs {
    padding: var(--ui-spacing-user-menu-padding-xs, 0 24px 24px)
}

.p-valueSelector-item-padding {
    padding: var(--ui-spacing-value-selector-item-padding, 6px 16px)
}

.p-verificationCard-padding-xs {
    padding: var(--ui-spacing-verification-card-padding-xs, 16px 16px 32px 16px)
}

.p-vip-advantageCard-padding-xs {
    padding: var(--ui-spacing-vip-advantage-card-padding-xs, 32px 24px)
}

.p-vip-description-padding-xs {
    padding: var(--ui-spacing-vip-description-padding-xs, 36px 24px)
}

.p-vip-levelCard-padding-xs {
    padding: var(--ui-spacing-vip-level-card-padding-xs, 34px 0)
}

.p-vip-page-padding-xs {
    padding: var(--ui-spacing-vip-page-padding-xs, 0 0 32px 0)
}

.p-vip-widget-cardContent-padding {
    padding: var(--ui-spacing-vip-widget-card-content-padding, 24px)
}

.p-vip-widget-levelCard-padding {
    padding: var(--ui-spacing-vip-widget-level-card-padding, 10px)
}

.p-vip-widget-tooltip-padding {
    padding: var(--ui-spacing-vip-widget-tooltip-padding, 6px 8px 14px)
}

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

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

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

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

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

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

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

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

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

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.px-promotionCard-bgBorder {
    padding-left: var(--ui-spacing-promotion-card-bg-border, 2px);
    padding-right: var(--ui-spacing-promotion-card-bg-border, 2px)
}

.px-promotionDetailCard-bgBorder {
    padding-left: var(--ui-spacing-promotion-detail-card-bg-border, 2px);
    padding-right: var(--ui-spacing-promotion-detail-card-bg-border, 2px)
}

.px-vip-levels-padding-sm {
    padding-left: var(--ui-spacing-vip-levels-padding-sm, 50px);
    padding-right: var(--ui-spacing-vip-levels-padding-sm, 50px)
}

.px-vip-vipAdvantages-section-padding-xs {
    padding-left: var(--ui-spacing-vip-vip-advantages-section-padding-xs, 8px);
    padding-right: var(--ui-spacing-vip-vip-advantages-section-padding-xs, 8px)
}

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

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

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

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

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

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.py-accountPage-gamesRow-padding {
    padding-bottom: var(--ui-spacing-account-page-games-row-padding, 16px 0);
    padding-top: var(--ui-spacing-account-page-games-row-padding, 16px 0)
}

.py-cashier-modal-details-padding {
    padding-bottom: var(--ui-spacing-cashier-modal-details-padding, 16px);
    padding-top: var(--ui-spacing-cashier-modal-details-padding, 16px)
}

.py-transactionsTable-noResults-xs {
    padding-bottom: var(--ui-spacing-transactions-table-no-results-xs, 48px);
    padding-top: var(--ui-spacing-transactions-table-no-results-xs, 48px)
}

.\!pb-0 {
    padding-bottom: 0 !important
}

.\!pb-\[28px\] {
    padding-bottom: 28px !important
}

.\!pr-0 {
    padding-right: 0 !important
}

.\!pt-0 {
    padding-top: 0 !important
}

.pb-0 {
    padding-bottom: 0
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

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

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

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

.pb-6 {
    padding-bottom: 1.5rem
}

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

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

.pb-\[16px\] {
    padding-bottom: 16px
}

.pb-\[1px\] {
    padding-bottom: 1px
}

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

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

.pb-\[32px\] {
    padding-bottom: 32px
}

.pb-\[40px\] {
    padding-bottom: 40px
}

.pb-\[45px\] {
    padding-bottom: 45px
}

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

.pb-\[56px\] {
    padding-bottom: 56px
}

.pb-\[64px\] {
    padding-bottom: 64px
}

.pb-\[80px\] {
    padding-bottom: 80px
}

.pb-\[8px\] {
    padding-bottom: 8px
}

.pb-countryOption-span-bottom-xs {
    padding-bottom: var(--ui-spacing-country-option-span-bottom-xs, 0)
}

.pb-favoritesGames-section-padding-sm {
    padding-bottom: var(--ui-spacing-favorites-games-section-padding-sm, 0)
}

.pb-favoritesGames-section-padding-xs {
    padding-bottom: var(--ui-spacing-favorites-games-section-padding-xs, 0)
}

.pb-gamesPage-gap-xs {
    padding-bottom: var(--ui-spacing-games-page-gap-xs, 24px)
}

.pb-gamesPage-headline-gap-xs {
    padding-bottom: var(--ui-spacing-games-page-headline-gap-xs, 16px)
}

.pb-language-gap-xs {
    padding-bottom: var(--ui-spacing-language-gap-xs, 16px)
}

.pb-promotionCard-bgBorder {
    padding-bottom: var(--ui-spacing-promotion-card-bg-border, 2px)
}

.pb-promotionCard-gap-xs {
    padding-bottom: var(--ui-spacing-promotion-card-gap-xs, 12px)
}

.pb-promotionDetailCard-bgBorder {
    padding-bottom: var(--ui-spacing-promotion-detail-card-bg-border, 2px)
}

.pb-promotionDetailCard-gap-xs {
    padding-bottom: var(--ui-spacing-promotion-detail-card-gap-xs, 24px)
}

.pb-promotionTerms-gap {
    padding-bottom: var(--ui-spacing-promotion-terms-gap, 24px)
}

.pb-rewardback-infoCard-title-padding-xs {
    padding-bottom: var(--ui-spacing-rewardback-info-card-title-padding-xs, 16px)
}

.pb-securityCard-title-gap {
    padding-bottom: var(--ui-spacing-security-card-title-gap, 8px)
}

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

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-6 {
    padding-left: 1.5rem
}

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

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

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

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

.pl-countryOption-span-left-xs {
    padding-left: var(--ui-spacing-country-option-span-left-xs, 8px)
}

.pr-0 {
    padding-right: 0
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

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

.pr-6 {
    padding-right: 1.5rem
}

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

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

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

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

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

.pr-countryOption-span-right-xs {
    padding-right: var(--ui-spacing-country-option-span-right-xs, 0)
}

.pr-input-gap {
    padding-right: var(--ui-spacing-input-gap, 8px)
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

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

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

.pt-3 {
    padding-top: .75rem
}

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

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

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

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

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

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

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

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

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

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

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

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

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

.pt-accountPage-gamesRow-padding {
    padding-top: var(--ui-spacing-account-page-games-row-padding, 16px 0)
}

.pt-countryOption-span-top-xs {
    padding-top: var(--ui-spacing-country-option-span-top-xs, 0)
}

.pt-depositCard-payments-container-xs {
    padding-top: var(--ui-spacing-deposit-card-payments-container-xs, 24px)
}

.pt-footer-gap-row-md {
    padding-top: var(--ui-spacing-footer-gap-row-md, 40px)
}

.pt-hero-top-xs {
    padding-top: var(--ui-spacing-hero-top-xs, 64px)
}

.\!text-left {
    text-align: left !important
}

.text-left {
    text-align: left
}

.\!text-center {
    text-align: center !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.font-action-text {
    font-family: var(--ui-typography-action-text-font-family, Nunito Sans)
}

.font-action-title {
    font-family: var(--ui-typography-action-title-font-family, Nunito Sans)
}

.font-activeBonusCard-info-xs {
    font-family: var(--ui-typography-active-bonus-card-info-xs-font-family, Nunito Sans)
}

.font-activeBonusCard-label-xs {
    font-family: var(--ui-typography-active-bonus-card-label-xs-font-family, Nunito Sans)
}

.font-activeBonusCard-text-xs {
    font-family: var(--ui-typography-active-bonus-card-text-xs-font-family, ivypresto-display)
}

.font-activeBonusCard-title-xs {
    font-family: var(--ui-typography-active-bonus-card-title-xs-font-family, Nunito Sans)
}

.font-activeBonusSection-title {
    font-family: var(--ui-font-families-active-bonus-section-title, Nunito Sans)
}

.font-auth-info-xs {
    font-family: var(--ui-typography-auth-info-xs-font-family, Nunito Sans)
}

.font-auth-text-xs {
    font-family: var(--ui-typography-auth-text-xs-font-family, Nunito Sans)
}

.font-auth-title-xs {
    font-family: var(--ui-typography-auth-title-xs-font-family, ivypresto-display)
}

.font-availableBonusCard-text-xs {
    font-family: var(--ui-typography-available-bonus-card-text-xs-font-family, ivypresto-display)
}

.font-availableBonusCard-title-xs {
    font-family: var(--ui-typography-available-bonus-card-title-xs-font-family, Nunito Sans)
}

.font-availableBonusSection-title {
    font-family: var(--ui-font-families-available-bonus-section-title, Nunito Sans)
}

.font-balance-number-xs {
    font-family: var(--ui-typography-balance-number-xs-font-family, Nunito Sans)
}

.font-balance-text-xs {
    font-family: var(--ui-typography-balance-text-xs-font-family, Nunito Sans)
}

.font-banner-static-title {
    font-family: var(--ui-font-families-banner-static-title, ivypresto-display)
}

.font-baseRadio-text {
    font-family: var(--ui-typography-base-radio-text-font-family, Nunito Sans)
}

.font-baseToggle-label {
    font-family: var(--ui-typography-base-toggle-label-font-family, Nunito Sans)
}

.font-bottomNavigation-text-xs {
    font-family: var(--ui-typography-bottom-navigation-text-xs-font-family, Nunito Sans)
}

.font-button-details-xs {
    font-family: var(--ui-typography-button-details-xs-font-family, haboro-contrast-extended)
}

.font-button-lg {
    font-family: var(--ui-typography-button-lg-font-family, haboro-contrast-extended)
}

.font-button-md {
    font-family: var(--ui-typography-button-md-font-family, haboro-contrast-extended)
}

.font-button-menu-text-xs {
    font-family: var(--ui-typography-button-menu-text-xs-font-family, haboro-contrast-extended)
}

.font-button-sm {
    font-family: var(--ui-typography-button-sm-font-family, haboro-contrast-extended)
}

.font-button-text-xs {
    font-family: var(--ui-typography-button-text-xs-font-family, haboro-contrast-extended)
}

.font-button-xs {
    font-family: var(--ui-typography-button-xs-font-family, haboro-contrast-extended)
}

.font-campaignPage-title {
    font-family: var(--ui-font-families-campaign-page-title, ivypresto-display)
}

.font-cancelRegister-title-xs {
    font-family: var(--ui-typography-cancel-register-title-xs-font-family, ivypresto-display)
}

.font-cashier-modal-input-label {
    font-family: var(--ui-typography-cashier-modal-input-label-font-family, Nunito Sans)
}

.font-cashier-modal-qr {
    font-family: var(--ui-typography-cashier-modal-qr-font-family, Nunito Sans)
}

.font-confirm-text-xs {
    font-family: var(--ui-typography-confirm-text-xs-font-family, Nunito Sans)
}

.font-confirm-title-xs {
    font-family: var(--ui-typography-confirm-title-xs-font-family, ivypresto-display)
}

.font-contactPreferences-card-text-xs {
    font-family: var(--ui-typography-contact-preferences-card-text-xs-font-family, Nunito Sans)
}

.font-contactPreferences-card-title-xs {
    font-family: var(--ui-typography-contact-preferences-card-title-xs-font-family, Nunito Sans)
}

.font-cryptoDepositBanner-title-xs {
    font-family: var(--ui-typography-crypto-deposit-banner-title-xs-font-family, ivypresto-display)
}

.font-dashboardBonusCard-xs {
    font-family: var(--ui-typography-dashboard-bonus-card-xs-font-family, ivypresto-display)
}

.font-dashboardTransactionCard-xs {
    font-family: var(--ui-typography-dashboard-transaction-card-xs-font-family, ivypresto-display)
}

.font-depositCard-title-sm {
    font-family: var(--ui-typography-deposit-card-title-sm-font-family, Nunito Sans)
}

.font-depositCard-title-xs {
    font-family: var(--ui-typography-deposit-card-title-xs-font-family, Nunito Sans)
}

.font-errorPage-title {
    font-family: var(--ui-font-families-error-page-title, ivypresto-display)
}

.font-expandableMenu-item-text {
    font-family: var(--ui-typography-expandable-menu-item-text-font-family, Nunito Sans)
}

.font-expandableMenu-text {
    font-family: var(--ui-typography-expandable-menu-text-font-family, Nunito Sans)
}

.font-footer-copyright {
    font-family: var(--ui-typography-footer-copyright-font-family, Nunito Sans)
}

.font-footer-item-xs {
    font-family: var(--ui-typography-footer-item-xs-font-family, Nunito Sans)
}

.font-footer-license {
    font-family: var(--ui-typography-footer-license-font-family, Nunito Sans)
}

.font-footerPage-title-xs {
    font-family: var(--ui-typography-footer-page-title-xs-font-family, ivypresto-display)
}

.font-gameCard-label-xs {
    font-family: var(--ui-typography-game-card-label-xs-font-family, Nunito Sans)
}

.font-gameCard-provider-xs {
    font-family: var(--ui-typography-game-card-provider-xs-font-family, Nunito Sans)
}

.font-gameCard-title-xs {
    font-family: var(--ui-typography-game-card-title-xs-font-family, Nunito Sans)
}

.font-gameFooter-xs {
    font-family: var(--ui-typography-game-footer-xs-font-family, Nunito Sans)
}

.font-gameHeader-xs {
    font-family: var(--ui-typography-game-header-xs-font-family, Nunito Sans)
}

.font-gamePage-title {
    font-family: var(--ui-font-families-game-page-title, ivypresto-display)
}

.font-gamePage-title-xs {
    font-family: var(--ui-typography-game-page-title-xs-font-family, Nunito Sans)
}

.font-gamesPage-title-xs {
    font-family: var(--ui-typography-games-page-title-xs-font-family, ivypresto-display)
}

.font-gamesSection-see-text {
    font-family: var(--ui-font-families-games-section-see-text, haboro-contrast-extended)
}

.font-header-item {
    font-family: var(--ui-typography-header-item-font-family, Nunito Sans)
}

.font-headline-title-lg {
    font-family: var(--ui-typography-headline-title-lg-font-family, Nunito Sans)
}

.font-headline-title-xs {
    font-family: var(--ui-typography-headline-title-xs-font-family, Nunito Sans)
}

.font-heroContent-description-xs {
    font-family: var(--ui-typography-hero-content-description-xs-font-family, Nunito Sans)
}

.font-heroContent-title-xs {
    font-family: var(--ui-typography-hero-content-title-xs-font-family, Nunito Sans)
}

.font-iPayments-selector {
    font-family: var(--ui-font-families-i-payments-selector, ivypresto-display)
}

.font-input-label-default {
    font-family: var(--ui-typography-input-label-default-font-family, Nunito Sans)
}

.font-input-text {
    font-family: var(--ui-typography-input-text-font-family, Nunito Sans)
}

.font-inputNumber-text-xs {
    font-family: var(--ui-typography-input-number-text-xs-font-family, Nunito Sans)
}

.font-jackpot-text {
    font-family: var(--ui-font-families-jackpot-text, ivypresto-display)
}

.font-jackpot-title {
    font-family: var(--ui-font-families-jackpot-title, ivypresto-display)
}

.font-kycDocuments-title {
    font-family: var(--ui-font-families-kyc-documents-title, Nunito Sans)
}

.font-kycVerification-text {
    font-family: var(--ui-font-families-kyc-verification-text, Nunito Sans)
}

.font-language-title-xs {
    font-family: var(--ui-typography-language-title-xs-font-family, ivypresto-display)
}

.font-languageButton-text-xs {
    font-family: var(--ui-typography-language-button-text-xs-font-family, Nunito Sans)
}

.font-latestWins-name-xs {
    font-family: var(--ui-typography-latest-wins-name-xs-font-family, Nunito Sans)
}

.font-latestWins-text-xs {
    font-family: var(--ui-typography-latest-wins-text-xs-font-family, Nunito Sans)
}

.font-latestWins-win-xs {
    font-family: var(--ui-typography-latest-wins-win-xs-font-family, Nunito Sans)
}

.font-menu-banner-amount-xs {
    font-family: var(--ui-typography-menu-banner-amount-xs-font-family, Nunito Sans)
}

.font-menu-banner-balance-xs {
    font-family: var(--ui-typography-menu-banner-balance-xs-font-family, Nunito Sans)
}

.font-menu-banner-xs {
    font-family: var(--ui-typography-menu-banner-xs-font-family, Nunito Sans)
}

.font-menu-quickLink-text {
    font-family: var(--ui-typography-menu-quick-link-text-font-family, Nunito Sans)
}

.font-menu-text-xs {
    font-family: var(--ui-typography-menu-text-xs-font-family, Nunito Sans)
}

.font-menuSearch-text {
    font-family: var(--ui-typography-menu-search-text-font-family, Nunito Sans)
}

.font-myBonuses-title {
    font-family: var(--ui-font-families-my-bonuses-title, ivypresto-display)
}

.font-navbarItem-xs {
    font-family: var(--ui-typography-navbar-item-xs-font-family, haboro-contrast-extended)
}

.font-noBonusCard-text-xs {
    font-family: var(--ui-typography-no-bonus-card-text-xs-font-family, Nunito Sans)
}

.font-optionsSwitcher-option-xs {
    font-family: var(--ui-typography-options-switcher-option-xs-font-family, haboro-contrast-extended)
}

.font-partnersSection-text {
    font-family: var(--ui-typography-partners-section-text-font-family, Nunito Sans)
}

.font-paymentDetailCard-text-xs {
    font-family: var(--ui-typography-payment-detail-card-text-xs-font-family, Nunito Sans)
}

.font-paymentMethodOption-xs {
    font-family: var(--ui-typography-payment-method-option-xs-font-family, Nunito Sans)
}

.font-paymentMethodsBalanceCard-balance {
    font-family: var(--ui-font-families-payment-methods-balance-card-balance, Nunito Sans)
}

.font-paymentMethodsTitle {
    font-family: var(--ui-font-families-payment-methods-title, ivypresto-display)
}

.font-paymentMethodsTitle-xs {
    font-family: var(--ui-typography-payment-methods-title-xs-font-family, ivypresto-display)
}

.font-pendingBonusCard-text-xs {
    font-family: var(--ui-typography-pending-bonus-card-text-xs-font-family, ivypresto-display)
}

.font-pendingBonusCard-title-xs {
    font-family: var(--ui-typography-pending-bonus-card-title-xs-font-family, Nunito Sans)
}

.font-pendingBonusSection-title {
    font-family: var(--ui-font-families-pending-bonus-section-title, Nunito Sans)
}

.font-personalInfoCard-text-xs {
    font-family: var(--ui-typography-personal-info-card-text-xs-font-family, Nunito Sans)
}

.font-personalInfoCard-title-xs {
    font-family: var(--ui-typography-personal-info-card-title-xs-font-family, ivypresto-display)
}

.font-primary {
    font-family: var(--ui-font-families-primary, Nunito Sans)
}

.font-promoPage-description-xs {
    font-family: var(--ui-typography-promo-page-description-xs-font-family, ivypresto-display)
}

.font-promoPage-subtitle-xs {
    font-family: var(--ui-typography-promo-page-subtitle-xs-font-family, ivypresto-display)
}

.font-promoPage-text-xs {
    font-family: var(--ui-typography-promo-page-text-xs-font-family, ivypresto-display)
}

.font-promoPage-title-xs {
    font-family: var(--ui-typography-promo-page-title-xs-font-family, ivypresto-display)
}

.font-promotionCard-text {
    font-family: var(--ui-font-families-promotion-card-text, ivypresto-display)
}

.font-promotionCard-text-sm {
    font-family: var(--ui-typography-promotion-card-text-sm-font-family, ivypresto-display)
}

.font-promotionCard-text-xs {
    font-family: var(--ui-typography-promotion-card-text-xs-font-family, ivypresto-display)
}

.font-promotionCard-title-xs {
    font-family: var(--ui-typography-promotion-card-title-xs-font-family, Nunito Sans)
}

.font-promotionDetailCard-text-xs {
    font-family: var(--ui-typography-promotion-detail-card-text-xs-font-family, ivypresto-display)
}

.font-promotionDetailCard-title-xs {
    font-family: var(--ui-typography-promotion-detail-card-title-xs-font-family, Nunito Sans)
}

.font-promotionInfo-text-xs {
    font-family: var(--ui-typography-promotion-info-text-xs-font-family, Nunito Sans)
}

.font-promotionInfo-title-xs {
    font-family: var(--ui-typography-promotion-info-title-xs-font-family, ivypresto-display)
}

.font-promotionPage-seeAll-xs {
    font-family: var(--ui-typography-promotion-page-see-all-xs-font-family, haboro-contrast-extended)
}

.font-promotionTerms-text-xs {
    font-family: var(--ui-typography-promotion-terms-text-xs-font-family, Nunito Sans)
}

.font-promotionTerms-title-xs {
    font-family: var(--ui-typography-promotion-terms-title-xs-font-family, ivypresto-display)
}

.font-promotionsPage-title-xs {
    font-family: var(--ui-typography-promotions-page-title-xs-font-family, ivypresto-display)
}

.font-providerCardFallback-title {
    font-family: var(--ui-font-families-provider-card-fallback-title, ivypresto-display)
}

.font-providersPage-title {
    font-family: var(--ui-font-families-providers-page-title, ivypresto-display)
}

.font-quickLinks-description-xs {
    font-family: var(--ui-typography-quick-links-description-xs-font-family, Nunito Sans)
}

.font-quickLinks-subtitle-xs {
    font-family: var(--ui-typography-quick-links-subtitle-xs-font-family, ivypresto-display)
}

.font-quickLinks-title-xs {
    font-family: var(--ui-typography-quick-links-title-xs-font-family, ivypresto-display)
}

.font-register-social {
    font-family: var(--ui-typography-register-social-font-family, Nunito Sans)
}

.font-register-stepTitle-xs {
    font-family: var(--ui-typography-register-step-title-xs-font-family, ivypresto-display)
}

.font-rewardback-card-amount-xs {
    font-family: var(--ui-typography-rewardback-card-amount-xs-font-family, ivypresto-display)
}

.font-rewardback-card-details-xs {
    font-family: var(--ui-typography-rewardback-card-details-xs-font-family, Nunito Sans)
}

.font-rewardback-card-title-xs {
    font-family: var(--ui-typography-rewardback-card-title-xs-font-family, Nunito Sans)
}

.font-rewardback-claim-text-xs {
    font-family: var(--ui-typography-rewardback-claim-text-xs-font-family, Nunito Sans)
}

.font-rewardback-claim-title-xs {
    font-family: var(--ui-typography-rewardback-claim-title-xs-font-family, ivypresto-display)
}

.font-rewardback-detailsCard-description-xs {
    font-family: var(--ui-typography-rewardback-details-card-description-xs-font-family, ivypresto-display)
}

.font-rewardback-detailsCard-detailLabel-xs {
    font-family: var(--ui-typography-rewardback-details-card-detail-label-xs-font-family, Nunito Sans)
}

.font-rewardback-detailsCard-title-xs {
    font-family: var(--ui-typography-rewardback-details-card-title-xs-font-family, Nunito Sans)
}

.font-rewardback-detailsCard-userLabel-xs {
    font-family: var(--ui-typography-rewardback-details-card-user-label-xs-font-family, ivypresto-display)
}

.font-rewardback-infoCard-text-xs {
    font-family: var(--ui-typography-rewardback-info-card-text-xs-font-family, Nunito Sans)
}

.font-rewardback-infoCard-title-xs {
    font-family: var(--ui-typography-rewardback-info-card-title-xs-font-family, ivypresto-display)
}

.font-rewardback-menu-description-xs {
    font-family: var(--ui-typography-rewardback-menu-description-xs-font-family, Nunito Sans)
}

.font-rewardback-menu-details-xs {
    font-family: var(--ui-typography-rewardback-menu-details-xs-font-family, Nunito Sans)
}

.font-rewardback-menu-title-xs {
    font-family: var(--ui-typography-rewardback-menu-title-xs-font-family, Nunito Sans)
}

.font-rewardbackPage-seeAll-xs {
    font-family: var(--ui-typography-rewardback-page-see-all-xs-font-family, haboro-contrast-extended)
}

.font-searchGames-subtitle-xs {
    font-family: var(--ui-typography-search-games-subtitle-xs-font-family, Nunito Sans)
}

.font-searchGames-title {
    font-family: var(--ui-font-families-search-games-title, kallisto)
}

.font-searchGames-title-xs {
    font-family: var(--ui-typography-search-games-title-xs-font-family, ivypresto-display)
}

.font-searchProviderCardFallback-title {
    font-family: var(--ui-font-families-search-provider-card-fallback-title, ivypresto-display)
}

.font-select-bonus-label-xs {
    font-family: var(--ui-typography-select-bonus-label-xs-font-family, Nunito Sans)
}

.font-select-bonus-text-xs {
    font-family: var(--ui-typography-select-bonus-text-xs-font-family, Nunito Sans)
}

.font-select-label-xs {
    font-family: var(--ui-typography-select-label-xs-font-family, Nunito Sans)
}

.font-select-text-xs {
    font-family: var(--ui-typography-select-text-xs-font-family, Nunito Sans)
}

.font-sportCategoriesSection-title-xs {
    font-family: var(--ui-typography-sport-categories-section-title-xs-font-family, ivypresto-display)
}

.font-subMenu-text-default {
    font-family: var(--ui-typography-sub-menu-text-default-font-family, Nunito Sans)
}

.font-textCard-text-xs {
    font-family: var(--ui-typography-text-card-text-xs-font-family, Nunito Sans)
}

.font-textCard-title-xs {
    font-family: var(--ui-typography-text-card-title-xs-font-family, Nunito Sans)
}

.font-transactionsFilters-title {
    font-family: var(--ui-font-families-transactions-filters-title, ivypresto-display)
}

.font-transactionsNoResults-text-xs {
    font-family: var(--ui-typography-transactions-no-results-text-xs-font-family, Nunito Sans)
}

.font-transactionsTable-header-xs {
    font-family: var(--ui-typography-transactions-table-header-xs-font-family, Nunito Sans)
}

.font-userBoardCard-name-xs {
    font-family: var(--ui-typography-user-board-card-name-xs-font-family, ivypresto-display)
}

.font-userBoardCard-pointsUntilNextLevel-xs {
    font-family: var(--ui-typography-user-board-card-points-until-next-level-xs-font-family, Nunito Sans)
}

.font-userBoardCard-progressLevel-xs {
    font-family: var(--ui-typography-user-board-card-progress-level-xs-font-family, ivypresto-display)
}

.font-userBoardCard-registered-xs {
    font-family: var(--ui-typography-user-board-card-registered-xs-font-family, Nunito Sans)
}

.font-userBoardCard-totalBalanceAmount-xs {
    font-family: var(--ui-typography-user-board-card-total-balance-amount-xs-font-family, ivypresto-display)
}

.font-userBoardCard-totalBalanceLabel-xs {
    font-family: var(--ui-typography-user-board-card-total-balance-label-xs-font-family, Nunito Sans)
}

.font-userGamesModal-title {
    font-family: var(--ui-font-families-user-games-modal-title, ivypresto-display)
}

.font-userGamesPage-title {
    font-family: var(--ui-font-families-user-games-page-title, ivypresto-display)
}

.font-userMenu-email {
    font-family: var(--ui-typography-user-menu-email-font-family, Nunito Sans)
}

.font-userMenu-name {
    font-family: var(--ui-typography-user-menu-name-font-family, ivypresto-display)
}

.font-userMenu-text {
    font-family: var(--ui-typography-user-menu-text-font-family, Nunito Sans)
}

.font-verificationCard-text-xs {
    font-family: var(--ui-typography-verification-card-text-xs-font-family, Nunito Sans)
}

.font-verificationCard-title-xs {
    font-family: var(--ui-typography-verification-card-title-xs-font-family, ivypresto-display)
}

.font-vip-advantageCard-text-xs {
    font-family: var(--ui-typography-vip-advantage-card-text-xs-font-family, Nunito Sans)
}

.font-vip-advantageCard-title-xs {
    font-family: var(--ui-typography-vip-advantage-card-title-xs-font-family, Nunito Sans)
}

.font-vip-description-text {
    font-family: var(--ui-font-families-vip-description-text, Nunito Sans)
}

.font-vip-description-title {
    font-family: var(--ui-font-families-vip-description-title, ivypresto-display)
}

.font-vip-levelCard-bonus-xs {
    font-family: var(--ui-typography-vip-level-card-bonus-xs-font-family, Nunito Sans)
}

.font-vip-levelCard-options-text-xs {
    font-family: var(--ui-typography-vip-level-card-options-text-xs-font-family, Nunito Sans)
}

.font-vip-levelCard-options-title-xs {
    font-family: var(--ui-typography-vip-level-card-options-title-xs-font-family, Nunito Sans)
}

.font-vip-levelCard-title-xs {
    font-family: var(--ui-typography-vip-level-card-title-xs-font-family, ivypresto-display)
}

.font-vip-widget-text {
    font-family: var(--ui-font-families-vip-widget-text, ivypresto-display)
}

.font-vip-widget-title {
    font-family: var(--ui-font-families-vip-widget-title, ivypresto-display)
}

.font-vip-widget-tooltip {
    font-family: var(--ui-font-families-vip-widget-tooltip, ivypresto-display)
}

.font-welcomeTitle {
    font-family: var(--ui-font-families-welcome-title, ivypresto-display)
}

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

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

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

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

.text-action-text {
    font-size: var(--ui-typography-action-text-font-size, 18px)
}

.text-action-title {
    font-size: var(--ui-typography-action-title-font-size, 28px)
}

.text-activeBonusCard-icon-xs {
    font-size: var(--ui-font-sizes-active-bonus-card-icon-xs, 20px)
}

.text-activeBonusCard-info-xs {
    font-size: var(--ui-typography-active-bonus-card-info-xs-font-size, 14px)
}

.text-activeBonusCard-label-xs {
    font-size: var(--ui-typography-active-bonus-card-label-xs-font-size, 14px)
}

.text-activeBonusCard-text-xs {
    font-size: var(--ui-typography-active-bonus-card-text-xs-font-size, 28px)
}

.text-activeBonusCard-title-xs {
    font-size: var(--ui-typography-active-bonus-card-title-xs-font-size, 16px)
}

.text-activeBonusSection-noBonus-xs {
    font-size: var(--ui-font-sizes-active-bonus-section-no-bonus-xs, 14px)
}

.text-activeBonusSection-title-xs {
    font-size: var(--ui-font-sizes-active-bonus-section-title-xs, 20px)
}

.text-activeWithdrawal-xs {
    font-size: var(--ui-font-sizes-active-withdrawal-xs, 12px)
}

.text-activeWithdrawalIcon-xs {
    font-size: var(--ui-font-sizes-active-withdrawal-icon-xs, 16px)
}

.text-auth-info-xs {
    font-size: var(--ui-typography-auth-info-xs-font-size, 14px)
}

.text-auth-text-xs {
    font-size: var(--ui-typography-auth-text-xs-font-size, 14px)
}

.text-auth-title-xs {
    font-size: var(--ui-typography-auth-title-xs-font-size, 28px)
}

.text-availableBonusCard-text-xs {
    font-size: var(--ui-typography-available-bonus-card-text-xs-font-size, 36px)
}

.text-availableBonusCard-title-xs {
    font-size: var(--ui-typography-available-bonus-card-title-xs-font-size, 16px)
}

.text-availableBonusSection-noBonus-xs {
    font-size: var(--ui-font-sizes-available-bonus-section-no-bonus-xs, 14px)
}

.text-availableBonusSection-title-xs {
    font-size: var(--ui-font-sizes-available-bonus-section-title-xs, 20px)
}

.text-badge {
    font-size: var(--ui-font-sizes-badge, 10px)
}

.text-balance-icon {
    font-size: var(--ui-font-sizes-balance-icon, 20px)
}

.text-balance-number-xs {
    font-size: var(--ui-typography-balance-number-xs-font-size, 12px)
}

.text-balance-text-xs {
    font-size: var(--ui-typography-balance-text-xs-font-size, 12px)
}

.text-balanceHistory-title-xs {
    font-size: var(--ui-font-sizes-balance-history-title-xs, 24px)
}

.text-banner-static-text-xs {
    font-size: var(--ui-font-sizes-banner-static-text-xs, 14px)
}

.text-banner-static-title-xs {
    font-size: var(--ui-font-sizes-banner-static-title-xs, 24px)
}

.text-baseRadio-text {
    font-size: var(--ui-typography-base-radio-text-font-size, 14px)
}

.text-baseToggle-label {
    font-size: var(--ui-typography-base-toggle-label-font-size, 14px)
}

.text-body {
    font-size: var(--ui-font-sizes-body, 16px)
}

.text-bottomNavigation-text-xs {
    font-size: var(--ui-typography-bottom-navigation-text-xs-font-size, 12px)
}

.text-button-details-xs {
    font-size: var(--ui-typography-button-details-xs-font-size, 14px)
}

.text-button-lg {
    font-size: var(--ui-typography-button-lg-font-size, 24x)
}

.text-button-md {
    font-size: var(--ui-typography-button-md-font-size, 20px)
}

.text-button-menu-icon-xs {
    font-size: var(--ui-font-sizes-button-menu-icon-xs, 20px)
}

.text-button-menu-text-xs {
    font-size: var(--ui-typography-button-menu-text-xs-font-size, 14px)
}

.text-button-prefixIcon-xs {
    font-size: var(--ui-font-sizes-button-prefix-icon-xs, 16px)
}

.text-button-sm {
    font-size: var(--ui-typography-button-sm-font-size, 16px)
}

.text-button-square-md {
    font-size: var(--ui-font-sizes-button-square-md, 26px)
}

.text-button-square-xs {
    font-size: var(--ui-font-sizes-button-square-xs, 26px)
}

.text-button-text-icon-xs {
    font-size: var(--ui-font-sizes-button-text-icon-xs, 18px)
}

.text-button-text-xs {
    font-size: var(--ui-typography-button-text-xs-font-size, 14px)
}

.text-button-xs {
    font-size: var(--ui-typography-button-xs-font-size, 14px)
}

.text-buyCrypto-modal-input-text {
    font-size: var(--ui-typography-buy-crypto-modal-input-text-font-size, 16px)
}

.text-campaignPage-date-xs {
    font-size: var(--ui-font-sizes-campaign-page-date-xs, 20px)
}

.text-campaignPage-icon-xs {
    font-size: var(--ui-font-sizes-campaign-page-icon-xs, 24px)
}

.text-campaignPage-text-xs {
    font-size: var(--ui-font-sizes-campaign-page-text-xs, 14px)
}

.text-campaignPage-time-xs {
    font-size: var(--ui-font-sizes-campaign-page-time-xs, 16px)
}

.text-campaignPage-title-xs {
    font-size: var(--ui-font-sizes-campaign-page-title-xs, 28px)
}

.text-cancelRegister-text-xs {
    font-size: var(--ui-typography-cancel-register-text-xs-font-size, 16px)
}

.text-cancelRegister-title-xs {
    font-size: var(--ui-typography-cancel-register-title-xs-font-size, 24px)
}

.text-cashier-modal-input-label {
    font-size: var(--ui-typography-cashier-modal-input-label-font-size, 14px)
}

.text-cashier-modal-qr {
    font-size: var(--ui-typography-cashier-modal-qr-font-size, 14px)
}

.text-cashier-modal-warning {
    font-size: var(--ui-typography-cashier-modal-warning-font-size, 16px)
}

.text-category-xs {
    font-size: var(--ui-typography-category-xs-font-size, 14px)
}

.text-checkboxLabel-sm {
    font-size: var(--ui-font-sizes-checkbox-label-sm, 14px)
}

.text-confirm-text-xs {
    font-size: var(--ui-typography-confirm-text-xs-font-size, 18px)
}

.text-confirm-title-xs {
    font-size: var(--ui-typography-confirm-title-xs-font-size, 28px)
}

.text-contactPreferences-card-text-xs {
    font-size: var(--ui-typography-contact-preferences-card-text-xs-font-size, 18px)
}

.text-contactPreferences-card-title-xs {
    font-size: var(--ui-typography-contact-preferences-card-title-xs-font-size, 22px)
}

.text-cookieContainer-icon {
    font-size: var(--ui-font-sizes-cookie-container-icon, 24px)
}

.text-cryptoDepositBanner-title-xs {
    font-size: var(--ui-typography-crypto-deposit-banner-title-xs-font-size, 36px)
}

.text-dashboardBonusCard-xs {
    font-size: var(--ui-typography-dashboard-bonus-card-xs-font-size, 22px)
}

.text-dashboardTransactionCard-xs {
    font-size: var(--ui-typography-dashboard-transaction-card-xs-font-size, 20px)
}

.text-depositCard-text-xs {
    font-size: var(--ui-typography-deposit-card-text-xs-font-size, 12px)
}

.text-depositCard-title-xs {
    font-size: var(--ui-typography-deposit-card-title-xs-font-size, 20px)
}

.text-disclaimer-icon {
    font-size: var(--ui-font-sizes-disclaimer-icon, 24px)
}

.text-errorPage-text-xs {
    font-size: var(--ui-font-sizes-error-page-text-xs, 14px)
}

.text-errorPage-title-xs {
    font-size: var(--ui-font-sizes-error-page-title-xs, 32px)
}

.text-expandableMenu-item-text {
    font-size: var(--ui-typography-expandable-menu-item-text-font-size, 16px)
}

.text-expandableMenu-text {
    font-size: var(--ui-typography-expandable-menu-text-font-size, 16px)
}

.text-field-error-xs {
    font-size: var(--ui-font-sizes-field-error-xs, 12px)
}

.text-footer-copyright {
    font-size: var(--ui-typography-footer-copyright-font-size, 14px)
}

.text-footer-fs-license {
    font-size: var(--ui-font-sizes-footer-fs-license, 14px)
}

.text-footer-item-xs {
    font-size: var(--ui-typography-footer-item-xs-font-size, 14px)
}

.text-footer-license {
    font-size: var(--ui-typography-footer-license-font-size, 16px)
}

.text-footerPage-title-xs {
    font-size: var(--ui-typography-footer-page-title-xs-font-size, 24px)
}

.text-gameCard-favoriteIcon-xs {
    font-size: var(--ui-font-sizes-game-card-favorite-icon-xs, 18px)
}

.text-gameCard-label-xs {
    font-size: var(--ui-typography-game-card-label-xs-font-size, 10px)
}

.text-gameCard-moreGames-xs {
    font-size: var(--ui-typography-game-card-more-games-xs-font-size, 20px)
}

.text-gameCard-provider-xs {
    font-size: var(--ui-typography-game-card-provider-xs-font-size, 12px)
}

.text-gameCard-title-xs {
    font-size: var(--ui-typography-game-card-title-xs-font-size, 14px)
}

.text-gameFooter-xs {
    font-size: var(--ui-typography-game-footer-xs-font-size, 14px)
}

.text-gameHeader-xs {
    font-size: var(--ui-typography-game-header-xs-font-size, 14px)
}

.text-gamePage-title-xs {
    font-size: var(--ui-typography-game-page-title-xs-font-size, 36px)
}

.text-gamesPage-title-xs {
    font-size: var(--ui-typography-games-page-title-xs-font-size, 28px)
}

.text-gamesSection-see-text-xs {
    font-size: var(--ui-font-sizes-games-section-see-text-xs, 14px)
}

.text-gamesSection-title-xs {
    font-size: var(--ui-font-sizes-games-section-title-xs, 18px)
}

.text-gamesSection-tooltip-xs {
    font-size: var(--ui-font-sizes-games-section-tooltip-xs, 24px)
}

.text-h3 {
    font-size: var(--ui-font-sizes-h3, 32px)
}

.text-h4 {
    font-size: var(--ui-font-sizes-h4, 24px)
}

.text-h6 {
    font-size: var(--ui-font-sizes-h6, fontSizes.body)
}

.text-header-icon-xs {
    font-size: var(--ui-font-sizes-header-icon-xs, 20px)
}

.text-header-item {
    font-size: var(--ui-typography-header-item-font-size, 16px)
}

.text-headerLayoutSwitcher {
    font-size: var(--ui-typography-header-layout-switcher-font-size, 14px)
}

.text-headerLayoutSwitcher-text {
    font-size: var(--ui-font-sizes-header-layout-switcher-text, 14px)
}

.text-headline-icon-xs {
    font-size: var(--ui-font-sizes-headline-icon-xs, 24px)
}

.text-headline-title-xs {
    font-size: var(--ui-typography-headline-title-xs-font-size, 22px)
}

.text-heroContent-description-xs {
    font-size: var(--ui-typography-hero-content-description-xs-font-size, 36px)
}

.text-heroContent-title-xs {
    font-size: var(--ui-typography-hero-content-title-xs-font-size, 20px)
}

.text-iPayments-selector-xs {
    font-size: var(--ui-font-sizes-i-payments-selector-xs, 16px)
}

.text-iPayments-totalAmount-xs {
    font-size: var(--ui-font-sizes-i-payments-total-amount-xs, 14px)
}

.text-input-default {
    font-size: var(--ui-font-sizes-input-default, 16px)
}

.text-input-label {
    font-size: var(--ui-font-sizes-input-label, 12px)
}

.text-input-label-default {
    font-size: var(--ui-typography-input-label-default-font-size, 14px)
}

.text-input-prefixIcon {
    font-size: var(--ui-font-sizes-input-prefix-icon, 20px)
}

.text-input-suffixIcon {
    font-size: var(--ui-font-sizes-input-suffix-icon, 20px)
}

.text-input-text {
    font-size: var(--ui-typography-input-text-font-size, 16px)
}

.text-inputNumber-icon {
    font-size: var(--ui-font-sizes-input-number-icon, 24px)
}

.text-inputNumber-text-xs {
    font-size: var(--ui-typography-input-number-text-xs-font-size, 24px)
}

.text-jackpot-text-xs {
    font-size: var(--ui-font-sizes-jackpot-text-xs, 30px)
}

.text-jackpot-title-xs {
    font-size: var(--ui-font-sizes-jackpot-title-xs, 20px)
}

.text-kycDocuments-text-xs {
    font-size: var(--ui-font-sizes-kyc-documents-text-xs, 14px)
}

.text-kycDocuments-title-xs {
    font-size: var(--ui-font-sizes-kyc-documents-title-xs, 20px)
}

.text-kycVerification-text-xs {
    font-size: var(--ui-font-sizes-kyc-verification-text-xs, 24px)
}

.text-language-title-xs {
    font-size: var(--ui-typography-language-title-xs-font-size, 22px)
}

.text-languageButton-text-xs {
    font-size: var(--ui-typography-language-button-text-xs-font-size, 14px)
}

.text-latestWins-name-xs {
    font-size: var(--ui-typography-latest-wins-name-xs-font-size, 12px)
}

.text-latestWins-text-xs {
    font-size: var(--ui-typography-latest-wins-text-xs-font-size, 12px)
}

.text-latestWins-win-xs {
    font-size: var(--ui-typography-latest-wins-win-xs-font-size, 14px)
}

.text-leaderboard-list-header-xs {
    font-size: var(--ui-font-sizes-leaderboard-list-header-xs, 12px)
}

.text-leaderboard-list-item-xs {
    font-size: var(--ui-font-sizes-leaderboard-list-item-xs, 14px)
}

.text-leaderboard-username-xs {
    font-size: var(--ui-font-sizes-leaderboard-username-xs, 14px)
}

.text-menu-banner-amount-xs {
    font-size: var(--ui-typography-menu-banner-amount-xs-font-size, 20px)
}

.text-menu-banner-balance-xs {
    font-size: var(--ui-typography-menu-banner-balance-xs-font-size, 20px)
}

.text-menu-banner-xs {
    font-size: var(--ui-typography-menu-banner-xs-font-size, 20px)
}

.text-menu-icon-xs {
    font-size: var(--ui-typography-menu-icon-xs-font-size, 24px)
}

.text-menu-quickLink-text {
    font-size: var(--ui-typography-menu-quick-link-text-font-size, 14px)
}

.text-menu-text-xs {
    font-size: var(--ui-typography-menu-text-xs-font-size, 18px)
}

.text-menuSearch-icon {
    font-size: var(--ui-font-sizes-menu-search-icon, 20px)
}

.text-menuSearch-text {
    font-size: var(--ui-typography-menu-search-text-font-size, 16px)
}

.text-myBonuses-title-xs {
    font-size: var(--ui-font-sizes-my-bonuses-title-xs, 24px)
}

.text-navCard-bullet-active {
    font-size: var(--ui-font-sizes-nav-card-bullet-active, 10px)
}

.text-navCard-bullet-default {
    font-size: var(--ui-font-sizes-nav-card-bullet-default, 6px)
}

.text-navCard-item-active {
    font-size: var(--ui-font-sizes-nav-card-item-active, 24px)
}

.text-navCard-item-default {
    font-size: var(--ui-font-sizes-nav-card-item-default, 20px)
}

.text-navbarItem-xs {
    font-size: var(--ui-typography-navbar-item-xs-font-size, 16px)
}

.text-noBonusCard-text-xs {
    font-size: var(--ui-typography-no-bonus-card-text-xs-font-size, 14px)
}

.text-optionsSwitcher-option-xs {
    font-size: var(--ui-typography-options-switcher-option-xs-font-size, 10px)
}

.text-partnersSection-icon {
    font-size: var(--ui-font-sizes-partners-section-icon, 16px)
}

.text-partnersSection-text {
    font-size: var(--ui-typography-partners-section-text-font-size, 16px)
}

.text-paymentDetailCard-text-xs {
    font-size: var(--ui-typography-payment-detail-card-text-xs-font-size, 14px)
}

.text-paymentMethodOption-xs {
    font-size: var(--ui-typography-payment-method-option-xs-font-size, 14px)
}

.text-paymentMethodsBalanceCard-balance-xs {
    font-size: var(--ui-font-sizes-payment-methods-balance-card-balance-xs, 20px)
}

.text-paymentMethodsBalanceCard-label-xs {
    font-size: var(--ui-font-sizes-payment-methods-balance-card-label-xs, 16px)
}

.text-paymentMethodsTitle-xs {
    font-size: var(--ui-typography-payment-methods-title-xs-font-size, 16px)
}

.text-paymentOperationTypeSwitcher-text-xs {
    font-size: var(--ui-font-sizes-payment-operation-type-switcher-text-xs, 12px)
}

.text-pendingBonusCard-icon-xs {
    font-size: var(--ui-typography-pending-bonus-card-icon-xs-font-size, 24px)
}

.text-pendingBonusCard-text-xs {
    font-size: var(--ui-typography-pending-bonus-card-text-xs-font-size, 36px)
}

.text-pendingBonusCard-title-xs {
    font-size: var(--ui-typography-pending-bonus-card-title-xs-font-size, 16px)
}

.text-pendingBonusSection-noBonus-xs {
    font-size: var(--ui-font-sizes-pending-bonus-section-no-bonus-xs, 14px)
}

.text-pendingBonusSection-title-xs {
    font-size: var(--ui-font-sizes-pending-bonus-section-title-xs, 20px)
}

.text-personalInfoCard-subTitle-xs {
    font-size: var(--ui-typography-personal-info-card-sub-title-xs-font-size, 16px)
}

.text-personalInfoCard-text-xs {
    font-size: var(--ui-typography-personal-info-card-text-xs-font-size, 14px)
}

.text-personalInfoCard-title-xs {
    font-size: var(--ui-typography-personal-info-card-title-xs-font-size, 22px)
}

.text-promoButton-text-xs {
    font-size: var(--ui-font-sizes-promo-button-text-xs, 14px)
}

.text-promoButton-title-xs {
    font-size: var(--ui-font-sizes-promo-button-title-xs, 16px)
}

.text-promoPage-description-xs {
    font-size: var(--ui-typography-promo-page-description-xs-font-size, 20px)
}

.text-promoPage-subtitle-xs {
    font-size: var(--ui-typography-promo-page-subtitle-xs-font-size, 32px)
}

.text-promoPage-terms-text-xs {
    font-size: var(--ui-typography-promo-page-terms-text-xs-font-size, 14px)
}

.text-promoPage-terms-title-xs {
    font-size: var(--ui-typography-promo-page-terms-title-xs-font-size, 20px)
}

.text-promoPage-title-xs {
    font-size: var(--ui-typography-promo-page-title-xs-font-size, 32px)
}

.text-promotionCard-date-xs {
    font-size: var(--ui-typography-promotion-card-date-xs-font-size, 14px)
}

.text-promotionCard-icon {
    font-size: var(--ui-font-sizes-promotion-card-icon, 24px)
}

.text-promotionCard-start-xs {
    font-size: var(--ui-typography-promotion-card-start-xs-font-size, 14px)
}

.text-promotionCard-text-xs {
    font-size: var(--ui-typography-promotion-card-text-xs-font-size, 20px)
}

.text-promotionCard-title-xs {
    font-size: var(--ui-typography-promotion-card-title-xs-font-size, 12px)
}

.text-promotionDetailCard-text-xs {
    font-size: var(--ui-typography-promotion-detail-card-text-xs-font-size, 28px)
}

.text-promotionDetailCard-title-xs {
    font-size: var(--ui-typography-promotion-detail-card-title-xs-font-size, 14px)
}

.text-promotionInfo-icon {
    font-size: var(--ui-font-sizes-promotion-info-icon, 24px)
}

.text-promotionInfo-text-xs {
    font-size: var(--ui-typography-promotion-info-text-xs-font-size, 14px)
}

.text-promotionInfo-title-xs {
    font-size: var(--ui-typography-promotion-info-title-xs-font-size, 20px)
}

.text-promotionPage-seeAll-xs {
    font-size: var(--ui-typography-promotion-page-see-all-xs-font-size, 14px)
}

.text-promotionTerms-text-xs {
    font-size: var(--ui-typography-promotion-terms-text-xs-font-size, 14px)
}

.text-promotionTerms-title-xs {
    font-size: var(--ui-typography-promotion-terms-title-xs-font-size, 20px)
}

.text-promotionsPage-info-xs {
    font-size: var(--ui-font-sizes-promotions-page-info-xs, 14px)
}

.text-promotionsPage-title-xs {
    font-size: var(--ui-typography-promotions-page-title-xs-font-size, 28px)
}

.text-providerCard-games-xs {
    font-size: var(--ui-typography-provider-card-games-xs-font-size, 10px)
}

.text-providerCard-name-xs {
    font-size: var(--ui-typography-provider-card-name-xs-font-size, 10px)
}

.text-providerCardFallback-xs {
    font-size: var(--ui-font-sizes-provider-card-fallback-xs, 16px)
}

.text-providersPage-title-xs {
    font-size: var(--ui-font-sizes-providers-page-title-xs, 16px)
}

.text-quickLinks-description-xs {
    font-size: var(--ui-typography-quick-links-description-xs-font-size, 16px)
}

.text-quickLinks-subtitle-xs {
    font-size: var(--ui-typography-quick-links-subtitle-xs-font-size, 16px)
}

.text-quickLinks-title-xs {
    font-size: var(--ui-typography-quick-links-title-xs-font-size, 24px)
}

.text-quickUserMenu-email {
    font-size: var(--ui-font-sizes-quick-user-menu-email, 14px)
}

.text-quickUserMenu-name {
    font-size: var(--ui-font-sizes-quick-user-menu-name, 24px)
}

.text-register-social {
    font-size: var(--ui-typography-register-social-font-size, 12px)
}

.text-register-stepIcon {
    font-size: var(--ui-font-sizes-register-step-icon, 24px)
}

.text-register-stepTitle-xs {
    font-size: var(--ui-typography-register-step-title-xs-font-size, 28px)
}

.text-rewardback-card-amount-xs {
    font-size: var(--ui-typography-rewardback-card-amount-xs-font-size, 24px)
}

.text-rewardback-card-details-xs {
    font-size: var(--ui-typography-rewardback-card-details-xs-font-size, 14px)
}

.text-rewardback-card-title-xs {
    font-size: var(--ui-typography-rewardback-card-title-xs-font-size, 12px)
}

.text-rewardback-claim-text-xs {
    font-size: var(--ui-typography-rewardback-claim-text-xs-font-size, 18px)
}

.text-rewardback-claim-title-xs {
    font-size: var(--ui-typography-rewardback-claim-title-xs-font-size, 28px)
}

.text-rewardback-detailsCard-description-xs {
    font-size: var(--ui-typography-rewardback-details-card-description-xs-font-size, 32px)
}

.text-rewardback-detailsCard-detailLabel-xs {
    font-size: var(--ui-typography-rewardback-details-card-detail-label-xs-font-size, 14px)
}

.text-rewardback-detailsCard-title-xs {
    font-size: var(--ui-typography-rewardback-details-card-title-xs-font-size, 20px)
}

.text-rewardback-detailsCard-userLabel-xs {
    font-size: var(--ui-typography-rewardback-details-card-user-label-xs-font-size, 22px)
}

.text-rewardback-infoCard-text-xs {
    font-size: var(--ui-typography-rewardback-info-card-text-xs-font-size, 14px)
}

.text-rewardback-infoCard-title-xs {
    font-size: var(--ui-typography-rewardback-info-card-title-xs-font-size, 20px)
}

.text-rewardback-menu-description-xs {
    font-size: var(--ui-typography-rewardback-menu-description-xs-font-size, 24px)
}

.text-rewardback-menu-details-xs {
    font-size: var(--ui-typography-rewardback-menu-details-xs-font-size, 14px)
}

.text-rewardback-menu-title-xs {
    font-size: var(--ui-typography-rewardback-menu-title-xs-font-size, 12px)
}

.text-rewardbackPage-seeAll-xs {
    font-size: var(--ui-typography-rewardback-page-see-all-xs-font-size, 16px)
}

.text-searchGames-subtitle-xs {
    font-size: var(--ui-typography-search-games-subtitle-xs-font-size, 16px)
}

.text-searchGames-text-xs {
    font-size: var(--ui-typography-search-games-text-xs-font-size, 14px)
}

.text-searchGames-title-xs {
    font-size: var(--ui-typography-search-games-title-xs-font-size, 22px)
}

.text-searchProviderCardFallback-xs {
    font-size: var(--ui-font-sizes-search-provider-card-fallback-xs, 16px)
}

.text-select-bonus-label-xs {
    font-size: var(--ui-typography-select-bonus-label-xs-font-size, 12px)
}

.text-select-bonus-text-xs {
    font-size: var(--ui-typography-select-bonus-text-xs-font-size, 14px)
}

.text-select-label-xs {
    font-size: var(--ui-typography-select-label-xs-font-size, 12px)
}

.text-select-text-xs {
    font-size: var(--ui-typography-select-text-xs-font-size, 14px)
}

.text-similarGames-title-xs {
    font-size: var(--ui-font-sizes-similar-games-title-xs, 20px)
}

.text-sm {
    font-size: var(--ui-font-sizes-sm, 14px)
}

.text-sportCategoriesSection-title-xs {
    font-size: var(--ui-typography-sport-categories-section-title-xs-font-size, 18px)
}

.text-sticky-icon {
    font-size: var(--ui-font-sizes-sticky-icon, 24px)
}

.text-subMenu-text-default {
    font-size: var(--ui-typography-sub-menu-text-default-font-size, 12px)
}

.text-tab-text-xs {
    font-size: var(--ui-font-sizes-tab-text-xs, 12px)
}

.text-textCard-faq {
    font-size: var(--ui-font-sizes-text-card-faq, 20px)
}

.text-textCard-icon {
    font-size: var(--ui-font-sizes-text-card-icon, 24px)
}

.text-textCard-text-xs {
    font-size: var(--ui-typography-text-card-text-xs-font-size, 16px)
}

.text-textCard-title-xs {
    font-size: var(--ui-typography-text-card-title-xs-font-size, 20px)
}

.text-titleComponent-xs {
    font-size: var(--ui-typography-title-component-xs-font-size, 32px)
}

.text-tournament-title {
    font-size: var(--ui-font-sizes-tournament-title, 20px)
}

.text-transactionsFilters-text-xs {
    font-size: var(--ui-font-sizes-transactions-filters-text-xs, 14px)
}

.text-transactionsFilters-title-xs {
    font-size: var(--ui-font-sizes-transactions-filters-title-xs, 20px)
}

.text-transactionsNoResults-text-xs {
    font-size: var(--ui-typography-transactions-no-results-text-xs-font-size, 16px)
}

.text-transactionsTable-header-xs {
    font-size: var(--ui-typography-transactions-table-header-xs-font-size, 12px)
}

.text-transactionsTable-text-xs {
    font-size: var(--ui-typography-transactions-table-text-xs-font-size, 10px)
}

.text-userBoard-listItems-xs {
    font-size: var(--ui-font-sizes-user-board-list-items-xs, 16px)
}

.text-userBoardCard-listIcon-xs {
    font-size: var(--ui-font-sizes-user-board-card-list-icon-xs, 24px)
}

.text-userBoardCard-name-xs {
    font-size: var(--ui-typography-user-board-card-name-xs-font-size, 24px)
}

.text-userBoardCard-pointsUntilNextLevel-xs {
    font-size: var(--ui-typography-user-board-card-points-until-next-level-xs-font-size, 14px)
}

.text-userBoardCard-progressLevel-xs {
    font-size: var(--ui-typography-user-board-card-progress-level-xs-font-size, 20px)
}

.text-userBoardCard-registered-xs {
    font-size: var(--ui-typography-user-board-card-registered-xs-font-size, 12px)
}

.text-userBoardCard-totalBalanceAmount-xs {
    font-size: var(--ui-typography-user-board-card-total-balance-amount-xs-font-size, 22px)
}

.text-userBoardCard-totalBalanceLabel-xs {
    font-size: var(--ui-typography-user-board-card-total-balance-label-xs-font-size, 16px)
}

.text-userGamesModal-title-lg {
    font-size: var(--ui-font-sizes-user-games-modal-title-lg, 24px)
}

.text-userGamesModal-title-xs {
    font-size: var(--ui-font-sizes-user-games-modal-title-xs, 20px)
}

.text-userGamesPage-info-xs {
    font-size: var(--ui-font-sizes-user-games-page-info-xs, 14px)
}

.text-userGamesPage-title-xs {
    font-size: var(--ui-font-sizes-user-games-page-title-xs, 28px)
}

.text-userMenu-email {
    font-size: var(--ui-typography-user-menu-email-font-size, 16px)
}

.text-userMenu-name {
    font-size: var(--ui-typography-user-menu-name-font-size, 24px)
}

.text-userMenu-text {
    font-size: var(--ui-typography-user-menu-text-font-size, 16px)
}

.text-verificationCard-text-xs {
    font-size: var(--ui-typography-verification-card-text-xs-font-size, 16px)
}

.text-verificationCard-title-xs {
    font-size: var(--ui-typography-verification-card-title-xs-font-size, 22px)
}

.text-vip-advantageCard-text {
    font-size: var(--ui-font-sizes-vip-advantage-card-text, 16px)
}

.text-vip-advantageCard-text-xs {
    font-size: var(--ui-typography-vip-advantage-card-text-xs-font-size, 14px)
}

.text-vip-advantageCard-title {
    font-size: var(--ui-font-sizes-vip-advantage-card-title, 18px)
}

.text-vip-advantageCard-title-xs {
    font-size: var(--ui-typography-vip-advantage-card-title-xs-font-size, 16px)
}

.text-vip-advantagesSection-title-xs {
    font-size: var(--ui-font-sizes-vip-advantages-section-title-xs, 24px)
}

.text-vip-description-text-xl {
    font-size: var(--ui-font-sizes-vip-description-text-xl, 20px)
}

.text-vip-description-text-xs {
    font-size: var(--ui-typography-vip-description-text-xs-font-size, 16px)
}

.text-vip-description-title-xs {
    font-size: var(--ui-typography-vip-description-title-xs-font-size, 28px)
}

.text-vip-levelCard-bonus-xs {
    font-size: var(--ui-typography-vip-level-card-bonus-xs-font-size, 16px)
}

.text-vip-levelCard-options-text-xs {
    font-size: var(--ui-typography-vip-level-card-options-text-xs-font-size, 14px)
}

.text-vip-levelCard-options-title-xs {
    font-size: var(--ui-typography-vip-level-card-options-title-xs-font-size, 10px)
}

.text-vip-levelCard-title-xs {
    font-size: var(--ui-typography-vip-level-card-title-xs-font-size, 20px)
}

.text-vip-loyalty-title-xs {
    font-size: var(--ui-font-sizes-vip-loyalty-title-xs, 14px)
}

.text-vip-widget-badge-lg {
    font-size: var(--ui-typography-vip-widget-badge-lg-font-size, 12px)
}

.text-vip-widget-text-xs {
    font-size: var(--ui-font-sizes-vip-widget-text-xs, 16px)
}

.text-vip-widget-title-lg {
    font-size: var(--ui-typography-vip-widget-title-lg-font-size, 36px)
}

.text-vip-widget-title-xs {
    font-size: var(--ui-typography-vip-widget-title-xs-font-size, 32px)
}

.text-vip-widget-tooltip-xs {
    font-size: var(--ui-typography-vip-widget-tooltip-xs-font-size, 13px)
}

.text-welcomeSubtitle-xs {
    font-size: var(--ui-font-sizes-welcome-subtitle-xs, 16px)
}

.text-welcomeTitle-xs {
    font-size: var(--ui-font-sizes-welcome-title-xs, 24px)
}

.text-withdrawalInfo-xs {
    font-size: var(--ui-font-sizes-withdrawal-info-xs, 14px)
}

.text-withdrawalInfoIcon-xs {
    font-size: var(--ui-font-sizes-withdrawal-info-icon-xs, 20px)
}

.text-xs {
    font-size: var(--ui-font-sizes-xs, 10px)
}

.font-action-text {
    font-weight: var(--ui-typography-action-text-font-weight, 400)
}

.font-action-title {
    font-weight: var(--ui-typography-action-title-font-weight, 600)
}

.font-activeBonusCard-info-xs {
    font-weight: var(--ui-typography-active-bonus-card-info-xs-font-weight, 400)
}

.font-activeBonusCard-label-xs {
    font-weight: var(--ui-typography-active-bonus-card-label-xs-font-weight, 400)
}

.font-activeBonusCard-text-xs {
    font-weight: var(--ui-typography-active-bonus-card-text-xs-font-weight, 600)
}

.font-activeBonusCard-title-xs {
    font-weight: var(--ui-typography-active-bonus-card-title-xs-font-weight, 600)
}

.font-activeBonusSection-title {
    font-weight: var(--ui-font-weights-active-bonus-section-title, 600)
}

.font-amountSelector {
    font-weight: var(--ui-font-weights-amount-selector, 600)
}

.font-auth-info-xs {
    font-weight: var(--ui-typography-auth-info-xs-font-weight, 400)
}

.font-auth-text {
    font-weight: var(--ui-font-weights-auth-text, 500)
}

.font-auth-text-xs {
    font-weight: var(--ui-typography-auth-text-xs-font-weight, 500)
}

.font-auth-title {
    font-weight: var(--ui-font-weights-auth-title, 600)
}

.font-auth-title-xs {
    font-weight: var(--ui-typography-auth-title-xs-font-weight, 600)
}

.font-availableBonusCard-text-xs {
    font-weight: var(--ui-typography-available-bonus-card-text-xs-font-weight, 600)
}

.font-availableBonusCard-title-xs {
    font-weight: var(--ui-typography-available-bonus-card-title-xs-font-weight, 400)
}

.font-availableBonusSection-title {
    font-weight: var(--ui-font-weights-available-bonus-section-title, 600)
}

.font-balance-number-xs {
    font-weight: var(--ui-typography-balance-number-xs-font-weight, 500)
}

.font-balance-text-xs {
    font-weight: var(--ui-typography-balance-text-xs-font-weight, 600)
}

.font-balanceHistory-title {
    font-weight: var(--ui-font-weights-balance-history-title, 500)
}

.font-banner-static-text {
    font-weight: var(--ui-font-weights-banner-static-text, 500)
}

.font-banner-static-title {
    font-weight: var(--ui-font-weights-banner-static-title, 400)
}

.font-baseRadio-text {
    font-weight: var(--ui-typography-base-radio-text-font-weight, 400)
}

.font-baseToggle-label {
    font-weight: var(--ui-typography-base-toggle-label-font-weight, 600)
}

.font-bold {
    font-weight: var(--ui-font-weights-bold, 700)
}

.font-bottomNavigation-text-xs {
    font-weight: var(--ui-typography-bottom-navigation-text-xs-font-weight, 400)
}

.font-button-details-xs {
    font-weight: var(--ui-typography-button-details-xs-font-weight, Ext Medium)
}

.font-button-lg {
    font-weight: var(--ui-typography-button-lg-font-weight, Ext Medium)
}

.font-button-md {
    font-weight: var(--ui-typography-button-md-font-weight, Ext Medium)
}

.font-button-menu-text-xs {
    font-weight: var(--ui-typography-button-menu-text-xs-font-weight, Ext Medium)
}

.font-button-sm {
    font-weight: var(--ui-typography-button-sm-font-weight, Ext Medium)
}

.font-button-text-xs {
    font-weight: var(--ui-typography-button-text-xs-font-weight, Ext Medium)
}

.font-button-xs {
    font-weight: var(--ui-typography-button-xs-font-weight, Ext Medium)
}

.font-campaignPage-date {
    font-weight: var(--ui-font-weights-campaign-page-date, 600)
}

.font-campaignPage-text {
    font-weight: var(--ui-font-weights-campaign-page-text, 600)
}

.font-campaignPage-time {
    font-weight: var(--ui-font-weights-campaign-page-time, 600)
}

.font-campaignPage-title {
    font-weight: var(--ui-font-weights-campaign-page-title, 600)
}

.font-cancelRegister-title-xs {
    font-weight: var(--ui-typography-cancel-register-title-xs-font-weight, 600)
}

.font-cashier-modal-input-label {
    font-weight: var(--ui-typography-cashier-modal-input-label-font-weight, 400)
}

.font-cashier-modal-qr {
    font-weight: var(--ui-typography-cashier-modal-qr-font-weight, 400)
}

.font-category-xs {
    font-weight: var(--ui-typography-category-xs-font-weight, 400)
}

.font-checkboxLabel {
    font-weight: var(--ui-font-weights-checkbox-label, 400)
}

.font-confirm-text {
    font-weight: var(--ui-font-weights-confirm-text, 500)
}

.font-confirm-text-xs {
    font-weight: var(--ui-typography-confirm-text-xs-font-weight, 400)
}

.font-confirm-title {
    font-weight: var(--ui-font-weights-confirm-title, 600)
}

.font-confirm-title-xs {
    font-weight: var(--ui-typography-confirm-title-xs-font-weight, 600)
}

.font-contactPreferences-card-text-xs {
    font-weight: var(--ui-typography-contact-preferences-card-text-xs-font-weight, 500)
}

.font-contactPreferences-card-title-xs {
    font-weight: var(--ui-typography-contact-preferences-card-title-xs-font-weight, 600)
}

.font-cryptoDepositBanner-title-xs {
    font-weight: var(--ui-typography-crypto-deposit-banner-title-xs-font-weight, 600)
}

.font-dashboardBonusCard-xs {
    font-weight: var(--ui-typography-dashboard-bonus-card-xs-font-weight, 600)
}

.font-dashboardTransactionCard-xs {
    font-weight: var(--ui-typography-dashboard-transaction-card-xs-font-weight, 600)
}

.font-depositCard-title {
    font-weight: var(--ui-font-weights-deposit-card-title, 600)
}

.font-depositCard-title-sm {
    font-weight: var(--ui-typography-deposit-card-title-sm-font-weight, 600)
}

.font-depositCard-title-xs {
    font-weight: var(--ui-typography-deposit-card-title-xs-font-weight, 600)
}

.font-expandableMenu-item-text {
    font-weight: var(--ui-typography-expandable-menu-item-text-font-weight, 600)
}

.font-expandableMenu-text {
    font-weight: var(--ui-typography-expandable-menu-text-font-weight, 600)
}

.font-footer-copyright {
    font-weight: var(--ui-typography-footer-copyright-font-weight, 400)
}

.font-footer-item-xs {
    font-weight: var(--ui-typography-footer-item-xs-font-weight, 400)
}

.font-footer-license {
    font-weight: var(--ui-typography-footer-license-font-weight, 400)
}

.font-footerPage-title-xs {
    font-weight: var(--ui-typography-footer-page-title-xs-font-weight, 600)
}

.font-gameCard-label-xs {
    font-weight: var(--ui-typography-game-card-label-xs-font-weight, 600)
}

.font-gameCard-provider-xs {
    font-weight: var(--ui-typography-game-card-provider-xs-font-weight, 400)
}

.font-gameCard-title-xs {
    font-weight: var(--ui-typography-game-card-title-xs-font-weight, 400)
}

.font-gameFooter-xs {
    font-weight: var(--ui-typography-game-footer-xs-font-weight, 400)
}

.font-gameHeader-xs {
    font-weight: var(--ui-typography-game-header-xs-font-weight, 400)
}

.font-gamePage-title-xs {
    font-weight: var(--ui-typography-game-page-title-xs-font-weight, 600)
}

.font-gamesPage-title-xs {
    font-weight: var(--ui-typography-games-page-title-xs-font-weight, 600)
}

.font-gamesSection-see-text {
    font-weight: var(--ui-font-weights-games-section-see-text, 400)
}

.font-gamesSection-title {
    font-weight: var(--ui-font-weights-games-section-title, 700)
}

.font-header-item {
    font-weight: var(--ui-typography-header-item-font-weight, 600)
}

.font-headerLayoutSwitcher {
    font-weight: var(--ui-typography-header-layout-switcher-font-weight, 600)
}

.font-headline-title-lg {
    font-weight: var(--ui-typography-headline-title-lg-font-weight, 600)
}

.font-headline-title-xs {
    font-weight: var(--ui-typography-headline-title-xs-font-weight, 600)
}

.font-heroContent-description-xs {
    font-weight: var(--ui-typography-hero-content-description-xs-font-weight, 700)
}

.font-heroContent-title-xs {
    font-weight: var(--ui-typography-hero-content-title-xs-font-weight, 600)
}

.font-input-label-default {
    font-weight: var(--ui-typography-input-label-default-font-weight, 400)
}

.font-input-text {
    font-weight: var(--ui-typography-input-text-font-weight, 400)
}

.font-inputNumber-text-xs {
    font-weight: var(--ui-typography-input-number-text-xs-font-weight, 600)
}

.font-jackpot-text {
    font-weight: var(--ui-font-weights-jackpot-text, 700)
}

.font-jackpot-title {
    font-weight: var(--ui-font-weights-jackpot-title, 700)
}

.font-kycDocuments-text {
    font-weight: var(--ui-font-weights-kyc-documents-text, 500)
}

.font-kycDocuments-title {
    font-weight: var(--ui-font-weights-kyc-documents-title, 600)
}

.font-kycVerification-text {
    font-weight: var(--ui-font-weights-kyc-verification-text, 600)
}

.font-language-title-xs {
    font-weight: var(--ui-typography-language-title-xs-font-weight, 600)
}

.font-languageButton-text-xs {
    font-weight: var(--ui-typography-language-button-text-xs-font-weight, 400)
}

.font-latestWins-name-xs {
    font-weight: var(--ui-typography-latest-wins-name-xs-font-weight, 400)
}

.font-latestWins-text-xs {
    font-weight: var(--ui-typography-latest-wins-text-xs-font-weight, 500)
}

.font-latestWins-win-xs {
    font-weight: var(--ui-typography-latest-wins-win-xs-font-weight, 600)
}

.font-layoutSwitcher-text {
    font-weight: var(--ui-font-weights-layout-switcher-text, 600)
}

.font-medium {
    font-weight: var(--ui-font-weights-medium, 500)
}

.font-menu-banner-amount-xs {
    font-weight: var(--ui-typography-menu-banner-amount-xs-font-weight, 600)
}

.font-menu-banner-balance-xs {
    font-weight: var(--ui-typography-menu-banner-balance-xs-font-weight, 600)
}

.font-menu-banner-xs {
    font-weight: var(--ui-typography-menu-banner-xs-font-weight, 600)
}

.font-menu-quickLink-text {
    font-weight: var(--ui-typography-menu-quick-link-text-font-weight, 600)
}

.font-menu-text {
    font-weight: var(--ui-font-weights-menu-text, 600)
}

.font-menu-text-xs {
    font-weight: var(--ui-typography-menu-text-xs-font-weight, 600)
}

.font-menuSearch-text {
    font-weight: var(--ui-typography-menu-search-text-font-weight, 400)
}

.font-myBonuses-title {
    font-weight: var(--ui-font-weights-my-bonuses-title, 700)
}

.font-navCard-item {
    font-weight: var(--ui-font-weights-nav-card-item, 500)
}

.font-navbarItem {
    font-weight: var(--ui-font-weights-navbar-item, 600)
}

.font-navbarItem-xs {
    font-weight: var(--ui-typography-navbar-item-xs-font-weight, 600)
}

.font-noBonusCard-text {
    font-weight: var(--ui-font-weights-no-bonus-card-text, 400)
}

.font-noBonusCard-text-xs {
    font-weight: var(--ui-typography-no-bonus-card-text-xs-font-weight, 400)
}

.font-optionsSwitcher-option-xs {
    font-weight: var(--ui-typography-options-switcher-option-xs-font-weight, 400)
}

.font-partnersSection-text {
    font-weight: var(--ui-typography-partners-section-text-font-weight, 400)
}

.font-paymentDetailCard-text-xs {
    font-weight: var(--ui-typography-payment-detail-card-text-xs-font-weight, 400)
}

.font-paymentMethodOption-xs {
    font-weight: var(--ui-typography-payment-method-option-xs-font-weight, 400)
}

.font-paymentMethodsBalanceCard-balance {
    font-weight: var(--ui-font-weights-payment-methods-balance-card-balance, 600)
}

.font-paymentMethodsBalanceCard-label {
    font-weight: var(--ui-font-weights-payment-methods-balance-card-label, 400)
}

.font-paymentMethodsTitle {
    font-weight: var(--ui-font-weights-payment-methods-title, 400)
}

.font-paymentMethodsTitle-xs {
    font-weight: var(--ui-typography-payment-methods-title-xs-font-weight, 400)
}

.font-paymentOperationTypeSwitcher {
    font-weight: var(--ui-font-weights-payment-operation-type-switcher, 500)
}

.font-pendingBonusCard-text-xs {
    font-weight: var(--ui-typography-pending-bonus-card-text-xs-font-weight, 600)
}

.font-pendingBonusCard-title-xs {
    font-weight: var(--ui-typography-pending-bonus-card-title-xs-font-weight, 400)
}

.font-pendingBonusSection-title {
    font-weight: var(--ui-font-weights-pending-bonus-section-title, 600)
}

.font-personalInfoCard-subTitle-xs {
    font-weight: var(--ui-typography-personal-info-card-sub-title-xs-font-weight, 700)
}

.font-personalInfoCard-text-xs {
    font-weight: var(--ui-typography-personal-info-card-text-xs-font-weight, 400)
}

.font-personalInfoCard-title-xs {
    font-weight: var(--ui-typography-personal-info-card-title-xs-font-weight, 600)
}

.font-promoButton-title {
    font-weight: var(--ui-font-weights-promo-button-title, 600)
}

.font-promoPage-description-xs {
    font-weight: var(--ui-typography-promo-page-description-xs-font-weight, 400)
}

.font-promoPage-subtitle-xs {
    font-weight: var(--ui-typography-promo-page-subtitle-xs-font-weight, 400)
}

.font-promoPage-text-xs {
    font-weight: var(--ui-typography-promo-page-text-xs-font-weight, 400)
}

.font-promoPage-title-xs {
    font-weight: var(--ui-typography-promo-page-title-xs-font-weight, 400)
}

.font-promotionCard-date {
    font-weight: var(--ui-font-weights-promotion-card-date, 600)
}

.font-promotionCard-start {
    font-weight: var(--ui-font-weights-promotion-card-start, 600)
}

.font-promotionCard-text {
    font-weight: var(--ui-font-weights-promotion-card-text, 600)
}

.font-promotionCard-text-sm {
    font-weight: var(--ui-typography-promotion-card-text-sm-font-weight, 600)
}

.font-promotionCard-text-xs {
    font-weight: var(--ui-typography-promotion-card-text-xs-font-weight, 600)
}

.font-promotionCard-title-xs {
    font-weight: var(--ui-typography-promotion-card-title-xs-font-weight, 500)
}

.font-promotionDetailCard-text-xs {
    font-weight: var(--ui-typography-promotion-detail-card-text-xs-font-weight, 600)
}

.font-promotionDetailCard-title-xs {
    font-weight: var(--ui-typography-promotion-detail-card-title-xs-font-weight, 400)
}

.font-promotionInfo-text {
    font-weight: var(--ui-font-weights-promotion-info-text, 500)
}

.font-promotionInfo-text-xs {
    font-weight: var(--ui-typography-promotion-info-text-xs-font-weight, 400)
}

.font-promotionInfo-title {
    font-weight: var(--ui-font-weights-promotion-info-title, 600)
}

.font-promotionInfo-title-xs {
    font-weight: var(--ui-typography-promotion-info-title-xs-font-weight, 600)
}

.font-promotionPage-seeAll {
    font-weight: var(--ui-font-weights-promotion-page-see-all, 600)
}

.font-promotionPage-seeAll-xs {
    font-weight: var(--ui-typography-promotion-page-see-all-xs-font-weight, 600)
}

.font-promotionTerms-text {
    font-weight: var(--ui-font-weights-promotion-terms-text, 500)
}

.font-promotionTerms-text-xs {
    font-weight: var(--ui-typography-promotion-terms-text-xs-font-weight, 400)
}

.font-promotionTerms-title {
    font-weight: var(--ui-font-weights-promotion-terms-title, 600)
}

.font-promotionTerms-title-xs {
    font-weight: var(--ui-typography-promotion-terms-title-xs-font-weight, 600)
}

.font-promotionsPage-title-xs {
    font-weight: var(--ui-typography-promotions-page-title-xs-font-weight, 600)
}

.font-providerCard-games-xs {
    font-weight: var(--ui-typography-provider-card-games-xs-font-weight, 400)
}

.font-providerCard-name-xs {
    font-weight: var(--ui-typography-provider-card-name-xs-font-weight, 600)
}

.font-providerCardFallback-title {
    font-weight: var(--ui-font-weights-provider-card-fallback-title, 600)
}

.font-providersPage-title {
    font-weight: var(--ui-font-weights-providers-page-title, 600)
}

.font-quickLinks-description-xs {
    font-weight: var(--ui-typography-quick-links-description-xs-font-weight, 400)
}

.font-quickLinks-subtitle-xs {
    font-weight: var(--ui-typography-quick-links-subtitle-xs-font-weight, 600)
}

.font-quickLinks-title-xs {
    font-weight: var(--ui-typography-quick-links-title-xs-font-weight, 600)
}

.font-register-social {
    font-weight: var(--ui-typography-register-social-font-weight, 600)
}

.font-register-stepTitle-xs {
    font-weight: var(--ui-typography-register-step-title-xs-font-weight, 600)
}

.font-rewardback-card-amount-xs {
    font-weight: var(--ui-typography-rewardback-card-amount-xs-font-weight, 600)
}

.font-rewardback-card-details-xs {
    font-weight: var(--ui-typography-rewardback-card-details-xs-font-weight, 400)
}

.font-rewardback-card-title-xs {
    font-weight: var(--ui-typography-rewardback-card-title-xs-font-weight, 600)
}

.font-rewardback-claim-text-xs {
    font-weight: var(--ui-typography-rewardback-claim-text-xs-font-weight, 600)
}

.font-rewardback-claim-title-xs {
    font-weight: var(--ui-typography-rewardback-claim-title-xs-font-weight, 600)
}

.font-rewardback-detailsCard-description-xs {
    font-weight: var(--ui-typography-rewardback-details-card-description-xs-font-weight, 600)
}

.font-rewardback-detailsCard-detailLabel-xs {
    font-weight: var(--ui-typography-rewardback-details-card-detail-label-xs-font-weight, 400)
}

.font-rewardback-detailsCard-title-xs {
    font-weight: var(--ui-typography-rewardback-details-card-title-xs-font-weight, 600)
}

.font-rewardback-detailsCard-userLabel-xs {
    font-weight: var(--ui-typography-rewardback-details-card-user-label-xs-font-weight, 600)
}

.font-rewardback-infoCard-text-xs {
    font-weight: var(--ui-typography-rewardback-info-card-text-xs-font-weight, 400)
}

.font-rewardback-infoCard-title-xs {
    font-weight: var(--ui-typography-rewardback-info-card-title-xs-font-weight, 600)
}

.font-rewardback-menu-description-xs {
    font-weight: var(--ui-typography-rewardback-menu-description-xs-font-weight, 700)
}

.font-rewardback-menu-details-xs {
    font-weight: var(--ui-typography-rewardback-menu-details-xs-font-weight, 400)
}

.font-rewardback-menu-title-xs {
    font-weight: var(--ui-typography-rewardback-menu-title-xs-font-weight, 600)
}

.font-rewardbackPage-seeAll-xs {
    font-weight: var(--ui-typography-rewardback-page-see-all-xs-font-weight, 600)
}

.font-searchGames-subtitle-xs {
    font-weight: var(--ui-typography-search-games-subtitle-xs-font-weight, 600)
}

.font-searchGames-text {
    font-weight: var(--ui-font-weights-search-games-text, 500)
}

.font-searchGames-title {
    font-weight: var(--ui-font-weights-search-games-title, 600)
}

.font-searchGames-title-xs {
    font-weight: var(--ui-typography-search-games-title-xs-font-weight, 600)
}

.font-searchProviderCardFallback-title {
    font-weight: var(--ui-font-weights-search-provider-card-fallback-title, 600)
}

.font-select-bonus-label-xs {
    font-weight: var(--ui-typography-select-bonus-label-xs-font-weight, 500)
}

.font-select-bonus-text-xs {
    font-weight: var(--ui-typography-select-bonus-text-xs-font-weight, 400)
}

.font-select-label-xs {
    font-weight: var(--ui-typography-select-label-xs-font-weight, 500)
}

.font-select-text-xs {
    font-weight: var(--ui-typography-select-text-xs-font-weight, 400)
}

.font-semibold {
    font-weight: var(--ui-font-weights-semibold, 600)
}

.font-sportCategoriesSection-title-xs {
    font-weight: var(--ui-typography-sport-categories-section-title-xs-font-weight, 700)
}

.font-subMenu-text-default {
    font-weight: var(--ui-typography-sub-menu-text-default-font-weight, 400)
}

.font-tab-text {
    font-weight: var(--ui-font-weights-tab-text, 600)
}

.font-textCard-text-xs {
    font-weight: var(--ui-typography-text-card-text-xs-font-weight, 600)
}

.font-textCard-title-xs {
    font-weight: var(--ui-typography-text-card-title-xs-font-weight, 600)
}

.font-titleComponent-xs {
    font-weight: var(--ui-typography-title-component-xs-font-weight, 400)
}

.font-tournament-title {
    font-weight: var(--ui-font-weights-tournament-title, 600)
}

.font-transactionsFilters-text {
    font-weight: var(--ui-font-weights-transactions-filters-text, 500)
}

.font-transactionsFilters-title {
    font-weight: var(--ui-font-weights-transactions-filters-title, 600)
}

.font-transactionsNoResults-text-xs {
    font-weight: var(--ui-typography-transactions-no-results-text-xs-font-weight, 600)
}

.font-transactionsTable-header-xs {
    font-weight: var(--ui-typography-transactions-table-header-xs-font-weight, 600)
}

.font-transactionsTable-text-xs {
    font-weight: var(--ui-typography-transactions-table-text-xs-font-weight, 600)
}

.font-userBoard-listLabel {
    font-weight: var(--ui-font-weights-user-board-list-label, 500)
}

.font-userBoard-listValue {
    font-weight: var(--ui-font-weights-user-board-list-value, 500)
}

.font-userBoardCard-name-xs {
    font-weight: var(--ui-typography-user-board-card-name-xs-font-weight, 700)
}

.font-userBoardCard-pointsUntilNextLevel-xs {
    font-weight: var(--ui-typography-user-board-card-points-until-next-level-xs-font-weight, 500)
}

.font-userBoardCard-progressLevel-xs {
    font-weight: var(--ui-typography-user-board-card-progress-level-xs-font-weight, 600)
}

.font-userBoardCard-registered-xs {
    font-weight: var(--ui-typography-user-board-card-registered-xs-font-weight, 500)
}

.font-userBoardCard-totalBalanceAmount-xs {
    font-weight: var(--ui-typography-user-board-card-total-balance-amount-xs-font-weight, 600)
}

.font-userBoardCard-totalBalanceLabel-xs {
    font-weight: var(--ui-typography-user-board-card-total-balance-label-xs-font-weight, 600)
}

.font-userGamesModal-title {
    font-weight: var(--ui-font-weights-user-games-modal-title, 600)
}

.font-userGamesPage-title {
    font-weight: var(--ui-font-weights-user-games-page-title, 600)
}

.font-userMenu-email {
    font-weight: var(--ui-typography-user-menu-email-font-weight, 400)
}

.font-userMenu-name {
    font-weight: var(--ui-typography-user-menu-name-font-weight, 600)
}

.font-userMenu-text {
    font-weight: var(--ui-typography-user-menu-text-font-weight, 600)
}

.font-verificationCard-text-xs {
    font-weight: var(--ui-typography-verification-card-text-xs-font-weight, 600)
}

.font-verificationCard-title-xs {
    font-weight: var(--ui-typography-verification-card-title-xs-font-weight, 600)
}

.font-verificationPage-title {
    font-weight: var(--ui-font-weights-verification-page-title, 600)
}

.font-vip-advantageCard-text-xs {
    font-weight: var(--ui-typography-vip-advantage-card-text-xs-font-weight, 400)
}

.font-vip-advantageCard-title {
    font-weight: var(--ui-font-weights-vip-advantage-card-title, 600)
}

.font-vip-advantageCard-title-xs {
    font-weight: var(--ui-typography-vip-advantage-card-title-xs-font-weight, 600)
}

.font-vip-description-text {
    font-weight: var(--ui-font-weights-vip-description-text, 400)
}

.font-vip-description-title {
    font-weight: var(--ui-font-weights-vip-description-title, 700)
}

.font-vip-levelCard-bonus-xs {
    font-weight: var(--ui-typography-vip-level-card-bonus-xs-font-weight, 600)
}

.font-vip-levelCard-options-text-xs {
    font-weight: var(--ui-typography-vip-level-card-options-text-xs-font-weight, 600)
}

.font-vip-levelCard-options-title-xs {
    font-weight: var(--ui-typography-vip-level-card-options-title-xs-font-weight, 400)
}

.font-vip-levelCard-title-xs {
    font-weight: var(--ui-typography-vip-level-card-title-xs-font-weight, 700)
}

.font-vip-widget-text {
    font-weight: var(--ui-font-weights-vip-widget-text, 700)
}

.font-vip-widget-title {
    font-weight: var(--ui-font-weights-vip-widget-title, 400)
}

.font-vip-widget-tooltip {
    font-weight: var(--ui-font-weights-vip-widget-tooltip, 600)
}

.font-welcomeSubtitle {
    font-weight: var(--ui-font-weights-welcome-subtitle, 500)
}

.font-welcomeTitle {
    font-weight: var(--ui-font-weights-welcome-title, 700)
}

.\!uppercase {
    text-transform: uppercase !important
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-\[1\.2\] {
    line-height: 1.2
}

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

.leading-action-text {
    line-height: var(--ui-typography-action-text-line-height, 24px)
}

.leading-action-title {
    line-height: var(--ui-typography-action-title-line-height, 36px)
}

.leading-activeBonusCard-info-xs {
    line-height: var(--ui-typography-active-bonus-card-info-xs-line-height, 140%)
}

.leading-activeBonusCard-label-xs {
    line-height: var(--ui-typography-active-bonus-card-label-xs-line-height, 140%)
}

.leading-activeBonusCard-text-xs {
    line-height: var(--ui-typography-active-bonus-card-text-xs-line-height, 130%)
}

.leading-activeBonusCard-title-xs {
    line-height: var(--ui-typography-active-bonus-card-title-xs-line-height, 150%)
}

.leading-activeBonusSection-noBonus {
    line-height: var(--ui-line-heights-active-bonus-section-no-bonus, 20px)
}

.leading-activeBonusSection-title-xs {
    line-height: var(--ui-line-heights-active-bonus-section-title-xs, 28px)
}

.leading-auth-info-xs {
    line-height: var(--ui-typography-auth-info-xs-line-height, 20px)
}

.leading-auth-text-sm {
    line-height: var(--ui-typography-auth-text-sm-line-height, 1.5)
}

.leading-auth-text-xs {
    line-height: var(--ui-typography-auth-text-xs-line-height, 1.5)
}

.leading-auth-title-xs {
    line-height: var(--ui-typography-auth-title-xs-line-height, 1.25)
}

.leading-availableBonusCard-text-xs {
    line-height: var(--ui-typography-available-bonus-card-text-xs-line-height, 120%)
}

.leading-availableBonusCard-title-xs {
    line-height: var(--ui-typography-available-bonus-card-title-xs-line-height, 150%)
}

.leading-availableBonusSection-noBonus {
    line-height: var(--ui-line-heights-available-bonus-section-no-bonus, 20px)
}

.leading-availableBonusSection-title-xs {
    line-height: var(--ui-line-heights-available-bonus-section-title-xs, 28px)
}

.leading-balance-number-xs {
    line-height: var(--ui-typography-balance-number-xs-line-height, 133%)
}

.leading-balance-text-xs {
    line-height: var(--ui-typography-balance-text-xs-line-height, 100%)
}

.leading-balanceHistory-title {
    line-height: var(--ui-line-heights-balance-history-title, 1)
}

.leading-banner-static-text-xs {
    line-height: var(--ui-line-heights-banner-static-text-xs, 16px)
}

.leading-banner-static-title-xs {
    line-height: var(--ui-line-heights-banner-static-title-xs, 28px)
}

.leading-baseToggle-label {
    line-height: var(--ui-typography-base-toggle-label-line-height, 1.2)
}

.leading-bottomNavigation-text-xs {
    line-height: var(--ui-typography-bottom-navigation-text-xs-line-height, 14px)
}

.leading-button-details-xs {
    line-height: var(--ui-typography-button-details-xs-line-height, 170%)
}

.leading-button-lg {
    line-height: var(--ui-typography-button-lg-line-height, 133%)
}

.leading-button-md {
    line-height: var(--ui-typography-button-md-line-height, 120%)
}

.leading-button-menu-text-xs {
    line-height: var(--ui-typography-button-menu-text-xs-line-height, 1)
}

.leading-button-sm {
    line-height: var(--ui-typography-button-sm-line-height, 150%)
}

.leading-button-text-xs {
    line-height: var(--ui-typography-button-text-xs-line-height, 170%)
}

.leading-button-xs {
    line-height: var(--ui-typography-button-xs-line-height, 170%)
}

.leading-campaignPage-date-xs {
    line-height: var(--ui-line-heights-campaign-page-date-xs, 28px)
}

.leading-campaignPage-text-xs {
    line-height: var(--ui-line-heights-campaign-page-text-xs, 20px)
}

.leading-campaignPage-time-xs {
    line-height: var(--ui-line-heights-campaign-page-time-xs, 24px)
}

.leading-campaignPage-title-xs {
    line-height: var(--ui-line-heights-campaign-page-title-xs, 40px)
}

.leading-cancelRegister-title-xs {
    line-height: var(--ui-typography-cancel-register-title-xs-line-height, 32px)
}

.leading-cashier-modal-input-label {
    line-height: var(--ui-typography-cashier-modal-input-label-line-height, 140%)
}

.leading-cashier-modal-qr {
    line-height: var(--ui-typography-cashier-modal-qr-line-height, 140%)
}

.leading-category-xs {
    line-height: var(--ui-typography-category-xs-line-height, 20px)
}

.leading-confirm-text-xs {
    line-height: var(--ui-typography-confirm-text-xs-line-height, 24px)
}

.leading-confirm-title-xs {
    line-height: var(--ui-typography-confirm-title-xs-line-height, 36px)
}

.leading-contactPreferences-card-text-xs {
    line-height: var(--ui-typography-contact-preferences-card-text-xs-line-height, 22px)
}

.leading-contactPreferences-card-title-xs {
    line-height: var(--ui-typography-contact-preferences-card-title-xs-line-height, 22px)
}

.leading-cryptoDepositBanner-title-xs {
    line-height: var(--ui-typography-crypto-deposit-banner-title-xs-line-height, 44px)
}

.leading-dashboardBonusCard-xs {
    line-height: var(--ui-typography-dashboard-bonus-card-xs-line-height, 145%)
}

.leading-dashboardTransactionCard-xs {
    line-height: var(--ui-typography-dashboard-transaction-card-xs-line-height, 24px)
}

.leading-depositCard-title-xs {
    line-height: var(--ui-typography-deposit-card-title-xs-line-height, 28px)
}

.leading-errorPage-text-xs {
    line-height: var(--ui-line-heights-error-page-text-xs, 20px)
}

.leading-errorPage-title-xs {
    line-height: var(--ui-line-heights-error-page-title-xs, 40px)
}

.leading-expandableMenu-item-text {
    line-height: var(--ui-typography-expandable-menu-item-text-line-height, 22px)
}

.leading-expandableMenu-text {
    line-height: var(--ui-typography-expandable-menu-text-line-height, 22px)
}

.leading-footer-copyright {
    line-height: var(--ui-typography-footer-copyright-line-height, 140%)
}

.leading-footer-item-xs {
    line-height: var(--ui-typography-footer-item-xs-line-height, 140%)
}

.leading-footer-license {
    line-height: var(--ui-typography-footer-license-line-height, 150%)
}

.leading-footerPage-title-xs {
    line-height: var(--ui-typography-footer-page-title-xs-line-height, 28px)
}

.leading-gameCard-label-xs {
    line-height: var(--ui-typography-game-card-label-xs-line-height, 120%)
}

.leading-gameCard-moreGames-xs {
    line-height: var(--ui-typography-game-card-more-games-xs-line-height, 140%)
}

.leading-gameCard-provider-xs {
    line-height: var(--ui-typography-game-card-provider-xs-line-height, 16px)
}

.leading-gameCard-title-xs {
    line-height: var(--ui-typography-game-card-title-xs-line-height, 16px)
}

.leading-gameFooter-xs {
    line-height: var(--ui-typography-game-footer-xs-line-height, 140%)
}

.leading-gameHeader-xs {
    line-height: var(--ui-typography-game-header-xs-line-height, 140%)
}

.leading-gamePage-title-xs {
    line-height: var(--ui-typography-game-page-title-xs-line-height, 1.2)
}

.leading-gamesPage-title-xs {
    line-height: var(--ui-typography-games-page-title-xs-line-height, 36px)
}

.leading-gamesSection-title {
    line-height: var(--ui-line-heights-games-section-title, 22px)
}

.leading-header-item {
    line-height: var(--ui-typography-header-item-line-height, 20px)
}

.leading-headerLayoutSwitcher {
    line-height: var(--ui-typography-header-layout-switcher-line-height, 20px)
}

.leading-headline-title-xs {
    line-height: var(--ui-typography-headline-title-xs-line-height, 100%)
}

.leading-heroContent-description-xs {
    line-height: var(--ui-typography-hero-content-description-xs-line-height, 44px)
}

.leading-heroContent-title-xs {
    line-height: var(--ui-typography-hero-content-title-xs-line-height, 20px)
}

.leading-iPayments-amount-xs {
    line-height: var(--ui-line-heights-i-payments-amount-xs, 20px)
}

.leading-iPayments-totalAmount-xs {
    line-height: var(--ui-line-heights-i-payments-total-amount-xs, 20px)
}

.leading-input-label-default {
    line-height: var(--ui-typography-input-label-default-line-height, 140%)
}

.leading-input-text {
    line-height: var(--ui-typography-input-text-line-height, 150%)
}

.leading-inputNumber-text-xs {
    line-height: var(--ui-typography-input-number-text-xs-line-height, 28px)
}

.leading-jackpot-text-xs {
    line-height: var(--ui-line-heights-jackpot-text-xs, 38px)
}

.leading-jackpot-title-xs {
    line-height: var(--ui-line-heights-jackpot-title-xs, 24px)
}

.leading-language-title-xs {
    line-height: var(--ui-typography-language-title-xs-line-height, 145%)
}

.leading-languageButton-text-xs {
    line-height: var(--ui-typography-language-button-text-xs-line-height, 140%)
}

.leading-latestWins-text-xs {
    line-height: var(--ui-typography-latest-wins-text-xs-line-height, 133%)
}

.leading-layoutSwitcher-text {
    line-height: var(--ui-line-heights-layout-switcher-text, 20px)
}

.leading-leaderboard-text {
    line-height: var(--ui-line-heights-leaderboard-text, 16px)
}

.leading-menu-banner-amount-xs {
    line-height: var(--ui-typography-menu-banner-amount-xs-line-height, 24px)
}

.leading-menu-banner-balance-xs {
    line-height: var(--ui-typography-menu-banner-balance-xs-line-height, 24px)
}

.leading-menu-banner-xs {
    line-height: var(--ui-typography-menu-banner-xs-line-height, 24px)
}

.leading-menu-quickLink-text {
    line-height: var(--ui-typography-menu-quick-link-text-line-height, 18px)
}

.leading-menu-text-xs {
    line-height: var(--ui-typography-menu-text-xs-line-height, 20px)
}

.leading-menuSearch-text {
    line-height: var(--ui-typography-menu-search-text-line-height, 24px)
}

.leading-myBonuses-title-xs {
    line-height: var(--ui-line-heights-my-bonuses-title-xs, 36px)
}

.leading-navbarItem-xs {
    line-height: var(--ui-typography-navbar-item-xs-line-height, 24px)
}

.leading-noBonusCard-text-xs {
    line-height: var(--ui-typography-no-bonus-card-text-xs-line-height, 140%)
}

.leading-optionsSwitcher-option-xs {
    line-height: var(--ui-typography-options-switcher-option-xs-line-height, 20px)
}

.leading-partnersSection-text {
    line-height: var(--ui-typography-partners-section-text-line-height, 22px)
}

.leading-paymentDetailCard-text-xs {
    line-height: var(--ui-typography-payment-detail-card-text-xs-line-height, 1.2)
}

.leading-paymentMethodOption-xs {
    line-height: var(--ui-typography-payment-method-option-xs-line-height, 20px)
}

.leading-paymentOperationTypeSwitcher-text-xs {
    line-height: var(--ui-line-heights-payment-operation-type-switcher-text-xs, 16px)
}

.leading-pendingBonusCard-text-xs {
    line-height: var(--ui-typography-pending-bonus-card-text-xs-line-height, 120%)
}

.leading-pendingBonusCard-title-xs {
    line-height: var(--ui-typography-pending-bonus-card-title-xs-line-height, 150%)
}

.leading-pendingBonusSection-noBonus {
    line-height: var(--ui-line-heights-pending-bonus-section-no-bonus, 20px)
}

.leading-pendingBonusSection-title-xs {
    line-height: var(--ui-line-heights-pending-bonus-section-title-xs, 28px)
}

.leading-personalInfoCard-subTitle-xs {
    line-height: var(--ui-typography-personal-info-card-sub-title-xs-line-height, 20px)
}

.leading-personalInfoCard-title-xs {
    line-height: var(--ui-typography-personal-info-card-title-xs-line-height, 145%)
}

.leading-promoButton-text {
    line-height: var(--ui-line-heights-promo-button-text, 16px)
}

.leading-promoButton-title {
    line-height: var(--ui-line-heights-promo-button-title, 18px)
}

.leading-promoPage-description-xs {
    line-height: var(--ui-typography-promo-page-description-xs-line-height, 20px)
}

.leading-promoPage-text-xs {
    line-height: var(--ui-typography-promo-page-text-xs-line-height, 36px)
}

.leading-promoPage-title-xs {
    line-height: var(--ui-typography-promo-page-title-xs-line-height, 40px)
}

.leading-promotionCard-date-xs {
    line-height: var(--ui-typography-promotion-card-date-xs-line-height, 16px)
}

.leading-promotionCard-start-xs {
    line-height: var(--ui-typography-promotion-card-start-xs-line-height, 16px)
}

.leading-promotionCard-text-xs {
    line-height: var(--ui-typography-promotion-card-text-xs-line-height, 20px)
}

.leading-promotionCard-title-xs {
    line-height: var(--ui-typography-promotion-card-title-xs-line-height, 16px)
}

.leading-promotionDetailCard-text-xs {
    line-height: var(--ui-typography-promotion-detail-card-text-xs-line-height, 130%)
}

.leading-promotionDetailCard-title-xs {
    line-height: var(--ui-typography-promotion-detail-card-title-xs-line-height, 140%)
}

.leading-promotionInfo-text-xs {
    line-height: var(--ui-typography-promotion-info-text-xs-line-height, 140%)
}

.leading-promotionInfo-title-xs {
    line-height: var(--ui-typography-promotion-info-title-xs-line-height, 24px)
}

.leading-promotionPage-seeAll-xs {
    line-height: var(--ui-typography-promotion-page-see-all-xs-line-height, 24px)
}

.leading-promotionTerms-text-xs {
    line-height: var(--ui-typography-promotion-terms-text-xs-line-height, 140%)
}

.leading-promotionTerms-title-xs {
    line-height: var(--ui-typography-promotion-terms-title-xs-line-height, 24px)
}

.leading-promotionsPage-title-xs {
    line-height: var(--ui-typography-promotions-page-title-xs-line-height, 40px)
}

.leading-providerCard-games-xs {
    line-height: var(--ui-typography-provider-card-games-xs-line-height, 14px)
}

.leading-providerCard-name-xs {
    line-height: var(--ui-typography-provider-card-name-xs-line-height, 16px)
}

.leading-quickLinks-description-xs {
    line-height: var(--ui-typography-quick-links-description-xs-line-height, 20px)
}

.leading-quickLinks-subtitle-xs {
    line-height: var(--ui-typography-quick-links-subtitle-xs-line-height, 24px)
}

.leading-quickLinks-title-xs {
    line-height: var(--ui-typography-quick-links-title-xs-line-height, 32px)
}

.leading-register-social {
    line-height: var(--ui-typography-register-social-line-height, 16px)
}

.leading-register-stepTitle-xs {
    line-height: var(--ui-typography-register-step-title-xs-line-height, 36px)
}

.leading-rewardback-card-amount-xs {
    line-height: var(--ui-typography-rewardback-card-amount-xs-line-height, 32px)
}

.leading-rewardback-card-details-xs {
    line-height: var(--ui-typography-rewardback-card-details-xs-line-height, 20px)
}

.leading-rewardback-card-title-xs {
    line-height: var(--ui-typography-rewardback-card-title-xs-line-height, 16px)
}

.leading-rewardback-claim-text-xs {
    line-height: var(--ui-typography-rewardback-claim-text-xs-line-height, 24px)
}

.leading-rewardback-claim-title-xs {
    line-height: var(--ui-typography-rewardback-claim-title-xs-line-height, 36px)
}

.leading-rewardback-detailsCard-description-xs {
    line-height: var(--ui-typography-rewardback-details-card-description-xs-line-height, 40px)
}

.leading-rewardback-detailsCard-detailLabel-xs {
    line-height: var(--ui-typography-rewardback-details-card-detail-label-xs-line-height, 20px)
}

.leading-rewardback-detailsCard-title-xs {
    line-height: var(--ui-typography-rewardback-details-card-title-xs-line-height, 28px)
}

.leading-rewardback-detailsCard-userLabel-xs {
    line-height: var(--ui-typography-rewardback-details-card-user-label-xs-line-height, 32px)
}

.leading-rewardback-infoCard-text-xs {
    line-height: var(--ui-typography-rewardback-info-card-text-xs-line-height, 20px)
}

.leading-rewardback-infoCard-title-xs {
    line-height: var(--ui-typography-rewardback-info-card-title-xs-line-height, 24px)
}

.leading-rewardback-menu-description-xs {
    line-height: var(--ui-typography-rewardback-menu-description-xs-line-height, 32px)
}

.leading-rewardback-menu-details-xs {
    line-height: var(--ui-typography-rewardback-menu-details-xs-line-height, 20px)
}

.leading-rewardback-menu-title-xs {
    line-height: var(--ui-typography-rewardback-menu-title-xs-line-height, 16px)
}

.leading-rewardbackPage-seeAll-xs {
    line-height: var(--ui-typography-rewardback-page-see-all-xs-line-height, 24px)
}

.leading-searchGames-subtitle-xs {
    line-height: var(--ui-typography-search-games-subtitle-xs-line-height, 20px)
}

.leading-searchGames-title-xs {
    line-height: var(--ui-typography-search-games-title-xs-line-height, 32px)
}

.leading-select-bonus-label-xs {
    line-height: var(--ui-typography-select-bonus-label-xs-line-height, 133%)
}

.leading-select-bonus-text-xs {
    line-height: var(--ui-typography-select-bonus-text-xs-line-height, 140%)
}

.leading-select-label-lg {
    line-height: var(--ui-typography-select-label-lg-line-height, 133%)
}

.leading-select-label-xs {
    line-height: var(--ui-typography-select-label-xs-line-height, 133%)
}

.leading-select-text-xs {
    line-height: var(--ui-typography-select-text-xs-line-height, 140%)
}

.leading-similarGames-title-xs {
    line-height: var(--ui-line-heights-similar-games-title-xs, 24px)
}

.leading-textCard-text-xs {
    line-height: var(--ui-typography-text-card-text-xs-line-height, 150%)
}

.leading-textCard-title-xs {
    line-height: var(--ui-typography-text-card-title-xs-line-height, 120%)
}

.leading-titleComponent-xs {
    line-height: var(--ui-typography-title-component-xs-line-height, 1.2)
}

.leading-transactionsNoResults-text-xs {
    line-height: var(--ui-typography-transactions-no-results-text-xs-line-height, 24px)
}

.leading-transactionsTable-header-xs {
    line-height: var(--ui-typography-transactions-table-header-xs-line-height, 16px)
}

.leading-transactionsTable-text-xs {
    line-height: var(--ui-typography-transactions-table-text-xs-line-height, 18px)
}

.leading-userBoardCard-name-xs {
    line-height: var(--ui-typography-user-board-card-name-xs-line-height, 24px)
}

.leading-userBoardCard-pointsUntilNextLevel-xs {
    line-height: var(--ui-typography-user-board-card-points-until-next-level-xs-line-height, 20px)
}

.leading-userBoardCard-progressLevel-xs {
    line-height: var(--ui-typography-user-board-card-progress-level-xs-line-height, 40px)
}

.leading-userBoardCard-registered-xs {
    line-height: var(--ui-typography-user-board-card-registered-xs-line-height, 20px)
}

.leading-userBoardCard-totalBalanceAmount-xs {
    line-height: var(--ui-typography-user-board-card-total-balance-amount-xs-line-height, 32px)
}

.leading-userBoardCard-totalBalanceLabel-xs {
    line-height: var(--ui-typography-user-board-card-total-balance-label-xs-line-height, 24px)
}

.leading-userMenu-email {
    line-height: var(--ui-typography-user-menu-email-line-height, 150%)
}

.leading-userMenu-name {
    line-height: var(--ui-typography-user-menu-name-line-height, 133%)
}

.leading-userMenu-text {
    line-height: var(--ui-typography-user-menu-text-line-height, 150%)
}

.leading-verificationCard-text-xs {
    line-height: var(--ui-typography-verification-card-text-xs-line-height, 150%)
}

.leading-verificationCard-title-xs {
    line-height: var(--ui-typography-verification-card-title-xs-line-height, 145%)
}

.leading-verificationPage-title-xs {
    line-height: var(--ui-line-heights-verification-page-title-xs, 40px)
}

.leading-vip-advantageCard-text-xs {
    line-height: var(--ui-typography-vip-advantage-card-text-xs-line-height, 20px)
}

.leading-vip-advantageCard-title-xs {
    line-height: var(--ui-typography-vip-advantage-card-title-xs-line-height, 20px)
}

.leading-vip-description-text-xs {
    line-height: var(--ui-typography-vip-description-text-xs-line-height, 24px)
}

.leading-vip-description-title-xs {
    line-height: var(--ui-typography-vip-description-title-xs-line-height, 36px)
}

.leading-vip-levelCard-bonus-xs {
    line-height: var(--ui-typography-vip-level-card-bonus-xs-line-height, 20px)
}

.leading-vip-levelCard-options-text-xs {
    line-height: var(--ui-typography-vip-level-card-options-text-xs-line-height, 18px)
}

.leading-vip-levelCard-options-title-xs {
    line-height: var(--ui-typography-vip-level-card-options-title-xs-line-height, 14px)
}

.leading-vip-levelCard-title-xs {
    line-height: var(--ui-typography-vip-level-card-title-xs-line-height, 24px)
}

.leading-vip-loyalty-title-xs {
    line-height: var(--ui-typography-vip-loyalty-title-xs-line-height, 1.2)
}

.leading-vip-widget-title {
    line-height: var(--ui-line-heights-vip-widget-title, 44px)
}

.leading-vip-widget-tooltip-xs {
    line-height: var(--ui-typography-vip-widget-tooltip-xs-line-height, 16px)
}

.tracking-\[-0\.25px\] {
    letter-spacing: -.25px
}

.tracking-\[0\.05em\] {
    letter-spacing: .05em
}

.tracking-\[1px\] {
    letter-spacing: 1px
}

.tracking-errorPage-text-xs {
    letter-spacing: var(--ui-typography-error-page-text-xs-letter-spacing, -.25px)
}

.text-action-title {
    color: var(--ui-text-color-action-title, #fff)
}

.text-activeBonusCard-icon {
    color: var(--ui-text-color-active-bonus-card-icon, #c7c7c7)
}

.text-activeBonusCard-info {
    color: var(--ui-text-color-active-bonus-card-info, #fff)
}

.text-activeBonusCard-label {
    color: var(--ui-text-color-active-bonus-card-label, #bcbdc2)
}

.text-activeBonusCard-svg {
    color: var(--ui-text-color-active-bonus-card-svg, #242424)
}

.text-activeBonusCard-text {
    color: var(--ui-text-color-active-bonus-card-text, linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.text-activeBonusCard-title {
    color: var(--ui-text-color-active-bonus-card-title, #fff)
}

.text-activeBonusSection-noBonus {
    color: var(--ui-text-color-active-bonus-section-no-bonus, #fff)
}

.text-activeBonusSection-title {
    color: var(--ui-text-color-active-bonus-section-title, #fff)
}

.text-activeWithdrawal-default {
    color: var(--ui-text-color-active-withdrawal-default, #fff)
}

.text-activeWithdrawal-muted {
    color: var(--ui-text-color-active-withdrawal-muted, #c7c7c7)
}

.text-auth-info {
    color: var(--ui-text-color-auth-info, #bcbdc2)
}

.text-auth-text-action {
    color: var(--ui-text-color-auth-text-action, #f0ad48)
}

.text-auth-text-default {
    color: var(--ui-text-color-auth-text-default, #bcbdc2)
}

.text-auth-text-muted {
    color: var(--ui-text-color-auth-text-muted, #bcbdc2)
}

.text-auth-title {
    color: var(--ui-text-color-auth-title, #fff)
}

.text-availableBonusCard-svg {
    color: var(--ui-text-color-available-bonus-card-svg, #242424)
}

.text-availableBonusCard-text {
    color: var(--ui-text-color-available-bonus-card-text, linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.text-availableBonusCard-title {
    color: var(--ui-text-color-available-bonus-card-title, #fff)
}

.text-availableBonusSection-noBonus {
    color: var(--ui-text-color-available-bonus-section-no-bonus, #fff)
}

.text-availableBonusSection-title {
    color: var(--ui-text-color-available-bonus-section-title, #fff)
}

.text-badge {
    color: var(--ui-background-color-badge, #e73d3e)
}

.text-balance-number {
    color: var(--ui-text-color-balance-number, #fff)
}

.text-balance-text {
    color: var(--ui-text-color-balance-text, #c7c7c7)
}

.text-balanceHistory-title {
    color: var(--ui-text-color-balance-history-title, #fff)
}

.text-banner-static-text {
    color: var(--ui-text-color-banner-static-text, #fff)
}

.text-banner-static-title {
    color: var(--ui-text-color-banner-static-title, #e6037f)
}

.text-baseDatePicker-icon {
    color: var(--ui-text-color-base-date-picker-icon, #fff)
}

.text-baseToggle-label {
    color: var(--ui-text-color-base-toggle-label, #fff)
}

.text-body {
    color: var(--ui-background-color-body, #f1f8ff)
}

.text-bottomNavigation-text {
    color: var(--ui-text-color-bottom-navigation-text, #9093a0)
}

.text-button-details-default {
    color: var(--ui-text-color-button-details-default, #f0ad48)
}

.text-button-login-default {
    color: var(--ui-text-color-button-login-default, #fff)
}

.text-button-menu-text-default {
    color: var(--ui-text-color-button-menu-text-default, #9093a0)
}

.text-button-primary-default {
    color: var(--ui-text-color-button-primary-default, #fff)
}

.text-button-register-default {
    color: var(--ui-text-color-button-register-default, #fff)
}

.text-button-secondary-default {
    color: var(--ui-text-color-button-secondary-default, #fff)
}

.text-button-square {
    color: var(--ui-text-color-button-square, #fff)
}

.text-button-tertiary-default {
    color: var(--ui-text-color-button-tertiary-default, #fff)
}

.text-button-tertiary-square {
    color: var(--ui-text-color-button-tertiary-square, #fff)
}

.text-button-text-default {
    color: var(--ui-text-color-button-text-default, #fff)
}

.text-campaignPage-date {
    color: var(--ui-text-color-campaign-page-date, #fff)
}

.text-campaignPage-text {
    color: var(--ui-text-color-campaign-page-text, #c7c7c7)
}

.text-campaignPage-time {
    color: var(--ui-text-color-campaign-page-time, #fff)
}

.text-campaignPage-title {
    color: var(--ui-text-color-campaign-page-title, #fff)
}

.text-cancelRegister-text {
    color: var(--ui-text-color-cancel-register-text, #fff)
}

.text-cancelRegister-title {
    color: var(--ui-text-color-cancel-register-title, #fff)
}

.text-cashier-modal-input-label {
    color: var(--ui-text-color-cashier-modal-input-label, #c7c7c7)
}

.text-cashier-modal-qr {
    color: var(--ui-text-color-cashier-modal-qr, #bcbdc2)
}

.text-cashier-modal-warning-amount {
    color: var(--ui-text-color-cashier-modal-warning-amount, #fff)
}

.text-cashier-modal-warning-info {
    color: var(--ui-text-color-cashier-modal-warning-info, #c7c7c7)
}

.text-category-title-color {
    color: var(--ui-text-color-category-title-color, #fff)
}

.text-category-title-selected {
    color: var(--ui-text-color-category-title-selected, #fff)
}

.text-checkbox-text {
    color: var(--ui-text-color-checkbox-text, #bcbdc2)
}

.text-colorSwitcher-icon {
    color: var(--ui-text-color-color-switcher-icon, #fff)
}

.text-confirm-text {
    color: var(--ui-text-color-confirm-text, #fff)
}

.text-confirm-title {
    color: var(--ui-text-color-confirm-title, #fff)
}

.text-contactPreferences-text-default {
    color: var(--ui-text-color-contact-preferences-text-default, #fff)
}

.text-contactPreferences-title-default {
    color: var(--ui-text-color-contact-preferences-title-default, #fff)
}

.text-dashboardBonusCard {
    color: var(--ui-text-color-dashboard-bonus-card, #fff)
}

.text-dashboardTransactionCard {
    color: var(--ui-text-color-dashboard-transaction-card, #fff)
}

.text-default {
    color: var(--ui-text-color-default, #fff)
}

.text-depositAmountLabel {
    color: var(--ui-text-color-deposit-amount-label, #c7c7c7)
}

.text-depositCard-text {
    color: var(--ui-text-color-deposit-card-text, #fff)
}

.text-depositCard-title {
    color: var(--ui-text-color-deposit-card-title, #c7c7c7)
}

.text-errorPage-info {
    color: var(--ui-text-color-error-page-info, #fff)
}

.text-errorPage-title {
    color: var(--ui-text-color-error-page-title, #fff)
}

.text-expandableMenu-item-text-default {
    color: var(--ui-text-color-expandable-menu-item-text-default, #c7c7c7)
}

.text-expandableMenu-text-default {
    color: var(--ui-text-color-expandable-menu-text-default, #c7c7c7)
}

.text-expandableMenu-text-opened {
    color: var(--ui-text-color-expandable-menu-text-opened, #f2f2f2)
}

.text-field-error {
    color: var(--ui-text-color-field-error, #e6261c)
}

.text-footer-copyright {
    color: var(--ui-text-color-footer-copyright, #c7c7c7)
}

.text-footer-fs-license {
    color: var(--ui-text-color-footer-fs-license, #c7c7c7)
}

.text-footer-item-active {
    color: var(--ui-text-color-footer-item-active, #f4d7a3)
}

.text-footer-item-default {
    color: var(--ui-text-color-footer-item-default, #fff)
}

.text-footer-item-hover {
    color: var(--ui-text-color-footer-item-hover, #f4d7a3)
}

.text-footer-license {
    color: var(--ui-text-color-footer-license, #fff)
}

.text-footerPage-title {
    color: var(--ui-text-color-footer-page-title, #fff)
}

.text-gameCard-demo {
    color: var(--ui-text-color-game-card-demo, #fff)
}

.text-gameCard-favoriteIcon {
    color: var(--ui-text-color-game-card-favorite-icon, #ebaf49)
}

.text-gameCard-label {
    color: var(--ui-text-color-game-card-label, #fff)
}

.text-gameCard-moreGames {
    color: var(--ui-text-color-game-card-more-games, #fff)
}

.text-gameCard-provider {
    color: var(--ui-text-color-game-card-provider, #fff)
}

.text-gameCard-title {
    color: var(--ui-text-color-game-card-title, #9093a0)
}

.text-gameFooter-text-default {
    color: var(--ui-text-color-game-footer-text-default, #fff)
}

.text-gameHeader-text-default {
    color: var(--ui-text-color-game-header-text-default, #fff)
}

.text-gameHeader-text-muted {
    color: var(--ui-text-color-game-header-text-muted, #c7c7c7)
}

.text-gamesPage-title {
    color: var(--ui-text-color-games-page-title, #fff)
}

.text-gamesSection-icon {
    color: var(--ui-text-color-games-section-icon, #ebaf49)
}

.text-gamesSection-see-text-default {
    color: var(--ui-text-color-games-section-see-text-default, #f7a61d)
}

.text-gamesSection-see-text-hover {
    color: var(--ui-text-color-games-section-see-text-hover, #efc376)
}

.text-gamesSection-tooltip {
    color: var(--ui-text-color-games-section-tooltip, #717171)
}

.text-header-icon {
    color: var(--ui-text-color-header-icon, #fff)
}

.text-header-item {
    color: var(--ui-background-color-header-item, #bec0f1)
}

.text-header-item-default {
    color: var(--ui-text-color-header-item-default, #fff)
}

.text-headerLayoutSwitcher-text {
    color: var(--ui-text-color-header-layout-switcher-text, #fff)
}

.text-headline-title {
    color: var(--ui-text-color-headline-title, #fff)
}

.text-heroContent-description {
    color: var(--ui-text-color-hero-content-description, #f4d7a3)
}

.text-heroContent-title {
    color: var(--ui-text-color-hero-content-title, #fff)
}

.text-iPayments-disclaimer {
    color: var(--ui-text-color-i-payments-disclaimer, #595d6d)
}

.text-iPayments-selector-active {
    color: var(--ui-text-color-i-payments-selector-active, #121212)
}

.text-iPayments-selector-default {
    color: var(--ui-text-color-i-payments-selector-default, #fff)
}

.text-iPayments-totalAmount-text {
    color: var(--ui-text-color-i-payments-total-amount-text, #929292)
}

.text-input-default {
    color: var(--ui-text-color-input-default, #fff)
}

.text-input-label {
    color: var(--ui-text-color-input-label, #8f93a7)
}

.text-input-text {
    color: var(--ui-text-color-input-text, #8f93a7)
}

.text-inputNumber-default {
    color: var(--ui-text-color-input-number-default, #fff)
}

.text-iphonePromo-span {
    color: var(--ui-text-color-iphone-promo-span, #fff)
}

.text-jackpot-text {
    color: var(--ui-text-color-jackpot-text, #fff)
}

.text-jackpot-title {
    color: var(--ui-text-color-jackpot-title, #fff)
}

.text-kycDocuments-text-default {
    color: var(--ui-text-color-kyc-documents-text-default, #595d6d)
}

.text-kycDocuments-title {
    color: var(--ui-text-color-kyc-documents-title, #fff)
}

.text-kycVerification-text-default {
    color: var(--ui-text-color-kyc-verification-text-default, #fff)
}

.text-language-text-default {
    color: var(--ui-text-color-language-text-default, #fff)
}

.text-language-title {
    color: var(--ui-text-color-language-title, #fff)
}

.text-languageButton-text-active {
    color: var(--ui-text-color-language-button-text-active, #fff)
}

.text-languageButton-text-default {
    color: var(--ui-text-color-language-button-text-default, #fff)
}

.text-latestWins-name {
    color: var(--ui-text-color-latest-wins-name, #fff)
}

.text-latestWins-span {
    color: var(--ui-text-color-latest-wins-span, #fff)
}

.text-latestWins-text {
    color: var(--ui-text-color-latest-wins-text, #fff9)
}

.text-latestWins-win {
    color: var(--ui-text-color-latest-wins-win, #fff)
}

.text-leaderboard-list-header {
    color: var(--ui-text-color-leaderboard-list-header, #fff)
}

.text-leaderboard-list-item {
    color: var(--ui-text-color-leaderboard-list-item, #fff)
}

.text-leaderboard-username {
    color: var(--ui-text-color-leaderboard-username, #fff)
}

.text-menu-banner-amount {
    color: var(--ui-text-color-menu-banner-amount, #fff)
}

.text-menu-banner-balance {
    color: var(--ui-text-color-menu-banner-balance, #faead0)
}

.text-menu-banner-default {
    color: var(--ui-text-color-menu-banner-default, #fff)
}

.text-menu-icon-default {
    color: var(--ui-text-color-menu-icon-default, #929292)
}

.text-menu-quickLink-text {
    color: var(--ui-text-color-menu-quick-link-text, #fff)
}

.text-menu-text-default {
    color: var(--ui-text-color-menu-text-default, #bcbdc2)
}

.text-menuSearch-icon {
    color: var(--ui-text-color-menu-search-icon, #c7c7c7)
}

.text-menuSearch-text {
    color: var(--ui-text-color-menu-search-text, #c7c7c7)
}

.text-modal-icon {
    color: var(--ui-text-color-modal-icon, #595d6d)
}

.text-modal-image-text {
    color: var(--ui-text-color-modal-image-text, #fff)
}

.text-navCard-text-active {
    color: var(--ui-text-color-nav-card-text-active, #f4d7a3)
}

.text-navCard-text-default {
    color: var(--ui-text-color-nav-card-text-default, #595d6d)
}

.text-navCard-text-hover {
    color: var(--ui-text-color-nav-card-text-hover, #fff)
}

.text-navbarItem-default {
    color: var(--ui-text-color-navbar-item-default, #9093a0)
}

.text-noBonusCard-svg {
    color: var(--ui-text-color-no-bonus-card-svg, #242424)
}

.text-noBonusCard-text {
    color: var(--ui-text-color-no-bonus-card-text, #fff)
}

.text-optionsSwitcher-option-active {
    color: var(--ui-text-color-options-switcher-option-active, #fff)
}

.text-optionsSwitcher-option-default {
    color: var(--ui-text-color-options-switcher-option-default, #fff)
}

.text-optionsSwitcher-option-hover {
    color: var(--ui-text-color-options-switcher-option-hover, #efc376)
}

.text-optionsSwitcher-text-active {
    color: var(--ui-text-color-options-switcher-text-active, #fff)
}

.text-partnersSection-text-default {
    color: var(--ui-text-color-partners-section-text-default, #f0ad48)
}

.text-paymentDetailCardText-default {
    color: var(--ui-text-color-payment-detail-card-text-default, #fff)
}

.text-paymentDetailCardText-muted {
    color: var(--ui-text-color-payment-detail-card-text-muted, #595d6d)
}

.text-paymentMethodsBalanceCard-balance {
    color: var(--ui-text-color-payment-methods-balance-card-balance, #fff)
}

.text-paymentMethodsBalanceCard-label {
    color: var(--ui-text-color-payment-methods-balance-card-label, #c7c7c7)
}

.text-paymentMethodsTitle {
    color: var(--ui-text-color-payment-methods-title, #fff)
}

.text-paymentOperationTypeSwitcher-text-active {
    color: var(--ui-text-color-payment-operation-type-switcher-text-active, #121212)
}

.text-paymentOperationTypeSwitcher-text-default {
    color: var(--ui-text-color-payment-operation-type-switcher-text-default, #fff)
}

.text-pendingBonusCard-details-default {
    color: var(--ui-text-color-pending-bonus-card-details-default, #595d6d)
}

.text-pendingBonusCard-icon {
    color: var(--ui-text-color-pending-bonus-card-icon, #c7c7c7)
}

.text-pendingBonusCard-svg {
    color: var(--ui-text-color-pending-bonus-card-svg, #242424)
}

.text-pendingBonusCard-text {
    color: var(--ui-text-color-pending-bonus-card-text, linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.text-pendingBonusCard-title {
    color: var(--ui-text-color-pending-bonus-card-title, #fff)
}

.text-pendingBonusSection-noBonus {
    color: var(--ui-text-color-pending-bonus-section-no-bonus, #fff)
}

.text-pendingBonusSection-title {
    color: var(--ui-text-color-pending-bonus-section-title, #fff)
}

.text-personalInfoCard-subTitle {
    color: var(--ui-text-color-personal-info-card-sub-title, #fff)
}

.text-personalInfoCard-text-default {
    color: var(--ui-text-color-personal-info-card-text-default, #595d6d)
}

.text-personalInfoCard-title {
    color: var(--ui-text-color-personal-info-card-title, #fff)
}

.text-promoButton-text-default {
    color: var(--ui-text-color-promo-button-text-default, #fff)
}

.text-promoButton-title-default {
    color: var(--ui-text-color-promo-button-title-default, #fff)
}

.text-promoPage-subtitle {
    color: var(--ui-text-color-promo-page-subtitle, #fff)
}

.text-promoPage-text {
    color: var(--ui-text-color-promo-page-text, #fff)
}

.text-promoPage-title {
    color: var(--ui-text-color-promo-page-title, #fff)
}

.text-promotionCard-date {
    color: var(--ui-text-color-promotion-card-date, #fff)
}

.text-promotionCard-details-default {
    color: var(--ui-text-color-promotion-card-details-default, #fff)
}

.text-promotionCard-start {
    color: var(--ui-text-color-promotion-card-start, #9093a0)
}

.text-promotionCard-text {
    color: var(--ui-text-color-promotion-card-text, linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.text-promotionCard-title {
    color: var(--ui-text-color-promotion-card-title, #fff)
}

.text-promotionDetailCard-text {
    color: var(--ui-text-color-promotion-detail-card-text, linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.text-promotionDetailCard-title {
    color: var(--ui-text-color-promotion-detail-card-title, #fff)
}

.text-promotionInfo-faq-default {
    color: var(--ui-text-color-promotion-info-faq-default, #fff)
}

.text-promotionInfo-icon {
    color: var(--ui-text-color-promotion-info-icon, #fff)
}

.text-promotionInfo-label {
    color: var(--ui-text-color-promotion-info-label, #bcbdc2)
}

.text-promotionInfo-number {
    color: var(--ui-text-color-promotion-info-number, #fff)
}

.text-promotionInfo-text-default {
    color: var(--ui-text-color-promotion-info-text-default, #fff)
}

.text-promotionInfo-title {
    color: var(--ui-text-color-promotion-info-title, #f0ad48)
}

.text-promotionPage-seeAll-default {
    color: var(--ui-text-color-promotion-page-see-all-default, #fff)
}

.text-promotionTerms-showMore-default {
    color: var(--ui-text-color-promotion-terms-show-more-default, #595d6d)
}

.text-promotionTerms-text {
    color: var(--ui-text-color-promotion-terms-text, #fff)
}

.text-promotionTerms-title {
    color: var(--ui-text-color-promotion-terms-title, #f0ad48)
}

.text-providerCard-games {
    color: var(--ui-text-color-provider-card-games, #595d6d)
}

.text-providerCard-name {
    color: var(--ui-text-color-provider-card-name, #fff)
}

.text-providerCardFallback-text {
    color: var(--ui-text-color-provider-card-fallback-text, #fff)
}

.text-quickLinks-description {
    color: var(--ui-text-color-quick-links-description, #fff)
}

.text-quickLinks-subtitle {
    color: var(--ui-text-color-quick-links-subtitle, #fff)
}

.text-quickLinks-title {
    color: var(--ui-text-color-quick-links-title, #fff)
}

.text-quickUserMenu-email {
    color: var(--ui-text-color-quick-user-menu-email, #595d6d)
}

.text-quickUserMenu-name {
    color: var(--ui-text-color-quick-user-menu-name, #fff)
}

.text-quickUserMenu-text-active {
    color: var(--ui-text-color-quick-user-menu-text-active, #c7c7c7)
}

.text-quickUserMenu-text-default {
    color: var(--ui-text-color-quick-user-menu-text-default, #c7c7c7)
}

.text-register-social {
    color: var(--ui-text-color-register-social, #f7c977)
}

.text-register-stepTitle {
    color: var(--ui-text-color-register-step-title, #fff)
}

.text-rewardback-card-amount {
    color: var(--ui-text-color-rewardback-card-amount, #fff)
}

.text-rewardback-card-details {
    color: var(--ui-text-color-rewardback-card-details, #fffc)
}

.text-rewardback-card-title {
    color: var(--ui-text-color-rewardback-card-title, #fff)
}

.text-rewardback-claim-title {
    color: var(--ui-text-color-rewardback-claim-title, #fff)
}

.text-rewardback-detailsCard-amount {
    color: var(--ui-text-color-rewardback-details-card-amount, #fff)
}

.text-rewardback-detailsCard-description {
    color: var(--ui-text-color-rewardback-details-card-description, #fff)
}

.text-rewardback-detailsCard-detailLabel {
    color: var(--ui-text-color-rewardback-details-card-detail-label, #bcbdc2)
}

.text-rewardback-detailsCard-detailValue {
    color: var(--ui-text-color-rewardback-details-card-detail-value, #fff)
}

.text-rewardback-detailsCard-title {
    color: var(--ui-text-color-rewardback-details-card-title, #faca77)
}

.text-rewardback-detailsCard-userLabel {
    color: var(--ui-text-color-rewardback-details-card-user-label, #bcbdc2)
}

.text-rewardback-detailsCard-userSubtitle {
    color: var(--ui-text-color-rewardback-details-card-user-subtitle, #fff)
}

.text-rewardback-detailsCard-userTitle {
    color: var(--ui-text-color-rewardback-details-card-user-title, #fff)
}

.text-rewardback-infoCard-faq {
    color: var(--ui-text-color-rewardback-info-card-faq, #fff)
}

.text-rewardback-infoCard-number {
    color: var(--ui-text-color-rewardback-info-card-number, #fff)
}

.text-rewardback-infoCard-text {
    color: var(--ui-text-color-rewardback-info-card-text, #fff)
}

.text-rewardback-infoCard-title {
    color: var(--ui-text-color-rewardback-info-card-title, #f0ad48)
}

.text-rewardback-menu-description {
    color: var(--ui-text-color-rewardback-menu-description, #fff)
}

.text-rewardback-menu-details {
    color: var(--ui-text-color-rewardback-menu-details, #fffc)
}

.text-rewardback-menu-title {
    color: var(--ui-text-color-rewardback-menu-title, #faca77)
}

.text-rewardbackPage-icon {
    color: var(--ui-text-color-rewardback-page-icon, #fff)
}

.text-rewardbackPage-seeAll-default {
    color: var(--ui-text-color-rewardback-page-see-all-default, #fff)
}

.text-searchGames-noResults {
    color: var(--ui-text-color-search-games-no-results, #fff)
}

.text-searchGames-subtitle {
    color: var(--ui-text-color-search-games-subtitle, #fff)
}

.text-searchGames-text {
    color: var(--ui-text-color-search-games-text, #fff)
}

.text-searchProviderCardFallback-text {
    color: var(--ui-text-color-search-provider-card-fallback-text, #fff)
}

.text-select-bonusOption-text-default {
    color: var(--ui-text-color-select-bonus-option-text-default, #c7c7c7)
}

.text-select-icon {
    color: var(--ui-text-color-select-icon, #fff9)
}

.text-select-paymentMethodOption {
    color: var(--ui-text-color-select-payment-method-option, #c7c7c7)
}

.text-select-text-default {
    color: var(--ui-text-color-select-text-default, #fff)
}

.text-shop-earnCoins-modal-title {
    color: var(--ui-text-color-shop-earn-coins-modal-title, #fff)
}

.text-shop-earnCoins-section-title {
    color: var(--ui-text-color-shop-earn-coins-section-title, #fff)
}

.text-shop-earnCoinsCard-info {
    color: var(--ui-text-color-shop-earn-coins-card-info, #fff)
}

.text-shop-earnCoinsCard-title {
    color: var(--ui-text-color-shop-earn-coins-card-title, #fff)
}

.text-shop-itemCard-amount {
    color: var(--ui-text-color-shop-item-card-amount, #fff)
}

.text-shop-itemCard-betLabel {
    color: var(--ui-text-color-shop-item-card-bet-label, #faead0)
}

.text-shop-itemCard-name {
    color: var(--ui-text-color-shop-item-card-name, #efc376)
}

.text-shop-itemCard-vipLabel {
    color: var(--ui-text-color-shop-item-card-vip-label, #121212)
}

.text-shop-notEnoughCoins-coins {
    color: var(--ui-text-color-shop-not-enough-coins-coins, #efc376)
}

.text-shop-notEnoughCoins-title {
    color: var(--ui-text-color-shop-not-enough-coins-title, #fff)
}

.text-shop-page-earnCoins-link-default {
    color: var(--ui-text-color-shop-page-earn-coins-link-default, #fff)
}

.text-shop-page-title {
    color: var(--ui-text-color-shop-page-title, #fff)
}

.text-shop-vipSpecialPrices-item-active {
    color: var(--ui-text-color-shop-vip-special-prices-item-active, #ebaf49)
}

.text-similarGames-option {
    color: var(--ui-text-color-similar-games-option, #fff)
}

.text-similarGames-title {
    color: var(--ui-text-color-similar-games-title, #fff)
}

.text-sportCategoriesSection-title {
    color: var(--ui-text-color-sport-categories-section-title, #fff)
}

.text-stepCounter-active {
    color: var(--ui-text-color-step-counter-active, #f4d7a3)
}

.text-stepCounter-inactive {
    color: var(--ui-text-color-step-counter-inactive, #929292)
}

.text-sticky-icon {
    color: var(--ui-background-color-sticky-icon, #0f151d)
}

.text-subMenu-text-default {
    color: var(--ui-text-color-sub-menu-text-default, #c7c7c7)
}

.text-swiper-icon-default {
    color: var(--ui-text-color-swiper-icon-default, #fff)
}

.text-tab-active {
    color: var(--ui-text-color-tab-active, #121212)
}

.text-tab-inactive {
    color: var(--ui-text-color-tab-inactive, #fff)
}

.text-textCard-icon-chevron {
    color: var(--ui-text-color-text-card-icon-chevron, #ebaf49)
}

.text-textCard-icon-info {
    color: var(--ui-text-color-text-card-icon-info, #929292)
}

.text-textCard-text {
    color: var(--ui-text-color-text-card-text, #fff)
}

.text-transactionsFilters-text-default {
    color: var(--ui-text-color-transactions-filters-text-default, #fff)
}

.text-transactionsFilters-title {
    color: var(--ui-text-color-transactions-filters-title, #fff)
}

.text-transactionsNoResults-text-default {
    color: var(--ui-text-color-transactions-no-results-text-default, #fff)
}

.text-transactionsTable-header {
    color: var(--ui-text-color-transactions-table-header, #f0ad48)
}

.text-transactionsTable-icon-default {
    color: var(--ui-text-color-transactions-table-icon-default, #f0ad48)
}

.text-transactionsTable-text-amount {
    color: var(--ui-text-color-transactions-table-text-amount, #fff)
}

.text-transactionsTable-text-danger {
    color: var(--ui-text-color-transactions-table-text-danger, #f4a7a3)
}

.text-transactionsTable-text-default {
    color: var(--ui-text-color-transactions-table-text-default, #fff)
}

.text-transactionsTable-text-muted {
    color: var(--ui-text-color-transactions-table-text-muted, #595d6d)
}

.text-transparent {
    color: var(--ui-colors-transparent, #0000)
}

.text-userBoardCard-greeting {
    color: var(--ui-text-color-user-board-card-greeting, #fff)
}

.text-userBoardCard-listIcon {
    color: var(--ui-text-color-user-board-card-list-icon, #fff)
}

.text-userBoardCard-listItems {
    color: var(--ui-text-color-user-board-card-list-items, #fff)
}

.text-userBoardCard-listLabel {
    color: var(--ui-text-color-user-board-card-list-label, #595d6d)
}

.text-userBoardCard-name {
    color: var(--ui-text-color-user-board-card-name, [object Object])
}

.text-userBoardCard-pointsUntilNextLevel {
    color: var(--ui-text-color-user-board-card-points-until-next-level, #fff)
}

.text-userBoardCard-progressLevel {
    color: var(--ui-text-color-user-board-card-progress-level, #9093a0)
}

.text-userBoardCard-registered {
    color: var(--ui-text-color-user-board-card-registered, #9093a0)
}

.text-userBoardCard-totalBalanceAmount {
    color: var(--ui-text-color-user-board-card-total-balance-amount, #fff)
}

.text-userBoardCard-totalBalanceLabel {
    color: var(--ui-text-color-user-board-card-total-balance-label, #9093a0)
}

.text-userGamesPage-title {
    color: var(--ui-text-color-user-games-page-title, #fff)
}

.text-verificationCard-icon-error {
    color: var(--ui-text-color-verification-card-icon-error, #f4a7a3)
}

.text-verificationCard-icon-valid {
    color: var(--ui-text-color-verification-card-icon-valid, #3ea512)
}

.text-verificationCard-label {
    color: var(--ui-text-color-verification-card-label, #9093a0)
}

.text-verificationCard-text-default {
    color: var(--ui-text-color-verification-card-text-default, #9093a0)
}

.text-verificationCard-title {
    color: var(--ui-text-color-verification-card-title, #fff)
}

.text-verificationPage-title {
    color: var(--ui-text-color-verification-page-title, #fff)
}

.text-vip-advantageCard-text {
    color: var(--ui-text-color-vip-advantage-card-text, #595d6d)
}

.text-vip-advantageCard-title {
    color: var(--ui-text-color-vip-advantage-card-title, #fff)
}

.text-vip-advantagesSection-title {
    color: var(--ui-text-color-vip-advantages-section-title, #fff)
}

.text-vip-description-text {
    color: var(--ui-text-color-vip-description-text, #fff)
}

.text-vip-description-title {
    color: var(--ui-text-color-vip-description-title, #fff)
}

.text-vip-description-titleHighlight {
    color: var(--ui-text-color-vip-description-title-highlight, #fff)
}

.text-vip-levelCard-bonus {
    color: var(--ui-text-color-vip-level-card-bonus, #a5a0fe)
}

.text-vip-levelCard-bonus-active {
    color: var(--ui-text-color-vip-level-card-bonus-active, #fff)
}

.text-vip-levelCard-bonus-locked {
    color: var(--ui-text-color-vip-level-card-bonus-locked, #595d6d)
}

.text-vip-levelCard-options-text {
    color: var(--ui-text-color-vip-level-card-options-text, #fff)
}

.text-vip-levelCard-options-title {
    color: var(--ui-text-color-vip-level-card-options-title, #c7c7c7)
}

.text-vip-levelCard-title {
    color: var(--ui-text-color-vip-level-card-title, #f1f8ff)
}

.text-vip-levelCard-title-active {
    color: var(--ui-text-color-vip-level-card-title-active, #fff)
}

.text-vip-loyalty-title-default {
    color: var(--ui-text-color-vip-loyalty-title-default, #c7c7c7)
}

.text-vip-widget-text {
    color: var(--ui-text-color-vip-widget-text, #bcbdc2)
}

.text-vip-widget-title {
    color: var(--ui-text-color-vip-widget-title, #fff)
}

.text-vip-widget-tooltip {
    color: var(--ui-text-color-vip-widget-tooltip, #121212)
}

.text-vip-widget-tooltipTriangle {
    color: var(--ui-text-color-vip-widget-tooltip-triangle, #fff)
}

.text-welcomeSubtitle {
    color: var(--ui-text-color-welcome-subtitle, #c7c7c7)
}

.text-welcomeTitle {
    color: var(--ui-text-color-welcome-title, #fff)
}

.text-white {
    color: var(--ui-colors-white, #fff)
}

.text-withdrawalInfo {
    color: var(--ui-text-color-withdrawal-info, #fff)
}

.underline {
    text-decoration-line: underline
}

.underline-offset-2 {
    text-underline-offset: 2px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
}

.\!opacity-100 {
    opacity: 1 !important
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.mix-blend-screen {
    mix-blend-mode: screen
}

.mix-blend-lighten {
    mix-blend-mode: lighten
}

.shadow-button-primary-default {
    --tw-shadow: var(--ui-box-shadow-button-primary-default, 0px);
    --tw-shadow-colored: var(--ui-box-shadow-button-primary-default, 0px)
}

.shadow-button-primary-default,
.shadow-button-primary-hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-button-primary-hover {
    --tw-shadow: var(--ui-box-shadow-button-primary-hover, 0px);
    --tw-shadow-colored: var(--ui-box-shadow-button-primary-hover, 0px)
}

.shadow-button-secondary-default {
    --tw-shadow: var(--ui-box-shadow-button-secondary-default, 0px);
    --tw-shadow-colored: var(--ui-box-shadow-button-secondary-default, 0px)
}

.shadow-button-secondary-default,
.shadow-button-secondary-hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-button-secondary-hover {
    --tw-shadow: var(--ui-box-shadow-button-secondary-hover, 0px);
    --tw-shadow-colored: var(--ui-box-shadow-button-secondary-hover, 0px)
}

.shadow-headerLayoutSwitcher-default {
    --tw-shadow: var(--ui-box-shadow-header-layout-switcher-default, 0px 0px 5px 0px #e6037f);
    --tw-shadow-colored: var(--ui-box-shadow-header-layout-switcher-default, 0px 0px 5px 0px #e6037f)
}

.shadow-headerLayoutSwitcher-default,
.shadow-quickUserMenu {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-quickUserMenu {
    --tw-shadow: var(--ui-box-shadow-quick-user-menu, 24px rgba(5, 5, 5, ));
    --tw-shadow-colored: var(--ui-box-shadow-quick-user-menu, 24px rgba(5, 5, 5, ))
}

.outline-0 {
    outline-width: 0
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.\!blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.brightness-0 {
    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)
}

.brightness-0 {
    --tw-brightness: brightness(0)
}

.brightness-125 {
    --tw-brightness: brightness(1.25);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.\!grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale,
.grayscale-0 {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale-0 {
    --tw-grayscale: grayscale(0)
}

.invert {
    --tw-invert: invert(100%)
}

.invert,
.invert-\[1\] {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert-\[1\] {
    --tw-invert: invert(1)
}

.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-lg {
    -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-lg {
    --tw-backdrop-blur: blur(16px)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-md,
.backdrop-blur-sm {
    -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-sm {
    --tw-backdrop-blur: blur(4px)
}

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

.transition-\[translate\] {
    transition-duration: .15s;
    transition-property: translate;
    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)
}

.duration-0 {
    transition-duration: 0s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-\[cubic-bezier\(\.175\,\.885\,\.32\,1\.275\)\] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-transform {
    will-change: transform
}

.grid-areas-promotion-detail-mobile {
    grid-template-areas: "promotion-card" "promotion-detail" "promotion-terms"
}

.grid-areas-dashboard-mobile {
    grid-template-areas: "user-board user-board" "deposit deposit" "withdrawal withdrawal" "my-bonuses my-bonuses" "recommended recommended" "favorites favorites" "last-played last-played"
}

.grid-areas-personal-info-mobile {
    grid-template-areas: "email" "first-name" "last-name" "birthday" "gender" "country" "currency" "city" "postcode" "address" "phone-number"
}

.grid-areas-personal-info-tablet {
    grid-template-areas: "email email" "first-name last-name" "gender birthday" "country currency" "city postcode" "address phone-number"
}

.grid-areas-personal-info-mobile-delicensed {
    grid-template-areas: "email" "first-name" "last-name" "birthday" "gender" "city" "postcode" "address" "phone-number"
}

.grid-areas-personal-info-tablet-delicensed {
    grid-template-areas: "email email" "first-name last-name" "gender birthday" "city postcode" "address phone-number"
}

.grid-areas-rewardback-details-mobile {
    grid-template-areas: "rewardback-detail-card" "rewardback-info" "rewardback-terms"
}

.grid-in-promotion-card {
    grid-area: promotion-card
}

.grid-in-promotion-detail {
    grid-area: promotion-detail
}

.grid-in-promotion-terms {
    grid-area: promotion-terms
}

.grid-in-user-board {
    grid-area: user-board
}

.grid-in-deposit {
    grid-area: deposit
}

.grid-in-withdrawal {
    grid-area: withdrawal
}

.grid-in-my-bonuses {
    grid-area: my-bonuses
}

.grid-in-recommended {
    grid-area: recommended
}

.grid-in-favorites {
    grid-area: favorites
}

.grid-in-last-played {
    grid-area: last-played
}

.grid-in-email {
    grid-area: email
}

.grid-in-first-name {
    grid-area: first-name
}

.grid-in-last-name {
    grid-area: last-name
}

.grid-in-birthday {
    grid-area: birthday
}

.grid-in-gender {
    grid-area: gender
}

.grid-in-country {
    grid-area: country
}

.grid-in-currency {
    grid-area: currency
}

.grid-in-city {
    grid-area: city
}

.grid-in-postcode {
    grid-area: postcode
}

.grid-in-address {
    grid-area: address
}

.grid-in-phone-number {
    grid-area: phone-number
}

.grid-in-rewardback-info {
    grid-area: rewardback-info
}

.grid-in-rewardback-terms {
    grid-area: rewardback-terms
}

.bg-white {
    background-color: var(--ui-colors-white, #fff)
}

.bg-transparent {
    background-color: var(--ui-colors-transparent, #0000)
}

.bg-button-primary-default {
    background-image: var(--ui-background-color-button-primary-default, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.bg-button-secondary-default {
    background-image: var(--ui-background-color-button-secondary-default, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-button-tertiary-default {
    background-image: var(--ui-background-color-button-tertiary-default, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
}

.bg-promotionCard-text {
    background-image: var(--ui-text-color-promotion-card-text, linear-gradient(172.99deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.bg-availableBonusCard-svg {
    background-color: var(--ui-text-color-available-bonus-card-svg, #242424)
}

.bg-pendingBonusCard-svg {
    background-color: var(--ui-text-color-pending-bonus-card-svg, #242424)
}

.bg-quickUserMenu-text-default {
    background-color: var(--ui-background-color-quick-user-menu-text-default, #0000)
}

.bg-quickUserMenu-text-active {
    background-color: var(--ui-background-color-quick-user-menu-text-active, #0000)
}

.bg-tab-inactive {
    background-color: var(--ui-background-color-tab-inactive, #353535)
}

.bg-tab-active {
    background-color: var(--ui-background-color-tab-active, #fff)
}

.bg-gameCard-label {
    background-color: var(--ui-background-color-game-card-label, #ff3093)
}

.bg-dashboardBonusCard {
    background-color: var(--ui-background-color-dashboard-bonus-card, #242424)
}

.bg-dashboardTransactionCard {
    background-image: var(--ui-background-color-dashboard-transaction-card, linear-gradient(180deg, #0b141c 0, #090e12 100%))
}

.bg-navbarItem-default {
    background-color: var(--ui-background-color-navbar-item-default, #595d6d)
}

.bg-withdrawalInfo {
    background-color: var(--ui-background-color-withdrawal-info, #292929)
}

.bg-button-primary-hover {
    background-image: var(--ui-background-color-button-primary-hover, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.bg-button-secondary-hover {
    background-image: var(--ui-background-color-button-secondary-hover, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-button-tertiary-hover {
    background-image: var(--ui-background-color-button-tertiary-hover, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
}

.bg-button-tertiary-focus {
    background-image: var(--ui-background-color-button-tertiary-focus, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
}

.bg-main {
    background-color: var(--ui-background-color-main, #030b11)
}

.bg-header-bg {
    background-image: var(--ui-background-color-header-bg, linear-gradient(90deg, #000 0, #061a29 25%, #061a29 50%, #061a29 75%, #000 100%); )
}

.bg-promotionCard-bg {
    background-image: var(--ui-background-color-promotion-card-bg, linear-gradient(180deg, #0b141c 0, #090e12 100%))
}

.bg-promotionCard-number-bg {
    background-color: var(--ui-background-color-promotion-card-number-bg, #353535)
}

.bg-promotionCard-campaignDetailsBg {
    background-image: var(--ui-background-color-promotion-card-campaign-details-bg, linear-gradient(180deg, #05131e 0, #071b2a 100%); )
}

.bg-promotionDetailCard-bg {
    background-image: var(--ui-background-color-promotion-detail-card-bg, linear-gradient(180deg, #0b141c 0, #090e12 100%))
}

.bg-leaderboard-list-header-bg {
    background-color: var(--ui-background-color-leaderboard-list-header-bg, #242424)
}

.bg-leaderboard-list-item-bg {
    background-color: var(--ui-background-color-leaderboard-list-item-bg, #242424)
}

.bg-leaderboard-list-rank-bg {
    background-color: var(--ui-background-color-leaderboard-list-rank-bg, #404040)
}

.bg-providerCard-bg-default {
    background-color: var(--ui-background-color-provider-card-bg-default, #242424)
}

.bg-promotionInfo-bg {
    background-image: var(--ui-background-color-promotion-info-bg, linear-gradient(0deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-promotionTerms-bg {
    background-image: var(--ui-background-color-promotion-terms-bg, linear-gradient(0deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-pendingBonusCard-icon-bg-default {
    background-color: var(--ui-background-color-pending-bonus-card-icon-bg-default, #1f2533)
}

.bg-activeBonusCard-icon-bg-default {
    background-color: var(--ui-background-color-active-bonus-card-icon-bg-default, #1f2533)
}

.bg-quickUserMenu-bg {
    background-color: var(--ui-background-color-quick-user-menu-bg, #0000)
}

.bg-quickUserMenu-divider {
    background-color: var(--ui-background-color-quick-user-menu-divider, #353535)
}

.bg-menu-bg-default {
    background-color: var(--ui-background-color-menu-bg-default, #02050d)
}

.bg-menu-divider {
    background-color: var(--ui-background-color-menu-divider, #0000)
}

.bg-menu-banner {
    background-color: var(--ui-background-color-menu-banner, #292929)
}

.bg-balance-bg {
    background-image: var(--ui-background-color-balance-bg, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-latestWins-bg {
    background-color: var(--ui-background-color-latest-wins-bg, #0000)
}

.bg-vip-widget-tooltip-bg {
    background-color: var(--ui-background-color-vip-widget-tooltip-bg, #d6d6d6)
}

.bg-vip-advantageCard-bg {
    background-color: var(--ui-background-color-vip-advantage-card-bg, #242424)
}

.bg-modal-bg {
    background-color: var(--ui-background-color-modal-bg, #0000)
}

.bg-input-default {
    background-image: var(--ui-background-color-input-default, linear-gradient(180deg, #0e0f0f 0, #061a29 100%))
}

.bg-input-number-default {
    background-color: var(--ui-background-color-input-number-default, #242424)
}

.bg-select-default {
    background-image: var(--ui-background-color-select-default, linear-gradient(180deg, #0e0f0f 0, #061a29 100%))
}

.bg-select-list-default {
    background-color: var(--ui-background-color-select-list-default, #030b11)
}

.bg-select-hover {
    background-image: var(--ui-background-color-select-hover, linear-gradient(180deg, #191a1b 0, #122534 100%))
}

.bg-select-paymentMethodOption-logo {
    background-color: var(--ui-background-color-select-payment-method-option-logo, #0000)
}

.bg-category-default {
    background-color: var(--ui-background-color-category-default, #0000)
}

.bg-category-selected {
    background-image: var(--ui-background-color-category-selected, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-footer {
    background-image: var(--ui-background-color-footer, linear-gradient(180deg, #061a29 0, #05141f 34%, #02050d 100%); )
}

.bg-navCard {
    background-color: var(--ui-background-color-nav-card, #292929)
}

.bg-paymentMethod-card {
    background-color: var(--ui-background-color-payment-method-card, #292929)
}

.bg-searchGames-search-sticky {
    background-color: var(--ui-background-color-search-games-search-sticky, #0d1720)
}

.bg-searchGames-searchResultProviderCard-default {
    background-color: var(--ui-background-color-search-games-search-result-provider-card-default, #292929)
}

.bg-searchGames-searchResultProviderCard-hover {
    background-color: var(--ui-background-color-search-games-search-result-provider-card-hover, #353535)
}

.bg-languageButton-hover {
    background-color: var(--ui-background-color-language-button-hover, #141b24)
}

.bg-languageButton-active {
    background-image: var(--ui-background-color-language-button-active, radial-gradient(183.6% 100% at 50% 100%, #2f2b20, #0b1219))
}

.bg-userBoard-container-xs {
    background-image: var(--ui-background-color-user-board-container-xs, linear-gradient(180deg, #0b141c 0, #090e12 100%))
}

.bg-userBoard-container-xl {
    background-color: var(--ui-background-color-user-board-container-xl, #0000)
}

.bg-userBoard-progressBar-default {
    background-color: var(--ui-background-color-user-board-progress-bar-default, #ffffff4d)
}

.bg-userBoard-progressBar-progress {
    background-color: var(--ui-background-color-user-board-progress-bar-progress, #ebaf49)
}

.bg-verificationCard {
    background-color: var(--ui-background-color-verification-card, #061a29)
}

.bg-personalInfoCard {
    background-color: var(--ui-background-color-personal-info-card, #242424)
}

.bg-sticky-item {
    background-color: var(--ui-background-color-sticky-item, #02050d)
}

.bg-transactionsTable-default {
    background-color: var(--ui-background-color-transactions-table-default, #242424)
}

.bg-gameFooter {
    background-color: var(--ui-background-color-game-footer, #030b11)
}

.bg-activeWithdrawal {
    background-color: var(--ui-background-color-active-withdrawal, #242424)
}

.bg-amountSelector-default {
    background-color: var(--ui-background-color-amount-selector-default, #292929)
}

.bg-body {
    background-color: var(--ui-background-color-body, #02050d)
}

.bg-paymentMethodsSticky {
    background-color: var(--ui-background-color-payment-methods-sticky, #242424)
}

.bg-badge {
    background-color: var(--ui-background-color-badge, #ef7c76)
}

.bg-iPayments-logo {
    background-color: var(--ui-background-color-i-payments-logo, #0000)
}

.bg-depositCard-separator {
    background-color: var(--ui-border-color-deposit-card-separator, #0000)
}

.bg-black {
    background-color: var(--ui-colors-black, #121212)
}

.bg-overlay {
    background-color: var(--ui-colors-overlay, #000)
}

.bg-button-register-default {
    background-image: var(--ui-background-color-button-register-default, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.bg-button-register-hover {
    background-image: var(--ui-background-color-button-register-hover, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.bg-button-login-default {
    background-image: var(--ui-background-color-button-login-default, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
}

.bg-optionsSwitcher-option-active {
    background-color: var(--ui-text-color-options-switcher-option-active, #fff)
}

.bg-optionsSwitcher-option-default {
    background-image: var(--ui-background-color-options-switcher-option-default, linear-gradient(180deg, #101823 0, #1d2b3e 89.6%))
}

.bg-optionsSwitcher-option-hover {
    background-color: var(--ui-text-color-options-switcher-option-hover, #efc376)
}

.bg-rewardback-infoCard-number {
    background-image: var(--ui-background-color-rewardback-info-card-number, linear-gradient(180deg, #0f1c26 0, #062135 89.6%))
}

.bg-rewardback-infoCard-faq {
    background-image: var(--ui-background-color-rewardback-info-card-faq, linear-gradient(180deg, #0f1c26 0, #062135 89.6%))
}

.bg-shop-itemCard-betLabel {
    background-color: var(--ui-text-color-shop-item-card-bet-label, #faead0)
}

.bg-shop-vipSpecialPrices-item-active {
    background-color: var(--ui-text-color-shop-vip-special-prices-item-active, #ebaf49)
}

.bg-expandableMenu-tooltip-default {
    background-color: var(--ui-background-color-expandable-menu-tooltip-default, #151f2d)
}

.bg-button-primary-border {
    background-image: var(--ui-background-color-button-primary-border, linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.bg-button-menu-default {
    background-image: var(--ui-background-color-button-menu-default, radial-gradient(63.41% 225% at 50% -71.88%, #0b1118 25.5%, #030b11 100%))
}

.bg-promoButton-iphone-header-default {
    background-color: var(--ui-background-color-promo-button-iphone-header-default, #4759cc4d)
}

.bg-promoButton-iphone-header-hover {
    background-color: var(--ui-background-color-promo-button-iphone-header-hover, #4759cc80)
}

.bg-depositCard-default {
    background-color: var(--ui-background-color-deposit-card-default, #242424)
}

.bg-cashier-modal-warning {
    background-color: var(--ui-background-color-cashier-modal-warning, #141b24)
}

.bg-header-icon-default {
    background-color: var(--ui-background-color-header-icon-default, #0000)
}

.bg-promotionCard-border {
    background-image: var(--ui-background-color-promotion-card-border, linear-gradient(180deg, #02050d 0, #02050d 23%, #ebaf49 100%))
}

.bg-promotionCard-image-overlay {
    background-color: var(--ui-background-color-promotion-card-image-overlay, #0000)
}

.bg-promotionCard-number {
    background-image: var(--ui-background-color-promotion-card-number, linear-gradient(180deg, #0f1c26 0, #062135 89.6%))
}

.bg-providerCard-bg-infoText {
    background-color: var(--ui-background-color-provider-card-bg-info-text, #353535)
}

.bg-promotionInfo-faq {
    background-image: var(--ui-background-color-promotion-info-faq, linear-gradient(180deg, #0f1c26 0, #062135 89.6%))
}

.bg-promotionTerms-number {
    background-image: var(--ui-background-color-promotion-terms-number, linear-gradient(180deg, #0f1c26 0, #062135 89.6%))
}

.bg-quickUserMenu-mainDivider {
    background-color: var(--ui-background-color-quick-user-menu-main-divider, #353535)
}

.bg-menu-item-default {
    background-color: var(--ui-background-color-menu-item-default, #0000)
}

.bg-menu-quickLink-border-default {
    background-image: var(--ui-background-color-menu-quick-link-border-default, radial-gradient(circle, #8e600fde 0, #8e600f57 100%))
}

.bg-menu-quickLink-bg-default {
    background-color: var(--ui-background-color-menu-quick-link-bg-default, #0000)
}

.bg-menu-quickLink-bg-active {
    background-color: var(--ui-background-color-menu-quick-link-bg-active, #0000)
}

.bg-subMenu-divider {
    background-color: var(--ui-background-color-sub-menu-divider, #e6037f)
}

.bg-subMenu-bg {
    background-color: var(--ui-background-color-sub-menu-bg, #02050d)
}

.bg-optionsSwitcher-container-default {
    background-color: var(--ui-background-color-options-switcher-container-default, #292929)
}

.bg-optionsSwitcher-option-border-default {
    background-image: var(--ui-background-color-options-switcher-option-border-default, linear-gradient(180deg, #374f76 0, #151f2d 30%, #101823 70%, #1d2b3e 100%))
}

.bg-optionsSwitcher-option-border-selected {
    background-image: var(--ui-background-color-options-switcher-option-border-selected, linear-gradient(173deg, #ca9733 -7.05%, #f0be66 17.72%, #84450b 38.29%, #efac48 63.06%))
}

.bg-vip-widget-backdrop {
    background-image: var(--ui-background-color-vip-widget-backdrop, linear-gradient(90deg, #030b1100 0, #030b11 85.29%))
}

.bg-vip-advantageCard-icon {
    background-image: var(--ui-background-color-vip-advantage-card-icon, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-vip-description-bg {
    background-color: var(--ui-background-color-vip-description-bg, #02050d)
}

.bg-vip-levelCard-bg {
    background-color: var(--ui-background-color-vip-level-card-bg, #02050d)
}

.bg-vip-levelCard-border {
    background-image: var(--ui-background-color-vip-level-card-border, linear-gradient(180deg, #36301c00 3.75%, #efd59580 33.5%, #fae4a2 100%))
}

.bg-vip-levelCard-divider {
    background-color: var(--ui-background-color-vip-level-card-divider, #fff3)
}

.bg-paymentMethod-disabled {
    background-color: var(--ui-background-color-payment-method-disabled, #242424)
}

.bg-select-list-open {
    background-image: var(--ui-background-color-select-list-open, linear-gradient(0deg, #132634 0, #1a1b1c 100%))
}

.bg-category-image {
    background-image: var(--ui-background-color-category-image, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-textCard-header {
    background-color: var(--ui-background-color-text-card-header, #292929)
}

.bg-textCard-content {
    background-color: var(--ui-background-color-text-card-content, #292929)
}

.bg-textCard-contentOnly {
    background-color: var(--ui-background-color-text-card-content-only, #292929)
}

.bg-textCard-icon-extended {
    background-image: var(--ui-background-color-text-card-icon-extended, linear-gradient(148deg, #ca9733 -14.09%, #f0be66 34.71%, #985a21 75.24%, #efac48 124.03%))
}

.bg-paymentDetailCard-default {
    background-color: var(--ui-background-color-payment-detail-card-default, #292929)
}

.bg-paymentDetailCard-hover {
    background-image: var(--ui-background-color-payment-detail-card-hover, linear-gradient(180deg, #0000000a 0, #0006 100%), linear-gradient(180deg, #32323229 0, #b10603cc 93.75%))
}

.bg-paymentDetailCard-logo {
    background-color: var(--ui-background-color-payment-detail-card-logo, #0000)
}

.bg-paymentDetailCard-divider {
    background-color: var(--ui-background-color-payment-detail-card-divider, #ffffff14)
}

.bg-placeholderCard-default {
    background-color: var(--ui-background-color-placeholder-card-default, #030b11)
}

.bg-placeholderCard-borderGradient-gradient {
    background-image: var(--ui-background-color-placeholder-card-border-gradient-gradient, linear-gradient(90deg, #61410a 0, #61410a 100%))
}

.bg-gameCard-provider-default {
    background-color: var(--ui-background-color-game-card-provider-default, #353535)
}

.bg-gameCard-favoriteIcon-default {
    background-color: var(--ui-background-color-game-card-favorite-icon-default, #292929)
}

.bg-gameCard-favoriteIcon-selected {
    background-color: var(--ui-background-color-game-card-favorite-icon-selected, #292929)
}

.bg-gameCard-hover {
    background-image: var(--ui-background-color-game-card-hover, linear-gradient(180deg, #32323229 0, #214800cc 93.75%))
}

.bg-gameCard-title-gradient {
    background-image: var(--ui-background-color-game-card-title-gradient, linear-gradient(180deg, #061a29 0, #091015 100%))
}

.bg-gameCard-border {
    background-image: var(--ui-background-color-game-card-border, linear-gradient(180deg, #0000 0, #ffffff4d 33%, #407bc2 100%))
}

.bg-amountSelector-active {
    background-color: var(--ui-background-color-amount-selector-active, #fff)
}

.bg-iPayments-totalAmount {
    background-color: var(--ui-background-color-i-payments-total-amount, #2e2e2e)
}

.bg-sportWidgetCard {
    background-color: var(--ui-background-color-sport-widget-card, #242424)
}

.bg-layoutSwitcher-bg-default {
    background-color: var(--ui-background-color-layout-switcher-bg-default, #2e2e2e)
}

.bg-headerLayoutSwitcher-bg {
    background-color: var(--ui-background-color-header-layout-switcher-bg, #121212)
}

.bg-paymentOperationTypeSwitcher-default {
    background-color: var(--ui-background-color-payment-operation-type-switcher-default, #0000)
}

.bg-paymentOperationTypeSwitcher-active {
    background-color: var(--ui-background-color-payment-operation-type-switcher-active, #fff)
}

.bg-filterButton-bg {
    background-color: var(--ui-background-color-filter-button-bg, #121212)
}

.bg-stickyDesktop {
    background-color: var(--ui-background-color-sticky-desktop, #1e1e1e)
}

.bg-iphonePromo-bg {
    background-color: var(--ui-background-color-iphone-promo-bg, #0000)
}

.bg-availableBonusCard-bg {
    background-color: var(--ui-background-color-available-bonus-card-bg, #0000)
}

.bg-availableBonusCard-border {
    background-image: var(--ui-background-color-available-bonus-card-border, linear-gradient(180deg, #36301c00 3.75%, #efd59580 33.5%, #fae4a2 100%))
}

.bg-baseRadio-container-default {
    background-color: var(--ui-background-color-base-radio-container-default, #292929)
}

.bg-expandableMenu-bg-default {
    background-color: var(--ui-background-color-expandable-menu-bg-default, #0000)
}

.bg-expandableMenu-bg-opened {
    background-image: var(--ui-background-color-expandable-menu-bg-opened, radial-gradient(185.75% 180.21% at 50% 180.21%, var(--tint-accent-50, #1e1403) 0, var(--tint-neutral-25, #091015) 100%))
}

.bg-expandableMenu-list-bg {
    background-color: var(--ui-background-color-expandable-menu-list-bg, #091015)
}

.bg-bottomNavigation-bg {
    background-color: var(--ui-background-color-bottom-navigation-bg, #061a29)
}

.bg-menuQuickLink-dropdown-bg {
    background-image: var(--ui-background-color-menu-quick-link-dropdown-bg, radial-gradient(63.41% 225% at 50% -71.88%, #263750 0, #030b11 100%))
}

.bg-rewardback-detailsCard-image-overlay {
    background-color: var(--ui-background-color-rewardback-details-card-image-overlay, #0000)
}

.bg-rewardback-detailsCard-wrapper {
    background-color: var(--ui-background-color-rewardback-details-card-wrapper, #0000)
}

.bg-menuSearch-bg {
    background-image: var(--ui-background-color-menu-search-bg, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.bg-userBoardCard-container-xs {
    background-color: var(--ui-background-color-user-board-card-container-xs, #0000)
}

.bg-userBoardCard-container-xl {
    background-color: var(--ui-background-color-user-board-card-container-xl, #0000)
}

.bg-sportCategoryCard {
    background-color: var(--ui-background-color-sport-category-card, #0000)
}

.bg-baseToggle-container-default-bg {
    background-color: var(--ui-background-color-base-toggle-container-default-bg, #0000)
}

.bg-baseToggle-container-active-bg {
    background-color: var(--ui-background-color-base-toggle-container-active-bg, #0000)
}

.bg-baseToggle-span-default-bg {
    background-color: var(--ui-background-color-base-toggle-span-default-bg, #0000)
}

.bg-contactPreferences-card-bg {
    background-color: var(--ui-background-color-contact-preferences-card-bg, #0000)
}

.bg-gradient-sportCategoryCard {
    background-image: var(--ui-colors-gradient-sport-category-card, linear-gradient(180deg, #d2002f 0, #5e0405 100%))
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-\[0\]:before {
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.before\:inset-x-0:before {
    content: var(--tw-content);
    left: 0;
    right: 0
}

.before\:bottom-\[-6px\]:before {
    bottom: -6px;
    content: var(--tw-content)
}

.before\:bottom-\[0\]:before {
    bottom: 0;
    content: var(--tw-content)
}

.before\:left-1\.5:before {
    content: var(--tw-content);
    left: .375rem
}

.before\:top-0\.5:before {
    content: var(--tw-content);
    top: .125rem
}

.before\:top-\[0\]:before {
    content: var(--tw-content);
    top: 0
}

.before\:top-\[50\%\]:before {
    content: var(--tw-content);
    top: 50%
}

.before\:z-\[-1\]:before {
    content: var(--tw-content);
    z-index: -1
}

.before\:z-\[10\]:before {
    content: var(--tw-content);
    z-index: 10
}

.before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1
}

.before\:z-\[3\]:before {
    content: var(--tw-content);
    z-index: 3
}

.before\:mx-auto:before {
    content: var(--tw-content);
    margin-left: auto;
    margin-right: auto
}

.before\:my-auto:before {
    content: var(--tw-content);
    margin-bottom: auto;
    margin-top: auto
}

.before\:block:before {
    content: var(--tw-content);
    display: block
}

.before\:h-0:before,
.before\:h-\[0px\]:before {
    content: var(--tw-content);
    height: 0
}

.before\:h-\[100\%\]:before {
    content: var(--tw-content);
    height: 100%
}

.before\:h-\[10px\]:before {
    content: var(--tw-content);
    height: 10px
}

.before\:h-\[14px\]:before {
    content: var(--tw-content);
    height: 14px
}

.before\:h-\[2px\]:before {
    content: var(--tw-content);
    height: 2px
}

.before\:h-\[44px\]:before {
    content: var(--tw-content);
    height: 44px
}

.before\:h-\[48px\]:before {
    content: var(--tw-content);
    height: 48px
}

.before\:h-full:before {
    content: var(--tw-content);
    height: 100%
}

.before\:w-\[10px\]:before {
    content: var(--tw-content);
    width: 10px
}

.before\:w-\[16px\]:before {
    content: var(--tw-content);
    width: 16px
}

.before\:w-\[50\%\]:before {
    content: var(--tw-content);
    width: 50%
}

.before\:w-\[8px\]:before {
    content: var(--tw-content);
    width: 8px
}

.before\:w-footer-item-icon:before {
    content: var(--tw-content);
    width: var(--ui-sizing-footer-item-icon, 8px)
}

.before\:rotate-\[40deg\]:before {
    --tw-rotate: 40deg
}

.before\:rotate-\[40deg\]:before,
.before\:scale-0:before {
    content: var(--tw-content);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.before\:scale-0:before {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.before\:rounded-full:before {
    border-radius: 9999px;
    content: var(--tw-content)
}

.before\:rounded-header:before {
    border-radius: var(--ui-border-radius-header, 0);
    content: var(--tw-content)
}

.before\:rounded-optionsSwitcher:before {
    border-radius: var(--ui-border-radius-options-switcher, 24px);
    content: var(--tw-content)
}

.before\:border-b-\[3px\]:before {
    border-bottom-width: 3px;
    content: var(--tw-content)
}

.before\:border-r-\[3px\]:before {
    border-right-width: 3px;
    content: var(--tw-content)
}

.before\:border-solid:before {
    border-style: solid;
    content: var(--tw-content)
}

.before\:border-checkbox-checkmark:before {
    border-color: var(--ui-border-color-checkbox-checkmark, #121212);
    content: var(--tw-content)
}

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

.before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0
}

.before\:shadow-baseRadio:before {
    content: var(--tw-content);
    --tw-shadow: var(--ui-box-shadow-base-radio, inset 1em 1em #f4d7a3);
    --tw-shadow-colored: var(--ui-box-shadow-base-radio, inset 1em 1em #f4d7a3);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.before\:transition-all:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.before\:transition-none:before {
    content: var(--tw-content);
    transition-property: none
}

.before\:transition-transform:before {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.before\:duration-300:before {
    content: var(--tw-content);
    transition-duration: .3s
}

.before\:ease-\[cubic-bezier\(\.175\,\.885\,\.32\,1\.275\)\]:before {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.before\:ease-in-out:before {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.before\:bg-menu-text-active:before {
    background-color: var(--ui-text-color-menu-text-active, #c7c7c7);
    content: var(--tw-content)
}

.before\:bg-footer-item-hover:before {
    background-color: var(--ui-text-color-footer-item-hover, #f4d7a3);
    content: var(--tw-content)
}

.before\:bg-header-bg:before {
    background-image: var(--ui-background-color-header-bg, linear-gradient(90deg, #000 0, #061a29 25%, #061a29 50%, #061a29 75%, #000 100%); );
    content: var(--tw-content)
}

.before\:bg-bottomNavigation-overlay:before {
    background-image: var(--ui-background-color-bottom-navigation-overlay, linear-gradient(90deg, #000c 0, #0000 50%), linear-gradient(90deg, #0000 50%, #000c 100%));
    content: var(--tw-content)
}

.before\:bg-shopPage-sticky:before {
    background-color: var(--ui-background-color-shop-page-sticky, #0000);
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:inset-\[-10px\]:after {
    content: var(--tw-content);
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:z-10:after {
    content: var(--tw-content);
    z-index: 10
}

.after\:mt-\[16px\]:after {
    content: var(--tw-content);
    margin-top: 16px
}

.after\:h-optionsSwitcher-line:after {
    content: var(--tw-content);
    height: var(--ui-sizing-options-switcher-line, 8px)
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:rounded-full:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.after\:rounded-br-full:after {
    border-bottom-right-radius: 9999px;
    content: var(--tw-content)
}

.after\:rounded-tl-full:after {
    border-top-left-radius: 9999px;
    content: var(--tw-content)
}

.after\:shadow-optionsSwitcher-active:after {
    content: var(--tw-content);
    --tw-shadow: var(--ui-box-shadow-options-switcher-active, 0px 0px 4px 0px #93fd3bcc);
    --tw-shadow-colored: var(--ui-box-shadow-options-switcher-active, 0px 0px 4px 0px #93fd3bcc);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.after\:transition-colors:after {
    content: var(--tw-content);
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.after\:duration-300:after {
    content: var(--tw-content);
    transition-duration: .3s
}

.after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:content-\[\'\.\'\]:after {
    --tw-content: ".";
    content: var(--tw-content)
}

.after\:bg-optionsSwitcher-line-default:after {
    background-color: var(--ui-background-color-options-switcher-line-default, #353535);
    content: var(--tw-content)
}

.after\:bg-optionsSwitcher-line-active:after {
    background-color: var(--ui-background-color-options-switcher-line-active, #ebaf49);
    content: var(--tw-content)
}

.first\:col-span-2:first-child {
    grid-column: span 2/span 2
}

.even\:mx-2\.5:nth-child(2n) {
    margin-left: .625rem;
    margin-right: .625rem
}

.checked\:border-baseRadio-active:checked {
    border-color: var(--ui-border-color-base-radio-active, #f4d7a3)
}

.checked\:border-checkbox-checked:checked {
    border-color: var(--ui-border-color-checkbox-checked, #0000)
}

.checked\:bg-checkbox:checked {
    background-image: var(--ui-background-color-checkbox, linear-gradient(180deg, #f0ad48 0, #8e600f 100%))
}

.checked\:before\:scale-100:checked:before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.checked\:before\:opacity-100:checked:before {
    content: var(--tw-content);
    opacity: 1
}

.autofill\:cursor-text:autofill {
    cursor: text
}

.autofill\:bg-transparent:autofill {
    background-color: var(--ui-colors-transparent, #0000)
}

.focus-within\:border-baseRadio-focused:focus-within {
    border-color: var(--ui-border-color-base-radio-focused, #fff)
}

.focus-within\:border-input-focus:focus-within {
    border-color: var(--ui-border-color-input-focus, #fff6)
}

.focus-within\:bg-input-focus:focus-within {
    background-color: var(--ui-background-color-input-focus, #061a29)
}

.focus-within\:bg-baseRadio-container-focused:focus-within {
    background-color: var(--ui-background-color-base-radio-container-focused, #292929)
}

@media (hover:hover) and (pointer:fine) {
    .hover\:cursor-pointer:hover {
        cursor: pointer
    }

    .hover\:border-input-hover:hover {
        border-color: var(--ui-border-color-input-hover, #fff6)
    }

    .hover\:border-languageButton-border-hover:hover {
        border-color: var(--ui-text-color-language-button-border-hover, #0000)
    }

    .hover\:border-quickUserMenu-border-hover:hover {
        border-color: var(--ui-background-color-quick-user-menu-border-hover, #0000)
    }

    .hover\:border-select-hover:hover {
        border-color: var(--ui-background-color-select-hover, linear-gradient(180deg, #191a1b 0, #122534 100%))
    }

    .hover\:text-auth-text-default:hover {
        color: var(--ui-text-color-auth-text-default, #bcbdc2)
    }

    .hover\:text-button-details-hover:hover {
        color: var(--ui-text-color-button-details-hover, #f4d7a3)
    }

    .hover\:text-button-text-hover:hover {
        color: var(--ui-text-color-button-text-hover, #f4d7a3)
    }

    .hover\:text-expandableMenu-item-text-hover:hover {
        color: var(--ui-text-color-expandable-menu-item-text-hover, #f2f2f2)
    }

    .hover\:text-footer-item-hover:hover {
        color: var(--ui-text-color-footer-item-hover, #f4d7a3)
    }

    .hover\:text-gamesSection-see-text-hover:hover {
        color: var(--ui-text-color-games-section-see-text-hover, #efc376)
    }

    .hover\:text-languageButton-text-hover:hover {
        color: var(--ui-text-color-language-button-text-hover, #fff)
    }

    .hover\:text-navCard-text-active:hover {
        color: var(--ui-text-color-nav-card-text-active, #f4d7a3)
    }

    .hover\:text-navCard-text-hover:hover {
        color: var(--ui-text-color-nav-card-text-hover, #fff)
    }

    .hover\:text-optionsSwitcher-option-hover:hover {
        color: var(--ui-text-color-options-switcher-option-hover, #efc376)
    }

    .hover\:text-promotionInfo-faq-hover:hover {
        color: var(--ui-text-color-promotion-info-faq-hover, #fff)
    }

    .hover\:text-promotionTerms-showMore-hover:hover {
        color: var(--ui-text-color-promotion-terms-show-more-hover, #f4d7a3)
    }

    .hover\:text-quickUserMenu-text-hover:hover {
        color: var(--ui-text-color-quick-user-menu-text-hover, #c7c7c7)
    }

    .hover\:text-select-text-hover:hover {
        color: var(--ui-text-color-select-text-hover, #fff)
    }

    .hover\:text-shop-page-earnCoins-link-hover:hover {
        color: var(--ui-text-color-shop-page-earn-coins-link-hover, #c7c7c7)
    }

    .hover\:text-vip-loyalty-title-hover:hover {
        color: var(--ui-text-color-vip-loyalty-title-hover, #f4d7a3)
    }

    .hover\:underline:hover {
        text-decoration-line: underline
    }

    .hover\:opacity-100:hover {
        opacity: 1
    }

    .hover\:shadow-button-primary-hover:hover {
        --tw-shadow: var(--ui-box-shadow-button-primary-hover, 0px);
        --tw-shadow-colored: var(--ui-box-shadow-button-primary-hover, 0px)
    }

    .hover\:shadow-button-primary-hover:hover,
    .hover\:shadow-button-secondary-hover:hover {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .hover\:shadow-button-secondary-hover:hover {
        --tw-shadow: var(--ui-box-shadow-button-secondary-hover, 0px);
        --tw-shadow-colored: var(--ui-box-shadow-button-secondary-hover, 0px)
    }

    .hover\:transition-colors:hover {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .hover\:bg-quickUserMenu-text-hover:hover {
        background-color: var(--ui-background-color-quick-user-menu-text-hover, #0000)
    }

    .hover\:bg-button-primary-hover:hover {
        background-image: var(--ui-background-color-button-primary-hover, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
    }

    .hover\:bg-button-secondary-hover:hover {
        background-image: var(--ui-background-color-button-secondary-hover, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
    }

    .hover\:bg-button-tertiary-hover:hover {
        background-image: var(--ui-background-color-button-tertiary-hover, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
    }

    .hover\:bg-header-icon-hover:hover {
        background-color: var(--ui-background-color-header-icon-hover, #0e0f0f)
    }

    .hover\:bg-providerCard-bg-hover:hover {
        background-color: var(--ui-background-color-provider-card-bg-hover, #292929)
    }

    .hover\:bg-pendingBonusCard-icon-bg-hover:hover {
        background-color: var(--ui-background-color-pending-bonus-card-icon-bg-hover, #392710)
    }

    .hover\:bg-activeBonusCard-icon-bg-hover:hover {
        background-color: var(--ui-background-color-active-bonus-card-icon-bg-hover, #392710)
    }

    .hover\:bg-modal-icon-hover:hover {
        background-color: var(--ui-background-color-modal-icon-hover, #0e0f0f)
    }

    .hover\:bg-input-number-hover:hover {
        background-color: var(--ui-background-color-input-number-hover, #353535)
    }

    .hover\:bg-select-list-hover:hover {
        background-color: var(--ui-background-color-select-list-hover, #0a141c)
    }

    .hover\:bg-select-hover:hover {
        background-image: var(--ui-background-color-select-hover, linear-gradient(180deg, #191a1b 0, #122534 100%))
    }

    .hover\:bg-category-selected:hover {
        background-image: var(--ui-background-color-category-selected, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
    }

    .hover\:bg-tab-hover:hover {
        background-color: var(--ui-background-color-tab-hover, #3f3f3f)
    }

    .hover\:bg-paymentMethod-hover:hover {
        background-color: var(--ui-background-color-payment-method-hover, #353535)
    }

    .hover\:bg-searchGames-searchResultProviderCard-hover:hover {
        background-color: var(--ui-background-color-search-games-search-result-provider-card-hover, #353535)
    }

    .hover\:bg-languageButton-hover:hover {
        background-color: var(--ui-background-color-language-button-hover, #141b24)
    }

    .hover\:bg-amountSelector-hover:hover {
        background-color: var(--ui-background-color-amount-selector-hover, #353535)
    }

    .hover\:bg-input-hover:hover {
        background-image: var(--ui-background-color-input-hover, linear-gradient(180deg, #191a1b 0, #122534 100%))
    }

    .hover\:bg-button-register-hover:hover {
        background-image: var(--ui-background-color-button-register-hover, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
    }

    .hover\:bg-button-login-hover:hover {
        background-image: var(--ui-background-color-button-login-hover, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
    }

    .hover\:bg-optionsSwitcher-option-hover:hover {
        background-color: var(--ui-text-color-options-switcher-option-hover, #efc376)
    }

    .hover\:bg-button-menu-hover:hover {
        background-image: var(--ui-background-color-button-menu-hover, radial-gradient(63.41% 225% at 50% -71.88%, #0b1118 25.5%, #030b11 100%))
    }

    .hover\:bg-promoButton-iphone-header-hover:hover {
        background-color: var(--ui-background-color-promo-button-iphone-header-hover, #4759cc80)
    }

    .hover\:bg-menu-quickLink-bg-hover:hover {
        background-color: var(--ui-background-color-menu-quick-link-bg-hover, #0000)
    }

    .hover\:bg-paymentDetailCard-hover:hover {
        background-image: var(--ui-background-color-payment-detail-card-hover, linear-gradient(180deg, #0000000a 0, #0006 100%), linear-gradient(180deg, #32323229 0, #b10603cc 93.75%))
    }

    .hover\:bg-gameCard-favoriteIcon-hover:hover {
        background-color: var(--ui-background-color-game-card-favorite-icon-hover, #292929)
    }

    .hover\:bg-amountSelector-active:hover {
        background-color: var(--ui-background-color-amount-selector-active, #fff)
    }

    .hover\:bg-baseRadio-container-hover:hover {
        background-color: var(--ui-background-color-base-radio-container-hover, #353535)
    }

    .hover\:bg-expandableMenu-bg-hover:hover {
        background-color: var(--ui-background-color-expandable-menu-bg-hover, #0000)
    }

    .hover\:before\:h-\[2px\]:hover:before {
        content: var(--tw-content);
        height: 2px
    }

    .hover\:after\:shadow-optionsSwitcher-hover:hover:after {
        content: var(--tw-content);
        --tw-shadow: var(--ui-box-shadow-options-switcher-hover, 0px 0px 4px 0px #93fd3bcc);
        --tw-shadow-colored: var(--ui-box-shadow-options-switcher-hover, 0px 0px 4px 0px #93fd3bcc);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .hover\:after\:bg-optionsSwitcher-line-hover:hover:after {
        background-color: var(--ui-background-color-options-switcher-line-hover, #ebaf49);
        content: var(--tw-content)
    }
}

.focus\:-mb-4:focus {
    margin-bottom: -1rem
}

.focus\:cursor-text:focus {
    cursor: text
}

.focus\:border:focus {
    border-width: 1px
}

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

.focus\:border-solid:focus {
    border-style: solid
}

.focus\:border-input-number-focus:focus {
    border-color: var(--ui-border-color-input-number-focus, #929292)
}

.focus\:border-paymentMethod-focus:focus {
    border-color: var(--ui-border-color-payment-method-focus, #f4d7a3)
}

.focus\:text-vip-loyalty-title-focus:focus {
    color: var(--ui-text-color-vip-loyalty-title-focus, #f4d7a3)
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus\:outline-0:focus {
    outline-width: 0
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
}

.focus\:bg-button-primary-focus:focus {
    background-image: var(--ui-background-color-button-primary-focus, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.focus\:bg-button-secondary-focus:focus {
    background-image: var(--ui-background-color-button-secondary-focus, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
}

.focus\:bg-button-tertiary-focus:focus {
    background-image: var(--ui-background-color-button-tertiary-focus, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
}

.focus\:bg-header-icon-hover:focus {
    background-color: var(--ui-background-color-header-icon-hover, #0e0f0f)
}

.focus\:bg-button-register-focus:focus {
    background-image: var(--ui-background-color-button-register-focus, linear-gradient(180deg, #260606 0, #480c0c 38.43%, #7e1616 95.83%))
}

.focus\:bg-button-login-focus:focus {
    background-image: var(--ui-background-color-button-login-focus, linear-gradient(180deg, #0e0f0f 0, #061a29 94%))
}

@media (hover:hover) and (pointer:fine) {
    .group:hover .group-hover\:block {
        display: block
    }

    .group\/category-card:hover .group-hover\/category-card\:translate-y-\[-10px\] {
        --tw-translate-y: -10px
    }

    .group\/category-card:hover .group-hover\/category-card\:scale-125,
    .group\/category-card:hover .group-hover\/category-card\:translate-y-\[-10px\] {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group\/category-card:hover .group-hover\/category-card\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .group:hover .group-hover\:scale-110,
    .group\/game-card:hover .group-hover\/game-card\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .group-hover\:cursor-pointer {
        cursor: pointer
    }

    .group:hover .group-hover\:border-expandableMenu-hover {
        border-color: var(--ui-border-color-expandable-menu-hover, #342306)
    }

    .group\/navbar-item:hover .group-hover\/navbar-item\:text-navbarItem-hover {
        color: var(--ui-text-color-navbar-item-hover, #fff)
    }

    .group:hover .group-hover\:text-button-menu-text-hover {
        color: var(--ui-text-color-button-menu-text-hover, #fff)
    }

    .group:hover .group-hover\:text-button-text-hover {
        color: var(--ui-text-color-button-text-hover, #f4d7a3)
    }

    .group:hover .group-hover\:text-expandableMenu-text-hover {
        color: var(--ui-text-color-expandable-menu-text-hover, #f2f2f2)
    }

    .group:hover .group-hover\:text-header-item-hover {
        color: var(--ui-text-color-header-item-hover, #ebaf49)
    }

    .group:hover .group-hover\:text-menu-icon-hover {
        color: var(--ui-text-color-menu-icon-hover, #c7c7c7)
    }

    .group:hover .group-hover\:text-menu-text-hover {
        color: var(--ui-text-color-menu-text-hover, #fff)
    }

    .group:hover .group-hover\:text-navCard-text-active {
        color: var(--ui-text-color-nav-card-text-active, #f4d7a3)
    }

    .group:hover .group-hover\:text-navCard-text-hover {
        color: var(--ui-text-color-nav-card-text-hover, #fff)
    }

    .group:hover .group-hover\:text-optionsSwitcher-option-hover {
        color: var(--ui-text-color-options-switcher-option-hover, #efc376)
    }

    .group:hover .group-hover\:text-promotionPage-seeAll-hover {
        color: var(--ui-text-color-promotion-page-see-all-hover, #faead0)
    }

    .group:hover .group-hover\:text-rewardbackPage-seeAll-hover {
        color: var(--ui-text-color-rewardback-page-see-all-hover, #faead0)
    }

    .group:hover .group-hover\:text-select-bonusOption-text-hover {
        color: var(--ui-text-color-select-bonus-option-text-hover, #595d6d)
    }

    .group:hover .group-hover\:text-select-text-hover {
        color: var(--ui-text-color-select-text-hover, #fff)
    }

    .group\/game-card:hover .group-hover\/game-card\:opacity-100 {
        opacity: 1
    }

    .group:hover .group-hover\:opacity-0 {
        opacity: 0
    }

    .group:hover .group-hover\:opacity-100 {
        opacity: 1
    }

    .group:hover .group-hover\:blur-md {
        --tw-blur: blur(12px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .group\/category-card:hover .group-hover\/category-card\:backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .group\/category-card:hover .group-hover\/category-card\:transition-transform {
        transition-duration: .15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .group:hover .group-hover\: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)
    }

    .group\/category-card:hover .group-hover\/category-card\:duration-300 {
        transition-duration: .3s
    }

    .group\/category-card:hover .group-hover\/category-card\:ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .group\/navbar-item:hover .group-hover\/navbar-item\:bg-navbarItem-hover {
        background-color: var(--ui-background-color-navbar-item-hover, #fff)
    }

    .group:hover .group-hover\:bg-category-hover,
    .group\/category-card:hover .group-hover\/category-card\:bg-category-hover {
        background-color: var(--ui-background-color-category-hover, #a5a0fe29)
    }

    .group\/category-card:hover .group-hover\/category-card\:bg-category-selected {
        background-image: var(--ui-background-color-category-selected, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
    }

    .group:hover .group-hover\:bg-menu-item-hover {
        background-color: var(--ui-background-color-menu-item-hover, #121212)
    }

    .group:hover .group-hover\:bg-menu-quickLink-border-hover {
        background-image: var(--ui-background-color-menu-quick-link-border-hover, radial-gradient(circle, #8e600fde 0, #8e600f57 100%))
    }

    .group:hover .group-hover\:bg-menu-quickLink-bg-hover {
        background-color: var(--ui-background-color-menu-quick-link-bg-hover, #0000)
    }

    .group:hover .group-hover\:bg-expandableMenu-bg-hover {
        background-color: var(--ui-background-color-expandable-menu-bg-hover, #0000)
    }

    .group:hover .group-hover\:after\:absolute:after {
        content: var(--tw-content);
        position: absolute
    }

    .group:hover .group-hover\:after\:left-0:after {
        content: var(--tw-content);
        left: 0
    }

    .group:hover .group-hover\:after\:top-0:after {
        content: var(--tw-content);
        top: 0
    }

    .group:hover .group-hover\:after\:z-0:after {
        content: var(--tw-content);
        z-index: 0
    }

    .group:hover .group-hover\:after\:h-full:after {
        content: var(--tw-content);
        height: 100%
    }

    .group:hover .group-hover\:after\:w-full:after {
        content: var(--tw-content);
        width: 100%
    }

    .group:hover .group-hover\:after\:rounded-\[16px\]:after {
        border-radius: 16px;
        content: var(--tw-content)
    }

    .group:hover .group-hover\:after\:opacity-50:after {
        content: var(--tw-content);
        opacity: .5
    }

    .group:hover .group-hover\:after\:bg-button-secondary-hover:after {
        background-image: var(--ui-background-color-button-secondary-hover, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%));
        content: var(--tw-content)
    }
}

.group:focus .group-focus\:text-expandableMenu-text-focus {
    color: var(--ui-text-color-expandable-menu-text-focus, #f2f2f2)
}

.group:focus .group-focus\:text-quickUserMenu-text-hover {
    color: var(--ui-text-color-quick-user-menu-text-hover, #c7c7c7)
}

.group.router-link-active .group-\[\.router-link-active\]\:h-\[20px\] {
    height: 20px
}

.group.router-link-active .group-\[\.router-link-active\]\:w-\[20px\] {
    width: 20px
}

.group.router-link-active .group-\[\.router-link-active\]\:scale-\[116\%\] {
    --tw-scale-x: 116%;
    --tw-scale-y: 116%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group.router-link-active .group-\[\.router-link-active\]\:text-navbarItem-active {
    color: var(--ui-text-color-navbar-item-active, #0000)
}

.group.router-link-active .group-\[\.router-link-active\]\:bg-navbarItem-active {
    background-color: var(--ui-background-color-navbar-item-active, #f4d7a3)
}

.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:left-0 {
    left: 0
}

.peer:focus~.peer-focus\:right-10 {
    right: 2.5rem
}

.peer:focus~.peer-focus\:right-input-label-gap {
    right: var(--ui-spacing-input-label-gap, 45px)
}

.peer:focus~.peer-focus\:\!mr-2 {
    margin-right: .5rem !important
}

.peer:focus~.peer-focus\:mb-1 {
    margin-bottom: .25rem
}

.peer:focus~.peer-focus\:mr-2 {
    margin-right: .5rem
}

.peer:focus~.peer-focus\:-translate-y-2 {
    --tw-translate-y: -.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.peer:focus~.peer-focus\:font-input-label-focused {
    font-family: var(--ui-typography-input-label-focused-font-family, Nunito Sans)
}

.peer:focus~.peer-focus\:text-\[12px\] {
    font-size: 12px
}

.peer:focus~.peer-focus\:text-input-label-focused {
    font-size: var(--ui-typography-input-label-focused-font-size, 12px)
}

.peer:focus~.peer-focus\:font-input-label-focused {
    font-weight: var(--ui-typography-input-label-focused-font-weight, 500)
}

.peer:focus~.peer-focus\:leading-input-label-focused {
    line-height: var(--ui-typography-input-label-focused-line-height, 133%)
}

.peer.is-dirty~.peer-\[\.is-dirty\]\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.peer.is-dirty~.peer-\[\.is-dirty\]\:text-input-label-focused {
    font-size: var(--ui-typography-input-label-focused-font-size, 12px)
}

.peer.is-dirty~.peer-\[\.is-dirty\]\:leading-input-label-focused {
    line-height: var(--ui-typography-input-label-focused-line-height, 133%)
}

.has-\[input\:checked\]\:border-bonusOptions-card-active:has(input:checked) {
    border-color: var(--ui-border-color-bonus-options-card-active, #ffffff1a)
}

@media (hover:hover) and (pointer:fine) {
    .group:has(.active) .group-has-\[\.active\]\:hover\:bg-menu-item-active:hover {
        background-color: var(--ui-background-color-menu-item-active, #121212)
    }
}

@media (min-width:640px) {
    .sm\:static {
        position: static
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:relative {
        position: relative
    }

    .sm\:\!right-\[20px\] {
        right: 20px !important
    }

    .sm\:bottom-0 {
        bottom: 0
    }

    .sm\:bottom-1\/2 {
        bottom: 50%
    }

    .sm\:bottom-32 {
        bottom: 8rem
    }

    .sm\:bottom-auto {
        bottom: auto
    }

    .sm\:left-0 {
        left: 0
    }

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

    .sm\:left-\[22px\] {
        left: 22px
    }

    .sm\:left-\[36px\] {
        left: 36px
    }

    .sm\:right-3 {
        right: .75rem
    }

    .sm\:right-5 {
        right: 1.25rem
    }

    .sm\:right-\[-12\%\] {
        right: -12%
    }

    .sm\:right-\[-145px\] {
        right: -145px
    }

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

    .sm\:right-\[-40\%\] {
        right: -40%
    }

    .sm\:right-\[48px\] {
        right: 48px
    }

    .sm\:top-0 {
        top: 0
    }

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

    .sm\:top-10 {
        top: 2.5rem
    }

    .sm\:top-3 {
        top: .75rem
    }

    .sm\:top-4 {
        top: 1rem
    }

    .sm\:top-8 {
        top: 2rem
    }

    .sm\:top-\[-112px\] {
        top: -112px
    }

    .sm\:top-\[-125px\] {
        top: -125px
    }

    .sm\:top-\[-192px\] {
        top: -192px
    }

    .sm\:top-\[-84px\] {
        top: -84px
    }

    .sm\:top-\[20px\] {
        top: 20px
    }

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

    .sm\:top-\[46px\] {
        top: 46px
    }

    .sm\:top-\[48px\] {
        top: 48px
    }

    .sm\:top-\[60px\] {
        top: 60px
    }

    .sm\:top-\[62px\] {
        top: 62px
    }

    .sm\:top-\[65px\] {
        top: 65px
    }

    .sm\:top-\[66px\] {
        top: 66px
    }

    .sm\:top-\[72px\] {
        top: 72px
    }

    .sm\:top-sportCategoryCard-imagePosition-top-sm {
        top: var(--ui-spacing-sport-category-card-image-position-top-sm, -13px)
    }

    .sm\:order-1 {
        order: 1
    }

    .sm\:order-2 {
        order: 2
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .sm\:mx-\[-8px\] {
        margin-left: -8px;
        margin-right: -8px
    }

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

    .sm\:mx-sportCategoriesSection-gap-sm {
        margin-left: var(--ui-spacing-sport-categories-section-gap-sm, 16px);
        margin-right: var(--ui-spacing-sport-categories-section-gap-sm, 16px)
    }

    .sm\:my-gamesPage-title-sm {
        margin-bottom: var(--ui-spacing-games-page-title-sm, 48px 0);
        margin-top: var(--ui-spacing-games-page-title-sm, 48px 0)
    }

    .sm\:my-paymentMethods-separator-sm {
        margin-bottom: var(--ui-spacing-payment-methods-separator-sm, 32px);
        margin-top: var(--ui-spacing-payment-methods-separator-sm, 32px)
    }

    .sm\:\!mb-\[0px\] {
        margin-bottom: 0 !important
    }

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

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-10 {
        margin-bottom: 2.5rem
    }

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

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

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

    .sm\:mb-paymentDetailCard-gap-sm {
        margin-bottom: var(--ui-spacing-payment-detail-card-gap-sm, 20px)
    }

    .sm\:mb-promotionCard-button-group-lg {
        margin-bottom: var(--ui-spacing-promotion-card-button-group-lg, 16px)
    }

    .sm\:mb-promotionCard-gap-sm {
        margin-bottom: var(--ui-spacing-promotion-card-gap-sm, 16px)
    }

    .sm\:ml-3 {
        margin-left: .75rem
    }

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

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

    .sm\:ml-\[-8\%\] {
        margin-left: -8%
    }

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

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

    .sm\:mr-\[var\(--ui-sizing-transactions-table-icon-sm\)\] {
        margin-right: var(--ui-sizing-transactions-table-icon-sm)
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:mt-12 {
        margin-top: 3rem
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:mt-6 {
        margin-top: 1.5rem
    }

    .sm\:mt-8 {
        margin-top: 2rem
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:mt-footer-container-top-sm {
        margin-top: var(--ui-spacing-footer-container-top-sm, 48px)
    }

    .sm\:mt-register-button-sm {
        margin-top: var(--ui-spacing-register-button-sm, 40px)
    }

    .sm\:mt-register-social-button-sm {
        margin-top: var(--ui-spacing-register-social-button-sm, 48px)
    }

    .sm\:mt-register-wrapper-gap-sm {
        margin-top: var(--ui-spacing-register-wrapper-gap-sm, 24px)
    }

    .sm\:mt-searchGames-wrapper-gap-sm {
        margin-top: var(--ui-spacing-search-games-wrapper-gap-sm, 24px)
    }

    .sm\:\!block {
        display: block !important
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-auto {
        aspect-ratio: auto
    }

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

    .sm\:h-8 {
        height: 2rem
    }

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

    .sm\:h-\[126px\] {
        height: 126px
    }

    .sm\:h-\[136px\] {
        height: 136px
    }

    .sm\:h-\[190px\] {
        height: 190px
    }

    .sm\:h-\[192px\] {
        height: 192px
    }

    .sm\:h-\[205\] {
        height: 205
    }

    .sm\:h-\[216px\] {
        height: 216px
    }

    .sm\:h-\[24px\] {
        height: 24px
    }

    .sm\:h-\[266px\] {
        height: 266px
    }

    .sm\:h-\[272px\] {
        height: 272px
    }

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

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

    .sm\:h-\[314px\] {
        height: 314px
    }

    .sm\:h-\[316px\] {
        height: 316px
    }

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

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

    .sm\:h-\[380px\] {
        height: 380px
    }

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

    .sm\:h-\[432px\] {
        height: 432px
    }

    .sm\:h-\[440px\] {
        height: 440px
    }

    .sm\:h-\[456px\] {
        height: 456px
    }

    .sm\:h-\[462px\] {
        height: 462px
    }

    .sm\:h-\[470px\] {
        height: 470px
    }

    .sm\:h-\[498px\] {
        height: 498px
    }

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

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

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

    .sm\:h-\[600px\] {
        height: 600px
    }

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

    .sm\:h-\[622px\] {
        height: 622px
    }

    .sm\:h-\[64px\] {
        height: 64px
    }

    .sm\:h-\[650px\] {
        height: 650px
    }

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

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

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

    .sm\:h-auto {
        height: auto
    }

    .sm\:h-availableBonusCard-height-sm {
        height: var(--ui-sizing-available-bonus-card-height-sm, 268px)
    }

    .sm\:h-balance-history-container-sm {
        height: var(--ui-sizing-balance-history-container-sm, 48px)
    }

    .sm\:h-categoryCardImage-sm {
        height: var(--ui-sizing-category-card-image-sm, 72px)
    }

    .sm\:h-full {
        height: 100%
    }

    .sm\:h-gamesPage-title-minHeight-sm {
        height: var(--ui-sizing-games-page-title-min-height-sm, 96)
    }

    .sm\:h-heroSection-video-logged-sm {
        height: var(--ui-sizing-hero-section-video-logged-sm, 650px)
    }

    .sm\:h-heroSection-video-notLogged-sm {
        height: var(--ui-sizing-hero-section-video-not-logged-sm, 320px)
    }

    .sm\:h-kycVerification-error-height-sm {
        height: var(--ui-sizing-kyc-verification-error-height-sm, 312px)
    }

    .sm\:h-languageButton-flag-sm {
        height: var(--ui-sizing-language-button-flag-sm, 40px)
    }

    .sm\:h-latestWins-image-sm {
        height: var(--ui-sizing-latest-wins-image-sm, 116px)
    }

    .sm\:h-logo-sm {
        height: var(--ui-sizing-logo-sm, 52px)
    }

    .sm\:h-noBonusCard-height-sm {
        height: var(--ui-sizing-no-bonus-card-height-sm, 268px)
    }

    .sm\:h-paymentCrypto-height-sm {
        height: var(--ui-sizing-payment-crypto-height-sm, 24px)
    }

    .sm\:h-paymentDetailCard-sm {
        height: var(--ui-sizing-payment-detail-card-sm, 160px)
    }

    .sm\:h-paymentMasterCard-height-sm {
        height: var(--ui-sizing-payment-master-card-height-sm, 24px)
    }

    .sm\:h-paymentVisa-height-sm {
        height: var(--ui-sizing-payment-visa-height-sm, 24px)
    }

    .sm\:h-pendingBonusCard-height-sm {
        height: var(--ui-sizing-pending-bonus-card-height-sm, 268px)
    }

    .sm\:h-promotionsPage-card-height-sm {
        height: var(--ui-sizing-promotions-page-card-height-sm, 337px)
    }

    .sm\:h-providerCard-image-height-sm {
        height: var(--ui-sizing-provider-card-image-height-sm, 64px)
    }

    .sm\:h-searchGames-noResults-image-sm {
        height: var(--ui-sizing-search-games-no-results-image-sm, 96px)
    }

    .sm\:h-sportCategoryCard-title-height-sm {
        height: var(--ui-sizing-sport-category-card-title-height-sm, 49px)
    }

    .sm\:h-theHeader-sm {
        height: var(--ui-sizing-the-header-sm, 85px)
    }

    .sm\:h-totalJackpot-videoHeight-sm {
        height: var(--ui-sizing-total-jackpot-video-height-sm, 488px)
    }

    .sm\:h-verificationCard-image-height-sm {
        height: var(--ui-sizing-verification-card-image-height-sm, 220px)
    }

    .sm\:h-vip-video-carousel-sm {
        height: var(--ui-sizing-vip-video-carousel-sm, auto)
    }

    .sm\:h-vip-video-height-sm {
        height: var(--ui-sizing-vip-video-height-sm, auto)
    }

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

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

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

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

    .sm\:max-h-fit {
        max-height: fit-content
    }

    .sm\:max-h-quickLinks-subtitle-maxHeight-sm {
        max-height: var(--ui-sizing-quick-links-subtitle-max-height-sm, 128px)
    }

    .sm\:max-h-quickLinks-title-maxHeight-sm {
        max-height: var(--ui-sizing-quick-links-title-max-height-sm, 262px)
    }

    .sm\:max-h-transactionsTable-container-sm {
        max-height: var(--ui-sizing-transactions-table-container-sm, 520px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:min-h-optionsSwitcher-container-height-sm {
        min-height: var(--ui-sizing-options-switcher-container-height-sm, 42px)
    }

    .sm\:min-h-rewardback-detailsCard-wrapper-height-sm {
        min-height: var(--ui-sizing-rewardback-details-card-wrapper-height-sm, 580px)
    }

    .sm\:min-h-rewardback-menu-wrapper-sm {
        min-height: var(--ui-sizing-rewardback-menu-wrapper-sm, 156px)
    }

    .sm\:min-h-sportCategoriesSection-minHeight-sm {
        min-height: var(--ui-sizing-sport-categories-section-min-height-sm, 156px)
    }

    .sm\:min-h-totalJackpot-videoHeight-sm {
        min-height: var(--ui-sizing-total-jackpot-video-height-sm, 488px)
    }

    .sm\:min-h-vip-description-sm {
        min-height: var(--ui-sizing-vip-description-sm, 750px)
    }

    .sm\:min-h-vip-widget-height-sm {
        min-height: var(--ui-sizing-vip-widget-height-sm, 850px)
    }

    .sm\:\!w-\[calc\(100\%\/3-8px\)\] {
        width: calc(33.33333% - 8px) !important
    }

    .sm\:\!w-\[calc\(100\%\/5-8px\)\] {
        width: calc(20% - 8px) !important
    }

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

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-8 {
        width: 2rem
    }

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

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

    .sm\:w-\[144px\] {
        width: 144px
    }

    .sm\:w-\[1660px\] {
        width: 1660px
    }

    .sm\:w-\[166px\] {
        width: 166px
    }

    .sm\:w-\[174px\] {
        width: 174px
    }

    .sm\:w-\[176px\] {
        width: 176px
    }

    .sm\:w-\[195px\] {
        width: 195px
    }

    .sm\:w-\[24px\] {
        width: 24px
    }

    .sm\:w-\[290px\] {
        width: 290px
    }

    .sm\:w-\[304px\] {
        width: 304px
    }

    .sm\:w-\[328px\] {
        width: 328px
    }

    .sm\:w-\[340px\] {
        width: 340px
    }

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

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

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

    .sm\:w-\[370px\] {
        width: 370px
    }

    .sm\:w-\[380px\] {
        width: 380px
    }

    .sm\:w-\[390px\] {
        width: 390px
    }

    .sm\:w-\[40px\] {
        width: 40px
    }

    .sm\:w-\[410px\] {
        width: 410px
    }

    .sm\:w-\[416px\] {
        width: 416px
    }

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

    .sm\:w-\[480px\] {
        width: 480px
    }

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

    .sm\:w-\[572px\] {
        width: 572px
    }

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

    .sm\:w-\[604px\] {
        width: 604px
    }

    .sm\:w-\[608px\] {
        width: 608px
    }

    .sm\:w-\[640px\] {
        width: 640px
    }

    .sm\:w-\[72px\] {
        width: 72px
    }

    .sm\:w-\[845px\] {
        width: 845px
    }

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

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

    .sm\:w-\[calc\(100\%\/4-8px\)\] {
        width: calc(25% - 8px)
    }

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

    .sm\:w-\[calc\(100\%\/5-8px\)\] {
        width: calc(20% - 8px)
    }

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

    .sm\:w-activeBonusCard-width-sm {
        width: var(--ui-sizing-active-bonus-card-width-sm, 448px)
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-availableBonusCard-width-sm {
        width: var(--ui-sizing-available-bonus-card-width-sm, 316px)
    }

    .sm\:w-avatar-width-sm {
        width: var(--ui-sizing-avatar-width-sm, 48px)
    }

    .sm\:w-balance-history-container-sm {
        width: var(--ui-sizing-balance-history-container-sm, 48px)
    }

    .sm\:w-cancelRegister-sm {
        width: var(--ui-sizing-cancel-register-sm, 480px)
    }

    .sm\:w-categoryCardImage-sm {
        width: var(--ui-sizing-category-card-image-sm, 72px)
    }

    .sm\:w-dashboardTransactionCard-image-sm {
        width: var(--ui-sizing-dashboard-transaction-card-image-sm, 72px)
    }

    .sm\:w-fit {
        width: fit-content
    }

    .sm\:w-footerPage-image-sm {
        width: var(--ui-sizing-footer-page-image-sm, 80px)
    }

    .sm\:w-footerPage-paymentsSwitcher-width {
        width: var(--ui-sizing-footer-page-payments-switcher-width, 320px)
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:w-gameCard-placeholder-logo-sm {
        width: var(--ui-sizing-game-card-placeholder-logo-sm, 52px)
    }

    .sm\:w-headline-icon-sm {
        width: var(--ui-sizing-headline-icon-sm, 24px)
    }

    .sm\:w-heroContent-button-width-sm {
        width: var(--ui-sizing-hero-content-button-width-sm, 248px)
    }

    .sm\:w-heroContent-container-width-sm {
        width: var(--ui-sizing-hero-content-container-width-sm, 368px)
    }

    .sm\:w-img-circular-sm {
        width: var(--ui-sizing-img-circular-sm, 184px)
    }

    .sm\:w-kycVerification-error-width-sm {
        width: var(--ui-sizing-kyc-verification-error-width-sm, 480px)
    }

    .sm\:w-languageButton-flag-sm {
        width: var(--ui-sizing-language-button-flag-sm, 40px)
    }

    .sm\:w-latestWins-image-sm {
        width: var(--ui-sizing-latest-wins-image-sm, 116px)
    }

    .sm\:w-paymentCrypto-width-sm {
        width: var(--ui-sizing-payment-crypto-width-sm, 84px)
    }

    .sm\:w-paymentMasterCard-width-sm {
        width: var(--ui-sizing-payment-master-card-width-sm, 120px)
    }

    .sm\:w-paymentMethod-image-lg {
        width: var(--ui-sizing-payment-method-image-lg, 168px)
    }

    .sm\:w-paymentVisa-width-sm {
        width: var(--ui-sizing-payment-visa-width-sm, 63px)
    }

    .sm\:w-providerCard-image-width-sm {
        width: var(--ui-sizing-provider-card-image-width-sm, 160px)
    }

    .sm\:w-quickUserMenu-avatar-width-sm {
        width: var(--ui-sizing-quick-user-menu-avatar-width-sm, 88px)
    }

    .sm\:w-quickUserMenu-container-width-sm {
        width: var(--ui-sizing-quick-user-menu-container-width-sm, 320px)
    }

    .sm\:w-register-wrapper-width-sm {
        width: var(--ui-sizing-register-wrapper-width-sm, 480px)
    }

    .sm\:w-rewardback-card-wrapper-width-sm {
        width: var(--ui-sizing-rewardback-card-wrapper-width-sm, 100%)
    }

    .sm\:w-rewardback-detailsCard-image-sm {
        width: var(--ui-sizing-rewardback-details-card-image-sm, 180px)
    }

    .sm\:w-rewardback-detailsCard-startImage-sm {
        width: var(--ui-sizing-rewardback-details-card-start-image-sm, 110%)
    }

    .sm\:w-searchGames-noResults-image-sm {
        width: var(--ui-sizing-search-games-no-results-image-sm, 96px)
    }

    .sm\:w-shop-earnCoinsCard-image-lg {
        width: var(--ui-sizing-shop-earn-coins-card-image-lg, 48px)
    }

    .sm\:w-sidebar-xl {
        width: var(--ui-sizing-sidebar-xl, 320px)
    }

    .sm\:w-sportCategoryCard-title-width-sm {
        width: var(--ui-sizing-sport-category-card-title-width-sm, 130px)
    }

    .sm\:w-transactionsFilters-container-sm {
        width: var(--ui-sizing-transactions-filters-container-sm, 604px)
    }

    .sm\:w-userBoardLevel-sm {
        width: var(--ui-sizing-user-board-level-sm, 40px)
    }

    .sm\:w-vip-card-width-sm {
        width: var(--ui-sizing-vip-card-width-sm, auto)
    }

    .sm\:w-vip-levelCard-image-sm {
        width: var(--ui-sizing-vip-level-card-image-sm, 120px)
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:min-w-availableBonusCard-width-sm {
        min-width: var(--ui-sizing-available-bonus-card-width-sm, 316px)
    }

    .sm\:min-w-languageButton-sm {
        min-width: var(--ui-sizing-language-button-sm, 120px)
    }

    .sm\:min-w-latestWins-image-sm {
        min-width: var(--ui-sizing-latest-wins-image-sm, 116px)
    }

    .sm\:min-w-min {
        min-width: min-content
    }

    .sm\:min-w-optionsSwitcher-container-width-lg {
        min-width: var(--ui-sizing-options-switcher-container-width-lg, 136px)
    }

    .sm\:min-w-optionsSwitcher-container-width-sm {
        min-width: var(--ui-sizing-options-switcher-container-width-sm, 128px)
    }

    .sm\:min-w-promotionCard-width-sm {
        min-width: var(--ui-sizing-promotion-card-width-sm, 0)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .sm\:max-w-\[fit-content\] {
        max-width: fit-content
    }

    .sm\:max-w-availableBonusCard-container-maxWidth-sm {
        max-width: var(--ui-sizing-available-bonus-card-container-max-width-sm, 592px)
    }

    .sm\:max-w-availableBonusCard-image-maxWidth-sm {
        max-width: var(--ui-sizing-available-bonus-card-image-max-width-sm, 320px)
    }

    .sm\:max-w-bonusOptions-card-readonly-sm {
        max-width: var(--ui-sizing-bonus-options-card-readonly-sm, 320px)
    }

    .sm\:max-w-errorPage-image-maxWidth-sm {
        max-width: var(--ui-sizing-error-page-image-max-width-sm, 356px)
    }

    .sm\:max-w-errorPage-text-maxWidth-sm {
        max-width: var(--ui-sizing-error-page-text-max-width-sm, 396px)
    }

    .sm\:max-w-errorPage-title-maxWidth-sm {
        max-width: var(--ui-sizing-error-page-title-max-width-sm, 100%)
    }

    .sm\:max-w-noBonusCard-maxWidth-sm {
        max-width: var(--ui-sizing-no-bonus-card-max-width-sm, 592px)
    }

    .sm\:max-w-pendingBonusCard-container-maxWidth-sm {
        max-width: var(--ui-sizing-pending-bonus-card-container-max-width-sm, 592px)
    }

    .sm\:max-w-pendingBonusCard-image-maxWidth-sm {
        max-width: var(--ui-sizing-pending-bonus-card-image-max-width-sm, 320px)
    }

    .sm\:max-w-promotionCard-content-maxWidth-sm {
        max-width: var(--ui-sizing-promotion-card-content-max-width-sm, 68%)
    }

    .sm\:max-w-promotionsPage-card-maxWidth-sm {
        max-width: var(--ui-sizing-promotions-page-card-max-width-sm, 720px)
    }

    .sm\:max-w-rewardback-detailsCard-info-sm {
        max-width: var(--ui-sizing-rewardback-details-card-info-sm, 100%)
    }

    .sm\:max-w-rewardback-menu-content-sm {
        max-width: var(--ui-sizing-rewardback-menu-content-sm, 100%)
    }

    .sm\:max-w-vip-levelCard-size-sm {
        max-width: var(--ui-sizing-vip-level-card-size-sm, 290px)
    }

    .sm\:flex-\[0_0_372px\] {
        flex: 0 0 372px
    }

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

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

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

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

    .sm\:translate-x-0 {
        --tw-translate-x: 0px
    }

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

    .sm\:translate-y-0 {
        --tw-translate-y: 0px
    }

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

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

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

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

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

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

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

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

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

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

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:flex-wrap {
        flex-wrap: wrap
    }

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

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-normal {
        justify-content: normal
    }

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

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

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-around {
        justify-content: space-around
    }

    .sm\:gap-0 {
        gap: 0
    }

    .sm\:gap-1 {
        gap: .25rem
    }

    .sm\:gap-10 {
        gap: 2.5rem
    }

    .sm\:gap-12 {
        gap: 3rem
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:gap-\[12px\] {
        gap: 12px
    }

    .sm\:gap-\[48px\] {
        gap: 48px
    }

    .sm\:gap-accountPage-rowGap-sm {
        gap: var(--ui-spacing-account-page-row-gap-sm, 20px)
    }

    .sm\:gap-activeBonusCard-gap-sm {
        gap: var(--ui-spacing-active-bonus-card-gap-sm, 32px)
    }

    .sm\:gap-activeBonusCard-promotionInfo-gap-sm {
        gap: var(--ui-spacing-active-bonus-card-promotion-info-gap-sm, 12px)
    }

    .sm\:gap-auth-title-gap-sm {
        gap: var(--ui-spacing-auth-title-gap-sm, 24px)
    }

    .sm\:gap-auth-wrapper-gap-sm {
        gap: var(--ui-spacing-auth-wrapper-gap-sm, 32px)
    }

    .sm\:gap-availableBonusCard-buttons-gap-sm {
        gap: var(--ui-spacing-available-bonus-card-buttons-gap-sm, 8px)
    }

    .sm\:gap-availableBonusCard-gap-sm {
        gap: var(--ui-spacing-available-bonus-card-gap-sm, 16px)
    }

    .sm\:gap-button-dashboardTransactionCard-icon-gap-sm {
        gap: var(--ui-spacing-button-dashboard-transaction-card-icon-gap-sm, 8px)
    }

    .sm\:gap-button-menu-gap-sm {
        gap: var(--ui-spacing-button-menu-gap-sm, 12px)
    }

    .sm\:gap-dashboardBonusCard-gap-sm {
        gap: var(--ui-spacing-dashboard-bonus-card-gap-sm, 24px)
    }

    .sm\:gap-depositCard-button-gap-sm {
        gap: var(--ui-spacing-deposit-card-button-gap-sm, 16px)
    }

    .sm\:gap-favoritesGames-section-gap-sm {
        gap: var(--ui-spacing-favorites-games-section-gap-sm, 2px)
    }

    .sm\:gap-footer-gap-row-md {
        gap: var(--ui-spacing-footer-gap-row-md, 40px)
    }

    .sm\:gap-gameFooter-gap-sm {
        gap: var(--ui-spacing-game-footer-gap-sm, 32px)
    }

    .sm\:gap-gameHeader-gap-sm {
        gap: var(--ui-spacing-game-header-gap-sm, 12px)
    }

    .sm\:gap-gamesPage-gridGap-sm {
        gap: var(--ui-spacing-games-page-grid-gap-sm, 20px)
    }

    .sm\:gap-header-gap-sm {
        gap: var(--ui-spacing-header-gap-sm, 8px)
    }

    .sm\:gap-heroContent-gap-sm {
        gap: var(--ui-spacing-hero-content-gap-sm, 16px)
    }

    .sm\:gap-heroContent-title-gap-sm {
        gap: var(--ui-spacing-hero-content-title-gap-sm, 4px)
    }

    .sm\:gap-homeContent-gap-sm {
        gap: var(--ui-spacing-home-content-gap-sm, 32px)
    }

    .sm\:gap-menu-quickLink-gap-sm {
        gap: var(--ui-spacing-menu-quick-link-gap-sm, 6px)
    }

    .sm\:gap-pendingBonusCard-gap-sm {
        gap: var(--ui-spacing-pending-bonus-card-gap-sm, 16px)
    }

    .sm\:gap-promoPage-gap-sm {
        gap: var(--ui-spacing-promo-page-gap-sm, 56px)
    }

    .sm\:gap-promoPage-image-gap-sm {
        gap: var(--ui-spacing-promo-page-image-gap-sm, 32px)
    }

    .sm\:gap-promotionCard-campaignDetails-gap-sm {
        gap: var(--ui-spacing-promotion-card-campaign-details-gap-sm, 6px)
    }

    .sm\:gap-promotionDetailsPage-gap-sm {
        gap: var(--ui-spacing-promotion-details-page-gap-sm, 32px)
    }

    .sm\:gap-promotionPage-gap-sm {
        gap: var(--ui-spacing-promotion-page-gap-sm, 8px)
    }

    .sm\:gap-promotionTerms-text-gap-sm {
        gap: var(--ui-spacing-promotion-terms-text-gap-sm, 24px)
    }

    .sm\:gap-promotionsPage-gap-sm {
        gap: var(--ui-spacing-promotions-page-gap-sm, 40px)
    }

    .sm\:gap-register-title-gap-sm {
        gap: var(--ui-spacing-register-title-gap-sm, 16px)
    }

    .sm\:gap-register-wrapper-gap-sm {
        gap: var(--ui-spacing-register-wrapper-gap-sm, 24px)
    }

    .sm\:gap-rewardback-detailsCard-text-gap-sm {
        gap: var(--ui-spacing-rewardback-details-card-text-gap-sm, 16px)
    }

    .sm\:gap-searchGames-wrapper-gap-sm {
        gap: var(--ui-spacing-search-games-wrapper-gap-sm, 24px)
    }

    .sm\:gap-sidebar-gap-sm {
        gap: var(--ui-spacing-sidebar-gap-sm, 16px)
    }

    .sm\:gap-stickyMobile-gap-sm {
        gap: var(--ui-spacing-sticky-mobile-gap-sm, 16px)
    }

    .sm\:gap-userBoardCard-progress-bar-gap-sm {
        gap: var(--ui-spacing-user-board-card-progress-bar-gap-sm, 8px)
    }

    .sm\:gap-vip-levelCard-gap-sm {
        gap: var(--ui-spacing-vip-level-card-gap-sm, 24px)
    }

    .sm\:gap-vip-page-gap-sm {
        gap: var(--ui-spacing-vip-page-gap-sm, 32px)
    }

    .sm\:gap-vip-topSection-gap-sm {
        gap: var(--ui-spacing-vip-top-section-gap-sm, 16px)
    }

    .sm\:gap-x-1 {
        column-gap: .25rem
    }

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

    .sm\:gap-x-footer-gap-column-xs {
        column-gap: var(--ui-spacing-footer-gap-column-xs, 4px)
    }

    .sm\:gap-x-language-gridGap-column-sm {
        column-gap: var(--ui-spacing-language-grid-gap-column-sm, 16px)
    }

    .sm\:gap-x-menu-gridGap-horizontal-sm {
        column-gap: var(--ui-spacing-menu-grid-gap-horizontal-sm, 16px)
    }

    .sm\:gap-y-0 {
        row-gap: 0
    }

    .sm\:gap-y-4 {
        row-gap: 1rem
    }

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

    .sm\:gap-y-footer-gap-row-md {
        row-gap: var(--ui-spacing-footer-gap-row-md, 40px)
    }

    .sm\:gap-y-language-gridGap-row-sm {
        row-gap: var(--ui-spacing-language-grid-gap-row-sm, 24px)
    }

    .sm\:self-auto {
        align-self: auto
    }

    .sm\:overflow-auto {
        overflow: auto
    }

    .sm\:overflow-hidden {
        overflow: hidden
    }

    .sm\:rounded-availableBonusCard-container-sm {
        border-radius: var(--ui-border-radius-available-bonus-card-container-sm, 16px)
    }

    .sm\:rounded-availableBonusCard-image-sm {
        border-radius: var(--ui-border-radius-available-bonus-card-image-sm, 16px 16px 16px 16px)
    }

    .sm\:rounded-gamesPage-title-sm {
        border-radius: var(--ui-border-radius-games-page-title-sm, 16px)
    }

    .sm\:rounded-modal {
        border-radius: var(--ui-border-radius-modal, 22px)
    }

    .sm\:rounded-pendingBonusCard-container-sm {
        border-radius: var(--ui-border-radius-pending-bonus-card-container-sm, 16px)
    }

    .sm\:rounded-pendingBonusCard-image-sm {
        border-radius: var(--ui-border-radius-pending-bonus-card-image-sm, 16px 16px 16px 16px)
    }

    .sm\:rounded-personalInfoCard-lg {
        border-radius: var(--ui-border-radius-personal-info-card-lg, 16px)
    }

    .sm\:border-\[2\.5px\] {
        border-width: 2.5px
    }

    .sm\:border-t-0 {
        border-top-width: 0
    }

    .sm\:\!bg-none {
        background-image: none !important
    }

    .sm\:bg-\[length\:1087px_auto\] {
        background-size: 1087px auto
    }

    .sm\:bg-contain {
        background-size: contain
    }

    .sm\:bg-\[-180px_0\] {
        background-position: -180px 0
    }

    .sm\:bg-\[center_right_0\] {
        background-position: center right 0
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-1 {
        padding: .25rem
    }

    .sm\:p-3 {
        padding: .75rem
    }

    .sm\:p-8 {
        padding: 2rem
    }

    .sm\:p-\[4px\] {
        padding: 4px
    }

    .sm\:p-\[82px\] {
        padding: 82px
    }

    .sm\:p-\[8px\] {
        padding: 8px
    }

    .sm\:p-accountPage-nav-padding-sm {
        padding: var(--ui-spacing-account-page-nav-padding-sm, 32px 0)
    }

    .sm\:p-accountPage-padding-sm {
        padding: var(--ui-spacing-account-page-padding-sm, 0 24px 24px 24px)
    }

    .sm\:p-auth-padding-sm {
        padding: var(--ui-spacing-auth-padding-sm, 0 80px 80px 80px)
    }

    .sm\:p-availableBonusCard-content-padding-sm {
        padding: var(--ui-spacing-available-bonus-card-content-padding-sm, 0 12px 8px)
    }

    .sm\:p-availableBonusCard-padding-sm {
        padding: var(--ui-spacing-available-bonus-card-padding-sm, 24px 16px)
    }

    .sm\:p-button-dashboardTransactionCard-padding-sm {
        padding: var(--ui-spacing-button-dashboard-transaction-card-padding-sm, 32px 16px)
    }

    .sm\:p-button-menu-padding-sm {
        padding: var(--ui-spacing-button-menu-padding-sm, 8px 20px)
    }

    .sm\:p-cancelRegister-padding-sm {
        padding: var(--ui-spacing-cancel-register-padding-sm, 0 40px 60px 40px)
    }

    .sm\:p-cashier-modal-container-padding-sm {
        padding: var(--ui-spacing-cashier-modal-container-padding-sm, 24px)
    }

    .sm\:p-category-icon-sm {
        padding: var(--ui-spacing-category-icon-sm, 20px)
    }

    .sm\:p-confirm-container-padding-sm {
        padding: var(--ui-spacing-confirm-container-padding-sm, 0 80px 80px 80px)
    }

    .sm\:p-cryptoDepositBanner-container-padding-sm {
        padding: var(--ui-spacing-crypto-deposit-banner-container-padding-sm, 26px 40px)
    }

    .sm\:p-depositCard-container-sm {
        padding: var(--ui-spacing-deposit-card-container-sm, 24px)
    }

    .sm\:p-errorPage-title-padding-sm {
        padding: var(--ui-spacing-error-page-title-padding-sm, 0)
    }

    .sm\:p-expandableMenu-item-padding-sm {
        padding: var(--ui-spacing-expandable-menu-item-padding-sm, 12px 16px 12px 32px)
    }

    .sm\:p-expandableMenu-padding-sm {
        padding: var(--ui-spacing-expandable-menu-padding-sm, 12px 16px)
    }

    .sm\:p-footer-item-padding-sm {
        padding: var(--ui-spacing-footer-item-padding-sm, 8px 12px)
    }

    .sm\:p-footer-sm {
        padding: var(--ui-spacing-footer-sm, 40px 48px)
    }

    .sm\:p-footerPage-padding-sm {
        padding: var(--ui-spacing-footer-page-padding-sm, 32px)
    }

    .sm\:p-gameFooter-padding-sm {
        padding: var(--ui-spacing-game-footer-padding-sm, 16px 32px)
    }

    .sm\:p-gameHeader-padding-sm {
        padding: var(--ui-spacing-game-header-padding-sm, 12px)
    }

    .sm\:p-gamesPage-padding-sm {
        padding: var(--ui-spacing-games-page-padding-sm, 32px 24px)
    }

    .sm\:p-gamesPage-title-sm {
        padding: var(--ui-spacing-games-page-title-sm, 48px 0)
    }

    .sm\:p-header-icon-padding-sm {
        padding: var(--ui-spacing-header-icon-padding-sm, 12px)
    }

    .sm\:p-header-padding-sm {
        padding: var(--ui-spacing-header-padding-sm, 7px 16px)
    }

    .sm\:p-homeContent-padding-sm {
        padding: var(--ui-spacing-home-content-padding-sm, 32px 24px)
    }

    .sm\:p-kycVerification-error-padding-sm {
        padding: var(--ui-spacing-kyc-verification-error-padding-sm, 12px 90px 56px 90px)
    }

    .sm\:p-language-padding-sm {
        padding: var(--ui-spacing-language-padding-sm, 0 40px 40px 40px)
    }

    .sm\:p-latestWins-padding-sm {
        padding: var(--ui-spacing-latest-wins-padding-sm, 6px 0 0 0)
    }

    .sm\:p-myBonuses-padding-sm {
        padding: var(--ui-spacing-my-bonuses-padding-sm, 48px 24px 0 24px)
    }

    .sm\:p-noBonusCard-content-padding-sm {
        padding: var(--ui-spacing-no-bonus-card-content-padding-sm, 72px 32px)
    }

    .sm\:p-paymentDetailCard-sm {
        padding: var(--ui-spacing-payment-detail-card-sm, 16px 24px)
    }

    .sm\:p-paymentMethodsTitle-sm {
        padding: var(--ui-spacing-payment-methods-title-sm, 32px 24px)
    }

    .sm\:p-pendingBonusCard-content-padding-sm {
        padding: var(--ui-spacing-pending-bonus-card-content-padding-sm, 8px 12px)
    }

    .sm\:p-promoPage-padding-sm {
        padding: var(--ui-spacing-promo-page-padding-sm, 32px)
    }

    .sm\:p-promotionCard-campaignDetails-padding-sm {
        padding: var(--ui-spacing-promotion-card-campaign-details-padding-sm, 16px)
    }

    .sm\:p-promotionCard-padding-sm {
        padding: var(--ui-spacing-promotion-card-padding-sm, 32px)
    }

    .sm\:p-promotionDetailCard-padding-sm {
        padding: var(--ui-spacing-promotion-detail-card-padding-sm, 16px 32px 32px 32px)
    }

    .sm\:p-promotionDetailsPage-padding-sm {
        padding: var(--ui-spacing-promotion-details-page-padding-sm, 48px 24px 0 24px)
    }

    .sm\:p-promotionTerms-modal-padding-sm {
        padding: var(--ui-spacing-promotion-terms-modal-padding-sm, 0 80px 80px 80px)
    }

    .sm\:p-promotionTerms-padding-sm {
        padding: var(--ui-spacing-promotion-terms-padding-sm, 48px 32px)
    }

    .sm\:p-promotionsPage-padding-sm {
        padding: var(--ui-spacing-promotions-page-padding-sm, 48px 24px 8px)
    }

    .sm\:p-promotionsPage-title-padding-sm {
        padding: var(--ui-spacing-promotions-page-title-padding-sm, 0 0 32px)
    }

    .sm\:p-providerCard-image-padding-sm {
        padding: var(--ui-spacing-provider-card-image-padding-sm, 10px 12px)
    }

    .sm\:p-providerCard-text-padding-sm {
        padding: var(--ui-spacing-provider-card-text-padding-sm, 12px 16px)
    }

    .sm\:p-quickLinks-subtitle-sm {
        padding: var(--ui-spacing-quick-links-subtitle-sm, 32px)
    }

    .sm\:p-quickLinks-title-sm {
        padding: var(--ui-spacing-quick-links-title-sm, 28px 32px)
    }

    .sm\:p-register-padding-sm {
        padding: var(--ui-spacing-register-padding-sm, 0 40px 40px 40px)
    }

    .sm\:p-register-social-container-padding-sm {
        padding: var(--ui-spacing-register-social-container-padding-sm, 0 40px 60px 40px)
    }

    .sm\:p-rewardback-infoList-modal-padding-sm {
        padding: var(--ui-spacing-rewardback-info-list-modal-padding-sm, 0 80px 80px 80px)
    }

    .sm\:p-rewardbackPage-padding-sm {
        padding: var(--ui-spacing-rewardback-page-padding-sm, 48px 24px 0 24px)
    }

    .sm\:p-searchGames-padding-sm {
        padding: var(--ui-spacing-search-games-padding-sm, 0 40px 40px 40px)
    }

    .sm\:p-sectionHeader-padding-lg {
        padding: var(--ui-spacing-section-header-padding-lg, 0 5px 8px 0)
    }

    .sm\:p-sidebar-padding-sm {
        padding: var(--ui-spacing-sidebar-padding-sm, 8px)
    }

    .sm\:p-sportPage-padding-sm {
        padding: var(--ui-spacing-sport-page-padding-sm, 32px 8px)
    }

    .sm\:p-stickyMobile-sm {
        padding: var(--ui-spacing-sticky-mobile-sm, 16px 32px)
    }

    .sm\:p-textCard-text-sm {
        padding: var(--ui-spacing-text-card-text-sm, 24px 32px 32px 32px)
    }

    .sm\:p-textCard-title-sm {
        padding: var(--ui-spacing-text-card-title-sm, 24px 24px 24px 32px)
    }

    .sm\:p-transactionsFilters-container-padding-sm {
        padding: var(--ui-spacing-transactions-filters-container-padding-sm, 0 24px 56px 24px)
    }

    .sm\:p-transactionsFilters-title-padding-sm {
        padding: var(--ui-spacing-transactions-filters-title-padding-sm, 0 0 32px 0)
    }

    .sm\:p-transactionsTable-noResults-sm {
        padding: var(--ui-spacing-transactions-table-no-results-sm, 80px)
    }

    .sm\:p-transactionsTable-wrapper-padding-sm {
        padding: var(--ui-spacing-transactions-table-wrapper-padding-sm, 24px)
    }

    .sm\:p-userBoardCard-header-padding-sm {
        padding: var(--ui-spacing-user-board-card-header-padding-sm, 0 0 8px 0)
    }

    .sm\:p-userBoardCard-padding-sm {
        padding: var(--ui-spacing-user-board-card-padding-sm, 48px 32px)
    }

    .sm\:p-userBoardCard-progress-padding-sm {
        padding: var(--ui-spacing-user-board-card-progress-padding-sm, 8px 0 16px 0)
    }

    .sm\:p-userMenu-padding-sm {
        padding: var(--ui-spacing-user-menu-padding-sm, 32px 24px 24px)
    }

    .sm\:p-verificationCard-padding-sm {
        padding: var(--ui-spacing-verification-card-padding-sm, 40px 80px 48px 80px)
    }

    .sm\:p-vip-advantageCard-padding-sm {
        padding: var(--ui-spacing-vip-advantage-card-padding-sm, 40px)
    }

    .sm\:p-vip-levelCard-padding-sm {
        padding: var(--ui-spacing-vip-level-card-padding-sm, 34px 0)
    }

    .sm\:p-vip-page-padding-sm {
        padding: var(--ui-spacing-vip-page-padding-sm, 0)
    }

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

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

    .sm\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

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

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

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

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

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

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-14 {
        padding-bottom: 3.5rem;
        padding-top: 3.5rem
    }

    .sm\:py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .sm\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

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

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

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

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

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

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

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pb-12 {
        padding-bottom: 3rem
    }

    .sm\:pb-16 {
        padding-bottom: 4rem
    }

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

    .sm\:pb-20 {
        padding-bottom: 5rem
    }

    .sm\:pb-3 {
        padding-bottom: .75rem
    }

    .sm\:pb-4 {
        padding-bottom: 1rem
    }

    .sm\:pb-5 {
        padding-bottom: 1.25rem
    }

    .sm\:pb-6 {
        padding-bottom: 1.5rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .sm\:pb-\[32px\] {
        padding-bottom: 32px
    }

    .sm\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .sm\:pb-\[56px\] {
        padding-bottom: 56px
    }

    .sm\:pb-\[58px\] {
        padding-bottom: 58px
    }

    .sm\:pb-\[60px\] {
        padding-bottom: 60px
    }

    .sm\:pb-\[80px\] {
        padding-bottom: 80px
    }

    .sm\:pb-favoritesGames-section-padding-sm {
        padding-bottom: var(--ui-spacing-favorites-games-section-padding-sm, 0)
    }

    .sm\:pb-gamesPage-gap-sm {
        padding-bottom: var(--ui-spacing-games-page-gap-sm, 32px)
    }

    .sm\:pb-gamesPage-headline-gap-sm {
        padding-bottom: var(--ui-spacing-games-page-headline-gap-sm, 20px)
    }

    .sm\:pb-language-gap-sm {
        padding-bottom: var(--ui-spacing-language-gap-sm, 24px)
    }

    .sm\:pb-promotionCard-gap-sm {
        padding-bottom: var(--ui-spacing-promotion-card-gap-sm, 16px)
    }

    .sm\:pb-promotionDetailCard-gap-sm {
        padding-bottom: var(--ui-spacing-promotion-detail-card-gap-sm, 24px)
    }

    .sm\:pb-rewardback-infoCard-title-padding-sm {
        padding-bottom: var(--ui-spacing-rewardback-info-card-title-padding-sm, 24px)
    }

    .sm\:pl-24 {
        padding-left: 6rem
    }

    .sm\:pl-5 {
        padding-left: 1.25rem
    }

    .sm\:pl-8 {
        padding-left: 2rem
    }

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

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

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

    .sm\:pr-11 {
        padding-right: 2.75rem
    }

    .sm\:pr-3 {
        padding-right: .75rem
    }

    .sm\:pr-7 {
        padding-right: 1.75rem
    }

    .sm\:pr-8 {
        padding-right: 2rem
    }

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

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-10 {
        padding-top: 2.5rem
    }

    .sm\:pt-12 {
        padding-top: 3rem
    }

    .sm\:pt-14 {
        padding-top: 3.5rem
    }

    .sm\:pt-16 {
        padding-top: 4rem
    }

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

    .sm\:pt-8 {
        padding-top: 2rem
    }

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

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

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

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

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

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

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

    .sm\:pt-depositCard-payments-container-sm {
        padding-top: var(--ui-spacing-deposit-card-payments-container-sm, 24px)
    }

    .sm\:pt-hero-top-sm {
        padding-top: var(--ui-spacing-hero-top-sm, 96px)
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-start {
        text-align: start
    }

    .sm\:font-auth-info-sm {
        font-family: var(--ui-typography-auth-info-sm-font-family, Nunito Sans)
    }

    .sm\:font-auth-text-sm {
        font-family: var(--ui-typography-auth-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-auth-title-sm {
        font-family: var(--ui-typography-auth-title-sm-font-family, ivypresto-display)
    }

    .sm\:font-balance-number-sm {
        font-family: var(--ui-typography-balance-number-sm-font-family, Nunito Sans)
    }

    .sm\:font-balance-text-sm {
        font-family: var(--ui-typography-balance-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-button-details-sm {
        font-family: var(--ui-typography-button-details-sm-font-family, haboro-contrast-extended)
    }

    .sm\:font-button-menu-text-sm {
        font-family: var(--ui-typography-button-menu-text-sm-font-family, haboro-contrast-extended)
    }

    .sm\:font-button-sm {
        font-family: var(--ui-typography-button-sm-font-family, haboro-contrast-extended)
    }

    .sm\:font-cancelRegister-title-sm {
        font-family: var(--ui-typography-cancel-register-title-sm-font-family, ivypresto-display)
    }

    .sm\:font-dashboardBonusCard-sm {
        font-family: var(--ui-typography-dashboard-bonus-card-sm-font-family, ivypresto-display)
    }

    .sm\:font-dashboardTransactionCard-sm {
        font-family: var(--ui-typography-dashboard-transaction-card-sm-font-family, ivypresto-display)
    }

    .sm\:font-depositCard-title-sm {
        font-family: var(--ui-typography-deposit-card-title-sm-font-family, Nunito Sans)
    }

    .sm\:font-gamesPage-title-sm {
        font-family: var(--ui-typography-games-page-title-sm-font-family, ivypresto-display)
    }

    .sm\:font-language-title-sm {
        font-family: var(--ui-typography-language-title-sm-font-family, ivypresto-display)
    }

    .sm\:font-languageButton-text-sm {
        font-family: var(--ui-typography-language-button-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-latestWins-text-sm {
        font-family: var(--ui-typography-latest-wins-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-paymentMethodOption-sm {
        font-family: var(--ui-typography-payment-method-option-sm-font-family, Nunito Sans)
    }

    .sm\:font-personalInfoCard-text-sm {
        font-family: var(--ui-typography-personal-info-card-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-promotionCard-text-sm {
        font-family: var(--ui-typography-promotion-card-text-sm-font-family, ivypresto-display)
    }

    .sm\:font-promotionCard-title-sm {
        font-family: var(--ui-typography-promotion-card-title-sm-font-family, Nunito Sans)
    }

    .sm\:font-quickLinks-description-sm {
        font-family: var(--ui-typography-quick-links-description-sm-font-family, Nunito Sans)
    }

    .sm\:font-quickLinks-subtitle-sm {
        font-family: var(--ui-typography-quick-links-subtitle-sm-font-family, ivypresto-display)
    }

    .sm\:font-quickLinks-title-sm {
        font-family: var(--ui-typography-quick-links-title-sm-font-family, ivypresto-display)
    }

    .sm\:font-searchGames-subtitle-sm {
        font-family: var(--ui-typography-search-games-subtitle-sm-font-family, Nunito Sans)
    }

    .sm\:font-select-bonus-label-sm {
        font-family: var(--ui-typography-select-bonus-label-sm-font-family, Nunito Sans)
    }

    .sm\:font-select-bonus-text-sm {
        font-family: var(--ui-typography-select-bonus-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-select-label-sm {
        font-family: var(--ui-typography-select-label-sm-font-family, Nunito Sans)
    }

    .sm\:font-select-text-sm {
        font-family: var(--ui-typography-select-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-textCard-text-sm {
        font-family: var(--ui-typography-text-card-text-sm-font-family, Nunito Sans)
    }

    .sm\:font-textCard-title-sm {
        font-family: var(--ui-typography-text-card-title-sm-font-family, Nunito Sans)
    }

    .sm\:font-verificationCard-text-sm {
        font-family: var(--ui-typography-verification-card-text-sm-font-family, Nunito Sans)
    }

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

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

    .sm\:text-activeBonusCard-icon-sm {
        font-size: var(--ui-font-sizes-active-bonus-card-icon-sm, 24px)
    }

    .sm\:text-activeBonusCard-info-sm {
        font-size: var(--ui-typography-active-bonus-card-info-sm-font-size, 16px)
    }

    .sm\:text-activeBonusCard-label-sm {
        font-size: var(--ui-typography-active-bonus-card-label-sm-font-size, 16px)
    }

    .sm\:text-activeBonusCard-text-sm {
        font-size: var(--ui-typography-active-bonus-card-text-sm-font-size, 32px)
    }

    .sm\:text-activeBonusCard-title-sm {
        font-size: var(--ui-typography-active-bonus-card-title-sm-font-size, 18px)
    }

    .sm\:text-activeBonusSection-title-sm {
        font-size: var(--ui-font-sizes-active-bonus-section-title-sm, 20px)
    }

    .sm\:text-activeWithdrawal-lg {
        font-size: var(--ui-font-sizes-active-withdrawal-lg, 16px)
    }

    .sm\:text-activeWithdrawalIcon-lg {
        font-size: var(--ui-font-sizes-active-withdrawal-icon-lg, 20px)
    }

    .sm\:text-auth-info-sm {
        font-size: var(--ui-typography-auth-info-sm-font-size, 14px)
    }

    .sm\:text-auth-text-sm {
        font-size: var(--ui-typography-auth-text-sm-font-size, 16px)
    }

    .sm\:text-auth-title-sm {
        font-size: var(--ui-typography-auth-title-sm-font-size, 28px)
    }

    .sm\:text-availableBonusCard-text-sm {
        font-size: var(--ui-typography-available-bonus-card-text-sm-font-size, 24px)
    }

    .sm\:text-availableBonusCard-title-sm {
        font-size: var(--ui-typography-available-bonus-card-title-sm-font-size, 14px)
    }

    .sm\:text-availableBonusSection-title-sm {
        font-size: var(--ui-font-sizes-available-bonus-section-title-sm, 20px)
    }

    .sm\:text-balance-number-sm {
        font-size: var(--ui-typography-balance-number-sm-font-size, 12px)
    }

    .sm\:text-balance-text-sm {
        font-size: var(--ui-typography-balance-text-sm-font-size, 12px)
    }

    .sm\:text-balanceHistory-title-sm {
        font-size: var(--ui-font-sizes-balance-history-title-sm, 36px)
    }

    .sm\:text-banner-static-text-sm {
        font-size: var(--ui-font-sizes-banner-static-text-sm, 16px)
    }

    .sm\:text-banner-static-title-sm {
        font-size: var(--ui-font-sizes-banner-static-title-sm, 24px)
    }

    .sm\:text-button-details-md {
        font-size: var(--ui-typography-button-details-md-font-size, 20px)
    }

    .sm\:text-button-details-sm {
        font-size: var(--ui-typography-button-details-sm-font-size, 16px)
    }

    .sm\:text-button-menu-icon-sm {
        font-size: var(--ui-font-sizes-button-menu-icon-sm, 20px)
    }

    .sm\:text-button-menu-text-sm {
        font-size: var(--ui-typography-button-menu-text-sm-font-size, 16px)
    }

    .sm\:text-button-square-sm {
        font-size: var(--ui-font-sizes-button-square-sm, 26px)
    }

    .sm\:text-button-text-icon-sm {
        font-size: var(--ui-font-sizes-button-text-icon-sm, 24px)
    }

    .sm\:text-button-text-sm {
        font-size: var(--ui-typography-button-text-sm-font-size, 16px)
    }

    .sm\:text-campaignPage-date-sm {
        font-size: var(--ui-font-sizes-campaign-page-date-sm, 20px)
    }

    .sm\:text-campaignPage-text-sm {
        font-size: var(--ui-font-sizes-campaign-page-text-sm, 14px)
    }

    .sm\:text-campaignPage-time-sm {
        font-size: var(--ui-font-sizes-campaign-page-time-sm, 16px)
    }

    .sm\:text-campaignPage-title-sm {
        font-size: var(--ui-font-sizes-campaign-page-title-sm, 36px)
    }

    .sm\:text-cancelRegister-title-sm {
        font-size: var(--ui-typography-cancel-register-title-sm-font-size, 24px)
    }

    .sm\:text-category-sm {
        font-size: var(--ui-typography-category-sm-font-size, 14px)
    }

    .sm\:text-confirm-text-sm {
        font-size: var(--ui-typography-confirm-text-sm-font-size, 18px)
    }

    .sm\:text-confirm-title-sm {
        font-size: var(--ui-typography-confirm-title-sm-font-size, 28px)
    }

    .sm\:text-cryptoDepositBanner-title-sm {
        font-size: var(--ui-typography-crypto-deposit-banner-title-sm-font-size, 32px)
    }

    .sm\:text-dashboardBonusCard-sm {
        font-size: var(--ui-typography-dashboard-bonus-card-sm-font-size, 22px)
    }

    .sm\:text-dashboardTransactionCard-sm {
        font-size: var(--ui-typography-dashboard-transaction-card-sm-font-size, 24px)
    }

    .sm\:text-depositCard-title-sm {
        font-size: var(--ui-typography-deposit-card-title-sm-font-size, 32px)
    }

    .sm\:text-errorPage-text-sm {
        font-size: var(--ui-font-sizes-error-page-text-sm, 20px)
    }

    .sm\:text-errorPage-title-sm {
        font-size: var(--ui-font-sizes-error-page-title-sm, 36px)
    }

    .sm\:text-footerPage-title-sm {
        font-size: var(--ui-typography-footer-page-title-sm-font-size, 32px)
    }

    .sm\:text-gameCard-label-sm {
        font-size: var(--ui-font-sizes-game-card-label-sm, 12px)
    }

    .sm\:text-gameCard-moreGames-sm {
        font-size: var(--ui-typography-game-card-more-games-sm-font-size, 20px)
    }

    .sm\:text-gameCard-provider-sm {
        font-size: var(--ui-font-sizes-game-card-provider-sm, 12px)
    }

    .sm\:text-gameCard-title-sm {
        font-size: var(--ui-font-sizes-game-card-title-sm, 12px)
    }

    .sm\:text-gamePage-title-sm {
        font-size: var(--ui-typography-game-page-title-sm-font-size, 56px)
    }

    .sm\:text-gamesPage-title-sm {
        font-size: var(--ui-typography-games-page-title-sm-font-size, 36px)
    }

    .sm\:text-gamesSection-see-text-sm {
        font-size: var(--ui-font-sizes-games-section-see-text-sm, 14px)
    }

    .sm\:text-header-icon-sm {
        font-size: var(--ui-font-sizes-header-icon-sm, 24px)
    }

    .sm\:text-headline-icon-sm {
        font-size: var(--ui-font-sizes-headline-icon-sm, 24px)
    }

    .sm\:text-heroContent-description-sm {
        font-size: var(--ui-typography-hero-content-description-sm-font-size, 36px)
    }

    .sm\:text-heroContent-title-sm {
        font-size: var(--ui-typography-hero-content-title-sm-font-size, 16px)
    }

    .sm\:text-iPayments-selector-sm {
        font-size: var(--ui-font-sizes-i-payments-selector-sm, 16px)
    }

    .sm\:text-jackpot-text-sm {
        font-size: var(--ui-font-sizes-jackpot-text-sm, 40px)
    }

    .sm\:text-jackpot-title-sm {
        font-size: var(--ui-font-sizes-jackpot-title-sm, 20px)
    }

    .sm\:text-kycDocuments-text-sm {
        font-size: var(--ui-font-sizes-kyc-documents-text-sm, 16px)
    }

    .sm\:text-kycDocuments-title-sm {
        font-size: var(--ui-font-sizes-kyc-documents-title-sm, 24px)
    }

    .sm\:text-kycVerification-text-sm {
        font-size: var(--ui-font-sizes-kyc-verification-text-sm, 24px)
    }

    .sm\:text-language-title-sm {
        font-size: var(--ui-typography-language-title-sm-font-size, 24px)
    }

    .sm\:text-languageButton-text-sm {
        font-size: var(--ui-typography-language-button-text-sm-font-size, 16px)
    }

    .sm\:text-latestWins-name-sm {
        font-size: var(--ui-typography-latest-wins-name-sm-font-size, 12px)
    }

    .sm\:text-latestWins-text-sm {
        font-size: var(--ui-typography-latest-wins-text-sm-font-size, 12px)
    }

    .sm\:text-latestWins-win-sm {
        font-size: var(--ui-typography-latest-wins-win-sm-font-size, 14px)
    }

    .sm\:text-menu-banner-amount-sm {
        font-size: var(--ui-typography-menu-banner-amount-sm-font-size, 24px)
    }

    .sm\:text-menu-banner-balance-sm {
        font-size: var(--ui-typography-menu-banner-balance-sm-font-size, 20px)
    }

    .sm\:text-menu-banner-sm {
        font-size: var(--ui-typography-menu-banner-sm-font-size, 24px)
    }

    .sm\:text-menu-icon-sm {
        font-size: var(--ui-typography-menu-icon-sm-font-size, 24px)
    }

    .sm\:text-menu-text-sm {
        font-size: var(--ui-typography-menu-text-sm-font-size, 18px)
    }

    .sm\:text-myBonuses-title-sm {
        font-size: var(--ui-font-sizes-my-bonuses-title-sm, 36px)
    }

    .sm\:text-navbarItem-sm {
        font-size: var(--ui-typography-navbar-item-sm-font-size, 14px)
    }

    .sm\:text-noBonusCard-text-sm {
        font-size: var(--ui-typography-no-bonus-card-text-sm-font-size, 16px)
    }

    .sm\:text-optionsSwitcher-option-lg {
        font-size: var(--ui-typography-options-switcher-option-lg-font-size, 16px)
    }

    .sm\:text-paymentDetailCard-text-sm {
        font-size: var(--ui-typography-payment-detail-card-text-sm-font-size, 16px)
    }

    .sm\:text-paymentMethodOption-sm {
        font-size: var(--ui-typography-payment-method-option-sm-font-size, 14px)
    }

    .sm\:text-paymentMethodsTitle-sm {
        font-size: var(--ui-typography-payment-methods-title-sm-font-size, 16px)
    }

    .sm\:text-paymentOperationTypeSwitcher-text-sm {
        font-size: var(--ui-font-sizes-payment-operation-type-switcher-text-sm, 16px)
    }

    .sm\:text-pendingBonusCard-icon-sm {
        font-size: var(--ui-typography-pending-bonus-card-icon-sm-font-size, 24px)
    }

    .sm\:text-pendingBonusCard-text-sm {
        font-size: var(--ui-typography-pending-bonus-card-text-sm-font-size, 24px)
    }

    .sm\:text-pendingBonusCard-title-sm {
        font-size: var(--ui-typography-pending-bonus-card-title-sm-font-size, 14px)
    }

    .sm\:text-pendingBonusSection-title-sm {
        font-size: var(--ui-font-sizes-pending-bonus-section-title-sm, 20px)
    }

    .sm\:text-personalInfoCard-subTitle-sm {
        font-size: var(--ui-typography-personal-info-card-sub-title-sm-font-size, 20px)
    }

    .sm\:text-personalInfoCard-text-sm {
        font-size: var(--ui-typography-personal-info-card-text-sm-font-size, 16px)
    }

    .sm\:text-promoPage-description-sm {
        font-size: var(--ui-typography-promo-page-description-sm-font-size, 32px)
    }

    .sm\:text-promoPage-subtitle-sm {
        font-size: var(--ui-typography-promo-page-subtitle-sm-font-size, 32px)
    }

    .sm\:text-promoPage-terms-text-sm {
        font-size: var(--ui-typography-promo-page-terms-text-sm-font-size, 14px)
    }

    .sm\:text-promoPage-terms-title-sm {
        font-size: var(--ui-typography-promo-page-terms-title-sm-font-size, 20px)
    }

    .sm\:text-promoPage-text-sm {
        font-size: var(--ui-typography-promo-page-text-sm-font-size, 28px)
    }

    .sm\:text-promoPage-title-sm {
        font-size: var(--ui-typography-promo-page-title-sm-font-size, 32px)
    }

    .sm\:text-promotionCard-date-sm {
        font-size: var(--ui-typography-promotion-card-date-sm-font-size, 14px)
    }

    .sm\:text-promotionCard-start-sm {
        font-size: var(--ui-typography-promotion-card-start-sm-font-size, 14px)
    }

    .sm\:text-promotionCard-text-sm {
        font-size: var(--ui-typography-promotion-card-text-sm-font-size, 32px)
    }

    .sm\:text-promotionCard-title-sm {
        font-size: var(--ui-typography-promotion-card-title-sm-font-size, 16px)
    }

    .sm\:text-promotionDetailCard-text-sm {
        font-size: var(--ui-typography-promotion-detail-card-text-sm-font-size, 28px)
    }

    .sm\:text-promotionDetailCard-title-sm {
        font-size: var(--ui-typography-promotion-detail-card-title-sm-font-size, 14px)
    }

    .sm\:text-promotionTerms-text-sm {
        font-size: var(--ui-typography-promotion-terms-text-sm-font-size, 16px)
    }

    .sm\:text-promotionsPage-info-sm {
        font-size: var(--ui-font-sizes-promotions-page-info-sm, 16px)
    }

    .sm\:text-promotionsPage-title-sm {
        font-size: var(--ui-typography-promotions-page-title-sm-font-size, 36px)
    }

    .sm\:text-providerCard-games-sm {
        font-size: var(--ui-typography-provider-card-games-sm-font-size, 12px)
    }

    .sm\:text-providerCard-name-sm {
        font-size: var(--ui-typography-provider-card-name-sm-font-size, 12px)
    }

    .sm\:text-providerCardFallback-lg {
        font-size: var(--ui-font-sizes-provider-card-fallback-lg, 24px)
    }

    .sm\:text-quickLinks-description-sm {
        font-size: var(--ui-typography-quick-links-description-sm-font-size, 18px)
    }

    .sm\:text-quickLinks-subtitle-sm {
        font-size: var(--ui-typography-quick-links-subtitle-sm-font-size, 32px)
    }

    .sm\:text-quickLinks-title-sm {
        font-size: var(--ui-typography-quick-links-title-sm-font-size, 40px)
    }

    .sm\:text-rewardback-detailsCard-userLabel-lg {
        font-size: var(--ui-typography-rewardback-details-card-user-label-lg-font-size, 22px)
    }

    .sm\:text-searchGames-subtitle-sm {
        font-size: var(--ui-typography-search-games-subtitle-sm-font-size, 20px)
    }

    .sm\:text-searchGames-text-sm {
        font-size: var(--ui-typography-search-games-text-sm-font-size, 16px)
    }

    .sm\:text-searchGames-title-sm {
        font-size: var(--ui-typography-search-games-title-sm-font-size, 24px)
    }

    .sm\:text-searchProviderCardFallback-lg {
        font-size: var(--ui-font-sizes-search-provider-card-fallback-lg, 24px)
    }

    .sm\:text-select-bonus-label-sm {
        font-size: var(--ui-typography-select-bonus-label-sm-font-size, 12px)
    }

    .sm\:text-select-bonus-text-sm {
        font-size: var(--ui-typography-select-bonus-text-sm-font-size, 16px)
    }

    .sm\:text-select-label-sm {
        font-size: var(--ui-typography-select-label-sm-font-size, 12px)
    }

    .sm\:text-select-text-sm {
        font-size: var(--ui-typography-select-text-sm-font-size, 16px)
    }

    .sm\:text-similarGames-title-sm {
        font-size: var(--ui-font-sizes-similar-games-title-sm, 24px)
    }

    .sm\:text-swiper-icon-sm {
        font-size: var(--ui-font-sizes-swiper-icon-sm, 28px)
    }

    .sm\:text-tab-text-sm {
        font-size: var(--ui-font-sizes-tab-text-sm, 16px)
    }

    .sm\:text-textCard-text-sm {
        font-size: var(--ui-typography-text-card-text-sm-font-size, 16px)
    }

    .sm\:text-textCard-title-sm {
        font-size: var(--ui-typography-text-card-title-sm-font-size, 20px)
    }

    .sm\:text-titleComponent-sm {
        font-size: var(--ui-typography-title-component-sm-font-size, 32px)
    }

    .sm\:text-transactionsFilters-text-sm {
        font-size: var(--ui-font-sizes-transactions-filters-text-sm, 16px)
    }

    .sm\:text-transactionsFilters-title-sm {
        font-size: var(--ui-font-sizes-transactions-filters-title-sm, 24px)
    }

    .sm\:text-transactionsNoResults-text-sm {
        font-size: var(--ui-typography-transactions-no-results-text-sm-font-size, 18px)
    }

    .sm\:text-transactionsTable-header-sm {
        font-size: var(--ui-typography-transactions-table-header-sm-font-size, 16px)
    }

    .sm\:text-transactionsTable-text-sm {
        font-size: var(--ui-typography-transactions-table-text-sm-font-size, 12px)
    }

    .sm\:text-userBoardCard-name-sm {
        font-size: var(--ui-typography-user-board-card-name-sm-font-size, 24px)
    }

    .sm\:text-userBoardCard-pointsUntilNextLevel-sm {
        font-size: var(--ui-typography-user-board-card-points-until-next-level-sm-font-size, 16px)
    }

    .sm\:text-userBoardCard-progressLevel-sm {
        font-size: var(--ui-typography-user-board-card-progress-level-sm-font-size, 24px)
    }

    .sm\:text-userBoardCard-registered-sm {
        font-size: var(--ui-typography-user-board-card-registered-sm-font-size, 12px)
    }

    .sm\:text-userBoardCard-totalBalanceAmount-sm {
        font-size: var(--ui-typography-user-board-card-total-balance-amount-sm-font-size, 22px)
    }

    .sm\:text-userBoardCard-totalBalanceLabel-sm {
        font-size: var(--ui-typography-user-board-card-total-balance-label-sm-font-size, 16px)
    }

    .sm\:text-userGamesModal-title-sm {
        font-size: var(--ui-font-sizes-user-games-modal-title-sm, 24px)
    }

    .sm\:text-userGamesPage-info-sm {
        font-size: var(--ui-font-sizes-user-games-page-info-sm, 16px)
    }

    .sm\:text-userGamesPage-title-sm {
        font-size: var(--ui-font-sizes-user-games-page-title-sm, 36px)
    }

    .sm\:text-verificationCard-text-sm {
        font-size: var(--ui-typography-verification-card-text-sm-font-size, 18px)
    }

    .sm\:text-verificationPage-title-sm {
        font-size: var(--ui-font-sizes-verification-page-title-sm, 36px)
    }

    .sm\:text-vip-advantageCard-text-sm {
        font-size: var(--ui-typography-vip-advantage-card-text-sm-font-size, 16px)
    }

    .sm\:text-vip-advantageCard-title-sm {
        font-size: var(--ui-typography-vip-advantage-card-title-sm-font-size, 20px)
    }

    .sm\:text-vip-advantagesSection-title-sm {
        font-size: var(--ui-font-sizes-vip-advantages-section-title-sm, 32px)
    }

    .sm\:text-vip-levelCard-bonus-sm {
        font-size: var(--ui-typography-vip-level-card-bonus-sm-font-size, 20px)
    }

    .sm\:text-vip-levelCard-options-text-sm {
        font-size: var(--ui-typography-vip-level-card-options-text-sm-font-size, 16px)
    }

    .sm\:text-vip-levelCard-options-title-sm {
        font-size: var(--ui-typography-vip-level-card-options-title-sm-font-size, 14px)
    }

    .sm\:text-vip-levelCard-title-sm {
        font-size: var(--ui-typography-vip-level-card-title-sm-font-size, 24px)
    }

    .sm\:text-vip-loyalty-title-sm {
        font-size: var(--ui-font-sizes-vip-loyalty-title-sm, 16px)
    }

    .sm\:font-auth-info-sm {
        font-weight: var(--ui-typography-auth-info-sm-font-weight, 400)
    }

    .sm\:font-auth-text-sm {
        font-weight: var(--ui-typography-auth-text-sm-font-weight, 500)
    }

    .sm\:font-auth-title-sm {
        font-weight: var(--ui-typography-auth-title-sm-font-weight, 600)
    }

    .sm\:font-balance-number-sm {
        font-weight: var(--ui-typography-balance-number-sm-font-weight, 500)
    }

    .sm\:font-balance-text-sm {
        font-weight: var(--ui-typography-balance-text-sm-font-weight, 600)
    }

    .sm\:font-button-details-sm {
        font-weight: var(--ui-typography-button-details-sm-font-weight, Ext Medium)
    }

    .sm\:font-button-menu-text-sm {
        font-weight: var(--ui-typography-button-menu-text-sm-font-weight, Ext Medium)
    }

    .sm\:font-button-sm {
        font-weight: var(--ui-typography-button-sm-font-weight, Ext Medium)
    }

    .sm\:font-cancelRegister-title-sm {
        font-weight: var(--ui-typography-cancel-register-title-sm-font-weight, 600)
    }

    .sm\:font-category-sm {
        font-weight: var(--ui-typography-category-sm-font-weight, 600)
    }

    .sm\:font-dashboardBonusCard-sm {
        font-weight: var(--ui-typography-dashboard-bonus-card-sm-font-weight, 600)
    }

    .sm\:font-dashboardTransactionCard-sm {
        font-weight: var(--ui-typography-dashboard-transaction-card-sm-font-weight, 600)
    }

    .sm\:font-depositCard-title-sm {
        font-weight: var(--ui-typography-deposit-card-title-sm-font-weight, 600)
    }

    .sm\:font-gamesPage-title-sm {
        font-weight: var(--ui-typography-games-page-title-sm-font-weight, 600)
    }

    .sm\:font-language-title-sm {
        font-weight: var(--ui-typography-language-title-sm-font-weight, 600)
    }

    .sm\:font-languageButton-text-sm {
        font-weight: var(--ui-typography-language-button-text-sm-font-weight, 400)
    }

    .sm\:font-latestWins-text-sm {
        font-weight: var(--ui-typography-latest-wins-text-sm-font-weight, 500)
    }

    .sm\:font-paymentMethodOption-sm {
        font-weight: var(--ui-typography-payment-method-option-sm-font-weight, 400)
    }

    .sm\:font-personalInfoCard-text-sm {
        font-weight: var(--ui-typography-personal-info-card-text-sm-font-weight, 400)
    }

    .sm\:font-promotionCard-text-sm {
        font-weight: var(--ui-typography-promotion-card-text-sm-font-weight, 600)
    }

    .sm\:font-promotionCard-title-sm {
        font-weight: var(--ui-typography-promotion-card-title-sm-font-weight, 500)
    }

    .sm\:font-quickLinks-description-sm {
        font-weight: var(--ui-typography-quick-links-description-sm-font-weight, 400)
    }

    .sm\:font-quickLinks-subtitle-sm {
        font-weight: var(--ui-typography-quick-links-subtitle-sm-font-weight, 600)
    }

    .sm\:font-quickLinks-title-sm {
        font-weight: var(--ui-typography-quick-links-title-sm-font-weight, 600)
    }

    .sm\:font-searchGames-subtitle-sm {
        font-weight: var(--ui-typography-search-games-subtitle-sm-font-weight, 600)
    }

    .sm\:font-select-bonus-label-sm {
        font-weight: var(--ui-typography-select-bonus-label-sm-font-weight, 500)
    }

    .sm\:font-select-bonus-text-sm {
        font-weight: var(--ui-typography-select-bonus-text-sm-font-weight, 400)
    }

    .sm\:font-select-label-sm {
        font-weight: var(--ui-typography-select-label-sm-font-weight, 500)
    }

    .sm\:font-select-text-sm {
        font-weight: var(--ui-typography-select-text-sm-font-weight, 400)
    }

    .sm\:font-textCard-text-sm {
        font-weight: var(--ui-typography-text-card-text-sm-font-weight, 600)
    }

    .sm\:font-textCard-title-sm {
        font-weight: var(--ui-typography-text-card-title-sm-font-weight, 600)
    }

    .sm\:font-titleComponent-sm {
        font-weight: var(--ui-typography-title-component-sm-font-weight, 400)
    }

    .sm\:font-verificationCard-text-sm {
        font-weight: var(--ui-typography-verification-card-text-sm-font-weight, 600)
    }

    .sm\:leading-activeBonusCard-text-sm {
        line-height: var(--ui-typography-active-bonus-card-text-sm-line-height, 125%)
    }

    .sm\:leading-activeBonusCard-title-sm {
        line-height: var(--ui-typography-active-bonus-card-title-sm-line-height, 133%)
    }

    .sm\:leading-activeBonusSection-title-sm {
        line-height: var(--ui-line-heights-active-bonus-section-title-sm, 28px)
    }

    .sm\:leading-auth-info-sm {
        line-height: var(--ui-typography-auth-info-sm-line-height, 20px)
    }

    .sm\:leading-auth-text-sm {
        line-height: var(--ui-typography-auth-text-sm-line-height, 1.5)
    }

    .sm\:leading-auth-title-sm {
        line-height: var(--ui-typography-auth-title-sm-line-height, 1.25)
    }

    .sm\:leading-availableBonusCard-text-sm {
        line-height: var(--ui-typography-available-bonus-card-text-sm-line-height, 133%)
    }

    .sm\:leading-availableBonusCard-title-sm {
        line-height: var(--ui-typography-available-bonus-card-title-sm-line-height, 140%)
    }

    .sm\:leading-availableBonusSection-title-sm {
        line-height: var(--ui-line-heights-available-bonus-section-title-sm, 28px)
    }

    .sm\:leading-balance-number-sm {
        line-height: var(--ui-typography-balance-number-sm-line-height, 133%)
    }

    .sm\:leading-balance-text-sm {
        line-height: var(--ui-typography-balance-text-sm-line-height, 100%)
    }

    .sm\:leading-banner-static-text-sm {
        line-height: var(--ui-line-heights-banner-static-text-sm, 26px)
    }

    .sm\:leading-banner-static-title-sm {
        line-height: var(--ui-line-heights-banner-static-title-sm, 38px)
    }

    .sm\:leading-button-details-md {
        line-height: var(--ui-typography-button-details-md-line-height, 120%)
    }

    .sm\:leading-button-details-sm {
        line-height: var(--ui-typography-button-details-sm-line-height, 150%)
    }

    .sm\:leading-button-menu-text-sm {
        line-height: var(--ui-typography-button-menu-text-sm-line-height, 1)
    }

    .sm\:leading-button-text-sm {
        line-height: var(--ui-typography-button-text-sm-line-height, 150%)
    }

    .sm\:leading-campaignPage-date-sm {
        line-height: var(--ui-line-heights-campaign-page-date-sm, 28px)
    }

    .sm\:leading-campaignPage-text-sm {
        line-height: var(--ui-line-heights-campaign-page-text-sm, 20px)
    }

    .sm\:leading-campaignPage-time-sm {
        line-height: var(--ui-line-heights-campaign-page-time-sm, 24px)
    }

    .sm\:leading-campaignPage-title-sm {
        line-height: var(--ui-line-heights-campaign-page-title-sm, 36px)
    }

    .sm\:leading-category-sm {
        line-height: var(--ui-typography-category-sm-line-height, 20px)
    }

    .sm\:leading-confirm-text-sm {
        line-height: var(--ui-typography-confirm-text-sm-line-height, 24px)
    }

    .sm\:leading-confirm-title-sm {
        line-height: var(--ui-typography-confirm-title-sm-line-height, 36px)
    }

    .sm\:leading-cryptoDepositBanner-title-sm {
        line-height: var(--ui-typography-crypto-deposit-banner-title-sm-line-height, 40px)
    }

    .sm\:leading-dashboardBonusCard-sm {
        line-height: var(--ui-typography-dashboard-bonus-card-sm-line-height, 145%)
    }

    .sm\:leading-dashboardTransactionCard-sm {
        line-height: var(--ui-typography-dashboard-transaction-card-sm-line-height, 28px)
    }

    .sm\:leading-depositCard-title-sm {
        line-height: var(--ui-typography-deposit-card-title-sm-line-height, 40px)
    }

    .sm\:leading-errorPage-text-sm {
        line-height: var(--ui-line-heights-error-page-text-sm, 24px)
    }

    .sm\:leading-errorPage-title-sm {
        line-height: var(--ui-line-heights-error-page-title-sm, 52px)
    }

    .sm\:leading-footerPage-title-sm {
        line-height: var(--ui-typography-footer-page-title-sm-line-height, 40px)
    }

    .sm\:leading-gameCard-moreGames-sm {
        line-height: var(--ui-typography-game-card-more-games-sm-line-height, 140%)
    }

    .sm\:leading-gamePage-title-sm {
        line-height: var(--ui-typography-game-page-title-sm-line-height, 1.2)
    }

    .sm\:leading-gamesPage-title-sm {
        line-height: var(--ui-typography-games-page-title-sm-line-height, 44px)
    }

    .sm\:leading-heroContent-description-sm {
        line-height: var(--ui-typography-hero-content-description-sm-line-height, 44px)
    }

    .sm\:leading-heroContent-title-sm {
        line-height: var(--ui-typography-hero-content-title-sm-line-height, 22px)
    }

    .sm\:leading-jackpot-text-sm {
        line-height: var(--ui-line-heights-jackpot-text-sm, 48px)
    }

    .sm\:leading-jackpot-title-sm {
        line-height: var(--ui-line-heights-jackpot-title-sm, 24px)
    }

    .sm\:leading-language-title-sm {
        line-height: var(--ui-typography-language-title-sm-line-height, 133%)
    }

    .sm\:leading-languageButton-text-sm {
        line-height: var(--ui-typography-language-button-text-sm-line-height, 150%)
    }

    .sm\:leading-latestWins-text-sm {
        line-height: var(--ui-typography-latest-wins-text-sm-line-height, 133%)
    }

    .sm\:leading-menu-banner-amount-sm {
        line-height: var(--ui-typography-menu-banner-amount-sm-line-height, 32px)
    }

    .sm\:leading-menu-banner-balance-sm {
        line-height: var(--ui-typography-menu-banner-balance-sm-line-height, 24px)
    }

    .sm\:leading-menu-banner-sm {
        line-height: var(--ui-typography-menu-banner-sm-line-height, 32px)
    }

    .sm\:leading-menu-text-sm {
        line-height: var(--ui-typography-menu-text-sm-line-height, 20px)
    }

    .sm\:leading-myBonuses-title-sm {
        line-height: var(--ui-line-heights-my-bonuses-title-sm, 48px)
    }

    .sm\:leading-navbarItem-sm {
        line-height: var(--ui-typography-navbar-item-sm-line-height, 24px)
    }

    .sm\:leading-noBonusCard-text-sm {
        line-height: var(--ui-typography-no-bonus-card-text-sm-line-height, 150%)
    }

    .sm\:leading-optionsSwitcher-option-lg {
        line-height: var(--ui-typography-options-switcher-option-lg-line-height, 24px)
    }

    .sm\:leading-paymentDetailCard-text-sm {
        line-height: var(--ui-typography-payment-detail-card-text-sm-line-height, 1.2)
    }

    .sm\:leading-paymentMethodOption-sm {
        line-height: var(--ui-typography-payment-method-option-sm-line-height, 20px)
    }

    .sm\:leading-paymentOperationTypeSwitcher-text-sm {
        line-height: var(--ui-line-heights-payment-operation-type-switcher-text-sm, 18px)
    }

    .sm\:leading-pendingBonusCard-text-sm {
        line-height: var(--ui-typography-pending-bonus-card-text-sm-line-height, 133%)
    }

    .sm\:leading-pendingBonusCard-title-sm {
        line-height: var(--ui-typography-pending-bonus-card-title-sm-line-height, 140%)
    }

    .sm\:leading-pendingBonusSection-title-sm {
        line-height: var(--ui-line-heights-pending-bonus-section-title-sm, 28px)
    }

    .sm\:leading-personalInfoCard-subTitle-sm {
        line-height: var(--ui-typography-personal-info-card-sub-title-sm-line-height, 24px)
    }

    .sm\:leading-promoPage-description-sm {
        line-height: var(--ui-typography-promo-page-description-sm-line-height, 38px)
    }

    .sm\:leading-promoPage-text-sm {
        line-height: var(--ui-typography-promo-page-text-sm-line-height, 36px)
    }

    .sm\:leading-promoPage-title-sm {
        line-height: var(--ui-typography-promo-page-title-sm-line-height, 40px)
    }

    .sm\:leading-promotionCard-date-sm {
        line-height: var(--ui-typography-promotion-card-date-sm-line-height, 16px)
    }

    .sm\:leading-promotionCard-start-sm {
        line-height: var(--ui-typography-promotion-card-start-sm-line-height, 16px)
    }

    .sm\:leading-promotionCard-text-sm {
        line-height: var(--ui-typography-promotion-card-text-sm-line-height, 36px)
    }

    .sm\:leading-promotionCard-title-sm {
        line-height: var(--ui-typography-promotion-card-title-sm-line-height, 22px)
    }

    .sm\:leading-promotionDetailCard-text-sm {
        line-height: var(--ui-typography-promotion-detail-card-text-sm-line-height, 130%)
    }

    .sm\:leading-promotionDetailCard-title-sm {
        line-height: var(--ui-typography-promotion-detail-card-title-sm-line-height, 140%)
    }

    .sm\:leading-promotionInfo-title-sm {
        line-height: var(--ui-line-heights-promotion-info-title-sm, 24px)
    }

    .sm\:leading-promotionTerms-text-sm {
        line-height: var(--ui-typography-promotion-terms-text-sm-line-height, 150%)
    }

    .sm\:leading-promotionTerms-text-xs {
        line-height: var(--ui-typography-promotion-terms-text-xs-line-height, 140%)
    }

    .sm\:leading-promotionTerms-title-sm {
        line-height: var(--ui-line-heights-promotion-terms-title-sm, 24px)
    }

    .sm\:leading-promotionsPage-title-sm {
        line-height: var(--ui-typography-promotions-page-title-sm-line-height, 44px)
    }

    .sm\:leading-providerCard-games-sm {
        line-height: var(--ui-typography-provider-card-games-sm-line-height, 16px)
    }

    .sm\:leading-providerCard-name-sm {
        line-height: var(--ui-typography-provider-card-name-sm-line-height, 16px)
    }

    .sm\:leading-quickLinks-description-sm {
        line-height: var(--ui-typography-quick-links-description-sm-line-height, 24px)
    }

    .sm\:leading-quickLinks-subtitle-sm {
        line-height: var(--ui-typography-quick-links-subtitle-sm-line-height, 44px)
    }

    .sm\:leading-quickLinks-title-sm {
        line-height: var(--ui-typography-quick-links-title-sm-line-height, 48px)
    }

    .sm\:leading-rewardback-detailsCard-userLabel-lg {
        line-height: var(--ui-typography-rewardback-details-card-user-label-lg-line-height, 32px)
    }

    .sm\:leading-searchGames-subtitle-sm {
        line-height: var(--ui-typography-search-games-subtitle-sm-line-height, 24px)
    }

    .sm\:leading-searchGames-title-sm {
        line-height: var(--ui-typography-search-games-title-sm-line-height, 32px)
    }

    .sm\:leading-select-bonus-label-sm {
        line-height: var(--ui-typography-select-bonus-label-sm-line-height, 133%)
    }

    .sm\:leading-select-bonus-text-sm {
        line-height: var(--ui-typography-select-bonus-text-sm-line-height, 150%)
    }

    .sm\:leading-select-label-sm {
        line-height: var(--ui-typography-select-label-sm-line-height, 133%)
    }

    .sm\:leading-select-text-sm {
        line-height: var(--ui-typography-select-text-sm-line-height, 150%)
    }

    .sm\:leading-similarGames-title-sm {
        line-height: var(--ui-line-heights-similar-games-title-sm, 28px)
    }

    .sm\:leading-textCard-text-sm {
        line-height: var(--ui-typography-text-card-text-sm-line-height, 150%)
    }

    .sm\:leading-textCard-title-sm {
        line-height: var(--ui-typography-text-card-title-sm-line-height, 120%)
    }

    .sm\:leading-titleComponent-sm {
        line-height: var(--ui-typography-title-component-sm-line-height, 1.2)
    }

    .sm\:leading-transactionsNoResults-text-sm {
        line-height: var(--ui-typography-transactions-no-results-text-sm-line-height, 24px)
    }

    .sm\:leading-transactionsTable-header-sm {
        line-height: var(--ui-typography-transactions-table-header-sm-line-height, 24px)
    }

    .sm\:leading-transactionsTable-text-sm {
        line-height: var(--ui-typography-transactions-table-text-sm-line-height, 16px)
    }

    .sm\:leading-userBoardCard-name-sm {
        line-height: var(--ui-typography-user-board-card-name-sm-line-height, 24px)
    }

    .sm\:leading-userBoardCard-pointsUntilNextLevel-sm {
        line-height: var(--ui-typography-user-board-card-points-until-next-level-sm-line-height, 20px)
    }

    .sm\:leading-userBoardCard-progressLevel-sm {
        line-height: var(--ui-typography-user-board-card-progress-level-sm-line-height, 40px)
    }

    .sm\:leading-userBoardCard-registered-sm {
        line-height: var(--ui-typography-user-board-card-registered-sm-line-height, 20px)
    }

    .sm\:leading-userBoardCard-totalBalanceAmount-sm {
        line-height: var(--ui-typography-user-board-card-total-balance-amount-sm-line-height, 32px)
    }

    .sm\:leading-userBoardCard-totalBalanceLabel-sm {
        line-height: var(--ui-typography-user-board-card-total-balance-label-sm-line-height, 24px)
    }

    .sm\:leading-verificationCard-text-sm {
        line-height: var(--ui-typography-verification-card-text-sm-line-height, 133%)
    }

    .sm\:leading-verificationPage-title-sm {
        line-height: var(--ui-line-heights-verification-page-title-sm, 60px)
    }

    .sm\:leading-vip-advantageCard-text-sm {
        line-height: var(--ui-typography-vip-advantage-card-text-sm-line-height, 26px)
    }

    .sm\:leading-vip-advantageCard-title-sm {
        line-height: var(--ui-typography-vip-advantage-card-title-sm-line-height, 24px)
    }

    .sm\:leading-vip-levelCard-bonus-sm {
        line-height: var(--ui-typography-vip-level-card-bonus-sm-line-height, 24px)
    }

    .sm\:leading-vip-levelCard-options-text-sm {
        line-height: var(--ui-typography-vip-level-card-options-text-sm-line-height, 20px)
    }

    .sm\:leading-vip-levelCard-options-title-sm {
        line-height: var(--ui-typography-vip-level-card-options-title-sm-line-height, 20px)
    }

    .sm\:leading-vip-levelCard-title-sm {
        line-height: var(--ui-typography-vip-level-card-title-sm-line-height, 28px)
    }

    .sm\:leading-vip-loyalty-title-sm {
        line-height: var(--ui-typography-vip-loyalty-title-sm-line-height, 1.2)
    }

    .sm\:grid-areas-promotion-detail-tablet {
        grid-template-areas: "promotion-card promotion-detail" "promotion-terms promotion-terms"
    }

    .sm\:grid-areas-dashboard-tablet {
        grid-template-areas: "user-board deposit" "user-board withdrawal" "my-bonuses my-bonuses" "recommended recommended" "favorites favorites" "last-played last-played"
    }

    .sm\:grid-areas-personal-info-tablet {
        grid-template-areas: "email email" "first-name last-name" "gender birthday" "country currency" "city postcode" "address phone-number"
    }

    .sm\:grid-areas-personal-info-tablet-delicensed {
        grid-template-areas: "email email" "first-name last-name" "gender birthday" "city postcode" "address phone-number"
    }

    .sm\:grid-areas-rewardback-details-tablet {
        grid-template-areas: "rewardback-detail-card rewardback-info" "rewardback-terms rewardback-terms"
    }

    .sm\:bg-transparent {
        background-color: var(--ui-colors-transparent, #0000)
    }

    .before\:sm\:h-\[64px\]:before {
        content: var(--tw-content);
        height: 64px
    }

    .sm\:odd\:justify-self-end:nth-child(odd) {
        justify-self: end
    }

    .sm\:even\:justify-self-start:nth-child(2n) {
        justify-self: start
    }
}

@media (min-width:768px) {
    .md\:h-\[300px\] {
        height: 300px
    }

    .md\:w-vip-levelCard-size-sm {
        width: var(--ui-sizing-vip-level-card-size-sm, 290px)
    }

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

    .md\:min-w-vip-levelCard-size-sm {
        min-width: var(--ui-sizing-vip-level-card-size-sm, 290px)
    }

    .md\:bg-\[length\:1087px_auto\] {
        background-size: 1087px auto
    }

    .md\:bg-\[-150px_0\] {
        background-position: -150px 0
    }

    .md\:p-providerCard-image-padding-md {
        padding: var(--ui-spacing-provider-card-image-padding-md, 15px 16px)
    }

    .md\:p-providerCard-text-padding-md {
        padding: var(--ui-spacing-provider-card-text-padding-md, 16px)
    }

    .md\:px-vip-levels-padding-sm {
        padding-left: var(--ui-spacing-vip-levels-padding-sm, 50px);
        padding-right: var(--ui-spacing-vip-levels-padding-sm, 50px)
    }

    .md\:px-vip-vipAdvantages-section-padding-sm {
        padding-left: var(--ui-spacing-vip-vip-advantages-section-padding-sm, 20px);
        padding-right: var(--ui-spacing-vip-vip-advantages-section-padding-sm, 20px)
    }

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

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

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:font-button-md {
        font-family: var(--ui-typography-button-md-font-family, haboro-contrast-extended)
    }

    .md\:text-button-square-md {
        font-size: var(--ui-font-sizes-button-square-md, 26px)
    }

    .md\:text-menu-banner-md {
        font-size: var(--ui-typography-menu-banner-md-font-size, 32px)
    }

    .md\:font-button-md {
        font-weight: var(--ui-typography-button-md-font-weight, Ext Medium)
    }

    .md\:leading-menu-banner-md {
        line-height: var(--ui-typography-menu-banner-md-line-height, 40px)
    }
}

@media (min-width:1024px) {
    .lg\:absolute {
        position: absolute
    }

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

    .lg\:left-5 {
        left: 1.25rem
    }

    .lg\:left-\[40px\] {
        left: 40px
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:right-3 {
        right: .75rem
    }

    .lg\:right-5 {
        right: 1.25rem
    }

    .lg\:right-\[-10px\] {
        right: -10px
    }

    .lg\:right-\[-28\%\] {
        right: -28%
    }

    .lg\:right-\[96px\] {
        right: 96px
    }

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

    .lg\:top-8 {
        top: 2rem
    }

    .lg\:top-\[-202px\] {
        top: -202px
    }

    .lg\:top-\[-65px\] {
        top: -65px
    }

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

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

    .lg\:top-\[62px\] {
        top: 62px
    }

    .lg\:top-\[668px\] {
        top: 668px
    }

    .lg\:top-\[72px\] {
        top: 72px
    }

    .lg\:top-\[73px\] {
        top: 73px
    }

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

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-\[-14px\] {
        margin-left: -14px;
        margin-right: -14px
    }

    .lg\:mx-\[6px\] {
        margin-left: 6px;
        margin-right: 6px
    }

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

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

    .lg\:my-paymentMethods-separator-lg {
        margin-bottom: var(--ui-spacing-payment-methods-separator-lg, 32px);
        margin-top: var(--ui-spacing-payment-methods-separator-lg, 32px)
    }

    .lg\:-mb-4 {
        margin-bottom: -1rem
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem
    }

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

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

    .lg\:mb-gamesPage-title-sm {
        margin-bottom: var(--ui-spacing-games-page-title-sm, 48px 0)
    }

    .lg\:ml-3 {
        margin-left: .75rem
    }

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

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

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:mt-5 {
        margin-top: 1.25rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

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

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

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

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

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

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

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

    .lg\:mt-\[90px\] {
        margin-top: 90px
    }

    .lg\:mt-searchGames-wrapper-gap-lg {
        margin-top: var(--ui-spacing-search-games-wrapper-gap-lg, 24px)
    }

    .lg\:\!block {
        display: block !important
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:\!hidden {
        display: none !important
    }

    .lg\:hidden {
        display: none
    }

    .lg\:\!h-\[372px\] {
        height: 372px !important
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:h-\[150px\] {
        height: 150px
    }

    .lg\:h-\[175px\] {
        height: 175px
    }

    .lg\:h-\[260px\] {
        height: 260px
    }

    .lg\:h-\[277px\] {
        height: 277px
    }

    .lg\:h-\[280px\] {
        height: 280px
    }

    .lg\:h-\[306px\] {
        height: 306px
    }

    .lg\:h-\[320px\] {
        height: 320px
    }

    .lg\:h-\[321px\] {
        height: 321px
    }

    .lg\:h-\[336px\] {
        height: 336px
    }

    .lg\:h-\[340px\] {
        height: 340px
    }

    .lg\:h-\[368px\] {
        height: 368px
    }

    .lg\:h-\[36px\] {
        height: 36px
    }

    .lg\:h-\[372px\] {
        height: 372px
    }

    .lg\:h-\[40px\] {
        height: 40px
    }

    .lg\:h-\[438px\] {
        height: 438px
    }

    .lg\:h-\[504px\] {
        height: 504px
    }

    .lg\:h-\[522px\] {
        height: 522px
    }

    .lg\:h-\[540px\] {
        height: 540px
    }

    .lg\:h-\[58px\] {
        height: 58px
    }

    .lg\:h-\[674px\] {
        height: 674px
    }

    .lg\:h-\[72px\] {
        height: 72px
    }

    .lg\:h-\[780px\] {
        height: 780px
    }

    .lg\:h-\[80px\] {
        height: 80px
    }

    .lg\:h-\[820px\] {
        height: 820px
    }

    .lg\:h-\[96px\] {
        height: 96px
    }

    .lg\:h-balance-history-container-lg {
        height: var(--ui-sizing-balance-history-container-lg, 48px)
    }

    .lg\:h-cryptoDepositBanner-icon-lg {
        height: var(--ui-sizing-crypto-deposit-banner-icon-lg, 48px)
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-gamesPage-title-minHeight-lg {
        height: var(--ui-sizing-games-page-title-min-height-lg, 216)
    }

    .lg\:h-noBonusCard-height-lg {
        height: var(--ui-sizing-no-bonus-card-height-lg, 312px)
    }

    .lg\:h-paymentDetailCard-lg {
        height: var(--ui-sizing-payment-detail-card-lg, 168px)
    }

    .lg\:h-promotionsPage-card-height-lg {
        height: var(--ui-sizing-promotions-page-card-height-lg, 337px)
    }

    .lg\:h-totalJackpot-videoHeight-lg {
        height: var(--ui-sizing-total-jackpot-video-height-lg, 800px)
    }

    .lg\:h-verificationCard-image-height-lg {
        height: var(--ui-sizing-verification-card-image-height-lg, 352px)
    }

    .lg\:max-h-\[340px\] {
        max-height: 340px
    }

    .lg\:max-h-\[364px\] {
        max-height: 364px
    }

    .lg\:max-h-\[540px\] {
        max-height: 540px
    }

    .lg\:max-h-quickLinks-subtitle-maxHeight-lg {
        max-height: var(--ui-sizing-quick-links-subtitle-max-height-lg, 128px)
    }

    .lg\:max-h-quickLinks-title-maxHeight-lg {
        max-height: var(--ui-sizing-quick-links-title-max-height-lg, 262px)
    }

    .lg\:min-h-\[120px\] {
        min-height: 120px
    }

    .lg\:min-h-\[260px\] {
        min-height: 260px
    }

    .lg\:min-h-\[280px\] {
        min-height: 280px
    }

    .lg\:min-h-\[300px\] {
        min-height: 300px
    }

    .lg\:min-h-\[338px\] {
        min-height: 338px
    }

    .lg\:min-h-\[368px\] {
        min-height: 368px
    }

    .lg\:min-h-\[36px\] {
        min-height: 36px
    }

    .lg\:min-h-\[420px\] {
        min-height: 420px
    }

    .lg\:min-h-\[42px\] {
        min-height: 42px
    }

    .lg\:min-h-\[48px\] {
        min-height: 48px
    }

    .lg\:min-h-\[492px\] {
        min-height: 492px
    }

    .lg\:min-h-\[504px\] {
        min-height: 504px
    }

    .lg\:min-h-\[50px\] {
        min-height: 50px
    }

    .lg\:min-h-\[510px\] {
        min-height: 510px
    }

    .lg\:min-h-\[52px\] {
        min-height: 52px
    }

    .lg\:min-h-\[700px\] {
        min-height: 700px
    }

    .lg\:min-h-\[788px\] {
        min-height: 788px
    }

    .lg\:min-h-\[930px\] {
        min-height: 930px
    }

    .lg\:min-h-totalJackpot-videoHeight-lg {
        min-height: var(--ui-sizing-total-jackpot-video-height-lg, 800px)
    }

    .lg\:\!w-\[40px\] {
        width: 40px !important
    }

    .lg\:\!w-\[calc\(100\%\/6-8px\)\] {
        width: calc(16.66667% - 8px) !important
    }

    .lg\:w-8 {
        width: 2rem
    }

    .lg\:w-\[112px\] {
        width: 112px
    }

    .lg\:w-\[186px\] {
        width: 186px
    }

    .lg\:w-\[187px\] {
        width: 187px
    }

    .lg\:w-\[224px\] {
        width: 224px
    }

    .lg\:w-\[280px\] {
        width: 280px
    }

    .lg\:w-\[322px\] {
        width: 322px
    }

    .lg\:w-\[344px\] {
        width: 344px
    }

    .lg\:w-\[400px\] {
        width: 400px
    }

    .lg\:w-\[432px\] {
        width: 432px
    }

    .lg\:w-\[488px\] {
        width: 488px
    }

    .lg\:w-\[560px\] {
        width: 560px
    }

    .lg\:w-\[64px\] {
        width: 64px
    }

    .lg\:w-\[72px\] {
        width: 72px
    }

    .lg\:w-\[73px\] {
        width: 73px
    }

    .lg\:w-\[96px\] {
        width: 96px
    }

    .lg\:w-\[calc\(100\%\/6-18px\)\] {
        width: calc(16.66667% - 18px)
    }

    .lg\:w-\[calc\(100\%\/6-8px\)\] {
        width: calc(16.66667% - 8px)
    }

    .lg\:w-\[calc\(100vw-390px\)\] {
        width: calc(100vw - 390px)
    }

    .lg\:w-advantageCard-lg {
        width: var(--ui-sizing-advantage-card-lg, 80px)
    }

    .lg\:w-auth-wrapper-lg {
        width: var(--ui-sizing-auth-wrapper-lg, 400px)
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-balance-history-container-lg {
        width: var(--ui-sizing-balance-history-container-lg, 48px)
    }

    .lg\:w-cancelRegister-lg {
        width: var(--ui-sizing-cancel-register-lg, 800px)
    }

    .lg\:w-cryptoDepositBanner-icon-lg {
        width: var(--ui-sizing-crypto-deposit-banner-icon-lg, 48px)
    }

    .lg\:w-dashboardTransactionCard-image-lg {
        width: var(--ui-sizing-dashboard-transaction-card-image-lg, 96px)
    }

    .lg\:w-footerPage-image-lg {
        width: var(--ui-sizing-footer-page-image-lg, 96px)
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-headline-icon-lg {
        width: var(--ui-sizing-headline-icon-lg, 32px)
    }

    .lg\:w-iphonePromo-background-lg {
        width: var(--ui-sizing-iphone-promo-background-lg, 1024px)
    }

    .lg\:w-paymentMethod-image-lg {
        width: var(--ui-sizing-payment-method-image-lg, 168px)
    }

    .lg\:w-rewardback-card-wrapper-width-lg {
        width: var(--ui-sizing-rewardback-card-wrapper-width-lg, 100%)
    }

    .lg\:w-rewardback-detailsCard-image-lg {
        width: var(--ui-sizing-rewardback-details-card-image-lg, 198px)
    }

    .lg\:w-rewardback-detailsCard-startImage-lg {
        width: var(--ui-sizing-rewardback-details-card-start-image-lg, 120%)
    }

    .lg\:w-shop-notEnoughCoins-icon-lg {
        width: var(--ui-sizing-shop-not-enough-coins-icon-lg, 48px)
    }

    .lg\:w-userBoardLevel-lg {
        width: var(--ui-sizing-user-board-level-lg, 56px)
    }

    .lg\:w-vip-card-width-lg {
        width: var(--ui-sizing-vip-card-width-lg, auto)
    }

    .lg\:w-vip-levelCard-size-lg {
        width: var(--ui-sizing-vip-level-card-size-lg, 394px)
    }

    .lg\:min-w-\[0px\] {
        min-width: 0
    }

    .lg\:min-w-\[200px\] {
        min-width: 200px
    }

    .lg\:min-w-\[294px\] {
        min-width: 294px
    }

    .lg\:min-w-\[328px\] {
        min-width: 328px
    }

    .lg\:min-w-\[368px\] {
        min-width: 368px
    }

    .lg\:min-w-\[420px\] {
        min-width: 420px
    }

    .lg\:min-w-\[444px\] {
        min-width: 444px
    }

    .lg\:min-w-\[640px\] {
        min-width: 640px
    }

    .lg\:min-w-\[70px\] {
        min-width: 70px
    }

    .lg\:min-w-\[762px\] {
        min-width: 762px
    }

    .lg\:min-w-full {
        min-width: 100%
    }

    .lg\:min-w-optionsSwitcher-container-width-lg {
        min-width: var(--ui-sizing-options-switcher-container-width-lg, 136px)
    }

    .lg\:min-w-pendingBonusCard-width-2xl {
        min-width: var(--ui-sizing-pending-bonus-card-width-2xl, 368px)
    }

    .lg\:min-w-vip-description-lg {
        min-width: var(--ui-sizing-vip-description-lg, 880px)
    }

    .lg\:min-w-vip-levelCard-size-lg {
        min-width: var(--ui-sizing-vip-level-card-size-lg, 394px)
    }

    .lg\:max-w-\[1280x\] {
        max-width: 1280x
    }

    .lg\:max-w-\[1400px\] {
        max-width: 1400px
    }

    .lg\:max-w-\[140px\] {
        max-width: 140px
    }

    .lg\:max-w-\[1450px\] {
        max-width: 1450px
    }

    .lg\:max-w-\[1490px\] {
        max-width: 1490px
    }

    .lg\:max-w-\[1560px\] {
        max-width: 1560px
    }

    .lg\:max-w-\[350px\] {
        max-width: 350px
    }

    .lg\:max-w-\[372px\] {
        max-width: 372px
    }

    .lg\:max-w-\[548px\] {
        max-width: 548px
    }

    .lg\:max-w-\[620px\] {
        max-width: 620px
    }

    .lg\:max-w-\[680px\] {
        max-width: 680px
    }

    .lg\:max-w-availableBonusCard-container-maxWidth-2xl {
        max-width: var(--ui-sizing-available-bonus-card-container-max-width-2xl, 688px)
    }

    .lg\:max-w-errorPage-image-maxWidth-lg {
        max-width: var(--ui-sizing-error-page-image-max-width-lg, 396px)
    }

    .lg\:max-w-errorPage-text-maxWidth-lg {
        max-width: var(--ui-sizing-error-page-text-max-width-lg, 100%)
    }

    .lg\:max-w-footerPage-maxWidth-lg {
        max-width: var(--ui-sizing-footer-page-max-width-lg, 1396px)
    }

    .lg\:max-w-noBonusCard-maxWidth-lg {
        max-width: var(--ui-sizing-no-bonus-card-max-width-lg, 688px)
    }

    .lg\:max-w-pendingBonusCard-container-maxWidth-2xl {
        max-width: var(--ui-sizing-pending-bonus-card-container-max-width-2xl, 688px)
    }

    .lg\:max-w-pendingBonusCard-image-maxWidth-2xl {
        max-width: var(--ui-sizing-pending-bonus-card-image-max-width-2xl, 368px)
    }

    .lg\:max-w-promotionCard-content-maxWidth-lg {
        max-width: var(--ui-sizing-promotion-card-content-max-width-lg, 68%)
    }

    .lg\:max-w-promotionsPage-card-maxWidth-lg {
        max-width: var(--ui-sizing-promotions-page-card-max-width-lg, 720px)
    }

    .lg\:max-w-rewardback-detailsCard-info-lg {
        max-width: var(--ui-sizing-rewardback-details-card-info-lg, 320px)
    }

    .lg\:flex-\[0_0_408px\] {
        flex: 0 0 408px
    }

    .lg\:basis-1\/4 {
        flex-basis: 25%
    }

    .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .lg\:-translate-x-1\/2,
    .lg\:-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-end {
        align-items: flex-end
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-normal {
        justify-content: normal
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-2 {
        gap: .5rem
    }

    .lg\:gap-4 {
        gap: 1rem
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-\[16px\] {
        gap: 16px
    }

    .lg\:gap-\[40px\] {
        gap: 40px
    }

    .lg\:gap-\[48px\] {
        gap: 48px
    }

    .lg\:gap-accountPage-columnGap-lg {
        gap: var(--ui-spacing-account-page-column-gap-lg, 20px)
    }

    .lg\:gap-accountPage-rowGap-lg {
        gap: var(--ui-spacing-account-page-row-gap-lg, 20px)
    }

    .lg\:gap-activeBonusCard-gap-lg {
        gap: var(--ui-spacing-active-bonus-card-gap-lg, 40px)
    }

    .lg\:gap-activeBonusCard-promotionInfo-gap-lg {
        gap: var(--ui-spacing-active-bonus-card-promotion-info-gap-lg, 12px)
    }

    .lg\:gap-availableBonusCard-buttons-gap-lg {
        gap: var(--ui-spacing-available-bonus-card-buttons-gap-lg, 16px)
    }

    .lg\:gap-availableBonusCard-buttons-gap-sm {
        gap: var(--ui-spacing-available-bonus-card-buttons-gap-sm, 8px)
    }

    .lg\:gap-availableBonusCard-gap-lg {
        gap: var(--ui-spacing-available-bonus-card-gap-lg, 24px)
    }

    .lg\:gap-button-menu-gap-lg {
        gap: var(--ui-spacing-button-menu-gap-lg, 12px)
    }

    .lg\:gap-cryptoDepositBanner-container-gap-lg {
        gap: var(--ui-spacing-crypto-deposit-banner-container-gap-lg, 120px)
    }

    .lg\:gap-cryptoDepositBanner-iconsWrapper-gap-xs {
        gap: var(--ui-spacing-crypto-deposit-banner-icons-wrapper-gap-xs, 16px)
    }

    .lg\:gap-dashboardBonusCard-gap-lg {
        gap: var(--ui-spacing-dashboard-bonus-card-gap-lg, 24px)
    }

    .lg\:gap-gamesPage-gridGap-lg {
        gap: var(--ui-spacing-games-page-grid-gap-lg, 24px)
    }

    .lg\:gap-header-gap-lg {
        gap: var(--ui-spacing-header-gap-lg, 8px)
    }

    .lg\:gap-headline-lg {
        gap: var(--ui-spacing-headline-lg, 12px)
    }

    .lg\:gap-homeContent-gap-lg {
        gap: var(--ui-spacing-home-content-gap-lg, 32px)
    }

    .lg\:gap-partnersSection-gap-lg {
        gap: var(--ui-spacing-partners-section-gap-lg, 16px)
    }

    .lg\:gap-pendingBonusCard-gap-lg {
        gap: var(--ui-spacing-pending-bonus-card-gap-lg, 24px)
    }

    .lg\:gap-personalInfoCard-form-gap-lg {
        gap: var(--ui-spacing-personal-info-card-form-gap-lg, 16px)
    }

    .lg\:gap-personalInfoCard-title-gap-lg {
        gap: var(--ui-spacing-personal-info-card-title-gap-lg, 32px)
    }

    .lg\:gap-promoPage-gap-lg {
        gap: var(--ui-spacing-promo-page-gap-lg, 64px)
    }

    .lg\:gap-promotionCard-button-group-lg {
        gap: var(--ui-spacing-promotion-card-button-group-lg, 16px)
    }

    .lg\:gap-promotionCard-title-gap-lg {
        gap: var(--ui-spacing-promotion-card-title-gap-lg, 4px)
    }

    .lg\:gap-promotionCard-title-gap-xs {
        gap: var(--ui-spacing-promotion-card-title-gap-xs, 2px)
    }

    .lg\:gap-promotionDetailsPage-gap-lg {
        gap: var(--ui-spacing-promotion-details-page-gap-lg, 40px)
    }

    .lg\:gap-promotionInfo-text-gap-lg {
        gap: var(--ui-spacing-promotion-info-text-gap-lg, 16px)
    }

    .lg\:gap-promotionPage-gap-lg {
        gap: var(--ui-spacing-promotion-page-gap-lg, 8px)
    }

    .lg\:gap-promotionTerms-text-gap-lg {
        gap: var(--ui-spacing-promotion-terms-text-gap-lg, 16px)
    }

    .lg\:gap-promotionsPage-gap-lg {
        gap: var(--ui-spacing-promotions-page-gap-lg, 48px)
    }

    .lg\:gap-promotionsPage-grid-gap-lg {
        gap: var(--ui-spacing-promotions-page-grid-gap-lg, 16px)
    }

    .lg\:gap-rewardback-detailsCard-gap-container-lg {
        gap: var(--ui-spacing-rewardback-details-card-gap-container-lg, 20px)
    }

    .lg\:gap-searchGames-wrapper-gap-lg {
        gap: var(--ui-spacing-search-games-wrapper-gap-lg, 24px)
    }

    .lg\:gap-shop-modal-container-gap-lg {
        gap: var(--ui-sizing-shop-modal-container-gap-lg, 32px)
    }

    .lg\:gap-shop-modal-content-gap-lg {
        gap: var(--ui-sizing-shop-modal-content-gap-lg, 8px)
    }

    .lg\:gap-verificationCard-verified-gap-lg {
        gap: var(--ui-spacing-verification-card-verified-gap-lg, 16px)
    }

    .lg\:gap-verificationCard-wrapper-gap-lg {
        gap: var(--ui-spacing-verification-card-wrapper-gap-lg, 32px)
    }

    .lg\:gap-vip-description-accordion-gap-lg {
        gap: var(--ui-spacing-vip-description-accordion-gap-lg, 24px)
    }

    .lg\:gap-vip-levelCard-gap-lg {
        gap: var(--ui-spacing-vip-level-card-gap-lg, 24px)
    }

    .lg\:gap-vip-page-gap-lg {
        gap: var(--ui-spacing-vip-page-gap-lg, 32px)
    }

    .lg\:gap-vip-topSection-gap-lg {
        gap: var(--ui-spacing-vip-top-section-gap-lg, 16px)
    }

    .lg\:gap-vip-vipAdvantages-section-gap-lg {
        gap: var(--ui-spacing-vip-vip-advantages-section-gap-lg, 12px)
    }

    .lg\:gap-vip-vipAdvantages-title-gap-lg {
        gap: var(--ui-spacing-vip-vip-advantages-title-gap-lg, 24px)
    }

    .lg\:gap-x-menu-gridGap-horizontal-lg {
        column-gap: var(--ui-spacing-menu-grid-gap-horizontal-lg, 24px)
    }

    .lg\:gap-y-footer-gap-row-xs {
        row-gap: var(--ui-spacing-footer-gap-row-xs, 0)
    }

    .lg\:rounded-gamesPage-title-lg {
        border-radius: var(--ui-border-radius-games-page-title-lg, 32px)
    }

    .lg\:rounded-lg {
        border-radius: var(--ui-border-radius-lg, 8px)
    }

    .lg\:rounded-personalInfoCard-lg {
        border-radius: var(--ui-border-radius-personal-info-card-lg, 16px)
    }

    .lg\:rounded-shop-earnCoinsCard {
        border-radius: var(--ui-border-radius-shop-earn-coins-card, 16px)
    }

    .lg\:rounded-transactionsTable-container-lg {
        border-radius: var(--ui-border-radius-transactions-table-container-lg, 16px)
    }

    .lg\:rounded-verificationCard-lg {
        border-radius: var(--ui-border-radius-verification-card-lg, 16px)
    }

    .lg\:bg-\[length\:100vw_980px\] {
        background-size: 100vw 980px
    }

    .lg\:bg-cover {
        background-size: cover
    }

    .lg\:bg-center {
        background-position: 50%
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-2 {
        padding: .5rem
    }

    .lg\:p-accountPage-nav-padding-lg {
        padding: var(--ui-spacing-account-page-nav-padding-lg, 32px 0)
    }

    .lg\:p-accountPage-padding-lg {
        padding: var(--ui-spacing-account-page-padding-lg, 0 0 48px 0)
    }

    .lg\:p-auth-padding-lg {
        padding: var(--ui-spacing-auth-padding-lg, 0 48px 48px 48px)
    }

    .lg\:p-availableBonusCard-padding-lg {
        padding: var(--ui-spacing-available-bonus-card-padding-lg, 40px 44px)
    }

    .lg\:p-button-dashboardTransactionCard-padding-lg {
        padding: var(--ui-spacing-button-dashboard-transaction-card-padding-lg, 32px 40px)
    }

    .lg\:p-button-details-lg {
        padding: var(--ui-spacing-button-details-lg, 16px 24px)
    }

    .lg\:p-button-menu-padding-lg {
        padding: var(--ui-spacing-button-menu-padding-lg, 8px 20px)
    }

    .lg\:p-cancelRegister-padding-lg {
        padding: var(--ui-spacing-cancel-register-padding-lg, 0 184px 60px 184px)
    }

    .lg\:p-cancelRegister-wrapper-padding-lg {
        padding: var(--ui-spacing-cancel-register-wrapper-padding-lg, 12px 0 0 0)
    }

    .lg\:p-contactPreferences-card-padding-lg {
        padding: var(--ui-spacing-contact-preferences-card-padding-lg, 40px)
    }

    .lg\:p-cryptoDepositBanner-container-padding-lg {
        padding: var(--ui-spacing-crypto-deposit-banner-container-padding-lg, 34px)
    }

    .lg\:p-errorPage-image-padding-lg {
        padding: var(--ui-spacing-error-page-image-padding-lg, 0 0 28px 0)
    }

    .lg\:p-errorPage-title-padding-lg {
        padding: var(--ui-spacing-error-page-title-padding-lg, 0)
    }

    .lg\:p-expandableMenu-item-padding-lg {
        padding: var(--ui-spacing-expandable-menu-item-padding-lg, 12px 16px 12px 32px)
    }

    .lg\:p-expandableMenu-padding-lg {
        padding: var(--ui-spacing-expandable-menu-padding-lg, 0px 10px)
    }

    .lg\:p-footer-lg {
        padding: var(--ui-spacing-footer-lg, 40px 48px)
    }

    .lg\:p-footerPage-padding-lg {
        padding: var(--ui-spacing-footer-page-padding-lg, 80px 32px 32px 32px)
    }

    .lg\:p-footerPage-title-padding-lg {
        padding: var(--ui-spacing-footer-page-title-padding-lg, 0)
    }

    .lg\:p-gameFooter-padding-lg {
        padding: var(--ui-spacing-game-footer-padding-lg, 16px 32px)
    }

    .lg\:p-gameHeader-padding-lg {
        padding: var(--ui-spacing-game-header-padding-lg, 12px)
    }

    .lg\:p-gamesPage-padding-lg {
        padding: var(--ui-spacing-games-page-padding-lg, 32px 32px)
    }

    .lg\:p-gamesPage-title-lg {
        padding: var(--ui-spacing-games-page-title-lg, 48px 0)
    }

    .lg\:p-header-padding-lg {
        padding: var(--ui-spacing-header-padding-lg, 7px 16px)
    }

    .lg\:p-homeContent-padding-lg {
        padding: var(--ui-spacing-home-content-padding-lg, 32px 32px)
    }

    .lg\:p-inputNumber-icon-lg {
        padding: var(--ui-spacing-input-number-icon-lg, 8px)
    }

    .lg\:p-latestWins-padding-lg {
        padding: var(--ui-spacing-latest-wins-padding-lg, 6px 0 0 0)
    }

    .lg\:p-menu-quickLink-padding-lg {
        padding: var(--ui-spacing-menu-quick-link-padding-lg, 6px)
    }

    .lg\:p-myBonuses-padding-lg {
        padding: var(--ui-spacing-my-bonuses-padding-lg, 48px 24px 0 24px)
    }

    .lg\:p-noBonusCard-content-padding-lg {
        padding: var(--ui-spacing-no-bonus-card-content-padding-lg, 92px 44px)
    }

    .lg\:p-paymentDetailCard-lg {
        padding: var(--ui-spacing-payment-detail-card-lg, 20px 32px)
    }

    .lg\:p-paymentMethodsTitle-lg {
        padding: var(--ui-spacing-payment-methods-title-lg, 32px 24px)
    }

    .lg\:p-personalInfoCard-padding-lg {
        padding: var(--ui-spacing-personal-info-card-padding-lg, 40px 80px)
    }

    .lg\:p-promoPage-padding-lg {
        padding: var(--ui-spacing-promo-page-padding-lg, 56px 32px)
    }

    .lg\:p-promotionCard-campaignDetails-padding-lg {
        padding: var(--ui-spacing-promotion-card-campaign-details-padding-lg, 16px)
    }

    .lg\:p-promotionCard-padding-lg {
        padding: var(--ui-spacing-promotion-card-padding-lg, 32px)
    }

    .lg\:p-promotionDetailCard-button-padding-lg {
        padding: var(--ui-spacing-promotion-detail-card-button-padding-lg, 0)
    }

    .lg\:p-promotionDetailCard-padding-lg {
        padding: var(--ui-spacing-promotion-detail-card-padding-lg, 16px 24px 32px 24px)
    }

    .lg\:p-promotionDetailCard-title-padding-lg {
        padding: var(--ui-spacing-promotion-detail-card-title-padding-lg, 0 0 8px 0)
    }

    .lg\:p-promotionInfo-padding-lg {
        padding: var(--ui-spacing-promotion-info-padding-lg, 32px 24px)
    }

    .lg\:p-promotionTerms-padding-lg {
        padding: var(--ui-spacing-promotion-terms-padding-lg, 32px 24px)
    }

    .lg\:p-promotionsPage-padding-lg {
        padding: var(--ui-spacing-promotions-page-padding-lg, 48px 24px 8px)
    }

    .lg\:p-promotionsPage-title-padding-lg {
        padding: var(--ui-spacing-promotions-page-title-padding-lg, 0 0 32px)
    }

    .lg\:p-providerCard-image-padding-lg {
        padding: var(--ui-spacing-provider-card-image-padding-lg, 24px 38px)
    }

    .lg\:p-providerCard-text-padding-lg {
        padding: var(--ui-spacing-provider-card-text-padding-lg, 24px 38px)
    }

    .lg\:p-quickLinks-subtitle-lg {
        padding: var(--ui-spacing-quick-links-subtitle-lg, 32px)
    }

    .lg\:p-quickLinks-title-lg {
        padding: var(--ui-spacing-quick-links-title-lg, 28px 32px)
    }

    .lg\:p-register-padding-lg {
        padding: var(--ui-spacing-register-padding-lg, 0 40px 40px 40px)
    }

    .lg\:p-rewardback-detailsCard-padding-lg {
        padding: var(--ui-spacing-rewardback-details-card-padding-lg, 32px 24px)
    }

    .lg\:p-rewardback-infoCard-padding-lg {
        padding: var(--ui-spacing-rewardback-info-card-padding-lg, 32px 24px)
    }

    .lg\:p-rewardbackPage-padding-lg {
        padding: var(--ui-spacing-rewardback-page-padding-lg, 48px 24px 0 24px)
    }

    .lg\:p-searchGames-padding-lg {
        padding: var(--ui-spacing-search-games-padding-lg, 0 16px 0 16px)
    }

    .lg\:p-securityCard-padding-lg {
        padding: var(--ui-spacing-security-card-padding-lg, 40px 80px 48px 80px)
    }

    .lg\:p-select-container-padding-lg {
        padding: var(--ui-spacing-select-container-padding-lg, 0 16px)
    }

    .lg\:p-select-li-padding-lg {
        padding: var(--ui-spacing-select-li-padding-lg, 8px 12px)
    }

    .lg\:p-select-ul-padding-lg {
        padding: var(--ui-spacing-select-ul-padding-lg, 0)
    }

    .lg\:p-sportPage-padding-lg {
        padding: var(--ui-spacing-sport-page-padding-lg, 32px)
    }

    .lg\:p-userBoardCard-header-padding-lg {
        padding: var(--ui-spacing-user-board-card-header-padding-lg, 0 0 24px 0)
    }

    .lg\:p-verificationCard-padding-lg {
        padding: var(--ui-spacing-verification-card-padding-lg, 40px 80px 48px 80px)
    }

    .lg\:p-vip-advantageCard-padding-lg {
        padding: var(--ui-spacing-vip-advantage-card-padding-lg, 48px)
    }

    .lg\:p-vip-levelCard-padding-lg {
        padding: var(--ui-spacing-vip-level-card-padding-lg, 48px 0)
    }

    .lg\:p-vip-page-padding-lg {
        padding: var(--ui-spacing-vip-page-padding-lg, 0 80px)
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-\[170px\] {
        padding-left: 170px;
        padding-right: 170px
    }

    .lg\:px-\[24px\] {
        padding-left: 24px;
        padding-right: 24px
    }

    .lg\:px-\[44px\] {
        padding-left: 44px;
        padding-right: 44px
    }

    .lg\:px-\[48px\] {
        padding-left: 48px;
        padding-right: 48px
    }

    .lg\:px-\[70px\] {
        padding-left: 70px;
        padding-right: 70px
    }

    .lg\:px-\[72px\] {
        padding-left: 72px;
        padding-right: 72px
    }

    .lg\:px-\[88px\] {
        padding-left: 88px;
        padding-right: 88px
    }

    .lg\:px-\[96px\] {
        padding-left: 96px;
        padding-right: 96px
    }

    .lg\:px-vip-levels-padding-lg {
        padding-left: var(--ui-spacing-vip-levels-padding-lg, 100px);
        padding-right: var(--ui-spacing-vip-levels-padding-lg, 100px)
    }

    .lg\:py-\[48px\] {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .lg\:py-\[84px\] {
        padding-bottom: 84px;
        padding-top: 84px
    }

    .lg\:py-vip-levels-padding-sm {
        padding-bottom: var(--ui-spacing-vip-levels-padding-sm, 50px);
        padding-top: var(--ui-spacing-vip-levels-padding-sm, 50px)
    }

    .lg\:\!pb-0 {
        padding-bottom: 0 !important
    }

    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }

    .lg\:pb-4 {
        padding-bottom: 1rem
    }

    .lg\:pb-5 {
        padding-bottom: 1.25rem
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:pb-8 {
        padding-bottom: 2rem
    }

    .lg\:pb-\[20px\] {
        padding-bottom: 20px
    }

    .lg\:pb-\[40px\] {
        padding-bottom: 40px
    }

    .lg\:pb-\[48px\] {
        padding-bottom: 48px
    }

    .lg\:pb-\[80px\] {
        padding-bottom: 80px
    }

    .lg\:pb-gamesPage-gap-lg {
        padding-bottom: var(--ui-spacing-games-page-gap-lg, 32px)
    }

    .lg\:pb-promotionCard-gap-lg {
        padding-bottom: var(--ui-spacing-promotion-card-gap-lg, 16px)
    }

    .lg\:pb-promotionDetailCard-gap-lg {
        padding-bottom: var(--ui-spacing-promotion-detail-card-gap-lg, 24px)
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pr-2 {
        padding-right: .5rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-4 {
        padding-top: 1rem
    }

    .lg\:pt-5 {
        padding-top: 1.25rem
    }

    .lg\:pt-6 {
        padding-top: 1.5rem
    }

    .lg\:pt-\[56px\] {
        padding-top: 56px
    }

    .lg\:pt-\[60px\] {
        padding-top: 60px
    }

    .lg\:pt-\[64px\] {
        padding-top: 64px
    }

    .lg\:pt-\[80px\] {
        padding-top: 80px
    }

    .lg\:pt-\[88px\] {
        padding-top: 88px
    }

    .lg\:font-balance-number-lg {
        font-family: var(--ui-typography-balance-number-lg-font-family, Nunito Sans)
    }

    .lg\:font-balance-text-lg {
        font-family: var(--ui-typography-balance-text-lg-font-family, Nunito Sans)
    }

    .lg\:font-button-lg {
        font-family: var(--ui-typography-button-lg-font-family, haboro-contrast-extended)
    }

    .lg\:font-cancelRegister-title-lg {
        font-family: var(--ui-typography-cancel-register-title-lg-font-family, ivypresto-display)
    }

    .lg\:font-depositCard-title-lg {
        font-family: var(--ui-typography-deposit-card-title-lg-font-family, Nunito Sans)
    }

    .lg\:font-footer-item-lg {
        font-family: var(--ui-typography-footer-item-lg-font-family, Nunito Sans)
    }

    .lg\:font-gamesPage-title-lg {
        font-family: var(--ui-typography-games-page-title-lg-font-family, ivypresto-display)
    }

    .lg\:font-headline-title-lg {
        font-family: var(--ui-typography-headline-title-lg-font-family, Nunito Sans)
    }

    .lg\:font-latestWins-text-lg {
        font-family: var(--ui-typography-latest-wins-text-lg-font-family, Nunito Sans)
    }

    .lg\:font-modal-image-heading {
        font-family: var(--ui-typography-modal-image-heading-font-family, Nunito Sans)
    }

    .lg\:font-modal-image-subheading {
        font-family: var(--ui-typography-modal-image-subheading-font-family, ivypresto-display)
    }

    .lg\:font-paymentMethodOption-lg {
        font-family: var(--ui-typography-payment-method-option-lg-font-family, Nunito Sans)
    }

    .lg\:font-personalInfoCard-title-lg {
        font-family: var(--ui-typography-personal-info-card-title-lg-font-family, ivypresto-display)
    }

    .lg\:font-promotionCard-title-lg {
        font-family: var(--ui-typography-promotion-card-title-lg-font-family, Nunito Sans)
    }

    .lg\:font-quickLinks-description-lg {
        font-family: var(--ui-typography-quick-links-description-lg-font-family, Nunito Sans)
    }

    .lg\:font-quickLinks-subtitle-lg {
        font-family: var(--ui-typography-quick-links-subtitle-lg-font-family, ivypresto-display)
    }

    .lg\:font-quickLinks-title-lg {
        font-family: var(--ui-typography-quick-links-title-lg-font-family, ivypresto-display)
    }

    .lg\:font-searchGames-subtitle-lg {
        font-family: var(--ui-typography-search-games-subtitle-lg-font-family, Nunito Sans)
    }

    .lg\:font-select-bonus-label-lg {
        font-family: var(--ui-typography-select-bonus-label-lg-font-family, Nunito Sans)
    }

    .lg\:font-select-bonus-text-lg {
        font-family: var(--ui-typography-select-bonus-text-lg-font-family, Nunito Sans)
    }

    .lg\:font-select-label-lg {
        font-family: var(--ui-typography-select-label-lg-font-family, Nunito Sans)
    }

    .lg\:font-select-text-lg {
        font-family: var(--ui-typography-select-text-lg-font-family, Nunito Sans)
    }

    .lg\:font-verificationCard-title-lg {
        font-family: var(--ui-typography-verification-card-title-lg-font-family, ivypresto-display)
    }

    .lg\:text-activeBonusCard-info-lg {
        font-size: var(--ui-typography-active-bonus-card-info-lg-font-size, 16px)
    }

    .lg\:text-activeBonusCard-label-lg {
        font-size: var(--ui-typography-active-bonus-card-label-lg-font-size, 16px)
    }

    .lg\:text-activeBonusCard-text-lg {
        font-size: var(--ui-typography-active-bonus-card-text-lg-font-size, 36px)
    }

    .lg\:text-activeBonusCard-title-lg {
        font-size: var(--ui-typography-active-bonus-card-title-lg-font-size, 18px)
    }

    .lg\:text-activeBonusSection-title-lg {
        font-size: var(--ui-font-sizes-active-bonus-section-title-lg, 20px)
    }

    .lg\:text-availableBonusCard-text-lg {
        font-size: var(--ui-typography-available-bonus-card-text-lg-font-size, 28px)
    }

    .lg\:text-availableBonusCard-title-lg {
        font-size: var(--ui-typography-available-bonus-card-title-lg-font-size, 16px)
    }

    .lg\:text-availableBonusSection-title-lg {
        font-size: var(--ui-font-sizes-available-bonus-section-title-lg, 20px)
    }

    .lg\:text-balance-number-lg {
        font-size: var(--ui-typography-balance-number-lg-font-size, 14px)
    }

    .lg\:text-balance-text-lg {
        font-size: var(--ui-typography-balance-text-lg-font-size, 12px)
    }

    .lg\:text-button-prefixIcon-lg {
        font-size: var(--ui-font-sizes-button-prefix-icon-lg, 24px)
    }

    .lg\:text-button-text-lg {
        font-size: var(--ui-typography-button-text-lg-font-size, 24x)
    }

    .lg\:text-campaignPage-date-lg {
        font-size: var(--ui-font-sizes-campaign-page-date-lg, 20px)
    }

    .lg\:text-campaignPage-text-lg {
        font-size: var(--ui-font-sizes-campaign-page-text-lg, 14px)
    }

    .lg\:text-campaignPage-time-lg {
        font-size: var(--ui-font-sizes-campaign-page-time-lg, 16px)
    }

    .lg\:text-campaignPage-title-lg {
        font-size: var(--ui-font-sizes-campaign-page-title-lg, 36px)
    }

    .lg\:text-cancelRegister-title-lg {
        font-size: var(--ui-typography-cancel-register-title-lg-font-size, 28px)
    }

    .lg\:text-category-lg {
        font-size: var(--ui-typography-category-lg-font-size, 14px)
    }

    .lg\:text-contactPreferences-card-text-lg {
        font-size: var(--ui-typography-contact-preferences-card-text-lg-font-size, 18px)
    }

    .lg\:text-contactPreferences-card-title-lg {
        font-size: var(--ui-typography-contact-preferences-card-title-lg-font-size, 24px)
    }

    .lg\:text-cryptoDepositBanner-title-lg {
        font-size: var(--ui-typography-crypto-deposit-banner-title-lg-font-size, 32px)
    }

    .lg\:text-depositCard-title-lg {
        font-size: var(--ui-typography-deposit-card-title-lg-font-size, 36px)
    }

    .lg\:text-errorPage-title-lg {
        font-size: var(--ui-font-sizes-error-page-title-lg, 48px)
    }

    .lg\:text-field-error-lg {
        font-size: var(--ui-font-sizes-field-error-lg, 14px)
    }

    .lg\:text-footer-item-lg {
        font-size: var(--ui-typography-footer-item-lg-font-size, 14px)
    }

    .lg\:text-footerPage-title-lg {
        font-size: var(--ui-typography-footer-page-title-lg-font-size, 40px)
    }

    .lg\:text-gameCard-favoriteIcon-lg {
        font-size: var(--ui-font-sizes-game-card-favorite-icon-lg, 20px)
    }

    .lg\:text-gameCard-provider-lg {
        font-size: var(--ui-typography-game-card-provider-lg-font-size, 12px)
    }

    .lg\:text-gameCard-title-lg {
        font-size: var(--ui-typography-game-card-title-lg-font-size, 15px)
    }

    .lg\:text-gameHeader-lg {
        font-size: var(--ui-typography-game-header-lg-font-size, 16px)
    }

    .lg\:text-gamesPage-title-lg {
        font-size: var(--ui-typography-games-page-title-lg-font-size, 36px)
    }

    .lg\:text-gamesSection-see-text-lg {
        font-size: var(--ui-font-sizes-games-section-see-text-lg, 14px)
    }

    .lg\:text-gamesSection-title-lg {
        font-size: var(--ui-font-sizes-games-section-title-lg, 22px)
    }

    .lg\:text-headline-icon-lg {
        font-size: var(--ui-font-sizes-headline-icon-lg, 32px)
    }

    .lg\:text-headline-title-lg {
        font-size: var(--ui-typography-headline-title-lg-font-size, 22px)
    }

    .lg\:text-inputNumber-text-lg {
        font-size: var(--ui-typography-input-number-text-lg-font-size, 24px)
    }

    .lg\:text-jackpot-text-lg {
        font-size: var(--ui-font-sizes-jackpot-text-lg, 50px)
    }

    .lg\:text-jackpot-title-lg {
        font-size: var(--ui-font-sizes-jackpot-title-lg, 30px)
    }

    .lg\:text-latestWins-name-lg {
        font-size: var(--ui-typography-latest-wins-name-lg-font-size, 12px)
    }

    .lg\:text-latestWins-text-lg {
        font-size: var(--ui-typography-latest-wins-text-lg-font-size, 12px)
    }

    .lg\:text-latestWins-win-lg {
        font-size: var(--ui-typography-latest-wins-win-lg-font-size, 14px)
    }

    .lg\:text-menu-banner-amount-lg {
        font-size: var(--ui-typography-menu-banner-amount-lg-font-size, 40px)
    }

    .lg\:text-menu-banner-balance-lg {
        font-size: var(--ui-typography-menu-banner-balance-lg-font-size, 24px)
    }

    .lg\:text-menu-banner-lg {
        font-size: var(--ui-typography-menu-banner-lg-font-size, 40px)
    }

    .lg\:text-menu-icon-lg {
        font-size: var(--ui-typography-menu-icon-lg-font-size, 32px)
    }

    .lg\:text-menu-text-lg {
        font-size: var(--ui-typography-menu-text-lg-font-size, 20px)
    }

    .lg\:text-modal-image-heading {
        font-size: var(--ui-typography-modal-image-heading-font-size, 20px)
    }

    .lg\:text-modal-image-subheading {
        font-size: var(--ui-typography-modal-image-subheading-font-size, 48px)
    }

    .lg\:text-myBonuses-title-lg {
        font-size: var(--ui-font-sizes-my-bonuses-title-lg, 36px)
    }

    .lg\:text-navbarItem-lg {
        font-size: var(--ui-typography-navbar-item-lg-font-size, 20px)
    }

    .lg\:text-paymentMethodOption-lg {
        font-size: var(--ui-typography-payment-method-option-lg-font-size, 14px)
    }

    .lg\:text-paymentMethodsBalanceCard-balance-lg {
        font-size: var(--ui-font-sizes-payment-methods-balance-card-balance-lg, 24px)
    }

    .lg\:text-paymentMethodsBalanceCard-label-lg {
        font-size: var(--ui-font-sizes-payment-methods-balance-card-label-lg, 16px)
    }

    .lg\:text-paymentMethodsTitle-lg {
        font-size: var(--ui-typography-payment-methods-title-lg-font-size, 24px)
    }

    .lg\:text-pendingBonusCard-text-lg {
        font-size: var(--ui-typography-pending-bonus-card-text-lg-font-size, 28px)
    }

    .lg\:text-pendingBonusCard-title-lg {
        font-size: var(--ui-typography-pending-bonus-card-title-lg-font-size, 16px)
    }

    .lg\:text-pendingBonusSection-title-lg {
        font-size: var(--ui-font-sizes-pending-bonus-section-title-lg, 20px)
    }

    .lg\:text-personalInfoCard-title-lg {
        font-size: var(--ui-typography-personal-info-card-title-lg-font-size, 28px)
    }

    .lg\:text-promoPage-description-lg {
        font-size: var(--ui-typography-promo-page-description-lg-font-size, 32px)
    }

    .lg\:text-promoPage-subtitle-lg {
        font-size: var(--ui-typography-promo-page-subtitle-lg-font-size, 52px)
    }

    .lg\:text-promoPage-terms-text-lg {
        font-size: var(--ui-typography-promo-page-terms-text-lg-font-size, 14px)
    }

    .lg\:text-promoPage-terms-title-lg {
        font-size: var(--ui-typography-promo-page-terms-title-lg-font-size, 20px)
    }

    .lg\:text-promoPage-text-lg {
        font-size: var(--ui-typography-promo-page-text-lg-font-size, 52px)
    }

    .lg\:text-promoPage-title-lg {
        font-size: var(--ui-typography-promo-page-title-lg-font-size, 52px)
    }

    .lg\:text-promotionCard-date-lg {
        font-size: var(--ui-typography-promotion-card-date-lg-font-size, 16px)
    }

    .lg\:text-promotionCard-start-lg {
        font-size: var(--ui-typography-promotion-card-start-lg-font-size, 16px)
    }

    .lg\:text-promotionCard-text-lg {
        font-size: var(--ui-typography-promotion-card-text-lg-font-size, 32px)
    }

    .lg\:text-promotionCard-title-lg {
        font-size: var(--ui-typography-promotion-card-title-lg-font-size, 16px)
    }

    .lg\:text-promotionDetailCard-text-lg {
        font-size: var(--ui-typography-promotion-detail-card-text-lg-font-size, 32px)
    }

    .lg\:text-promotionDetailCard-title-lg {
        font-size: var(--ui-typography-promotion-detail-card-title-lg-font-size, 14px)
    }

    .lg\:text-promotionInfo-text-lg {
        font-size: var(--ui-typography-promotion-info-text-lg-font-size, 14px)
    }

    .lg\:text-promotionInfo-title-lg {
        font-size: var(--ui-typography-promotion-info-title-lg-font-size, 20px)
    }

    .lg\:text-promotionPage-seeAll-lg {
        font-size: var(--ui-typography-promotion-page-see-all-lg-font-size, 14px)
    }

    .lg\:text-promotionTerms-text-lg {
        font-size: var(--ui-typography-promotion-terms-text-lg-font-size, 14px)
    }

    .lg\:text-promotionTerms-title-lg {
        font-size: var(--ui-typography-promotion-terms-title-lg-font-size, 20px)
    }

    .lg\:text-promotionsPage-info-lg {
        font-size: var(--ui-font-sizes-promotions-page-info-lg, 20px)
    }

    .lg\:text-promotionsPage-title-lg {
        font-size: var(--ui-typography-promotions-page-title-lg-font-size, 36px)
    }

    .lg\:text-providerCard-games-lg {
        font-size: var(--ui-typography-provider-card-games-lg-font-size, 14px)
    }

    .lg\:text-providerCard-name-lg {
        font-size: var(--ui-typography-provider-card-name-lg-font-size, 14px)
    }

    .lg\:text-providersPage-title-lg {
        font-size: var(--ui-font-sizes-providers-page-title-lg, 24px)
    }

    .lg\:text-quickLinks-description-lg {
        font-size: var(--ui-typography-quick-links-description-lg-font-size, 18px)
    }

    .lg\:text-quickLinks-subtitle-lg {
        font-size: var(--ui-typography-quick-links-subtitle-lg-font-size, 32px)
    }

    .lg\:text-quickLinks-title-lg {
        font-size: var(--ui-typography-quick-links-title-lg-font-size, 40px)
    }

    .lg\:text-rewardback-detailsCard-detailLabel-lg {
        font-size: var(--ui-typography-rewardback-details-card-detail-label-lg-font-size, 16px)
    }

    .lg\:text-rewardback-detailsCard-userLabel-lg {
        font-size: var(--ui-typography-rewardback-details-card-user-label-lg-font-size, 22px)
    }

    .lg\:text-rewardback-infoCard-text-lg {
        font-size: var(--ui-typography-rewardback-info-card-text-lg-font-size, 14px)
    }

    .lg\:text-rewardback-infoCard-title-lg {
        font-size: var(--ui-typography-rewardback-info-card-title-lg-font-size, 20px)
    }

    .lg\:text-rewardbackPage-seeAll-lg {
        font-size: var(--ui-typography-rewardback-page-see-all-lg-font-size, 20px)
    }

    .lg\:text-searchGames-subtitle-lg {
        font-size: var(--ui-typography-search-games-subtitle-lg-font-size, 20px)
    }

    .lg\:text-searchGames-title-lg {
        font-size: var(--ui-typography-search-games-title-lg-font-size, 32px)
    }

    .lg\:text-select-bonus-label-lg {
        font-size: var(--ui-typography-select-bonus-label-lg-font-size, 12px)
    }

    .lg\:text-select-bonus-text-lg {
        font-size: var(--ui-typography-select-bonus-text-lg-font-size, 16px)
    }

    .lg\:text-select-label-lg {
        font-size: var(--ui-typography-select-label-lg-font-size, 12px)
    }

    .lg\:text-select-text-lg {
        font-size: var(--ui-typography-select-text-lg-font-size, 16px)
    }

    .lg\:text-titleComponent-lg {
        font-size: var(--ui-typography-title-component-lg-font-size, 48px)
    }

    .lg\:text-transactionsTable-text-lg {
        font-size: var(--ui-typography-transactions-table-text-lg-font-size, 18px)
    }

    .lg\:text-userBoardCard-pointsUntilNextLevel-lg {
        font-size: var(--ui-typography-user-board-card-points-until-next-level-lg-font-size, 16px)
    }

    .lg\:text-userGamesModal-title-lg {
        font-size: var(--ui-font-sizes-user-games-modal-title-lg, 24px)
    }

    .lg\:text-userGamesPage-info-lg {
        font-size: var(--ui-font-sizes-user-games-page-info-lg, 20px)
    }

    .lg\:text-userGamesPage-title-lg {
        font-size: var(--ui-font-sizes-user-games-page-title-lg, 36px)
    }

    .lg\:text-verificationCard-title-lg {
        font-size: var(--ui-typography-verification-card-title-lg-font-size, 28px)
    }

    .lg\:text-verificationPage-title-lg {
        font-size: var(--ui-font-sizes-verification-page-title-lg, 40px)
    }

    .lg\:text-vip-advantageCard-text-lg {
        font-size: var(--ui-typography-vip-advantage-card-text-lg-font-size, 16px)
    }

    .lg\:text-vip-advantageCard-title-lg {
        font-size: var(--ui-typography-vip-advantage-card-title-lg-font-size, 24px)
    }

    .lg\:text-vip-advantagesSection-title-lg {
        font-size: var(--ui-font-sizes-vip-advantages-section-title-lg, 40px)
    }

    .lg\:text-vip-description-text-lg {
        font-size: var(--ui-typography-vip-description-text-lg-font-size, 16px)
    }

    .lg\:text-vip-description-title-lg {
        font-size: var(--ui-typography-vip-description-title-lg-font-size, 28px)
    }

    .lg\:text-vip-levelCard-bonus-lg {
        font-size: var(--ui-typography-vip-level-card-bonus-lg-font-size, 20px)
    }

    .lg\:text-vip-levelCard-options-text-lg {
        font-size: var(--ui-typography-vip-level-card-options-text-lg-font-size, 16px)
    }

    .lg\:text-vip-levelCard-options-title-lg {
        font-size: var(--ui-typography-vip-level-card-options-title-lg-font-size, 14px)
    }

    .lg\:text-vip-levelCard-title-lg {
        font-size: var(--ui-typography-vip-level-card-title-lg-font-size, 32px)
    }

    .lg\:text-welcomeTitle-lg {
        font-size: var(--ui-font-sizes-welcome-title-lg, 30px)
    }

    .lg\:text-withdrawalInfo-lg {
        font-size: var(--ui-font-sizes-withdrawal-info-lg, 16px)
    }

    .lg\:font-balance-number-lg {
        font-weight: var(--ui-typography-balance-number-lg-font-weight, 500)
    }

    .lg\:font-balance-text-lg {
        font-weight: var(--ui-typography-balance-text-lg-font-weight, 600)
    }

    .lg\:font-button-lg {
        font-weight: var(--ui-typography-button-lg-font-weight, Ext Medium)
    }

    .lg\:font-cancelRegister-title-lg {
        font-weight: var(--ui-typography-cancel-register-title-lg-font-weight, 600)
    }

    .lg\:font-category-lg {
        font-weight: var(--ui-typography-category-lg-font-weight, 600)
    }

    .lg\:font-depositCard-title-lg {
        font-weight: var(--ui-typography-deposit-card-title-lg-font-weight, 600)
    }

    .lg\:font-footer-item-lg {
        font-weight: var(--ui-typography-footer-item-lg-font-weight, 400)
    }

    .lg\:font-gamesPage-title-lg {
        font-weight: var(--ui-typography-games-page-title-lg-font-weight, 600)
    }

    .lg\:font-headline-title-lg {
        font-weight: var(--ui-typography-headline-title-lg-font-weight, 600)
    }

    .lg\:font-latestWins-text-lg {
        font-weight: var(--ui-typography-latest-wins-text-lg-font-weight, 500)
    }

    .lg\:font-modal-image-heading {
        font-weight: var(--ui-typography-modal-image-heading-font-weight, 400)
    }

    .lg\:font-modal-image-subheading {
        font-weight: var(--ui-typography-modal-image-subheading-font-weight, 600)
    }

    .lg\:font-paymentMethodOption-lg {
        font-weight: var(--ui-typography-payment-method-option-lg-font-weight, 400)
    }

    .lg\:font-personalInfoCard-title-lg {
        font-weight: var(--ui-typography-personal-info-card-title-lg-font-weight, 600)
    }

    .lg\:font-promotionCard-title-lg {
        font-weight: var(--ui-typography-promotion-card-title-lg-font-weight, 600)
    }

    .lg\:font-quickLinks-description-lg {
        font-weight: var(--ui-typography-quick-links-description-lg-font-weight, 400)
    }

    .lg\:font-quickLinks-subtitle-lg {
        font-weight: var(--ui-typography-quick-links-subtitle-lg-font-weight, 600)
    }

    .lg\:font-quickLinks-title-lg {
        font-weight: var(--ui-typography-quick-links-title-lg-font-weight, 600)
    }

    .lg\:font-searchGames-subtitle-lg {
        font-weight: var(--ui-typography-search-games-subtitle-lg-font-weight, 600)
    }

    .lg\:font-select-bonus-label-lg {
        font-weight: var(--ui-typography-select-bonus-label-lg-font-weight, 500)
    }

    .lg\:font-select-bonus-text-lg {
        font-weight: var(--ui-typography-select-bonus-text-lg-font-weight, 400)
    }

    .lg\:font-select-label-lg {
        font-weight: var(--ui-typography-select-label-lg-font-weight, 500)
    }

    .lg\:font-select-text-lg {
        font-weight: var(--ui-typography-select-text-lg-font-weight, 400)
    }

    .lg\:font-titleComponent-lg {
        font-weight: var(--ui-typography-title-component-lg-font-weight, 400)
    }

    .lg\:font-verificationCard-title-lg {
        font-weight: var(--ui-typography-verification-card-title-lg-font-weight, 600)
    }

    .lg\:leading-activeBonusCard-info-lg {
        line-height: var(--ui-typography-active-bonus-card-info-lg-line-height, 150%)
    }

    .lg\:leading-activeBonusCard-label-lg {
        line-height: var(--ui-typography-active-bonus-card-label-lg-line-height, 150%)
    }

    .lg\:leading-activeBonusCard-text-lg {
        line-height: var(--ui-typography-active-bonus-card-text-lg-line-height, 120%)
    }

    .lg\:leading-activeBonusCard-title-lg {
        line-height: var(--ui-typography-active-bonus-card-title-lg-line-height, 133%)
    }

    .lg\:leading-activeBonusSection-title-lg {
        line-height: var(--ui-line-heights-active-bonus-section-title-lg, 28px)
    }

    .lg\:leading-availableBonusCard-text-lg {
        line-height: var(--ui-typography-available-bonus-card-text-lg-line-height, 130%)
    }

    .lg\:leading-availableBonusCard-title-lg {
        line-height: var(--ui-typography-available-bonus-card-title-lg-line-height, 150%)
    }

    .lg\:leading-availableBonusSection-title-lg {
        line-height: var(--ui-line-heights-available-bonus-section-title-lg, 28px)
    }

    .lg\:leading-balance-number-lg {
        line-height: var(--ui-typography-balance-number-lg-line-height, 140%)
    }

    .lg\:leading-balance-text-lg {
        line-height: var(--ui-typography-balance-text-lg-line-height, 100%)
    }

    .lg\:leading-button-text-lg {
        line-height: var(--ui-typography-button-text-lg-line-height, 133%)
    }

    .lg\:leading-campaignPage-date-lg {
        line-height: var(--ui-line-heights-campaign-page-date-lg, 28px)
    }

    .lg\:leading-campaignPage-text-lg {
        line-height: var(--ui-line-heights-campaign-page-text-lg, 20px)
    }

    .lg\:leading-campaignPage-time-lg {
        line-height: var(--ui-line-heights-campaign-page-time-lg, 24px)
    }

    .lg\:leading-campaignPage-title-lg {
        line-height: var(--ui-line-heights-campaign-page-title-lg, 44px)
    }

    .lg\:leading-cancelRegister-title-lg {
        line-height: var(--ui-typography-cancel-register-title-lg-line-height, 36px)
    }

    .lg\:leading-category-lg {
        line-height: var(--ui-typography-category-lg-line-height, 20px)
    }

    .lg\:leading-contactPreferences-card-text-lg {
        line-height: var(--ui-typography-contact-preferences-card-text-lg-line-height, 18px)
    }

    .lg\:leading-contactPreferences-card-title-lg {
        line-height: var(--ui-typography-contact-preferences-card-title-lg-line-height, 24px)
    }

    .lg\:leading-cryptoDepositBanner-title-lg {
        line-height: var(--ui-typography-crypto-deposit-banner-title-lg-line-height, 40px)
    }

    .lg\:leading-depositCard-title-lg {
        line-height: var(--ui-typography-deposit-card-title-lg-line-height, 40px)
    }

    .lg\:leading-errorPage-title-lg {
        line-height: var(--ui-line-heights-error-page-title-lg, 52px)
    }

    .lg\:leading-footer-item-lg {
        line-height: var(--ui-typography-footer-item-lg-line-height, 140%)
    }

    .lg\:leading-footerPage-title-lg {
        line-height: var(--ui-typography-footer-page-title-lg-line-height, 48px)
    }

    .lg\:leading-gameCard-moreGames-lg {
        line-height: var(--ui-typography-game-card-more-games-lg-line-height, 133%)
    }

    .lg\:leading-gameCard-provider-lg {
        line-height: var(--ui-typography-game-card-provider-lg-line-height, 16px)
    }

    .lg\:leading-gameCard-title-lg {
        line-height: var(--ui-typography-game-card-title-lg-line-height, 16px)
    }

    .lg\:leading-gameHeader-lg {
        line-height: var(--ui-typography-game-header-lg-line-height, 150%)
    }

    .lg\:leading-gamesPage-title-lg {
        line-height: var(--ui-typography-games-page-title-lg-line-height, 44px)
    }

    .lg\:leading-headline-title-lg {
        line-height: var(--ui-typography-headline-title-lg-line-height, 100%)
    }

    .lg\:leading-inputNumber-text-lg {
        line-height: var(--ui-typography-input-number-text-lg-line-height, 28px)
    }

    .lg\:leading-jackpot-text-lg {
        line-height: var(--ui-line-heights-jackpot-text-lg, 62px)
    }

    .lg\:leading-jackpot-title-lg {
        line-height: var(--ui-line-heights-jackpot-title-lg, 36px)
    }

    .lg\:leading-latestWins-text-lg {
        line-height: var(--ui-typography-latest-wins-text-lg-line-height, 133%)
    }

    .lg\:leading-menu-banner-amount-lg {
        line-height: var(--ui-typography-menu-banner-amount-lg-line-height, 48px)
    }

    .lg\:leading-menu-banner-balance-lg {
        line-height: var(--ui-typography-menu-banner-balance-lg-line-height, 28px)
    }

    .lg\:leading-menu-banner-lg {
        line-height: var(--ui-typography-menu-banner-lg-line-height, 48px)
    }

    .lg\:leading-menu-text-lg {
        line-height: var(--ui-typography-menu-text-lg-line-height, 24px)
    }

    .lg\:leading-modal-image-heading {
        line-height: var(--ui-typography-modal-image-heading-line-height, 20px)
    }

    .lg\:leading-modal-image-subheading {
        line-height: var(--ui-typography-modal-image-subheading-line-height, 60px)
    }

    .lg\:leading-myBonuses-title-lg {
        line-height: var(--ui-line-heights-my-bonuses-title-lg, 48px)
    }

    .lg\:leading-navbarItem-lg {
        line-height: var(--ui-typography-navbar-item-lg-line-height, 24px)
    }

    .lg\:leading-optionsSwitcher-option-lg {
        line-height: var(--ui-typography-options-switcher-option-lg-line-height, 24px)
    }

    .lg\:leading-paymentMethodOption-lg {
        line-height: var(--ui-typography-payment-method-option-lg-line-height, 20px)
    }

    .lg\:leading-pendingBonusCard-text-lg {
        line-height: var(--ui-typography-pending-bonus-card-text-lg-line-height, 130%)
    }

    .lg\:leading-pendingBonusCard-title-lg {
        line-height: var(--ui-typography-pending-bonus-card-title-lg-line-height, 150%)
    }

    .lg\:leading-pendingBonusSection-title-lg {
        line-height: var(--ui-line-heights-pending-bonus-section-title-lg, 28px)
    }

    .lg\:leading-personalInfoCard-title-lg {
        line-height: var(--ui-typography-personal-info-card-title-lg-line-height, 130%)
    }

    .lg\:leading-promoPage-description-lg {
        line-height: var(--ui-typography-promo-page-description-lg-line-height, 38px)
    }

    .lg\:leading-promoPage-text-lg {
        line-height: var(--ui-typography-promo-page-text-lg-line-height, 62px)
    }

    .lg\:leading-promoPage-title-lg {
        line-height: var(--ui-typography-promo-page-title-lg-line-height, 62px)
    }

    .lg\:leading-promotionCard-date-lg {
        line-height: var(--ui-typography-promotion-card-date-lg-line-height, 19px)
    }

    .lg\:leading-promotionCard-start-lg {
        line-height: var(--ui-typography-promotion-card-start-lg-line-height, 19px)
    }

    .lg\:leading-promotionCard-text-lg {
        line-height: var(--ui-typography-promotion-card-text-lg-line-height, 36px)
    }

    .lg\:leading-promotionCard-title-lg {
        line-height: var(--ui-typography-promotion-card-title-lg-line-height, 22px)
    }

    .lg\:leading-promotionDetailCard-text-lg {
        line-height: var(--ui-typography-promotion-detail-card-text-lg-line-height, 36px)
    }

    .lg\:leading-promotionDetailCard-title-lg {
        line-height: var(--ui-typography-promotion-detail-card-title-lg-line-height, 20px)
    }

    .lg\:leading-promotionInfo-text-lg {
        line-height: var(--ui-typography-promotion-info-text-lg-line-height, 20px)
    }

    .lg\:leading-promotionInfo-title-lg {
        line-height: var(--ui-typography-promotion-info-title-lg-line-height, 24px)
    }

    .lg\:leading-promotionTerms-text-lg {
        line-height: var(--ui-typography-promotion-terms-text-lg-line-height, 20px)
    }

    .lg\:leading-promotionTerms-title-lg {
        line-height: var(--ui-typography-promotion-terms-title-lg-line-height, 24px)
    }

    .lg\:leading-promotionsPage-title-lg {
        line-height: var(--ui-typography-promotions-page-title-lg-line-height, 44px)
    }

    .lg\:leading-providerCard-games-lg {
        line-height: var(--ui-typography-provider-card-games-lg-line-height, 20px)
    }

    .lg\:leading-providerCard-name-lg {
        line-height: var(--ui-typography-provider-card-name-lg-line-height, 20px)
    }

    .lg\:leading-quickLinks-description-lg {
        line-height: var(--ui-typography-quick-links-description-lg-line-height, 24px)
    }

    .lg\:leading-quickLinks-subtitle-lg {
        line-height: var(--ui-typography-quick-links-subtitle-lg-line-height, 44px)
    }

    .lg\:leading-quickLinks-title-lg {
        line-height: var(--ui-typography-quick-links-title-lg-line-height, 48px)
    }

    .lg\:leading-rewardback-detailsCard-detailLabel-lg {
        line-height: var(--ui-typography-rewardback-details-card-detail-label-lg-line-height, 24px)
    }

    .lg\:leading-rewardback-detailsCard-userLabel-lg {
        line-height: var(--ui-typography-rewardback-details-card-user-label-lg-line-height, 32px)
    }

    .lg\:leading-rewardback-infoCard-text-lg {
        line-height: var(--ui-typography-rewardback-info-card-text-lg-line-height, 20px)
    }

    .lg\:leading-rewardback-infoCard-title-lg {
        line-height: var(--ui-typography-rewardback-info-card-title-lg-line-height, 24px)
    }

    .lg\:leading-rewardbackPage-seeAll-lg {
        line-height: var(--ui-typography-rewardback-page-see-all-lg-line-height, 24px)
    }

    .lg\:leading-searchGames-subtitle-lg {
        line-height: var(--ui-typography-search-games-subtitle-lg-line-height, 24px)
    }

    .lg\:leading-searchGames-title-lg {
        line-height: var(--ui-typography-search-games-title-lg-line-height, 40px)
    }

    .lg\:leading-select-bonus-label-lg {
        line-height: var(--ui-typography-select-bonus-label-lg-line-height, 133%)
    }

    .lg\:leading-select-bonus-text-lg {
        line-height: var(--ui-typography-select-bonus-text-lg-line-height, 150%)
    }

    .lg\:leading-select-label-lg {
        line-height: var(--ui-typography-select-label-lg-line-height, 133%)
    }

    .lg\:leading-select-text-lg {
        line-height: var(--ui-typography-select-text-lg-line-height, 150%)
    }

    .lg\:leading-titleComponent-lg {
        line-height: var(--ui-typography-title-component-lg-line-height, 1.2)
    }

    .lg\:leading-transactionsTable-text-lg {
        line-height: var(--ui-typography-transactions-table-text-lg-line-height, 24px)
    }

    .lg\:leading-userBoardCard-pointsUntilNextLevel-lg {
        line-height: var(--ui-typography-user-board-card-points-until-next-level-lg-line-height, 20px)
    }

    .lg\:leading-verificationCard-title-lg {
        line-height: var(--ui-typography-verification-card-title-lg-line-height, 130%)
    }

    .lg\:leading-vip-description-text-lg {
        line-height: var(--ui-typography-vip-description-text-lg-line-height, 24px)
    }

    .lg\:leading-vip-description-title-lg {
        line-height: var(--ui-typography-vip-description-title-lg-line-height, 36px)
    }

    .lg\:leading-vip-levelCard-bonus-lg {
        line-height: var(--ui-typography-vip-level-card-bonus-lg-line-height, 24px)
    }

    .lg\:leading-vip-levelCard-options-text-lg {
        line-height: var(--ui-typography-vip-level-card-options-text-lg-line-height, 20px)
    }

    .lg\:leading-vip-levelCard-options-title-lg {
        line-height: var(--ui-typography-vip-level-card-options-title-lg-line-height, 20px)
    }

    .lg\:leading-vip-levelCard-title-lg {
        line-height: var(--ui-typography-vip-level-card-title-lg-line-height, 40px)
    }

    .lg\:grid-areas-promotion-detail-desktop {
        grid-template-areas: "promotion-card promotion-detail promotion-terms"
    }

    .lg\:grid-areas-promotion-detail-desktop-v1 {
        grid-template-areas: "promotion-detail promotion-card promotion-terms"
    }

    .lg\:grid-areas-rewardback-details-desktop {
        grid-template-areas: "rewardback-detail-card rewardback-info rewardback-terms"
    }

    .lg\:grid-areas-rewardback-details-desktop-v1 {
        grid-template-areas: "rewardback-info rewardback-detail-card rewardback-terms"
    }

    .lg\:bg-userBoard-container-xl {
        background-color: var(--ui-background-color-user-board-container-xl, #0000)
    }

    .lg\:bg-userBoardCard-container-xl {
        background-color: var(--ui-background-color-user-board-card-container-xl, #0000)
    }

    .before\:lg\:h-\[80px\]:before {
        content: var(--tw-content);
        height: 80px
    }

    .lg\:after\:content-none:after {
        --tw-content: none;
        content: var(--tw-content)
    }

    .last\:lg\:flex-\[0_0_64px\]:last-child {
        flex: 0 0 64px
    }

    @media (hover:hover) and (pointer:fine) {
        .lg\:hover\:cursor-pointer:hover {
            cursor: pointer
        }

        .lg\:hover\:text-button-details-hover:hover {
            color: var(--ui-text-color-button-details-hover, #f4d7a3)
        }

        .lg\:hover\:text-rewardback-infoCard-link-hover:hover {
            color: var(--ui-text-color-rewardback-info-card-link-hover, #fff)
        }

        .lg\:hover\:text-transactionsTable-icon-hover:hover {
            color: var(--ui-text-color-transactions-table-icon-hover, #f0ad48)
        }

        .lg\:hover\:shadow-promotionDetailCard:hover {
            --tw-shadow: var(--ui-box-shadow-promotion-detail-card, 3px 3px 35px 0px #e7b255b3);
            --tw-shadow-colored: 3px 3px 35px 0px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .lg\:hover\:backdrop-blur:hover {
            --tw-backdrop-blur: blur(8px);
            -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
        }

        .lg\:hover\:bg-category-hover:hover {
            background-color: var(--ui-background-color-category-hover, #a5a0fe29)
        }

        .lg\:hover\:bg-category-selected:hover {
            background-image: var(--ui-background-color-category-selected, linear-gradient(180deg, #0e0f0f 0, #061a29 89.6%))
        }

        .lg\:hover\:bg-transactionsTable-icon-hover:hover {
            background-color: var(--ui-background-color-transactions-table-icon-hover, #0e0f0f)
        }

        .group:hover .lg\:group-hover\:flex {
            display: flex
        }
    }
}

@media (min-width:1280px) {
    .xl\:absolute {
        position: absolute
    }

    .xl\:relative {
        position: relative
    }

    .xl\:bottom-16 {
        bottom: 4rem
    }

    .xl\:left-1\/2 {
        left: 50%
    }

    .xl\:left-\[-44px\] {
        left: -44px
    }

    .xl\:left-\[40px\] {
        left: 40px
    }

    .xl\:left-auto {
        left: auto
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:right-\[-200px\] {
        right: -200px
    }

    .xl\:right-\[-34\%\] {
        right: -34%
    }

    .xl\:right-\[-44px\] {
        right: -44px
    }

    .xl\:right-\[-88px\] {
        right: -88px
    }

    .xl\:top-1\/2 {
        top: 50%
    }

    .xl\:top-\[-110px\] {
        top: -110px
    }

    .xl\:top-\[30px\] {
        top: 30px
    }

    .xl\:top-\[50px\] {
        top: 50px
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:mb-\[24px\] {
        margin-bottom: 24px
    }

    .xl\:ml-\[40px\] {
        margin-left: 40px
    }

    .xl\:mr-0 {
        margin-right: 0
    }

    .xl\:mr-2 {
        margin-right: .5rem
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:mt-2 {
        margin-top: .5rem
    }

    .xl\:mt-6 {
        margin-top: 1.5rem
    }

    .xl\:mt-\[-80px\] {
        margin-top: -80px
    }

    .xl\:mt-\[40px\] {
        margin-top: 40px
    }

    .xl\:mt-\[85px\] {
        margin-top: 85px
    }

    .xl\:block {
        display: block
    }

    .xl\:flex {
        display: flex
    }

    .xl\:h-0 {
        height: 0
    }

    .xl\:h-\[104px\] {
        height: 104px
    }

    .xl\:h-\[216px\] {
        height: 216px
    }

    .xl\:h-\[264px\] {
        height: 264px
    }

    .xl\:h-\[301px\] {
        height: 301px
    }

    .xl\:h-\[336px\] {
        height: 336px
    }

    .xl\:h-\[345px\] {
        height: 345px
    }

    .xl\:h-\[500px\] {
        height: 500px
    }

    .xl\:h-\[613px\] {
        height: 613px
    }

    .xl\:h-auto {
        height: auto
    }

    .xl\:h-gamesPage-title-minHeight-xl {
        height: var(--ui-sizing-games-page-title-min-height-xl, 216)
    }

    .xl\:h-heroSection-video-logged-xl {
        height: var(--ui-sizing-hero-section-video-logged-xl, 650px)
    }

    .xl\:h-heroSection-video-notLogged-xl {
        height: var(--ui-sizing-hero-section-video-not-logged-xl, 540px)
    }

    .xl\:h-vip-video-carousel-lg {
        height: var(--ui-sizing-vip-video-carousel-lg, auto)
    }

    .xl\:h-vip-video-height-xl {
        height: var(--ui-sizing-vip-video-height-xl, auto)
    }

    .xl\:min-h-\[264px\] {
        min-height: 264px
    }

    .xl\:min-h-\[400px\] {
        min-height: 400px
    }

    .xl\:min-h-\[478px\] {
        min-height: 478px
    }

    .xl\:\!w-\[730px\] {
        width: 730px !important
    }

    .xl\:\!w-\[calc\(100\%\/6-8px\)\] {
        width: calc(16.66667% - 8px) !important
    }

    .xl\:w-0 {
        width: 0
    }

    .xl\:w-\[1040px\] {
        width: 1040px
    }

    .xl\:w-\[104px\] {
        width: 104px
    }

    .xl\:w-\[2200px\] {
        width: 2200px
    }

    .xl\:w-\[240px\] {
        width: 240px
    }

    .xl\:w-\[480px\] {
        width: 480px
    }

    .xl\:w-\[608px\] {
        width: 608px
    }

    .xl\:w-\[760px\] {
        width: 760px
    }

    .xl\:w-\[calc\(100vw-280px\)\] {
        width: calc(100vw - 280px)
    }

    .xl\:w-auto {
        width: auto
    }

    .xl\:w-heroContent-button-width-xl {
        width: var(--ui-sizing-hero-content-button-width-xl, 324px)
    }

    .xl\:w-heroContent-container-width-xl {
        width: var(--ui-sizing-hero-content-container-width-xl, 620px)
    }

    .xl\:w-iphonePromo-background-xl {
        width: var(--ui-sizing-iphone-promo-background-xl, 1340px)
    }

    .xl\:w-sidebar-xl {
        width: var(--ui-sizing-sidebar-xl, 320px)
    }

    .xl\:min-w-\[458px\] {
        min-width: 458px
    }

    .xl\:min-w-\[680px\] {
        min-width: 680px
    }

    .xl\:min-w-promotionCard-width-xl {
        min-width: var(--ui-sizing-promotion-card-width-xl, 0)
    }

    .xl\:max-w-\[1204px\] {
        max-width: 1204px
    }

    .xl\:max-w-\[1400px\] {
        max-width: 1400px
    }

    .xl\:max-w-\[190px\] {
        max-width: 190px
    }

    .xl\:max-w-\[500px\] {
        max-width: 500px
    }

    .xl\:max-w-\[640px\] {
        max-width: 640px
    }

    .xl\:max-w-\[664px\] {
        max-width: 664px
    }

    .xl\:max-w-\[720px\] {
        max-width: 720px
    }

    .xl\:max-w-\[800px\] {
        max-width: 800px
    }

    .xl\:max-w-\[calc\(100vw-400px\)\] {
        max-width: calc(100vw - 400px)
    }

    .xl\:max-w-gamePage-maxWidth {
        max-width: var(--ui-sizing-game-page-max-width, 1600px)
    }

    .xl\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .xl\:-translate-x-1\/2,
    .xl\:-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr))
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:justify-center {
        justify-content: center
    }

    .xl\:gap-2 {
        gap: .5rem
    }

    .xl\:gap-5 {
        gap: 1.25rem
    }

    .xl\:gap-accountPage-cards-gap-xl {
        gap: var(--ui-spacing-account-page-cards-gap-xl, 20px)
    }

    .xl\:gap-accountPage-rowGap-xl {
        gap: var(--ui-spacing-account-page-row-gap-xl, 80px)
    }

    .xl\:gap-heroContent-gap-xl {
        gap: var(--ui-spacing-hero-content-gap-xl, 24px)
    }

    .xl\:gap-promotionDetailsPage-gap-lg {
        gap: var(--ui-spacing-promotion-details-page-gap-lg, 40px)
    }

    .xl\:gap-promotionPage-gap-xl {
        gap: var(--ui-spacing-promotion-page-gap-xl, 8px)
    }

    .xl\:gap-rewardbackPage-gap-lg {
        gap: var(--ui-spacing-rewardback-page-gap-lg, 20px)
    }

    .xl\:gap-userBoardCard-header-columnGap-lg {
        gap: var(--ui-spacing-user-board-card-header-column-gap-lg, 20px)
    }

    .xl\:gap-x-menu-gridGap-horizontal-xl {
        column-gap: var(--ui-spacing-menu-grid-gap-horizontal-xl, 32px)
    }

    .xl\:rounded-gameFooter {
        border-radius: var(--ui-border-radius-game-footer, 8px)
    }

    .xl\:rounded-lg {
        border-radius: var(--ui-border-radius-lg, 8px)
    }

    .xl\:rounded-xl {
        border-radius: var(--ui-border-radius-xl, 16px)
    }

    .xl\:object-contain {
        object-fit: contain
    }

    .xl\:p-\[24px\] {
        padding: 24px
    }

    .xl\:p-accountPage-nav-padding-xl {
        padding: var(--ui-spacing-account-page-nav-padding-xl, 56px 0)
    }

    .xl\:p-accountPage-padding-xl {
        padding: var(--ui-spacing-account-page-padding-xl, 0 32px)
    }

    .xl\:p-cashier-modal-container-padding-xl {
        padding: var(--ui-spacing-cashier-modal-container-padding-xl, 24px)
    }

    .xl\:p-promotionDetailsPage-padding-lg {
        padding: var(--ui-spacing-promotion-details-page-padding-lg, 48px 24px 0 24px)
    }

    .xl\:p-userBoardCard-padding-xl {
        padding: var(--ui-spacing-user-board-card-padding-xl, 0)
    }

    .xl\:p-verificationCard-padding-xl {
        padding: var(--ui-spacing-verification-card-padding-xl, 40px 80px 48px 80px)
    }

    .xl\:p-vip-page-padding-xl {
        padding: var(--ui-spacing-vip-page-padding-xl, 80px 0 0)
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .xl\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-3 {
        padding-bottom: .75rem
    }

    .xl\:pb-5 {
        padding-bottom: 1.25rem
    }

    .xl\:pb-8 {
        padding-bottom: 2rem
    }

    .xl\:pb-\[24px\] {
        padding-bottom: 24px
    }

    .xl\:pb-\[90px\] {
        padding-bottom: 90px
    }

    .xl\:pl-\[142px\] {
        padding-left: 142px
    }

    .xl\:pl-\[40px\] {
        padding-left: 40px
    }

    .xl\:pr-1 {
        padding-right: .25rem
    }

    .xl\:pr-10 {
        padding-right: 2.5rem
    }

    .xl\:pr-\[382px\] {
        padding-right: 382px
    }

    .xl\:pt-12 {
        padding-top: 3rem
    }

    .xl\:pt-4 {
        padding-top: 1rem
    }

    .xl\:pt-8 {
        padding-top: 2rem
    }

    .xl\:pt-\[10px\] {
        padding-top: 10px
    }

    .xl\:pt-\[52px\] {
        padding-top: 52px
    }

    .xl\:pt-\[80px\] {
        padding-top: 80px
    }

    .xl\:font-dashboardBonusCard-xl {
        font-family: var(--ui-typography-dashboard-bonus-card-xl-font-family, ivypresto-display)
    }

    .xl\:text-balanceHistory-title-xl {
        font-size: var(--ui-font-sizes-balance-history-title-xl, 48px)
    }

    .xl\:text-banner-static-text-lg {
        font-size: var(--ui-font-sizes-banner-static-text-lg, 16px)
    }

    .xl\:text-banner-static-title-lg {
        font-size: var(--ui-font-sizes-banner-static-title-lg, 48px)
    }

    .xl\:text-dashboardBonusCard-xl {
        font-size: var(--ui-typography-dashboard-bonus-card-xl-font-size, 28px)
    }

    .xl\:text-gameCard-moreGames-lg {
        font-size: var(--ui-typography-game-card-more-games-lg-font-size, 24px)
    }

    .xl\:text-heroContent-description-xl {
        font-size: var(--ui-typography-hero-content-description-xl-font-size, 56px)
    }

    .xl\:text-heroContent-title-xl {
        font-size: var(--ui-typography-hero-content-title-xl-font-size, 22px)
    }

    .xl\:text-navbarItem-xl {
        font-size: var(--ui-typography-navbar-item-xl-font-size, 20px)
    }

    .xl\:text-userBoardCard-name-lg {
        font-size: var(--ui-typography-user-board-card-name-lg-font-size, 40px)
    }

    .xl\:text-userBoardCard-progressLevel-lg {
        font-size: var(--ui-typography-user-board-card-progress-level-lg-font-size, 30px)
    }

    .xl\:text-userBoardCard-registered-lg {
        font-size: var(--ui-typography-user-board-card-registered-lg-font-size, 12px)
    }

    .xl\:text-userBoardCard-totalBalanceAmount-lg {
        font-size: var(--ui-typography-user-board-card-total-balance-amount-lg-font-size, 32px)
    }

    .xl\:text-userBoardCard-totalBalanceLabel-lg {
        font-size: var(--ui-typography-user-board-card-total-balance-label-lg-font-size, 18px)
    }

    .xl\:text-verificationPage-title-xl {
        font-size: var(--ui-font-sizes-verification-page-title-xl, 48px)
    }

    .xl\:text-vip-widget-title-xl {
        font-size: var(--ui-font-sizes-vip-widget-title-xl, 40px)
    }

    .xl\:font-dashboardBonusCard-xl {
        font-weight: var(--ui-typography-dashboard-bonus-card-xl-font-weight, 600)
    }

    .xl\:leading-banner-static-text-lg {
        line-height: var(--ui-line-heights-banner-static-text-lg, 26px)
    }

    .xl\:leading-banner-static-title-lg {
        line-height: var(--ui-line-heights-banner-static-title-lg, 62px)
    }

    .xl\:leading-dashboardBonusCard-xl {
        line-height: var(--ui-typography-dashboard-bonus-card-xl-line-height, 130%)
    }

    .xl\:leading-heroContent-description-xl {
        line-height: var(--ui-typography-hero-content-description-xl-line-height, 64px)
    }

    .xl\:leading-heroContent-title-xl {
        line-height: var(--ui-typography-hero-content-title-xl-line-height, 40px)
    }

    .xl\:leading-navbarItem-lg {
        line-height: var(--ui-typography-navbar-item-lg-line-height, 24px)
    }

    .xl\:leading-userBoardCard-name-lg {
        line-height: var(--ui-typography-user-board-card-name-lg-line-height, 40px)
    }

    .xl\:leading-userBoardCard-progressLevel-lg {
        line-height: var(--ui-typography-user-board-card-progress-level-lg-line-height, 40px)
    }

    .xl\:leading-userBoardCard-registered-lg {
        line-height: var(--ui-typography-user-board-card-registered-lg-line-height, 20px)
    }

    .xl\:leading-userBoardCard-totalBalanceAmount-lg {
        line-height: var(--ui-typography-user-board-card-total-balance-amount-lg-line-height, 40px)
    }

    .xl\:leading-userBoardCard-totalBalanceLabel-lg {
        line-height: var(--ui-typography-user-board-card-total-balance-label-lg-line-height, 24px)
    }

    .xl\:backdrop-blur-0 {
        --tw-backdrop-blur: blur(0);
        -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)
    }

    .xl\:grid-areas-dashboard-desktop {
        grid-template-areas: "user-board user-board deposit withdrawal" "user-board user-board my-bonuses my-bonuses" "recommended recommended recommended recommended" "favorites favorites favorites favorites" "last-played last-played last-played last-played"
    }

    .xl\:bg-transparent {
        background-color: var(--ui-colors-transparent, #0000)
    }

    .last\:xl\:\!flex-\[0_0_64px\]:last-child {
        flex: 0 0 64px !important
    }
}

@media (min-width:1536px) {
    .\32xl\:absolute {
        position: absolute
    }

    .\32xl\:left-1\/2 {
        left: 50%
    }

    .\32xl\:left-\[-50px\] {
        left: -50px
    }

    .\32xl\:right-\[-50px\] {
        right: -50px
    }

    .\32xl\:top-1\/2 {
        top: 50%
    }

    .\32xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .\32xl\:ml-8 {
        margin-left: 2rem
    }

    .\32xl\:mt-0 {
        margin-top: 0
    }

    .\32xl\:block {
        display: block
    }

    .\32xl\:flex {
        display: flex
    }

    .\32xl\:h-\[3px\] {
        height: 3px
    }

    .\32xl\:h-\[48px\] {
        height: 48px
    }

    .\32xl\:h-availableBonusCard-height-2xl {
        height: var(--ui-sizing-available-bonus-card-height-2xl, 312px)
    }

    .\32xl\:h-pendingBonusCard-height-2xl {
        height: var(--ui-sizing-pending-bonus-card-height-2xl, 312px)
    }

    .\32xl\:max-h-\[460px\] {
        max-height: 460px
    }

    .\32xl\:min-h-\[280px\] {
        min-height: 280px
    }

    .\32xl\:min-h-\[452px\] {
        min-height: 452px
    }

    .\32xl\:min-h-\[640px\] {
        min-height: 640px
    }

    .\32xl\:min-h-rewardback-detailsCard-wrapper-height-2xl {
        min-height: var(--ui-sizing-rewardback-details-card-wrapper-height-2xl, 640px)
    }

    .\32xl\:\!w-\[800px\] {
        width: 800px !important
    }

    .\32xl\:w-\[104px\] {
        width: 104px
    }

    .\32xl\:w-\[375px\] {
        width: 375px
    }

    .\32xl\:w-\[48px\] {
        width: 48px
    }

    .\32xl\:w-\[820px\] {
        width: 820px
    }

    .\32xl\:w-\[950px\] {
        width: 950px
    }

    .\32xl\:w-activeBonusCard-width-2xl {
        width: var(--ui-sizing-active-bonus-card-width-2xl, 524px)
    }

    .\32xl\:w-availableBonusCard-width-2xl {
        width: var(--ui-sizing-available-bonus-card-width-2xl, 368px)
    }

    .\32xl\:w-fit {
        width: fit-content
    }

    .\32xl\:w-full {
        width: 100%
    }

    .\32xl\:w-heroContent-container-width-2xl {
        width: var(--ui-sizing-hero-content-container-width-2xl, 790px)
    }

    .\32xl\:w-img-circular-2xl {
        width: var(--ui-sizing-img-circular-2xl, 224px)
    }

    .\32xl\:w-rewardback-detailsCard-image-2xl {
        width: var(--ui-sizing-rewardback-details-card-image-2xl, 198px)
    }

    .\32xl\:min-w-\[452px\] {
        min-width: 452px
    }

    .\32xl\:min-w-\[524px\] {
        min-width: 524px
    }

    .\32xl\:min-w-\[590px\] {
        min-width: 590px
    }

    .\32xl\:max-w-\[1500px\] {
        max-width: 1500px
    }

    .\32xl\:max-w-\[170px\] {
        max-width: 170px
    }

    .\32xl\:max-w-\[260px\] {
        max-width: 260px
    }

    .\32xl\:max-w-\[320px\] {
        max-width: 320px
    }

    .\32xl\:max-w-\[370px\] {
        max-width: 370px
    }

    .\32xl\:max-w-\[420px\] {
        max-width: 420px
    }

    .\32xl\:max-w-\[604px\] {
        max-width: 604px
    }

    .\32xl\:max-w-\[calc\(100vw-400px\)\] {
        max-width: calc(100vw - 400px)
    }

    .\32xl\:max-w-availableBonusCard-container-maxWidth-2xl {
        max-width: var(--ui-sizing-available-bonus-card-container-max-width-2xl, 688px)
    }

    .\32xl\:max-w-availableBonusCard-image-maxWidth-2xl {
        max-width: var(--ui-sizing-available-bonus-card-image-max-width-2xl, 368px)
    }

    .\32xl\:max-w-pendingBonusCard-image-maxWidth-2xl {
        max-width: var(--ui-sizing-pending-bonus-card-image-max-width-2xl, 368px)
    }

    .\32xl\:-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .\32xl\:-translate-x-1\/2,
    .\32xl\:-translate-y-1\/2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .\32xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .\32xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .\32xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .\32xl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .\32xl\:gap-4 {
        gap: 1rem
    }

    .\32xl\:gap-8 {
        gap: 2rem
    }

    .\32xl\:gap-promotionTerms-text-gap-2xl {
        gap: var(--ui-spacing-promotion-terms-text-gap-2xl, 24px)
    }

    .\32xl\:gap-promotionsPage-gap-2xl {
        gap: var(--ui-spacing-promotions-page-gap-2xl, 32px)
    }

    .\32xl\:gap-promotionsPage-grid-gap-2xl {
        gap: var(--ui-spacing-promotions-page-grid-gap-2xl, 24px)
    }

    .\32xl\:gap-x-menu-gridGap-horizontal-2xl {
        column-gap: var(--ui-spacing-menu-grid-gap-horizontal-2xl, 24px)
    }

    .\32xl\:border-\[3px\] {
        border-width: 3px
    }

    .\32xl\:p-myBonuses-padding-2xl {
        padding: var(--ui-spacing-my-bonuses-padding-2xl, 48px 0 0)
    }

    .\32xl\:p-promotionDetailCard-padding-2xl {
        padding: var(--ui-spacing-promotion-detail-card-padding-2xl, 16px 32px 32px 32px)
    }

    .\32xl\:p-promotionDetailsPage-padding-2xl {
        padding: var(--ui-spacing-promotion-details-page-padding-2xl, 48px 24px 0 24px)
    }

    .\32xl\:p-promotionInfo-padding-2xl {
        padding: var(--ui-spacing-promotion-info-padding-2xl, 64px 48px)
    }

    .\32xl\:p-promotionTerms-padding-2xl {
        padding: var(--ui-spacing-promotion-terms-padding-2xl, 64px 48px)
    }

    .\32xl\:p-promotionsPage-padding-2xl {
        padding: var(--ui-spacing-promotions-page-padding-2xl, 48px 64px 8px)
    }

    .\32xl\:p-rewardback-detailsCard-padding-2xl {
        padding: var(--ui-spacing-rewardback-details-card-padding-2xl, 48px 48px 30px 48px)
    }

    .\32xl\:p-rewardback-infoCard-padding-2xl {
        padding: var(--ui-spacing-rewardback-info-card-padding-2xl, 64px 48px)
    }

    .\32xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .\32xl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .\32xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .\32xl\:pl-0 {
        padding-left: 0
    }

    .\32xl\:pr-0 {
        padding-right: 0
    }

    .\32xl\:pt-\[56px\] {
        padding-top: 56px
    }

    .\32xl\:text-activeBonusCard-text-2xl {
        font-size: var(--ui-typography-active-bonus-card-text-2xl-font-size, 36px)
    }

    .\32xl\:text-activeBonusCard-title-2xl {
        font-size: var(--ui-typography-active-bonus-card-title-2xl-font-size, 18px)
    }

    .\32xl\:text-availableBonusCard-text-2xl {
        font-size: var(--ui-typography-available-bonus-card-text-2xl-font-size, 28px)
    }

    .\32xl\:text-availableBonusCard-title-2xl {
        font-size: var(--ui-typography-available-bonus-card-title-2xl-font-size, 16px)
    }

    .\32xl\:text-button-details-lg {
        font-size: var(--ui-typography-button-details-lg-font-size, 24x)
    }

    .\32xl\:text-gameCard-moreGames-xl {
        font-size: var(--ui-typography-game-card-more-games-xl-font-size, 24px)
    }

    .\32xl\:text-pendingBonusCard-text-2xl {
        font-size: var(--ui-typography-pending-bonus-card-text-2xl-font-size, 28px)
    }

    .\32xl\:text-pendingBonusCard-title-2xl {
        font-size: var(--ui-typography-pending-bonus-card-title-2xl-font-size, 16px)
    }

    .\32xl\:text-promotionDetailCard-text-2xl {
        font-size: var(--ui-typography-promotion-detail-card-text-2xl-font-size, 36px)
    }

    .\32xl\:text-promotionDetailCard-title-2xl {
        font-size: var(--ui-typography-promotion-detail-card-title-2xl-font-size, 16px)
    }

    .\32xl\:text-promotionInfo-text-2xl {
        font-size: var(--ui-typography-promotion-info-text-2xl-font-size, 16px)
    }

    .\32xl\:text-promotionInfo-title-2xl {
        font-size: var(--ui-typography-promotion-info-title-2xl-font-size, 22px)
    }

    .\32xl\:text-promotionTerms-text-2xl {
        font-size: var(--ui-typography-promotion-terms-text-2xl-font-size, 16px)
    }

    .\32xl\:text-promotionTerms-title-2xl {
        font-size: var(--ui-typography-promotion-terms-title-2xl-font-size, 22px)
    }

    .\32xl\:text-rewardback-detailsCard-detailLabel-2xl {
        font-size: var(--ui-typography-rewardback-details-card-detail-label-2xl-font-size, 18px)
    }

    .\32xl\:text-rewardback-detailsCard-userLabel-2xl {
        font-size: var(--ui-typography-rewardback-details-card-user-label-2xl-font-size, 26px)
    }

    .\32xl\:text-rewardback-infoCard-text-2xl {
        font-size: var(--ui-typography-rewardback-info-card-text-2xl-font-size, 16px)
    }

    .\32xl\:text-rewardback-infoCard-title-2xl {
        font-size: var(--ui-typography-rewardback-info-card-title-2xl-font-size, 22px)
    }

    .\32xl\:text-swiper-icon-2xl {
        font-size: var(--ui-font-sizes-swiper-icon-2xl, 34px)
    }

    .\32xl\:leading-activeBonusCard-text-2xl {
        line-height: var(--ui-typography-active-bonus-card-text-2xl-line-height, 120%)
    }

    .\32xl\:leading-activeBonusCard-title-2xl {
        line-height: var(--ui-typography-active-bonus-card-title-2xl-line-height, 133%)
    }

    .\32xl\:leading-availableBonusCard-text-2xl {
        line-height: var(--ui-typography-available-bonus-card-text-2xl-line-height, 130%)
    }

    .\32xl\:leading-availableBonusCard-title-2xl {
        line-height: var(--ui-typography-available-bonus-card-title-2xl-line-height, 150%)
    }

    .\32xl\:leading-button-details-lg {
        line-height: var(--ui-typography-button-details-lg-line-height, 133%)
    }

    .\32xl\:leading-gameCard-moreGames-xl {
        line-height: var(--ui-typography-game-card-more-games-xl-line-height, 133%)
    }

    .\32xl\:leading-pendingBonusCard-text-2xl {
        line-height: var(--ui-typography-pending-bonus-card-text-2xl-line-height, 130%)
    }

    .\32xl\:leading-pendingBonusCard-title-2xl {
        line-height: var(--ui-typography-pending-bonus-card-title-2xl-line-height, 150%)
    }

    .\32xl\:leading-promotionDetailCard-text-2xl {
        line-height: var(--ui-typography-promotion-detail-card-text-2xl-line-height, 120%)
    }

    .\32xl\:leading-promotionDetailCard-title-2xl {
        line-height: var(--ui-typography-promotion-detail-card-title-2xl-line-height, 150%)
    }

    .\32xl\:leading-promotionInfo-text-2xl {
        line-height: var(--ui-typography-promotion-info-text-2xl-line-height, 150%)
    }

    .\32xl\:leading-promotionInfo-title-2xl {
        line-height: var(--ui-typography-promotion-info-title-2xl-line-height, 32px)
    }

    .\32xl\:leading-promotionTerms-text-2xl {
        line-height: var(--ui-typography-promotion-terms-text-2xl-line-height, 150%)
    }

    .\32xl\:leading-promotionTerms-title-2xl {
        line-height: var(--ui-typography-promotion-terms-title-2xl-line-height, 32px)
    }

    .\32xl\:leading-rewardback-detailsCard-detailLabel-2xl {
        line-height: var(--ui-typography-rewardback-details-card-detail-label-2xl-line-height, 24px)
    }

    .\32xl\:leading-rewardback-detailsCard-userLabel-2xl {
        line-height: var(--ui-typography-rewardback-details-card-user-label-2xl-line-height, 34px)
    }

    .\32xl\:leading-rewardback-infoCard-text-2xl {
        line-height: var(--ui-typography-rewardback-info-card-text-2xl-line-height, 24px)
    }

    .\32xl\:leading-rewardback-infoCard-title-2xl {
        line-height: var(--ui-typography-rewardback-info-card-title-2xl-line-height, 32px)
    }

    .\32xl\:odd\:justify-self-end:nth-child(odd) {
        justify-self: end
    }

    .\32xl\:even\:justify-self-start:nth-child(2n) {
        justify-self: start
    }
}

@media (max-width:360px) {
    .xs\:w-auto {
        width: auto
    }

    .xs\:min-w-\[240px\] {
        min-width: 240px
    }

    .xs\:min-w-\[258px\] {
        min-width: 258px
    }

    .xs\:gap-register-wrapper-gap-sm {
        gap: var(--ui-spacing-register-wrapper-gap-sm, 24px)
    }

    .xs\:p-0 {
        padding: 0
    }

    .xs\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media (max-height:450px) and (orientation:landscape) {
    .xsl\:relative {
        position: relative
    }

    .xsl\:left-\[330px\] {
        left: 330px
    }

    .xsl\:top-\[-80px\] {
        top: -80px
    }

    .xsl\:\!mt-4 {
        margin-top: 1rem !important
    }

    .xsl\:mb-0 {
        margin-bottom: 0
    }

    .xsl\:mb-2 {
        margin-bottom: .5rem
    }

    .xsl\:ml-8 {
        margin-left: 2rem
    }

    .xsl\:mr-0 {
        margin-right: 0
    }

    .xsl\:mt-4 {
        margin-top: 1rem
    }

    .xsl\:block {
        display: block
    }

    .xsl\:flex {
        display: flex
    }

    .xsl\:grid {
        display: grid
    }

    .xsl\:hidden {
        display: none
    }

    .xsl\:h-0 {
        height: 0
    }

    .xsl\:h-full {
        height: 100%
    }

    .xsl\:\!max-h-fit {
        max-height: fit-content !important
    }

    .xsl\:min-h-\[120vh\] {
        min-height: 120vh
    }

    .xsl\:min-h-\[140vh\] {
        min-height: 140vh
    }

    .xsl\:w-\[300px\] {
        width: 300px
    }

    .xsl\:w-\[440px\] {
        width: 440px
    }

    .xsl\:w-auto {
        width: auto
    }

    .xsl\:w-full {
        width: 100%
    }

    .xsl\:max-w-\[160px\] {
        max-width: 160px
    }

    .xsl\:grid-flow-col {
        grid-auto-flow: column
    }

    .xsl\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr))
    }

    .xsl\:grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr))
    }

    .xsl\:grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr))
    }

    .xsl\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .xsl\:items-center {
        align-items: center
    }

    .xsl\:justify-end {
        justify-content: flex-end
    }

    .xsl\:justify-between {
        justify-content: space-between
    }

    .xsl\:gap-2 {
        gap: .5rem
    }

    .xsl\:gap-x-4 {
        column-gap: 1rem
    }

    .xsl\:gap-y-4 {
        row-gap: 1rem
    }

    .xsl\:overflow-auto {
        overflow: auto
    }

    .xsl\:overflow-scroll {
        overflow: scroll
    }

    .xsl\:p-0 {
        padding: 0
    }

    .xsl\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .xsl\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .xsl\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .xsl\:pb-4 {
        padding-bottom: 1rem
    }

    .xsl\:pl-0 {
        padding-left: 0
    }

    .xsl\:pt-12 {
        padding-top: 3rem
    }

    .xsl\:pt-6 {
        padding-top: 1.5rem
    }

    .xsl\:font-menu-banner-xs {
        font-family: var(--ui-typography-menu-banner-xs-font-family, Nunito Sans)
    }

    .xsl\:text-menu-banner-xs {
        font-size: var(--ui-typography-menu-banner-xs-font-size, 20px)
    }

    .xsl\:font-menu-banner-xs {
        font-weight: var(--ui-typography-menu-banner-xs-font-weight, 600)
    }

    .xsl\:leading-menu-banner-xs {
        line-height: var(--ui-typography-menu-banner-xs-line-height, 24px)
    }

    .xsl\:bg-menu-banner {
        background-color: var(--ui-background-color-menu-banner, #292929)
    }
}

@media (min-width:1920px) {
    .\33xl\:bottom-\[200px\] {
        bottom: 200px
    }

    .\33xl\:left-\[-70px\] {
        left: -70px
    }

    .\33xl\:right-\[-70px\] {
        right: -70px
    }

    .\33xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .\33xl\:h-\[210px\] {
        height: 210px
    }

    .\33xl\:min-h-\[calc\(100vh-504px\)\] {
        min-height: calc(100vh - 504px)
    }

    .\33xl\:w-full {
        width: 100%
    }

    .\33xl\:max-w-promotionsCarousel-maxWidth {
        max-width: var(--ui-sizing-promotions-carousel-max-width, 1560px)
    }

    .\33xl\:border-\[4px\] {
        border-width: 4px
    }

    .\33xl\:bg-contain {
        background-size: contain
    }

    .\33xl\:bg-top {
        background-position: top
    }

    .\33xl\:p-rewardbackPage-padding-3xl {
        padding: var(--ui-spacing-rewardback-page-padding-3xl, 48px 0 0)
    }

    .\33xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .\33xl\:px-accountPage-padding-3xl {
        padding-left: var(--ui-spacing-account-page-padding-3xl, 0);
        padding-right: var(--ui-spacing-account-page-padding-3xl, 0)
    }

    .\33xl\:pb-3 {
        padding-bottom: .75rem
    }

    .\33xl\:pl-0 {
        padding-left: 0
    }
}

.ltr\:\!left-0:where([dir=ltr], [dir=ltr] *) {
    left: 0 !important
}

.ltr\:\!right-0:where([dir=ltr], [dir=ltr] *) {
    right: 0 !important
}

.ltr\:\!right-input-label-gap:where([dir=ltr], [dir=ltr] *) {
    right: var(--ui-spacing-input-label-gap, 45px);
    !important
}

.ltr\:left-0:where([dir=ltr], [dir=ltr] *) {
    left: 0
}

.ltr\:left-10:where([dir=ltr], [dir=ltr] *) {
    left: 2.5rem
}

.ltr\:left-12:where([dir=ltr], [dir=ltr] *) {
    left: 3rem
}

.ltr\:left-2:where([dir=ltr], [dir=ltr] *) {
    left: .5rem
}

.ltr\:left-4:where([dir=ltr], [dir=ltr] *) {
    left: 1rem
}

.ltr\:left-8:where([dir=ltr], [dir=ltr] *) {
    left: 2rem
}

.ltr\:left-\[5px\]:where([dir=ltr], [dir=ltr] *) {
    left: 5px
}

.ltr\:left-input-label-gap:where([dir=ltr], [dir=ltr] *) {
    left: var(--ui-spacing-input-label-gap, 45px)
}

.ltr\:right-0:where([dir=ltr], [dir=ltr] *) {
    right: 0
}

.ltr\:right-4:where([dir=ltr], [dir=ltr] *) {
    right: 1rem
}

.ltr\:right-5:where([dir=ltr], [dir=ltr] *) {
    right: 1.25rem
}

.ltr\:right-\[11px\]:where([dir=ltr], [dir=ltr] *) {
    right: 11px
}

.ltr\:right-\[20px\]:where([dir=ltr], [dir=ltr] *) {
    right: 20px
}

.ltr\:right-\[32px\]:where([dir=ltr], [dir=ltr] *) {
    right: 32px
}

.ltr\:\!ml-2:where([dir=ltr], [dir=ltr] *) {
    margin-left: .5rem !important
}

.ltr\:ml-2:where([dir=ltr], [dir=ltr] *) {
    margin-left: .5rem
}

.ltr\:ml-\[8px\]:where([dir=ltr], [dir=ltr] *) {
    margin-left: 8px
}

.ltr\:mr-\[48px\]:where([dir=ltr], [dir=ltr] *) {
    margin-right: 48px
}

.ltr\:-translate-x-full:where([dir=ltr], [dir=ltr] *) {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:rotate-0:where([dir=ltr], [dir=ltr] *) {
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:object-left:where([dir=ltr], [dir=ltr] *) {
    object-position: left
}

.ltr\:pl-0:where([dir=ltr], [dir=ltr] *) {
    padding-left: 0
}

.ltr\:pl-2:where([dir=ltr], [dir=ltr] *) {
    padding-left: .5rem
}

.ltr\:pl-3:where([dir=ltr], [dir=ltr] *) {
    padding-left: .75rem
}

.ltr\:pl-4:where([dir=ltr], [dir=ltr] *) {
    padding-left: 1rem
}

.ltr\:pl-input-gap:where([dir=ltr], [dir=ltr] *) {
    padding-left: var(--ui-spacing-input-gap, 8px)
}

.ltr\:pr-6:where([dir=ltr], [dir=ltr] *) {
    padding-right: 1.5rem
}

.ltr\:text-left:where([dir=ltr], [dir=ltr] *) {
    text-align: left
}

.ltr\:before\:left-footer-item-icon:where([dir=ltr], [dir=ltr] *):before {
    content: var(--tw-content);
    left: var(--ui-spacing-footer-item-icon, 14px)
}

.ltr\:before\:right-0:where([dir=ltr], [dir=ltr] *):before {
    content: var(--tw-content);
    right: 0
}

.ltr\:before\:translate-x-full:where([dir=ltr], [dir=ltr] *):before {
    content: var(--tw-content);
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.ltr\:focus\:ml-2:focus:where([dir=ltr], [dir=ltr] *) {
    margin-left: .5rem
}

.ltr\:focus\:pl-2:focus:where([dir=ltr], [dir=ltr] *) {
    padding-left: .5rem
}

.ltr\:focus\:pl-input-gap:focus:where([dir=ltr], [dir=ltr] *) {
    padding-left: var(--ui-spacing-input-gap, 8px)
}

.peer:focus~.ltr\:peer-focus\:\!left-0:where([dir=ltr], [dir=ltr] *) {
    left: 0 !important
}

.peer:focus~.ltr\:peer-focus\:left-0:where([dir=ltr], [dir=ltr] *) {
    left: 0
}

.peer:focus~.ltr\:peer-focus\:left-10:where([dir=ltr], [dir=ltr] *) {
    left: 2.5rem
}

.peer:focus~.ltr\:peer-focus\:left-input-label-gap:where([dir=ltr], [dir=ltr] *) {
    left: var(--ui-spacing-input-label-gap, 45px)
}

.peer:focus~.ltr\:peer-focus\:right-0:where([dir=ltr], [dir=ltr] *) {
    right: 0
}

.peer:focus~.ltr\:peer-focus\:\!ml-2:where([dir=ltr], [dir=ltr] *) {
    margin-left: .5rem !important
}

.peer:focus~.ltr\:peer-focus\:ml-2:where([dir=ltr], [dir=ltr] *) {
    margin-left: .5rem
}

.peer.is-dirty~.ltr\:peer-\[\.is-dirty\]\:right-0:where([dir=ltr], [dir=ltr] *) {
    right: 0
}

@media (min-width:640px) {
    .ltr\:sm\:ml-\[-46px\]:where([dir=ltr], [dir=ltr] *) {
        margin-left: -46px
    }

    .ltr\:sm\:mr-10:where([dir=ltr], [dir=ltr] *) {
        margin-right: 2.5rem
    }

    .ltr\:sm\:mr-\[290px\]:where([dir=ltr], [dir=ltr] *) {
        margin-right: 290px
    }

    .ltr\:sm\:pl-4:where([dir=ltr], [dir=ltr] *) {
        padding-left: 1rem
    }
}

@media (min-width:1024px) {
    .ltr\:lg\:mr-0:where([dir=ltr], [dir=ltr] *) {
        margin-right: 0
    }

    .ltr\:lg\:text-left:where([dir=ltr], [dir=ltr] *) {
        text-align: left
    }
}

@media (min-width:1280px) {
    .ltr\:xl\:pl-\[240px\]:where([dir=ltr], [dir=ltr] *) {
        padding-left: 240px
    }

    .ltr\:xl\:pl-\[320px\]:where([dir=ltr], [dir=ltr] *) {
        padding-left: 320px
    }

    .ltr\:xl\:pl-\[80px\]:where([dir=ltr], [dir=ltr] *) {
        padding-left: 80px
    }
}

@media (min-width:1920px) {
    .ltr\:3xl\:right-\[15\%\]:where([dir=ltr], [dir=ltr] *) {
        right: 15%
    }
}

.rtl\:\!left-0:where([dir=rtl], [dir=rtl] *) {
    left: 0 !important
}

.rtl\:\!left-input-label-gap:where([dir=rtl], [dir=rtl] *) {
    left: var(--ui-spacing-input-label-gap, 45px);
    !important
}

.rtl\:\!right-0:where([dir=rtl], [dir=rtl] *) {
    right: 0 !important
}

.rtl\:left-0:where([dir=rtl], [dir=rtl] *) {
    left: 0
}

.rtl\:left-4:where([dir=rtl], [dir=rtl] *) {
    left: 1rem
}

.rtl\:left-5:where([dir=rtl], [dir=rtl] *) {
    left: 1.25rem
}

.rtl\:left-\[11px\]:where([dir=rtl], [dir=rtl] *) {
    left: 11px
}

.rtl\:left-\[20px\]:where([dir=rtl], [dir=rtl] *) {
    left: 20px
}

.rtl\:left-\[32px\]:where([dir=rtl], [dir=rtl] *) {
    left: 32px
}

.rtl\:right-0:where([dir=rtl], [dir=rtl] *) {
    right: 0
}

.rtl\:right-10:where([dir=rtl], [dir=rtl] *) {
    right: 2.5rem
}

.rtl\:right-12:where([dir=rtl], [dir=rtl] *) {
    right: 3rem
}

.rtl\:right-2:where([dir=rtl], [dir=rtl] *) {
    right: .5rem
}

.rtl\:right-4:where([dir=rtl], [dir=rtl] *) {
    right: 1rem
}

.rtl\:right-8:where([dir=rtl], [dir=rtl] *) {
    right: 2rem
}

.rtl\:right-\[120\%\]:where([dir=rtl], [dir=rtl] *) {
    right: 120%
}

.rtl\:right-\[5px\]:where([dir=rtl], [dir=rtl] *) {
    right: 5px
}

.rtl\:right-input-label-gap:where([dir=rtl], [dir=rtl] *) {
    right: var(--ui-spacing-input-label-gap, 45px)
}

.rtl\:\!mr-2:where([dir=rtl], [dir=rtl] *) {
    margin-right: .5rem !important
}

.rtl\:ml-\[48px\]:where([dir=rtl], [dir=rtl] *) {
    margin-left: 48px
}

.rtl\:mr-2:where([dir=rtl], [dir=rtl] *) {
    margin-right: .5rem
}

.rtl\:mr-\[8px\]:where([dir=rtl], [dir=rtl] *) {
    margin-right: 8px
}

.rtl\:translate-x-\[-120\%\]:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: -120%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:translate-x-full:where([dir=rtl], [dir=rtl] *) {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:justify-end:where([dir=rtl], [dir=rtl] *) {
    justify-content: flex-end
}

.rtl\:object-right:where([dir=rtl], [dir=rtl] *) {
    object-position: right
}

.rtl\:pl-6:where([dir=rtl], [dir=rtl] *) {
    padding-left: 1.5rem
}

.rtl\:pr-0:where([dir=rtl], [dir=rtl] *) {
    padding-right: 0
}

.rtl\:pr-1:where([dir=rtl], [dir=rtl] *) {
    padding-right: .25rem
}

.rtl\:pr-2:where([dir=rtl], [dir=rtl] *) {
    padding-right: .5rem
}

.rtl\:pr-3:where([dir=rtl], [dir=rtl] *) {
    padding-right: .75rem
}

.rtl\:pr-4:where([dir=rtl], [dir=rtl] *) {
    padding-right: 1rem
}

.rtl\:pr-input-gap:where([dir=rtl], [dir=rtl] *) {
    padding-right: var(--ui-spacing-input-gap, 8px)
}

.rtl\:text-right:where([dir=rtl], [dir=rtl] *) {
    text-align: right
}

.rtl\:before\:left-0:where([dir=rtl], [dir=rtl] *):before {
    content: var(--tw-content);
    left: 0
}

.rtl\:before\:right-footer-item-icon:where([dir=rtl], [dir=rtl] *):before {
    content: var(--tw-content);
    right: var(--ui-spacing-footer-item-icon, 14px)
}

.rtl\:before\:-translate-x-full:where([dir=rtl], [dir=rtl] *):before {
    content: var(--tw-content);
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rtl\:focus\:mr-2:focus:where([dir=rtl], [dir=rtl] *) {
    margin-right: .5rem
}

.rtl\:focus\:pr-2:focus:where([dir=rtl], [dir=rtl] *) {
    padding-right: .5rem
}

.rtl\:focus\:pr-input-gap:focus:where([dir=rtl], [dir=rtl] *) {
    padding-right: var(--ui-spacing-input-gap, 8px)
}

.peer:focus~.rtl\:peer-focus\:\!right-0:where([dir=rtl], [dir=rtl] *) {
    right: 0 !important
}

.peer:focus~.rtl\:peer-focus\:left-0:where([dir=rtl], [dir=rtl] *) {
    left: 0
}

.peer:focus~.rtl\:peer-focus\:right-0:where([dir=rtl], [dir=rtl] *) {
    right: 0
}

.peer:focus~.rtl\:peer-focus\:right-10:where([dir=rtl], [dir=rtl] *) {
    right: 2.5rem
}

.peer:focus~.rtl\:peer-focus\:right-input-label-gap:where([dir=rtl], [dir=rtl] *) {
    right: var(--ui-spacing-input-label-gap, 45px)
}

.peer:focus~.rtl\:peer-focus\:\!mr-2:where([dir=rtl], [dir=rtl] *) {
    margin-right: .5rem !important
}

.peer:focus~.rtl\:peer-focus\:mr-2:where([dir=rtl], [dir=rtl] *) {
    margin-right: .5rem
}

.peer.is-dirty~.rtl\:peer-\[\.is-dirty\]\:left-0:where([dir=rtl], [dir=rtl] *) {
    left: 0
}

.has-\[\.icon-chevron-left\]\:rtl\:rotate-180:where([dir=rtl], [dir=rtl] *):has(.icon-chevron-left) {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (min-width:640px) {
    .rtl\:sm\:ml-10:where([dir=rtl], [dir=rtl] *) {
        margin-left: 2.5rem
    }

    .rtl\:sm\:ml-\[290px\]:where([dir=rtl], [dir=rtl] *) {
        margin-left: 290px
    }

    .rtl\:sm\:mr-\[-46px\]:where([dir=rtl], [dir=rtl] *) {
        margin-right: -46px
    }

    .rtl\:sm\:justify-start:where([dir=rtl], [dir=rtl] *) {
        justify-content: flex-start
    }

    .sm\:rtl\:justify-start:where([dir=rtl], [dir=rtl] *) {
        justify-content: flex-start
    }

    .rtl\:sm\:justify-end:where([dir=rtl], [dir=rtl] *) {
        justify-content: flex-end
    }

    .rtl\:sm\:pr-4:where([dir=rtl], [dir=rtl] *) {
        padding-right: 1rem
    }
}

@media (min-width:1024px) {
    .rtl\:lg\:ml-0:where([dir=rtl], [dir=rtl] *) {
        margin-left: 0
    }

    .rtl\:lg\:text-right:where([dir=rtl], [dir=rtl] *) {
        text-align: right
    }
}

@media (min-width:1280px) {
    .rtl\:xl\:pr-\[240px\]:where([dir=rtl], [dir=rtl] *) {
        padding-right: 240px
    }

    .rtl\:xl\:pr-\[320px\]:where([dir=rtl], [dir=rtl] *) {
        padding-right: 320px
    }

    .rtl\:xl\:pr-\[80px\]:where([dir=rtl], [dir=rtl] *) {
        padding-right: 80px
    }

    .xl\:rtl\:pl-\[382px\]:where([dir=rtl], [dir=rtl] *) {
        padding-left: 382px
    }

    .xl\:rtl\:pr-\[142px\]:where([dir=rtl], [dir=rtl] *) {
        padding-right: 142px
    }
}

@media (min-width:1920px) {
    .rtl\:3xl\:left-\[15\%\]:where([dir=rtl], [dir=rtl] *) {
        left: 15%
    }
}

.\[\&\:not\(\:last-of-type\)\]\:border-b:not(:last-of-type) {
    border-bottom-width: 1px
}

.\[\&\>\#main-container\]\:mt-\[calc\(-1\*var\(--ui-spacing-home-content-gap-xs\)\)\]>#main-container {
    margin-top: calc(var(--ui-spacing-home-content-gap-xs)*-1)
}

@media (min-width:640px) {
    .sm\:\[\&\>\#main-container\]\:mt-\[calc\(-1\*var\(--ui-spacing-home-content-gap-sm\)\)\]>#main-container {
        margin-top: calc(var(--ui-spacing-home-content-gap-sm)*-1)
    }
}

@media (min-width:1024px) {
    .lg\:\[\&\>\#main-container\]\:mt-\[calc\(-1\*var\(--ui-spacing-home-content-gap-lg\)\)\]>#main-container {
        margin-top: calc(var(--ui-spacing-home-content-gap-lg)*-1)
    }
}

.\[\&\>\*\:first-child\]\:flex>:first-child {
    display: flex
}

.\[\&\>\*\:first-child\]\:min-h-\[136px\]>:first-child {
    min-height: 136px
}

.\[\&\>\*\:first-child\]\:gap-2>:first-child {
    gap: .5rem
}

.\[\&\>\*\:first-child\]\:after\:absolute>:first-child:after {
    content: var(--tw-content);
    position: absolute
}

.\[\&\>\*\:first-child\]\:after\:bottom-0>:first-child:after {
    bottom: 0;
    content: var(--tw-content)
}

.\[\&\>\*\:first-child\]\:after\:left-0>:first-child:after {
    content: var(--tw-content);
    left: 0
}

.\[\&\>\*\:first-child\]\:after\:h-optionsSwitcher-line>:first-child:after {
    content: var(--tw-content);
    height: var(--ui-sizing-options-switcher-line, 8px)
}

.\[\&\>\*\:first-child\]\:after\:w-full>:first-child:after {
    content: var(--tw-content);
    width: 100%
}

.\[\&\>\*\:first-child\]\:after\:rounded-full>:first-child:after {
    border-radius: 9999px;
    content: var(--tw-content)
}

.\[\&\>\*\:first-child\]\:after\:content-\[\'\'\]>:first-child:after {
    --tw-content: "";
    content: var(--tw-content)
}

.\[\&\>\*\:first-child\]\:after\:bg-optionsSwitcher-line-default>:first-child:after {
    background-color: var(--ui-background-color-options-switcher-line-default, #353535);
    content: var(--tw-content)
}

@media (min-width:640px) {
    .sm\:\[\&\>\*\:first-child\]\:min-h-\[174px\]>:first-child {
        min-height: 174px
    }
}

@media (min-width:1024px) {
    .lg\:\[\&\>\*\:first-child\]\:min-h-\[240px\]>:first-child {
        min-height: 240px
    }
}

@media (min-width:1280px) {
    .xl\:\[\&\>\*\:first-child\]\:min-h-\[270px\]>:first-child {
        min-height: 270px
    }
}

.\[\&\>\*\:nth-child\(1\)\]\:bg-leaderboard-list-first-item-bg>:first-child {
    background-color: var(--ui-background-color-leaderboard-list-first-item-bg, #434343)
}

.\[\&\>\*\:nth-child\(2\)\]\:bg-leaderboard-list-second-item-bg>:nth-child(2) {
    background-color: var(--ui-background-color-leaderboard-list-second-item-bg, #353535)
}

.\[\&\>\*\:nth-child\(3\)\]\:bg-leaderboard-list-third-item-bg>:nth-child(3) {
    background-color: var(--ui-background-color-leaderboard-list-third-item-bg, #2e2e2e)
}

.\[\&\>\*\]\:text-default>* {
    color: var(--ui-text-color-default, #fff)
}

.\[\&\>\.active-class\+\&\]\:bg-expandableMenu-bg-opened>.active-class+.\[\&\>\.active-class\+\&\]\:bg-expandableMenu-bg-opened {
    background-image: var(--ui-background-color-expandable-menu-bg-opened, radial-gradient(185.75% 180.21% at 50% 180.21%, var(--tint-accent-50, #1e1403) 0, var(--tint-neutral-25, #091015) 100%))
}

.\[\&\>\.text-field-error\]\:mt-\[calc\(-1\*var\(--ui-spacing-register-social-wrapper-gap-xs\)\)\]>.text-field-error {
    margin-top: calc(var(--ui-spacing-register-social-wrapper-gap-xs)*-1)
}

.\[\&\>a\>li\]\:uppercase>a>li {
    text-transform: uppercase
}

@media (hover:hover) and (pointer:fine) {
    .hover\:\[\&\>a\]\:cursor-pointer>a:hover {
        cursor: pointer
    }

    .hover\:\[\&\>a\]\:text-button-details-hover>a:hover {
        color: var(--ui-text-color-button-details-hover, #f4d7a3)
    }

    .hover\:\[\&\>a\]\:underline>a:hover {
        text-decoration-line: underline
    }
}

@media (min-width:1024px) {
    @media (hover:hover) and (pointer:fine) {
        .lg\:hover\:\[\&\>a\]\:text-promotionCard-details-hover>a:hover {
            color: var(--ui-text-color-promotion-card-details-hover, #fff)
        }
    }
}

.\[\&\>button\]\:\!h-fit>button {
    height: fit-content !important
}

.\[\&\>div\.swiper-pagination\]\:hidden>div.swiper-pagination {
    display: none
}

.\[\&\>div\:first-child\]\:border>div:first-child {
    border-width: 1px
}

.\[\&\>div\:first-child\]\:border-expandableMenu-default>div:first-child {
    border-color: var(--ui-border-color-expandable-menu-default, #0000)
}

@media (hover:hover) and (pointer:fine) {
    .group:hover .group-hover\:\[\&\>div\:first-child\]\:border-expandableMenu-hover>div:first-child {
        border-color: var(--ui-border-color-expandable-menu-hover, #342306)
    }
}

.\[\&\>div\]\:left-1\/2>div {
    left: 50%
}

.\[\&\>div\]\:left-\[2px\]>div {
    left: 2px
}

.\[\&\>div\]\:mx-auto>div {
    margin-left: auto;
    margin-right: auto
}

.\[\&\>div\]\:h-\[240px\]>div {
    height: 240px
}

.\[\&\>div\]\:h-\[650px\]>div {
    height: 650px
}

.\[\&\>div\]\:h-heroSection-video-logged-xs>div {
    height: var(--ui-sizing-hero-section-video-logged-xs, 600px)
}

.\[\&\>div\]\:h-heroSection-video-notLogged-xs>div {
    height: var(--ui-sizing-hero-section-video-not-logged-xs, 352px)
}

.\[\&\>div\]\:h-max>div {
    height: max-content
}

.\[\&\>div\]\:w-\[calc\(100\%-4px\)\]>div {
    width: calc(100% - 4px)
}

.\[\&\>div\]\:max-w-\[1920px\]>div {
    max-width: 1920px
}

.\[\&\>div\]\:flex-1>div {
    flex: 1 1 0%
}

.\[\&\>div\]\:-translate-x-1\/2>div {
    --tw-translate-x: -50%
}

.\[\&\>div\]\:-translate-x-1\/2>div,
.\[\&\>div\]\:transform>div {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.\[\&\>div\]\:justify-center>div {
    justify-content: center
}

.\[\&\>div\]\:justify-around>div {
    justify-content: space-around
}

.\[\&\>div\]\:rounded-lg>div {
    border-radius: var(--ui-border-radius-lg, 8px)
}

.\[\&\>div\]\:rounded-vip-widget>div {
    border-radius: var(--ui-border-radius-vip-widget, 16px)
}

.\[\&\>div\]\:rounded-xl>div {
    border-radius: var(--ui-border-radius-xl, 16px)
}

.\[\&\>div\]\:rounded-b-lg>div {
    border-bottom-left-radius: var(--ui-border-radius-lg, 8px);
    border-bottom-right-radius: var(--ui-border-radius-lg, 8px)
}

.\[\&\>div\]\:bg-top>div {
    background-position: top
}

.\[\&\>div\]\:font-campaignPage-title>div {
    font-family: var(--ui-font-families-campaign-page-title, ivypresto-display)
}

.\[\&\>div\]\:font-gamesPage-title>div {
    font-family: var(--ui-font-families-games-page-title, kallisto)
}

.\[\&\>div\]\:font-gamesPage-title-xs>div {
    font-family: var(--ui-typography-games-page-title-xs-font-family, ivypresto-display)
}

.\[\&\>div\]\:font-jackpot-title>div {
    font-family: var(--ui-font-families-jackpot-title, ivypresto-display)
}

.\[\&\>div\]\:font-personalInfoCard-title>div {
    font-family: var(--ui-font-families-personal-info-card-title, ivypresto-display)
}

.\[\&\>div\]\:font-personalInfoCard-title-xs>div {
    font-family: var(--ui-typography-personal-info-card-title-xs-font-family, ivypresto-display)
}

.\[\&\>div\]\:font-promotionsPage-title-xs>div {
    font-family: var(--ui-typography-promotions-page-title-xs-font-family, ivypresto-display)
}

.\[\&\>div\]\:font-userGamesModal-title>div {
    font-family: var(--ui-font-families-user-games-modal-title, ivypresto-display)
}

.\[\&\>div\]\:font-userGamesPage-title>div {
    font-family: var(--ui-font-families-user-games-page-title, ivypresto-display)
}

.\[\&\>div\]\:font-vip-levelCard-title-xs>div {
    font-family: var(--ui-typography-vip-level-card-title-xs-font-family, ivypresto-display)
}

.\[\&\>div\]\:text-balanceHistory-title-xs>div {
    font-size: var(--ui-font-sizes-balance-history-title-xs, 24px)
}

.\[\&\>div\]\:text-campaignPage-title-xs>div {
    font-size: var(--ui-font-sizes-campaign-page-title-xs, 28px)
}

.\[\&\>div\]\:text-gamesPage-title-xs>div {
    font-size: var(--ui-typography-games-page-title-xs-font-size, 28px)
}

.\[\&\>div\]\:text-jackpot-title-xs>div {
    font-size: var(--ui-font-sizes-jackpot-title-xs, 20px)
}

.\[\&\>div\]\:text-personalInfoCard-title-xs>div {
    font-size: var(--ui-typography-personal-info-card-title-xs-font-size, 22px)
}

.\[\&\>div\]\:text-promotionsPage-title-xs>div {
    font-size: var(--ui-typography-promotions-page-title-xs-font-size, 28px)
}

.\[\&\>div\]\:text-userGamesModal-title-xs>div {
    font-size: var(--ui-font-sizes-user-games-modal-title-xs, 20px)
}

.\[\&\>div\]\:text-userGamesPage-title-xs>div {
    font-size: var(--ui-font-sizes-user-games-page-title-xs, 28px)
}

.\[\&\>div\]\:text-vip-levelCard-title-xs>div {
    font-size: var(--ui-typography-vip-level-card-title-xs-font-size, 20px)
}

.\[\&\>div\]\:text-vip-widget-title-xs>div {
    font-size: var(--ui-typography-vip-widget-title-xs-font-size, 32px)
}

.\[\&\>div\]\:font-balanceHistory-title>div {
    font-weight: var(--ui-font-weights-balance-history-title, 500)
}

.\[\&\>div\]\:font-campaignPage-title>div {
    font-weight: var(--ui-font-weights-campaign-page-title, 600)
}

.\[\&\>div\]\:font-gamesPage-title-xs>div {
    font-weight: var(--ui-typography-games-page-title-xs-font-weight, 600)
}

.\[\&\>div\]\:font-jackpot-title>div {
    font-weight: var(--ui-font-weights-jackpot-title, 700)
}

.\[\&\>div\]\:font-personalInfoCard-title>div {
    font-weight: var(--ui-font-weights-personal-info-card-title, 600)
}

.\[\&\>div\]\:font-personalInfoCard-title-xs>div {
    font-weight: var(--ui-typography-personal-info-card-title-xs-font-weight, 600)
}

.\[\&\>div\]\:font-promotionsPage-title-xs>div {
    font-weight: var(--ui-typography-promotions-page-title-xs-font-weight, 600)
}

.\[\&\>div\]\:font-userGamesModal-title>div {
    font-weight: var(--ui-font-weights-user-games-modal-title, 600)
}

.\[\&\>div\]\:font-userGamesPage-title>div {
    font-weight: var(--ui-font-weights-user-games-page-title, 600)
}

.\[\&\>div\]\:font-verificationPage-title>div {
    font-weight: var(--ui-font-weights-verification-page-title, 600)
}

.\[\&\>div\]\:font-vip-levelCard-title-xs>div {
    font-weight: var(--ui-typography-vip-level-card-title-xs-font-weight, 700)
}

.\[\&\>div\]\:uppercase>div {
    text-transform: uppercase
}

.\[\&\>div\]\:leading-balanceHistory-title>div {
    line-height: var(--ui-line-heights-balance-history-title, 1)
}

.\[\&\>div\]\:leading-campaignPage-title-xs>div {
    line-height: var(--ui-line-heights-campaign-page-title-xs, 40px)
}

.\[\&\>div\]\:leading-gamesPage-title-xs>div {
    line-height: var(--ui-typography-games-page-title-xs-line-height, 36px)
}

.\[\&\>div\]\:leading-jackpot-title-xs>div {
    line-height: var(--ui-line-heights-jackpot-title-xs, 24px)
}

.\[\&\>div\]\:leading-personalInfoCard-title-xs>div {
    line-height: var(--ui-typography-personal-info-card-title-xs-line-height, 145%)
}

.\[\&\>div\]\:leading-promotionsPage-title-xs>div {
    line-height: var(--ui-typography-promotions-page-title-xs-line-height, 40px)
}

.\[\&\>div\]\:leading-verificationPage-title-xs>div {
    line-height: var(--ui-line-heights-verification-page-title-xs, 40px)
}

.\[\&\>div\]\:leading-vip-levelCard-title-xs>div {
    line-height: var(--ui-typography-vip-level-card-title-xs-line-height, 24px)
}

.\[\&\>div\]\:leading-vip-widget-title>div {
    line-height: var(--ui-line-heights-vip-widget-title, 44px)
}

.\[\&\>div\]\:text-balanceHistory-title>div {
    color: var(--ui-text-color-balance-history-title, #fff)
}

.\[\&\>div\]\:text-gamesPage-title>div {
    color: var(--ui-text-color-games-page-title, #fff)
}

.\[\&\>div\]\:text-personalInfoCard-title>div {
    color: var(--ui-text-color-personal-info-card-title, #fff)
}

.\[\&\>div\]\:text-userGamesPage-title>div {
    color: var(--ui-text-color-user-games-page-title, #fff)
}

.\[\&\>div\]\:text-verificationPage-title>div {
    color: var(--ui-text-color-verification-page-title, #fff)
}

.\[\&\>div\]\:text-vip-levelCard-title>div {
    color: var(--ui-text-color-vip-level-card-title, #f1f8ff)
}

.\[\&\>div\]\:text-vip-widget-title>div {
    color: var(--ui-text-color-vip-widget-title, #fff)
}

.\[\&\>div\]\:bg-menu-item-active>div {
    background-color: var(--ui-background-color-menu-item-active, #121212)
}

.\[\&\>div\]\:bg-menu-item-hover>div {
    background-color: var(--ui-background-color-menu-item-hover, #121212)
}

@media (min-width:640px) {
    .sm\:\[\&\>div\]\:h-\[calc\(100\%-4px\)\]>div {
        height: calc(100% - 4px)
    }

    .sm\:\[\&\>div\]\:h-heroSection-video-logged-sm>div {
        height: var(--ui-sizing-hero-section-video-logged-sm, 650px)
    }

    .sm\:\[\&\>div\]\:h-heroSection-video-notLogged-sm>div {
        height: var(--ui-sizing-hero-section-video-not-logged-sm, 320px)
    }

    .\[\&\>div\]\:sm\:justify-center>div,
    .sm\:\[\&\>div\]\:justify-center>div {
        justify-content: center
    }

    .\[\&\>div\]\:sm\:bg-center>div {
        background-position: 50%
    }

    .\[\&\>div\]\:sm\:bg-right>div {
        background-position: 100%
    }

    .\[\&\>div\]\:sm\:font-gamesPage-title-sm>div {
        font-family: var(--ui-typography-games-page-title-sm-font-family, ivypresto-display)
    }

    .\[\&\>div\]\:sm\:text-balanceHistory-title-sm>div {
        font-size: var(--ui-font-sizes-balance-history-title-sm, 36px)
    }

    .\[\&\>div\]\:sm\:text-campaignPage-title-sm>div {
        font-size: var(--ui-font-sizes-campaign-page-title-sm, 36px)
    }

    .\[\&\>div\]\:sm\:text-gamesPage-title-sm>div {
        font-size: var(--ui-typography-games-page-title-sm-font-size, 36px)
    }

    .\[\&\>div\]\:sm\:text-jackpot-title-sm>div {
        font-size: var(--ui-font-sizes-jackpot-title-sm, 20px)
    }

    .\[\&\>div\]\:sm\:text-promotionsPage-title-sm>div {
        font-size: var(--ui-typography-promotions-page-title-sm-font-size, 36px)
    }

    .\[\&\>div\]\:sm\:text-userGamesModal-title-sm>div {
        font-size: var(--ui-font-sizes-user-games-modal-title-sm, 24px)
    }

    .\[\&\>div\]\:sm\:text-userGamesPage-title-sm>div {
        font-size: var(--ui-font-sizes-user-games-page-title-sm, 36px)
    }

    .\[\&\>div\]\:sm\:text-verificationPage-title-sm>div {
        font-size: var(--ui-font-sizes-verification-page-title-sm, 36px)
    }

    .\[\&\>div\]\:sm\:text-vip-levelCard-title-sm>div {
        font-size: var(--ui-typography-vip-level-card-title-sm-font-size, 24px)
    }

    .\[\&\>div\]\:sm\:font-gamesPage-title-sm>div {
        font-weight: var(--ui-typography-games-page-title-sm-font-weight, 600)
    }

    .\[\&\>div\]\:sm\:leading-campaignPage-title-sm>div {
        line-height: var(--ui-line-heights-campaign-page-title-sm, 36px)
    }

    .\[\&\>div\]\:sm\:leading-gamesPage-title-sm>div {
        line-height: var(--ui-typography-games-page-title-sm-line-height, 44px)
    }

    .\[\&\>div\]\:sm\:leading-jackpot-title-sm>div {
        line-height: var(--ui-line-heights-jackpot-title-sm, 24px)
    }

    .\[\&\>div\]\:sm\:leading-promotionsPage-title-sm>div {
        line-height: var(--ui-typography-promotions-page-title-sm-line-height, 44px)
    }

    .\[\&\>div\]\:sm\:leading-verificationPage-title-sm>div {
        line-height: var(--ui-line-heights-verification-page-title-sm, 60px)
    }

    .\[\&\>div\]\:sm\:leading-vip-levelCard-title-sm>div {
        line-height: var(--ui-typography-vip-level-card-title-sm-line-height, 28px)
    }
}

@media (min-width:1024px) {
    .lg\:\[\&\>div\]\:h-\[780px\]>div {
        height: 780px
    }

    .lg\:\[\&\>div\]\:h-heroSection-video-logged-xl>div {
        height: var(--ui-sizing-hero-section-video-logged-xl, 650px)
    }

    .lg\:\[\&\>div\]\:h-heroSection-video-notLogged-xl>div {
        height: var(--ui-sizing-hero-section-video-not-logged-xl, 540px)
    }

    .\[\&\>div\]\:lg\:font-gamesPage-title-lg>div {
        font-family: var(--ui-typography-games-page-title-lg-font-family, ivypresto-display)
    }

    .\[\&\>div\]\:lg\:font-personalInfoCard-title-lg>div {
        font-family: var(--ui-typography-personal-info-card-title-lg-font-family, ivypresto-display)
    }

    .\[\&\>div\]\:lg\:text-campaignPage-title-lg>div {
        font-size: var(--ui-font-sizes-campaign-page-title-lg, 36px)
    }

    .\[\&\>div\]\:lg\:text-gamesPage-title-lg>div {
        font-size: var(--ui-typography-games-page-title-lg-font-size, 36px)
    }

    .\[\&\>div\]\:lg\:text-jackpot-title-lg>div {
        font-size: var(--ui-font-sizes-jackpot-title-lg, 30px)
    }

    .\[\&\>div\]\:lg\:text-personalInfoCard-title-lg>div {
        font-size: var(--ui-typography-personal-info-card-title-lg-font-size, 28px)
    }

    .\[\&\>div\]\:lg\:text-promotionsPage-title-lg>div {
        font-size: var(--ui-typography-promotions-page-title-lg-font-size, 36px)
    }

    .\[\&\>div\]\:lg\:text-userGamesModal-title-lg>div {
        font-size: var(--ui-font-sizes-user-games-modal-title-lg, 24px)
    }

    .\[\&\>div\]\:lg\:text-userGamesPage-title-lg>div {
        font-size: var(--ui-font-sizes-user-games-page-title-lg, 36px)
    }

    .\[\&\>div\]\:lg\:text-verificationPage-title-lg>div {
        font-size: var(--ui-font-sizes-verification-page-title-lg, 40px)
    }

    .\[\&\>div\]\:lg\:text-vip-levelCard-title-lg>div {
        font-size: var(--ui-typography-vip-level-card-title-lg-font-size, 32px)
    }

    .\[\&\>div\]\:lg\:font-gamesPage-title-lg>div {
        font-weight: var(--ui-typography-games-page-title-lg-font-weight, 600)
    }

    .\[\&\>div\]\:lg\:font-personalInfoCard-title-lg>div {
        font-weight: var(--ui-typography-personal-info-card-title-lg-font-weight, 600)
    }

    .\[\&\>div\]\:lg\:leading-campaignPage-title-lg>div {
        line-height: var(--ui-line-heights-campaign-page-title-lg, 44px)
    }

    .\[\&\>div\]\:lg\:leading-gamesPage-title-lg>div {
        line-height: var(--ui-typography-games-page-title-lg-line-height, 44px)
    }

    .\[\&\>div\]\:lg\:leading-jackpot-title-lg>div {
        line-height: var(--ui-line-heights-jackpot-title-lg, 36px)
    }

    .\[\&\>div\]\:lg\:leading-personalInfoCard-title-lg>div {
        line-height: var(--ui-typography-personal-info-card-title-lg-line-height, 130%)
    }

    .\[\&\>div\]\:lg\:leading-promotionsPage-title-lg>div {
        line-height: var(--ui-typography-promotions-page-title-lg-line-height, 44px)
    }

    .\[\&\>div\]\:lg\:leading-vip-levelCard-title-lg>div {
        line-height: var(--ui-typography-vip-level-card-title-lg-line-height, 40px)
    }
}

@media (min-width:1280px) {
    .\[\&\>div\]\:xl\:mb-0>div {
        margin-bottom: 0
    }

    .xl\:\[\&\>div\]\:h-heroSection-video-logged-xl>div {
        height: var(--ui-sizing-hero-section-video-logged-xl, 650px)
    }

    .xl\:\[\&\>div\]\:h-heroSection-video-notLogged-xl>div {
        height: var(--ui-sizing-hero-section-video-not-logged-xl, 540px)
    }

    .\[\&\>div\]\:xl\:text-balanceHistory-title-xl>div {
        font-size: var(--ui-font-sizes-balance-history-title-xl, 48px)
    }

    .\[\&\>div\]\:xl\:text-verificationPage-title-xl>div {
        font-size: var(--ui-font-sizes-verification-page-title-xl, 48px)
    }

    .\[\&\>div\]\:xl\:text-vip-widget-title-xl>div {
        font-size: var(--ui-font-sizes-vip-widget-title-xl, 40px)
    }
}

.\[\&\>p\]\:text-subMenu-text-active>p {
    font-size: var(--ui-typography-sub-menu-text-active-font-size, 12px)
}

.\[\&\>p\]\:text-menu-text-active>p {
    color: var(--ui-text-color-menu-text-active, #c7c7c7)
}

.\[\&\>p\]\:text-subMenu-text-active>p {
    color: var(--ui-text-color-sub-menu-text-active, #407bc2)
}

.\[\&\>p\]\:before\:h-\[2px\]>p:before {
    content: var(--tw-content);
    height: 2px
}

.\[\&\>span\]\:ml-2>span {
    margin-left: .5rem
}

.\[\&\>span\]\:cursor-pointer>span {
    cursor: pointer
}

.\[\&\>span\]\:whitespace-nowrap>span {
    white-space: nowrap
}

.\[\&\>span\]\:pl-1>span {
    padding-left: .25rem
}

.\[\&\>span\]\:text-default>span {
    color: var(--ui-text-color-default, #fff)
}

.\[\&\>span\]\:text-depositCard-span>span {
    color: var(--ui-text-color-deposit-card-span, #efc376)
}

.\[\&\>span\]\:underline>span {
    text-decoration-line: underline
}

.\[\&\>span\]\:bg-transparent>span {
    background-color: var(--ui-colors-transparent, #0000)
}

@media (hover:hover) and (pointer:fine) {
    .hover\:\[\&\>span\]\:cursor-pointer>span:hover {
        cursor: pointer
    }

    .hover\:\[\&\>span\]\:text-personalInfoCard-text-hover>span:hover {
        color: var(--ui-text-color-personal-info-card-text-hover, #f4d7a3)
    }
}

.\[\&\>svg\]\:\!h-full>svg {
    height: 100% !important
}

.\[\&\>svg\]\:\!w-full>svg {
    width: 100% !important
}

@media (min-width:640px) {
    .\[\&\>svg\]\:sm\:\!w-\[448px\]>svg {
        width: 448px !important
    }
}

@media (min-width:1536px) {
    .\[\&\>svg\]\:2xl\:\!w-\[524px\]>svg {
        width: 524px !important
    }
}

.\[\&_\.text-menu-text-default\]\:text-menu-text-active .text-menu-text-default {
    color: var(--ui-text-color-menu-text-active, #c7c7c7)
}

.\[\&_i\]\:text-menu-icon-hover i {
    color: var(--ui-text-color-menu-icon-hover, #c7c7c7)
}

.\[\&_p\]\:text-menu-text-active p {
    color: var(--ui-text-color-menu-text-active, #c7c7c7)
}

.\[\&_span\:nth-of-type\(1\)\]\:text-auth-text-muted span:first-of-type {
    color: var(--ui-text-color-auth-text-muted, #bcbdc2)
}

.\[\&_span\:nth-of-type\(2\)\]\:text-auth-text-action span:nth-of-type(2) {
    color: var(--ui-text-color-auth-text-action, #f0ad48)
}

@media (hover:hover) and (pointer:fine) {
    .hover\:\[\&_span\:nth-of-type\(2\)\]\:cursor-pointer span:nth-of-type(2):hover {
        cursor: pointer
    }

    .hover\:\[\&_span\:nth-of-type\(2\)\]\:text-auth-text-default span:nth-of-type(2):hover {
        color: var(--ui-text-color-auth-text-default, #bcbdc2)
    }

    .hover\:\[\&_span\:nth-of-type\(2\)\]\:underline span:nth-of-type(2):hover {
        text-decoration-line: underline
    }
}

.\[\&_span\]\:text-expandableMenu-text-opened span {
    color: var(--ui-text-color-expandable-menu-text-opened, #f2f2f2)
}

@media (hover:hover) and (pointer:fine) {
    .hover\:\[\&_span\]\:underline span:hover {
        text-decoration-line: underline
    }
}