:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

*,
:after,
:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    text-align: var(--bs-body-text-align);
    -webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6 {
    color: var(--bs-heading-color);
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width:1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media(min-width:1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media(min-width:1200px) {
    h3 {
        font-size: 1.75rem
    }
}

h4 {
    font-size: calc(1.275rem + .3vw)
}

@media(min-width:1200px) {
    h4 {
        font-size: 1.5rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0
}

address,
p {
    margin-bottom: 1rem
}

address {
    font-style: normal;
    line-height: inherit
}

ul {
    margin-bottom: 1rem;
    margin-top: 0;
    padding-left: 2rem
}

ul ul {
    margin-bottom: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
pre {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    color: var(--bs-code-color);
    font-size: .875em;
    word-wrap: break-word
}

a>code {
    color: inherit
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

td,
th,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

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

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.sm_container,
.sm_container-fluid,
.sm_container-xl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

@media(min-width:576px) {
    .sm_container {
        max-width: 540px
    }
}

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

@media(min-width:992px) {
    .sm_container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    .sm_container,
    .sm_container-xl {
        max-width: 1140px
    }
}

@media(min-width:1400px) {
    .sm_container,
    .sm_container-xl {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.sm_row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.sm_row>* {
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.sm_col-6 {
    flex: 0 0 auto;
    width: 50%
}

@media(min-width:576px) {
    .sm_col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }
}

@media(min-width:992px) {
    .sm_col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }
    
    
    
    
    
    
    
    
}

@media(min-width:1200px) {
    .sm_col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }
    
    
    
}

.sm_btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    background-color: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    color: var(--bs-btn-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    user-select: none;
    vertical-align: middle
}

@media(prefers-reduced-motion:reduce) {
    .sm_btn {
        transition: none
    }
}

.sm_btn:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    color: var(--bs-btn-hover-color)
}

.sm_btn:focus-visible {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    box-shadow: var(--bs-btn-focus-box-shadow);
    color: var(--bs-btn-hover-color);
    outline: 0
}

.sm_btn-check:checked+.sm_btn,
.sm_btn.active,
.sm_btn.show,
.sm_btn:first-child:active,
:not(.sm_btn-check)+.sm_btn:active {
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color)
}

.sm_btn-check:checked+.sm_btn:focus-visible,
.sm_btn.active:focus-visible,
.sm_btn.show:focus-visible,
.sm_btn:first-child:active:focus-visible,
:not(.sm_btn-check)+.sm_btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.sm_btn.disabled,
.sm_btn:disabled {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    color: var(--bs-btn-disabled-color);
    opacity: var(--bs-btn-disabled-opacity);
    pointer-events: none
}

.sm_nav-link {
    background: 0 0;
    border: 0;
    color: var(--bs-nav-link-color);
    display: block;
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .sm_nav-link {
        transition: none
    }
}

.sm_nav-link:focus,
.sm_nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.sm_nav-link:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    outline: 0
}

.sm_nav-link.disabled,
.sm_nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    cursor: default;
    pointer-events: none
}

.sm_navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--bs-progress-height)
    }
}

:root {
    --bs-btn-close-filter:
}

:root {
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: #fff;
    --bs-carousel-control-icon-filter:
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-wave {
    to {
        mask-position: -200% 0
    }
}

.sm_d-flex {
    display: flex !important
}

.sm_d-none {
    display: none !important
}

.sm_border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.sm_border-0 {
    border: 0 !important
}

.sm_border-1 {
    border-width: 1px !important
}

.sm_w-100 {
    width: 100% !important
}

.sm_justify-content-end {
    justify-content: flex-end !important
}

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

.sm_justify-content-between {
    justify-content: space-between !important
}

.sm_align-items-center {
    align-items: center !important
}

.sm_mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.sm_me-1 {
    margin-right: .25rem !important
}

.sm_mb-0 {
    margin-bottom: 0 !important
}

.sm_px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.sm_px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.sm_py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.sm_fw-bold {
    font-weight: 700 !important
}

.sm_text-start {
    text-align: left !important
}

.sm_text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.sm_bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.sm_rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

@media(min-width:576px) {
    .sm_d-sm-block {
        display: block !important
    }
    
    
    .sm_d-sm-none {
        display: none !important
    }
}

@media(min-width:768px) {
    .sm_d-md-block {
        display: block !important
    }
    .sm_d-md-flex {
        display: flex !important
    }
    .sm_d-md-none {
        display: none !important
    }
}

@media(min-width:992px) {
    
    
    
    
    
    
    .sm_mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }
    
    
    
    
    
}

@media(min-width:1200px) {
    .sm_d-xl-flex {
        display: flex !important
    }
    
    
}

:root {
    --m-app-height: 350px;
    --scrollbar-width: 0px;
    --app-height: 100vh;
    --nav-banner-height: 0px;
    --nav-sidebar-width: 64px;
    --modal-header-height: 64px;
    --m-app-height: 341px;
    --nav-height: 64px;
    --modal-backdrop-filter: unset;
    --modal-header-border-width: 1px;
    --modal-header-padding-right: 24px;
    --border-radius-pill: 1000px;
    --nav-button-s-padding: 6px;
    --modal-header-padding-top: 16px;
    --button-s-font-line-height: 20px;
    --nav-button-s-icon-size: var(--button-s-font-line-height)
}

.sm_m-modal-header:after,
.sm_m-modal-header:before {
    height: 0 !important
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: auto;
    background-color: var(--main-color);
    color: var(--main-text-color);
    font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    overflow-x: hidden
}

::-webkit-scrollbar {
    height: 0;
    width: 0
}

::-webkit-scrollbar-track {
    background: #060e2a
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
    background: #54596d
}

::placeholder {
    color: var(--main-text-header-color)
}

b,
strong {
    font-weight: 500
}

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

.sm_nav-link,
.sm_nav-link:hover,
a,
a:hover {
    color: #eff0f2;
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500
}

.sm_btn-check:focus+.sm_btn,
.sm_btn:focus {
    box-shadow: none;
    outline: 0
}

h1 {
    font-size: 30px;
    line-height: 36px
}

h1, h2 {
    color: var(--main-text-header-color)
}

h2 {
    font-size: 26px;
    line-height: 30px
}

h3 {
    font-size: 22px;
    line-height: 26px
}

h3, h4 {
    color: var(--main-text-header-color)
}

h4 {
    font-size: 20px;
    line-height: 25px
}

.sm_btn {
    font-size: inherit
}

header {
    align-items: center;
    background: var(--top-bar-color);
    box-shadow: 0 0 1px rgba(0, 0, 0, .322), 0 4px 8px rgba(0, 0, 0, .239);
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    height: 64px;
    justify-content: space-between;
    padding-bottom: 32px;
    padding-top: 32px;
    position: sticky;
    top: 0;
    z-index: 104
}

tr:nth-child(2n) {
    background-color: var(--main-color)
}

tr:nth-child(odd):not(:first-child) {
    background-color: var(--color-table-base-body-background-sf-2)
}

.sm_main-nav-content-toggle {
    background-color: transparent;
    border: 0;
    display: none;
    margin-right: 15px;
    padding: 0
}

.sm_main-nav-content-toggle svg {
    color: #a2a5af;
    width: 24px
}

.sm_btn-orange {
    border: 0 !important;
    box-shadow: none !important;
    color: var(--main-button-text-color) !important;
    padding: .7rem 1rem
}

.sm_btn-orange,
.sm_btn-orange:active,
.sm_btn-orange:focus,
.sm_btn-orange:hover {
    background: var(--main-button-color) !important
}

.sm_btn-orange svg {
    color: var(--game-button-svg-color);
    width: 24px
}

.sm_btn-zoomin {
    transform: scale(1);
    transition: all .3s ease-in-out
}

.sm_btn-zoomin:hover {
    transform: scale(1.1)
}

.sm_chat-header svg,
.sm_footer-support svg {
    color: var(--main-svg-color);
    width: 24px
}

.sm_banner-wrap,
.sm_nav-sidebar-support .sm_m-button-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.sm_banner-wrap {
    flex-direction: column;
    position: relative
}

.sm_banner-wrap .sm_banner-description {
    bottom: 0;
    height: fit-content;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.sm_WelcomePack p,
.sm_banner-wrap .sm_banner-description p {
    margin-bottom: 0
}

.sm_banner-wrap .sm_banner-description .sm_banner-title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6;
    text-transform: uppercase
}

.sm_banner-wrap .sm_banner-description .sm_banner-header-title {
    align-items: center;
    color: #f6da24;
    display: flex;
    flex-direction: column;
    font-size: 105px;
    font-weight: 900;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    word-break: break-word
}

.sm_banner-wrap .sm_banner-description .sm_banner-header-AdditionalText {
    color: #f6da24;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 24px
}

.sm_banner-wrap .sm_banner-description .sm_banner-button {
    background-color: #353b52;
    border: none;
    border-radius: 1000px;
    box-shadow: inset 0 0 0 2px #353b52;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    gap: 0;
    line-height: 24px;
    padding: 14px 74px;
    text-transform: capitalize;
    transition: all .15s;
    transition: all .5s
}

.sm_banner-wrap .sm_banner-description .sm_m-button-content {
    display: flex;
    flex-direction: column
}

.sm_banner-wrap .sm_banner-description .sm_m-button-content>span:nth-child(2) {
    font-size: 10px;
    font-weight: 500;
    line-height: 1.6;
    opacity: .8;
    text-transform: none
}

.sm_banner-wrap .sm_banner-description .sm_banner-button:hover {
    transform: scale(1.1)
}

.sm_WelcomePack {
    align-items: center;
    background: var(--gradient-color);
    display: flex;
    justify-content: center;
    padding: 8px 0;
    width: 100%
}

.sm_WelcomePack .sm_WelcomePack-Info {
    align-items: center;
    color: var(--main-text-header-color);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 26px;
    text-align: center;
    text-transform: capitalize
}

.sm_WelcomePack .sm_WelcomePack-Info>span {
    color: #a2a5af;
    font-size: 10px;
    font-weight: 600
}

.sm_games-wrap .sm_games-single {
    contain: layout style;
    margin-bottom: 15px;
    position: relative
}

.sm_games-wrap .sm_games-single .sm_games-single-image {
    overflow: hidden;
    position: relative
}

.sm_games-wrap .sm_games-single .sm_games-single-image .sm_games-single-overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 100%;
    z-index: 2
}

.sm_games-wrap .sm_games-single:hover .sm_games-single-image .sm_games-single-overlay {
    opacity: 1
}

.sm_games-wrap .sm_games-single .sm_games-single-image img {
    border-radius: 12px;
    height: inherit;
    margin-bottom: 5px;
    max-width: 100%;
    transform: scale(1);
    transition: all .3s ease
}

.sm_games-wrap .sm_games-single:hover .sm_games-single-image img {
    transform: scale(1.1)
}

.sm_games-wrap .sm_games-single .sm_games-single-title {
    color: var(--main-text-header-color);
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sm_games-wrap .sm_games-single .sm_games-single-category {
    color: #737787;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.sm_m-button-content img,
.sm_m-button-content svg {
    display: block;
    height: 22px;
    margin: 0;
    padding: 0;
    width: 22px
}

input:not([type=file]),
textarea {
    background-color: transparent;
    border: 2px solid var(--color-background-primary);
    border-radius: 8px;
    color: var(--main-text-header-color);
    margin-top: 5px;
    padding: 10px
}

textarea {
    max-height: 100px
}

#feedback-form input {
    width: 100%
}

#feedback-form textarea {
    height: calc(100% - 4px);
    max-height: unset;
    width: 100%
}

.sm_footer-logo {
    height: auto;
    margin-top: 15px;
    max-width: 140px
}

.sm_footer-support__mail {
    color: var(--main-text-header-color)
}

.sm_footer-support__mail:hover {
    color: var(--main-button-color)
}

.sm_footer-nav__content {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.sm_footer-socials-follow {
    color: var(--main-text-header-color);
    font-weight: 700;
    margin-bottom: 10px !important
}

.sm_online-chat,
.sm_transparent-pill-btn {
    color: var(--color-white) !important
}

.sm_pill-btn-with-bg {
    color: var(--main-button-text-color) !important
}

.sm_footer-nav__links {
    flex: 0 0 55%
}

.sm_footer-support__description {
    color: #b1b4bc;
    font-size: 14px
}

.sm_footer-col,
.sm_footer-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.sm_footer-row {
    margin-bottom: 17px
}

.sm_footer-col {
    gap: 24px
}

.sm_footer-app-button {
    align-items: center;
    background: var(--modal-lang-background-color);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    overflow: hidden;
    padding: 4px 8px 4px 0;
    position: relative;
    width: 100%
}

.sm_footer-app-button--squeezed {
    padding: 0 8px 0 0
}

.sm_footer-app-button:before {
    background: #1a799f;
    content: "";
    filter: blur(30px);
    height: 45px;
    left: -15px;
    opacity: 1;
    position: absolute;
    top: -15px;
    width: 45px
}

.sm_footer-app-button--squeezed .sm_footer-app-button-image {
    margin: 2px;
    width: 28px
}

.sm_footer-app-button-text {
    color: var(--main-text-header-color) !important;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 700
}

.sm_FooterMoreIcons {
    align-items: center;
    display: flex
}

.sm_FooterMoreIcons>:not(:last-child) {
    margin-right: 16px
}

.sm_footer-nav {
    border-bottom: 1px solid rgba(88, 92, 131, .302);
    margin-bottom: 40px;
    padding: 30px 0 40px
}

.sm_footer-copyright {
    color: var(--main-text-color);
    font-size: 14px;
    margin: 16px 0 0
}

.sm_footer-disclaimer__text {
    color: var(--main-text-color);
    display: flex;
    flex-flow: column;
    font-size: 12px;
    gap: 17px;
    margin-top: 17px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.sm_footer {
    padding-bottom: 70px
}

.sm_cursor-pointer {
    cursor: pointer
}

body #app {
    overflow-y: visible;
    position: fixed
}

.sm_app,
body #app {
    max-width: 100%;
    width: 100vw
}

.sm_app {
    display: flex;
    flex-flow: row;
    overflow: hidden
}

.sm_app #container {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: var(--app-height, 100vh);
    overflow-x: hidden;
    overflow-y: auto
}

.sm_m-text {
    margin: 0;
    padding: 0
}

.sm_m-lh160 {
    line-height: 160%
}

button {
    background: 0 0;
    border: none;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    padding: 0
}

.sm_nav-sidebar-expanded-languages {
    background: var(--button-lang-background-color);
    border-radius: 1000px;
    color: var(--main-text-header-color);
    margin-bottom: 8px
}

.sm_lang-switcher-btn--wide {
    line-height: 150%;
    padding: 11px
}

.sm_lang-switcher-btn .sm_m-button-content {
    gap: 8px
}

.sm_opened .sm_logo-img {
    display: none
}

.sm_m-button-content {
    align-items: center;
    display: flex;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    gap: var(--gap);
    justify-content: center;
    line-height: var(--line-height);
    transition: all .15s
}

.sm_online-chat span {
    font-weight: 600
}

@media(min-width:460px) {
    .sm_footer {
        padding-bottom: 54px;
        padding-top: 24px
    }
}

@media screen and (max-width:1200px) {
    
            .sm_footer-nav__links {
        flex: 0 0 45%
    }
    .sm_main-nav-content-toggle {
        display: block
    }
    
    
    
    .sm_desktop-logo {
        display: none
    }
    .sm_mobile-logo {
        display: block !important
    }
    
    
}

@media screen and (max-width:991px) {
    .sm_footer-nav__content {
        flex-wrap: wrap;
        justify-content: space-between
    }
    .sm_footer-nav__socials {
        margin-right: 173px;
        order: 0
    }
    .sm_footer-nav__links {
        flex: 0 0 100%;
        margin: 32px 0 0;
        order: 2;
        padding: 37px 0 0;
        width: 100%
    }
    .sm_banner-wrap {
        justify-content: flex-end
    }
    .sm_banner-wrap .sm_banner-description .sm_banner-title {
        font-size: 14px
    }
    .sm_banner-wrap .sm_banner-description .sm_banner-header-title {
        font-size: 50px
    }
    .sm_banner-wrap .sm_banner-description .sm_banner-header-AdditionalText {
        font-size: 18px;
        margin-bottom: 17px
    }
}

@media screen and (max-width:768px) {
    .sm_head-cont .sm_logo-img {
        max-width: 100px;
        position: relative;
        top: -4px
    }
    .sm_online-chat span {
        display: inline-block;
        line-height: 14px;
        max-width: 80px
    }
    .sm_btn-orange {
        padding: .5rem 1rem
    }
    header {
        height: 50px
    }
    .sm_head-cont button {
        font-size: 12px
    }
    .sm_footer-nav__socials {
        margin-bottom: 40px;
        margin-right: 160px
    }
    .sm_footer-nav__links {
        margin: 0;
        padding-top: 40px
    }
    .sm_footer-col {
        justify-content: center;
        margin-left: unset
    }
    
    
    
    
    .sm_WelcomePack {
        background: var(--gradient-color);
        margin-bottom: -60px;
        width: calc(100% + 20px)
    }
    .sm_banner-wrap {
        padding-bottom: 55px
    }
    
    
    
    
    
    
    
    
    
    
    
        
    
    
    
    
    
    
    
    
    
}

@media screen and (max-width:580px) {
    .sm_footer-nav__socials {
        margin-bottom: 0;
        margin-right: 60px
    }
    
    
    
    
    
    
    
    
    
    
    
    .sm_missions {
        display: none !important
    }
    
    .sm_footer-row {
        flex-wrap: wrap
    }
    #lang-switcher-btn-footer {
        margin-bottom: 0;
        margin-top: 10px
    }
    .sm_m-modal-container {
        max-width: 90% !important
    }
    .sm_LangSwitcherModal .sm_m-modal-header {
        font-size: 18px !important
    }
}

@keyframes slide-up-opacity {
    0% {
        opacity: 0;
        transform: translateY(3%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes wave-left {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-1px)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes wave-right {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(1px)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes trambling-animation {
    0%,
    50%,
    to {
        transform: rotate(0deg)
    }
    10%,
    30% {
        transform: rotate(-10deg)
    }
    20%,
    40% {
        transform: rotate(10deg)
    }
}

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

#m-modal-wrapper {
    position: fixed;
    transition: opacity .3s ease-in-out;
    z-index: 3000
}

.sm_hidden {
    display: none;
    opacity: 0
}

#m-modal-wrapper {
    left: 0;
    top: 0
}

.sm_m-modal {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.sm_m-modal {
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed !important;
    z-index: 3000
}

m-modal:before {
    -webkit-backdrop-filter: var(--modal-backdrop-filter);
    backdrop-filter: var(--modal-backdrop-filter);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sm_m-modal-container {
    background: var(--main-background-modal);
    border-radius: 16px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .322), 0 12px 24px rgba(0, 0, 0, .239);
    display: flex;
    flex-direction: column;
    max-height: calc(var(--m-app-height, 100vh) - 32px);
    max-width: 100%;
    min-height: var(--modal-header-height);
    overflow: auto;
    position: absolute;
    transition: max-width .1s ease-in-out
}

.sm_m-modal-scrollable {
    flex: 1;
    overflow: auto
}

.sm_m-thin-scrollbar {
    scrollbar-color: var(--color-background-surface-5) transparent;
    scrollbar-width: thin
}

.sm_LangSwitcherModal .sm_m-modal-header {
    font-size: 22px;
    justify-content: left;
    padding-left: 23px
}

.sm_m-modal-header {
    align-items: center;
    border-bottom: var(--modal-header-border-width) solid var(--modal-lang-background-color);
    color: var(--main-text-header-color);
    display: flex;
    font: var(--modal-header-font);
    justify-content: var(--modal-header-align);
    min-height: var(--modal-header-height);
    padding-left: var(--modal-header-padding-left);
    text-align: center;
    text-transform: var(--header-text-transform);
    white-space: nowrap
}

.sm_m-modal-header:before {
    background: var(--color-modal-background);
    border-radius: 16px;
    right: 0;
    width: 57px
}

.sm_m-modal-header:after,
.sm_m-modal-header:before {
    content: "";
    height: calc(var(--modal-header-height) - var(--modal-header-border-width));
    position: absolute
}

.sm_m-modal-header:after {
    background: linear-gradient(90deg, transparent 0, var(--color-modal-background) 0);
    right: 57px;
    width: 15px
}

.sm_LangSwitcherModal .sm_m-modal-content {
    border-top: 1px solid var(--color-dark-grey-2);
    max-height: calc(100vh - 104px);
    overflow-y: auto;
    padding: 23px
}

.sm_LangSwitcherModal-Countries {
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    overflow: hidden
}

.sm_LangSwitcherModal-Country {
    align-items: center;
    background: var(--modal-lang-background-color);
    display: inline-flex;
    padding: 8px;
    position: relative;
    width: calc(50% - 2px)
}

LangSwitcherModal-Country-Checkmark {
    background: var(--color-pr500);
    border-radius: 50%;
    color: var(--color-text-primary);
    height: 20px;
    margin-right: 8px;
    min-width: 20px;
    padding: 2px;
    width: 20px
}

.sm_LangSwitcherModal-Country-Text {
    color: var(--main-text-header-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sm_LangSwitcherModal-Country:after {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    content: "";
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1
}

.sm_LangSwitcherModal-Country-Checkmark {
    background: var(--main-button-color);
    border-radius: 50%;
    color: var(--modal-lang-background-color);
    display: flex;
    height: 20px;
    margin-right: 8px;
    min-width: 20px;
    padding: 2px;
    width: 20px
}

.sm_m-nav-button--s {
    --padding: var(--nav-button-s-padding);
    --icon-size: var(--nav-button-s-icon-size)
}

.sm_m-nav-button {
    --icon-color: #a2a5af;
    --background: #353b52;
    align-items: center;
    background-color: var(--background);
    border: none;
    border-radius: var(--border-radius-pill);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: var(--padding);
    transition: all .2s ease-in-out
}

.sm_m-nav-button .sm_m-icon {
    color: #fff;
    flex: 1;
    height: 20px;
    transition: color .2s ease-in-out;
    width: 20px
}

.sm_m-icon {
    width: 16px
}

@media only screen and (max-width:767px) {
    .sm_banner-wrap .sm_banner-description {
        margin-top: -115px;
        position: inherit
    }
    
}

.sm_mobile-logo {
    display: none
}

.sm_container-xl ul {
    list-style: disc;
    margin: 20px
}

.sm_pd-btn {
    padding: 5px 10px !important
}

.sm_missions {
    background-color: #5d7ce8 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px #433ca7, inset 0 2px 4px hsla(0, 0%, 100%, .4);
    font-size: 12px;
    margin-right: 0 !important
}

.sm_missions span {
    margin-right: 4px
}

.sm_lang-switcher-btn svg {
    display: block !important
}

#lang-switcher-btn-footer {
    font-size: 12px;
    padding: 6px 6px 6px 10px
}

.sm_main-banner-img {
    border-radius: 25px 25px 0 0;
    object-fit: contain
}

@media(min-width:576px) {
    .sm_main-banner-img {
        aspect-ratio: 1/1;
        max-width: 640px
    }
}

@media(min-width:768px) {
    .sm_main-banner-img {
        aspect-ratio: unset;
        border-radius: 25px;
        max-width: unset;
        min-height: unset
    }
}

table {
    border-collapse: collapse;
    color: var(--color-table-line-body);
    width: 100%
}

/* === inline theme styles === */

        *,
        *:before,
        *:after {
            box-sizing: border-box
        }

        body {
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-color: var(--main-color);
            color: var(--main-text-color);
            font-weight: 500;
            margin: 0;
            font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
            font-size: 16px;
            overflow-x: hidden
        }

        
        a,
        .sm_nav-link {
            color: #eff0f2;
            text-decoration: none
        }

        
        h1 {
            font-size: 30px;
            line-height: 36px;
            color: var(--main-text-header-color);
            font-weight: 500
        }

        h2 {
            font-size: 26px;
            line-height: 30px;
            color: var(--main-text-header-color);
            font-weight: 500
        }

        h3, h3, h4, h5, h6 {
            font-weight: 500;
            color: var(--main-text-header-color)
        }

        body #app {
            max-width: 100%;
            overflow-y: visible;
            position: fixed;
            width: 100vw
        }

        .sm_app {
            display: flex;
            flex-flow: row;
            max-width: 100%;
            overflow: hidden;
            width: 100vw
        }

        
        header {
            background: var(--top-bar-color);
            position: sticky;
            top: 0;
            z-index: 104;
            box-shadow: 0 0 1px #00000052, 0 4px 8px #0000003d;
            align-items: center;
            display: flex;
            flex-flow: row nowrap;
            gap: 8px;
            height: 64px;
            padding-top: 32px;
            padding-bottom: 32px;
            justify-content: space-between
        }

        @media screen and (max-width:768px) {
            header {
                height: 50px
            }
        }

        .sm_btn-orange {
            padding: .7rem 1rem;
            background: var(--main-button-color) !important;
            color: var(--main-button-text-color) !important;
            border: 0 !important;
            box-shadow: none !important
        }

        ::-webkit-scrollbar {
            width: 0;
            height: 0
        }

        
        #m-modal-wrapper {
            position: fixed;
            z-index: 3000;
            left: 0;
            top: 0;
            transition: opacity .3s ease-in-out
        }

        

        

        

        

        

        

        

        

        

        

        

        

        
        
        

        

        

        

        

        

        

        

        .sm_banner-wrap .sm_main-banner-img,
        .sm_banner-wrap>img {
            border-radius: 25px 25px 0 0;
            @media (min-width: 768px) {
                border-radius:25px
            }
        }

        

        

        @media (min-width:576px) {
            .sm_d-sm-none {
                display: none !important
            }
            .sm_d-sm-block {
                display: block !important
            }
            
            
        }
    

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        
        @keyframes spin {
            from {
                transform: rotate(0deg)
            }
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes blink {
            from {
                opacity: 0
            }
            50% {
                opacity: 1
            }
            to {
                opacity: 0
            }
        }

        

        

        

        

        

        

        
    

        #menu-wrap {
            width: 100%;
            height: 30px;
            position: relative;
            z-index: 100
        }

        #menu-wrap ul {
            padding: 0;
            margin: 0;
            list-style-type: none
        }

        #menu-wrap ul li {
            float: left;
            position: relative
        }

        #menu-wrap ul a,
        #menu-wrap ul a:visited {
            display: block;
            line-height: 30px;
            padding-left: 10px;
            padding-right: 20px
        }

        #menu-wrap ul ul {
            visibility: hidden;
            position: absolute;
            height: 0;
            top: 30px;
            left: 0;
            width: 149px
        }

        #menu-wrap ul ul li {
            width: 100%
        }

        #menu-wrap ul ul a,
        #menu-wrap ul ul a:visited {
            border: 0;
            height: auto;
            line-height: 15px;
            padding: 5px 10px;
            width: 150px
        }

        #menu-wrap ul li:hover ul,
        #menu-wrap ul a:hover ul {
            visibility: visible
        }

        #menu-wrap li,
        #menu-wrap a,
        #menu-wrap div {
            padding: 0;
            margin: 0
        }

        

        

        

        

        #menu-wrap table {
            position: absolute;
            top: 0;
            left: 0;
            border-collapse: collapse
        }

        * html #menu-wrap {
            width: 100%;
            w\idth: 100%
        }

        * html #menu-wrap a,
        * html #menu-wrap a:visited {
            width: 10px;
            w\idth: 10px;
            padding-right: 20px;
            white-space: nowrap
        }

        * html #menu-wrap ul ul {
            top: 30px;
            t\op: 30px
        }

        * html #menu-wrap ul ul a,
        * html #menu-wrap ul ul a:visited {
            width: 150px;
            w\idth: 128px
        }

        

        

        

        

        

        

        #menu-wrap {
            background-color: #eee
        }

        #menu-wrap ul {
            background-color: #5798d0
        }

        #menu-wrap ul a,
        #menu-wrap ul a:visited {
            text-decoration: none;
            color: #000;
            border-right: 1px solid #fff
        }

        #menu-wrap ul li:hover a,
        #menu-wrap ul a:focus,
        #menu-wrap ul a:active {
            background-color: #5798d0;
            color: #000
        }

        #menu-wrap ul ul a,
        #menu-wrap ul ul a:visited {
            color: #000
        }

        #menu-wrap ul ul a:hover {
            background: #b3d9ff
        }

        #menu-wrap ul ul :hover>a {
            background: #b3d9ff
        }

        

        #menu-wrap a:hover,
        #menu-wrap ul ul a:hover {
            color: #000;
            background: #5798d0
        }

        #menu-wrap :hover>a,
        #menu-wrap ul ul :hover>a {
            color: #000;
            background: #b3d9ff
        }

        

        

        

        

        
    

        img:is([sizes=auto i], [sizes^="auto," i]) {
            contain-intrinsic-size: 3000px 1500px
        }
    

        

        
    

        :root {
            --wp--preset--aspect-ratio--square: 1;
            --wp--preset--aspect-ratio--4-3: 4/3;
            --wp--preset--aspect-ratio--3-4: 3/4;
            --wp--preset--aspect-ratio--3-2: 3/2;
            --wp--preset--aspect-ratio--2-3: 2/3;
            --wp--preset--aspect-ratio--16-9: 16/9;
            --wp--preset--aspect-ratio--9-16: 9/16;
            --wp--preset--color--black: #000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #fff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #cf2e2e;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-green-cyan: #7bdcb5;
            --wp--preset--color--vivid-green-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;
            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%);
            --wp--preset--font-size--small: 13px;
            --wp--preset--font-size--medium: 20px;
            --wp--preset--font-size--large: 36px;
            --wp--preset--font-size--x-large: 42px;
            --wp--preset--spacing--20: .44rem;
            --wp--preset--spacing--30: .67rem;
            --wp--preset--spacing--40: 1rem;
            --wp--preset--spacing--50: 1.5rem;
            --wp--preset--spacing--60: 2.25rem;
            --wp--preset--spacing--70: 3.38rem;
            --wp--preset--spacing--80: 5.06rem;
            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
            --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000;
            --wp--preset--shadow--crisp: 6px 6px 0px #000
        }

        :where(body) {
            margin: 0
        }

        

        

        

        

        div) {
            margin: 0
        }

        

        
        body {
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0
        }

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        

        
    

        :root {
            --color-white: #fff;
            --color-black: #000;
            --badge-border-pill: 1000px;
            --border-1: 1px;
            --border-2: 2px;
            --border-3: 3px;
            --border-4: 4px;
            --border-radius-2xs: 2px;
            --border-radius-l: 12px;
            --border-radius-m: 8px;
            --border-radius-pill: 1000px;
            --border-radius-s: 6px;
            --border-radius-xl: 16px;
            --border-radius-xs: 4px;
            --border-radius-xxl: 24px;
            --border-radius-zero: 0px;
            --breakpoints-desktop: 1280px;
            --breakpoints-expand: 256px;
            --breakpoints-mobile: 360px;
            --calendar-day-border-radius-m: 12px;
            --calendar-day-border-radius-s: 8px;
            --color-background-active: #1fac5a;
            --color-background-attention: #f6da24;
            --color-background-danger: #ff0e0e;
            --color-background-disabled: #1c9854;
            --color-background-hover: #3fc972;
            --color-background-info: #355be2;
            --color-background-inverse-overlay-1: #FFFFFFB3;
            --color-background-inverse-overlay-2: #FFFFFF1A;
            --color-background-inverse-overlay: #FFFFFFB3;
            --color-background-inverse-page: #fff;
            --color-background-inverse-surface-1: #eff0f2;
            --color-background-inverse-surface-2: #e0e1e4;
            --color-background-inverse-surface-3: #d0d2d7;
            --color-background-inverse-surface-4: #c1c3ca;
            --color-background-inverse-surface-5: #b1b4bc;
            --color-background-inverse-transparent-10: #0000001A;
            --color-background-minor: #9900d5;
            --color-background-overlay-1: #000000B3;
            --color-background-overlay-2: #0000001A;
            --color-background-overlay: #000;
            --color-background-page: #060e2a;
            --color-background-primary: #e45809;
            --color-background-sucesss: #00c31f;
            --color-background-surface-1: #161d37;
            --color-background-surface-2: #252c45;
            --color-background-surface-3: #353b52;
            --color-background-surface-4: #444a5f;
            --color-background-surface-5: #54596d;
            --color-background-transparent-10: #FFFFFF1A;
            --color-background-transparent-30: #FFFFFF4D;
            --color-background-warning: #f67024;
            --color-background: #1dbf59;
            --color-calendar-day-active-background-active: #be4908;
            --color-calendar-day-active-background-disabled: #4c1d03;
            --color-calendar-day-active-background-focus: #f67024;
            --color-calendar-day-active-background-hover: #f67024;
            --color-calendar-day-active-background: #e45809;
            --color-calendar-day-active-disabled: #983b06;
            --color-calendar-day-active-focus: #faa97c;
            --color-calendar-day-active: #fff;
            --color-calendar-day-inactive-background-active: #353b52;
            --color-calendar-day-inactive-background-focus: #444a5f;
            --color-calendar-day-inactive-background-hover: #444a5f;
            --color-calendar-day-inactive-disabled: #737787;
            --color-calendar-day-inactive-focus-inner: #353b52;
            --color-calendar-day-inactive-focus: #63687a;
            --color-calendar-day-inactive-holiday: #f44;
            --color-calendar-day-inactive-today: #f67024;
            --color-calendar-day-inactive: #a2a5af;
            --color-calendar-range-background: #353b52;
            --color-calendar-surface-background: #252c45;
            --color-card-game-card-background: #252c45;
            --color-card-game-card-base: #e0e1e4;
            --color-card-game-card-title: #fff;
            --color-dot-background-inverse: #0000004D;
            --color-dot-background: #FFFFFF4D;
            --color-dot-inverse: #353b52;
            --color-dot: #fff;
            --color-link-active: #be4908;
            --color-link-default: #d0d2d7;
            --color-link-primary: #f67024;
            --color-link-secondary: #737787;
            --color-menu-active: #fff;
            --color-menu-background: #060e2a;
            --color-menu-base: #d0d2d7;
            --color-menu-horizontal-active-inverse: #e45809;
            --color-menu-horizontal-active: #e45809;
            --color-menu-horizontal-hover-inverse: #060e2a;
            --color-menu-horizontal-hover: #fff;
            --color-menu-horizontal-inverse: #54596d;
            --color-menu-horizontal: #a2a5af;
            --color-menu-hover: #e0e1e4;
            --color-menu-item-active: #eff0f2;
            --color-menu-item-background-hover: #FFFFFF1A;
            --color-menu-item-background: #54596d;
            --color-menu-item-check: #ff2684;
            --color-menu-item: #e0e1e4;
            --color-menu-primary: #2740f5;
            --color-menu-surface-active: #353b52;
            --color-menu-surface-border-focus: #252c45;
            --color-menu-surface-border: #353b52;
            --color-menu-surface-bottom: #161d37;
            --color-menu-surface-focus: #161d37;
            --color-menu-surface-hover: #444a5f;
            --color-menu-surface-primary: #e45809;
            --color-menu-surface: #252c45;
            --color-menu-title: #fff;
            --color-menu-vertical-background-hover-inverse: #d0d2d7;
            --color-menu-vertical-background-hover: #353b52;
            --color-menu-vertical-background-inverse: #e0e1e4;
            --color-menu-vertical-background: #252c45;
            --color-menu-vertical-hover-inverse: #060e2a;
            --color-menu-vertical-hover: #fff;
            --color-menu-vertical-inverse: #353b52;
            --color-menu-vertical: #d0d2d7;
            --color-menu: #b1b4bc;
            --color-modal-background: #161d37;
            --color-modal-divider: #161d37;
            --color-modal-secondary: #828695;
            --color-modal-title: inherit;
            --color-pagination-active-background-active: #be4908;
            --color-pagination-active-background-disabled: #4c1d03;
            --color-pagination-active-background-hover: #f67024;
            --color-pagination-active-background: #e45809;
            --color-pagination-active-disabled: #983b06;
            --color-pagination-active: #fff;
            --color-pagination-base-background-active: #252c45;
            --color-pagination-base-background-disabled: #252c45;
            --color-pagination-base-background-hover: #444a5f;
            --color-pagination-base-background: #353b52;
            --color-pagination-base-disabled: #737787;
            --color-pagination-base: #d0d2d7;
            --color-platinum: #4ff7f7;
            --color-preloader-base: #a2a5af;
            --color-preloader-primary: #e45809;
            --color-progress-background: #353b52;
            --color-progress-dark: #060e2a;
            --color-progress-dots: #FFFFFF33;
            --color-progress-progress-attention: #f6da24;
            --color-progress-progress-danger: #ff0e0e;
            --color-progress-progress-info: #355be2;
            --color-progress-progress-minor: #9900d5;
            --color-progress-progress-primary: #e45809;
            --color-progress-progress-secondary: #63687a;
            --color-progress-progress-success: #07be1a;
            --color-progress-progress-white: #fff;
            --color-progress: #fff;
            --color-rating-bronze: #f67024;
            --color-rating-gold: #f6da24;
            --color-sidebar-active: #fff;
            --color-sidebar-background: #161d37;
            --color-sidebar-base: #d0d2d7;
            --color-sidebar-hover: #d0d2d7;
            --color-sidebar-primary: #f67024;
            --color-sidebar-surface-active: #54596d;
            --color-sidebar-surface-border-focus: #353b52;
            --color-sidebar-surface-focus: #252c45;
            --color-sidebar-surface-hover: #353b52;
            --color-sidebar-surface-primary: #e45809;
            --color-sidebar-surface: #252c45;
            --color-sidebar-title: #fff;
            --color-sidebar: #a2a5af;
            --color-silver: #bdccd1;
            --color-slideshow-dots-dot-background-hover-inverse: #00000033;
            --color-slideshow-dots-dot-background-hover: #FFFFFF99;
            --color-slideshow-dots-dot-background-inverse: #0000001A;
            --color-slideshow-dots-dot-background: #FFFFFF66;
            --color-slideshow-dots-dot-button-active: #54596d;
            --color-slideshow-dots-dot-button-background-active: #eff0f2;
            --color-slideshow-dots-dot-button-background-hover: #FFFFFF99;
            --color-slideshow-dots-dot-button-background: #FFFFFF66;
            --color-slideshow-dots-dot-button-hover: #eff0f2;
            --color-slideshow-dots-dot-button: #eff0f2;
            --color-slideshow-dots-dot-hover-inverse: #737787;
            --color-slideshow-dots-dot-hover: #eff0f2;
            --color-slideshow-dots-dot-inverse: #9296a2;
            --color-slideshow-dots-dot: #eff0f2;
            --color-step-body-base: #444a5f;
            --color-step-body-error: #ff0e0e;
            --color-step-body-success: #069815;
            --color-step-description: #54596d;
            --color-step-label-secondary: #a2a5af;
            --color-step-label: #fff;
            --color-surface-invite-hover: #721cff;
            --color-surface-invite-lumin: #cb438a;
            --color-surface-invite: #7113d4;
            --color-surface-lumin: #1a799f;
            --color-table-base-body-background-active: #252c45;
            --color-table-base-body-background-hover: #353b52;
            --color-table-base-body-background-sf-1: #161d37;
            --color-table-base-body-background-sf-2: #252c45;
            --color-table-base-body-background-sf1: #161d37;
            --color-table-base-body-background-sf2: #252c45;
            --color-table-base-body: #fff;
            --color-table-base-header-background-active: #252c45;
            --color-table-base-header-background-hover: #353b52;
            --color-table-base-header-background-sf-1: #161d37;
            --color-table-base-header-background-sf-2: #252c45;
            --color-table-base-header-background-sf1: #161d37;
            --color-table-base-header-background-sf2: #252c45;
            --color-table-base-header: #b1b4bc;
            --color-table-line-body-background-active: #252c45;
            --color-table-line-body-background-hover: #353b52;
            --color-table-line-body-background: #252c45;
            --color-table-line-body: #fff;
            --color-table-line-header-background-active: #252c45;
            --color-table-line-header-background-hover: #353b52;
            --color-table-line-header-background: #252c45;
            --color-table-line-header: #a2a5af;
            --color-table-modal-background-hover: #353b52;
            --color-table-modal-background-sf-1: #161d37;
            --color-table-modal-background-sf-2: #252c45;
            --color-table-modal-secondary: #b1b4bc;
            --color-table-modal: #fff;
            --color-table-table-modal-background-active: #252c45;
            --color-table-table-modal-background-hover: #353b52;
            --color-table-table-modal-background-sf1: #161d37;
            --color-table-table-modal-background-sf2: #252c45;
            --color-table-table-modal-secondary: #a2a5af;
            --color-table-table-modal: #fff;
            --color-text-attention: #f8e150;
            --color-text-base: #d0d2d7;
            --color-text-danger: #ff0e0e;
            --color-text-info: #5d7ce8;
            --color-text-inverse-base: #353b52;
            --color-text-inverse-muted: #828695;
            --color-text-inverse-secondary: #54596d;
            --color-text-inverse-title: #060e2a;
            --color-text-inverse-transparent: #000000B3;
            --color-text-minor: #d055ff;
            --color-text-muted: #737787;
            --color-text-secondary: #a2a5af;
            --color-text-success: #09e41f;
            --color-text-title: #fff;
            --color-text-transparent: #FFFFFFB3;
            --color-text-warning: #f67024;
            --color-tooltip-background: #444a5f;
            --color-tooltip: #fff;
            --dropdown-border-radius-m: 8px;
            --dropdown-border-radius-s: 6px;
            --dropdown-item-m-margin: 16px;
            --dropdown-item-s-icon-size: 20px;
            --dropdown-item-s-margin: 12px;
            --fullscreen-modal-border-pill: 1000px;
            --fullscreen-modal-desktop-inner: 4px;
            --fullscreen-modal-desktop-margin: 24px;
            --fullscreen-modal-desktop-outer-bottom-left: 0px;
            --fullscreen-modal-desktop-outer-bottom-right: 0px;
            --fullscreen-modal-desktop-outer-top-left: 0px;
            --fullscreen-modal-desktop-outer-top-right: 0px;
            --fullscreen-modal-mobile-border-radius: 16px;
            --fullscreen-modal-mobile-inner: 4px;
            --fullscreen-modal-mobile-margin: 16px;
            --fullscreen-modal-mobile-outer-bottom-left: 0px;
            --fullscreen-modal-mobile-outer-bottom-right: 0px;
            --fullscreen-modal-mobile-outer-top-left: 0px;
            --fullscreen-modal-mobile-outer-top-right: 0px;
            --icon-size: 22px;
            --margin-2xl: 32px;
            --spacing-2xl: 32px;
            --margin-2xs: 6px;
            --spacing-2xs: 6px;
            --margin-3xl: 40px;
            --spacing-3xl: 44px;
            --margin-3xs: 4px;
            --spacing-3xs: 4px;
            --margin-4xl: 48px;
            --spacing-4xl: 56px;
            --margin-4xs: 2px;
            --spacing-4xs: 2px;
            --margin-5xl: 56px;
            --spacing-5xl: 64px;
            --margin-l: 20px;
            --spacing-l: 20px;
            --margin-m: 16px;
            --spacing-m: 16px;
            --margin-s: 12px;
            --spacing-s: 12px;
            --margin-xl: 24px;
            --spacing-xl: 24px;
            --margin-xs: 8px;
            --spacing-xs: 8px;
            --margin-zero: 0px;
            --spacing-zero: 0px;
            --modal-desktop-border-radius: 16px;
            --modal-desktop-inner: 4px;
            --modal-desktop-margin: 24px;
            --modal-desktop-outer-bottom-left: 16px;
            --modal-desktop-outer-bottom-right: 16px;
            --modal-desktop-outer-top-left: 16px;
            --modal-desktop-outer-top-right: 16px;
            --modal-mobile-border-radius: 16px;
            --modal-mobile-inner: 4px;
            --modal-mobile-margin: 16px;
            --modal-mobile-outer-bottom-left: 16px;
            --modal-mobile-outer-bottom-right: 16px;
            --modal-mobile-outer-top-left: 16px;
            --modal-mobile-outer-top-right: 16px;
            --pagination-border-pill: 1000px;
            --progress-border-radius-lined-inner: 0px;
            --progress-border-radius-lined-outer: 1000px;
            --progress-border-radius-m: 1000px;
            --progress-border-radius-s: 1000px;
            --table-body-icon-size: 20px;
            --table-header-icon-size: 16px;
            --text-s10: 10px;
            --text-s12: 12px;
            --text-s14: 14px;
            --text-s16: 16px;
            --text-s18: 18px;
            --text-s20: 20px;
            --text-s24: 24px;
            --text-s28: 28px;
            --text-s32: 32px;
            --text-s36: 36px;
            --text-s40: 40px;
            --text-s44: 44px;
            --text-s48: 48px;
            --text-s52: 52px;
            --text-s56: 56px;
            --text-s64: 64px;
            --text-s8: 8px;
            --tooltip-border-radius: 8px;
            --width-expand: 10px;
            --base-background: #060e2a;
            --color-border-focused-outline: #54596D99;
            --color-border-error-outline: #FF0E0E99;
            --color-border-success-outline: #09E41F99;
            --color-link: #d0d2d7;
            --color-tab-group: #FFFFFF1A;
            --color-tab-group-inverse: #0000000D;
            --color-rating-level-0: #f67024;
            --color-level-1: #bdccd1;
            --color-rating-level-2: #f6da24;
            --color-level-3: #4ff7f7;
            --сountdown-border-radius-m: 6px;
            --сountdown-border-radius-l: 8px;
            --modal-fullscreen-mobile-margin: 16px;
            --modal-fullscreen-desktop-margin: 24px;
            --progress-s-height: 8px;
            --progress-m-height: 16px;
            --progress-l-height: 24px;
            --color-mid-grey-1: #63687a;
            --color-mid-grey-2: #737787;
            --color-mid-grey-3: #828695;
            --color-mid-grey-4: #9296a2;
            --color-mid-grey-5: #a2a5af;
            --color-light-grey-1: #b1b4bc;
            --color-light-grey-2: #c1c3ca;
            --color-light-grey-3: #d0d2d7;
            --color-light-grey-4: #e0e1e4;
            --color-light-grey-5: #eff0f2;
            --color-dark-grey-0: #060e2a;
            --color-dark-grey-1: #161d37;
            --color-dark-grey-2: #252c45;
            --color-dark-grey-3: #353b52;
            --color-dark-grey-4: #444a5f;
            --color-dark-grey-5: #54596d;
            --color-pr900: #4c1d03;
            --color-pr800: #722c05;
            --color-pr700: #983b06;
            --color-pr600: #be4908;
            --color-pr500: #e45809;
            --color-pr400: #f67024;
            --color-pr300: #f88d50;
            --color-pr200: #faa97c;
            --color-pr100: #fcc6a7;
            --color-pr050: #fde2d3;
            --color-su900: #012605;
            --color-su800: #034c0a;
            --color-su700: #04720f;
            --color-su600: #069815;
            --color-su500: #07be1a;
            --color-su400: #09e41f;
            --color-su300: #50f861;
            --color-su200: #7cfa88;
            --color-su100: #a7fcb0;
            --color-su050: #d3fdd7;
            --color-at900: #4c4203;
            --color-at800: #726305;
            --color-at700: #988406;
            --color-at600: #bea508;
            --color-at500: #e4c609;
            --color-at400: #f6da24;
            --color-at300: #f8e150;
            --color-at200: #fae97c;
            --color-at100: #fcf0a7;
            --color-at050: #fdf8d3;
            --color-wa900: #4c1d03;
            --color-wa800: #722c05;
            --color-wa700: #983b06;
            --color-wa600: #be4908;
            --color-wa500: #e45809;
            --color-wa400: #f67024;
            --color-wa300: #f88d50;
            --color-wa200: #faa97c;
            --color-wa100: #fcc6a7;
            --color-wa050: #fde2d3;
            --color-da900: #6c0000;
            --color-da800: #a20000;
            --color-da700: #d70000;
            --color-da600: #ff0e0e;
            --color-da500: #f44;
            --color-da400: #ff6363;
            --color-da300: #ff8282;
            --color-da200: #ffa2a2;
            --color-da100: #ffc1c1;
            --color-da050: #ffe0e0;
            --color-in900: #060e2a;
            --color-in800: #0c1b52;
            --color-in700: #12297b;
            --color-in600: #1736a3;
            --color-in500: #1d44cc;
            --color-in400: #355be2;
            --color-in300: #5d7ce8;
            --color-in200: #869dee;
            --color-in100: #aebef3;
            --color-in050: #d7def9;
            --color-vi900: #1f002b;
            --color-vi800: #3d0055;
            --color-vi700: #5c0080;
            --color-vi600: #7b00aa;
            --color-vi500: #9900d5;
            --color-vi400: #b800ff;
            --color-vi300: #d055ff;
            --color-vi200: #dc80ff;
            --color-vi100: #e7aaff;
            --color-vi050: #f3d4ff;
            --color-w090: #FFFFFFE6;
            --color-w080: #FFFFFFCC;
            --color-w070: #FFFFFFB3;
            --color-w060: #FFFFFF99;
            --color-w050: #FFFFFF80;
            --color-w040: #FFFFFF66;
            --color-w030: #FFFFFF4D;
            --color-w020: #FFFFFF33;
            --color-w010: #FFFFFF1A;
            --color-w005: #FFFFFF0D;
            --color-w002: #FFFFFF05;
            --color-w000: #FFFFFF00;
            --color-b090: #000000E6;
            --color-b080: #000000CC;
            --color-b070: #000000B3;
            --color-b060: #00000099;
            --color-b050: #00000080;
            --color-b040: #00000066;
            --color-b030: #0000004D;
            --color-b020: #00000033;
            --color-b010: #0000001A;
            --color-b005: #0000000D;
            --color-b002: #00000005;
            --color-b000: #00000000;
            --color-dgz090: #060E2AE6;
            --color-dgz080: #060E2ACC;
            --color-dgz070: #060E2AB3;
            --color-dgz060: #060E2A99;
            --color-dgz050: #060E2A80;
            --color-dgz040: #060E2A66;
            --color-dgz030: #060E2A4D;
            --color-dgz020: #060E2A33;
            --color-dgz010: #060E2A1A;
            --color-dgz005: #060E2A0D;
            --color-dgz002: #060E2A05;
            --color-dgz000: #060E2A00;
            --color-red: #f44336;
            --color-pink: #f50057;
            --color-purple: #d500f9;
            --color-blue: #2196f3;
            --color-green: #43a047;
            --color-background-success: #069815;
            --color-background-transparent-1: #FFFFFF1A;
            --color-background-transparent-2: #FFFFFF33;
            --color-background-transparent-3: #FFFFFF66;
            --color-background-transparent-4: #FFFFFFCC;
            --color-step-1: #0238e1;
            --color-step-2: #6f02ff;
            --color-step-3: #80462d;
            --color-text-primary: #fff;
            --color-background-inverse-transparent-1: #0000001A;
            --color-background-inverse-transparent-2: #00000033;
            --color-background-inverse-transparent-3: #00000066;
            --color-background-inverse-transparent-4: #000000CC;
            --color-accordion-header-text: #fff;
            --color-accordion-header-icon-container-icon: #a2a5af;
            --color-accordion-header-icon-container-icon-hover: #a2a5af;
            --color-accordion-header-text-hover: #fff;
            --color-accordion-header-text-active: #fff;
            --color-accordion-header-icon-container-icon-active: #a2a5af;
            --color-accordion-header-text-disabled: #737787;
            --color-accordion-header-icon-container-icon-disabled: #737787;
            --color-accordion-description: #a2a5af;
            --color-avatar-icon: #e0e1e4;
            --color-badge-primary-text: #fff;
            --color-badge-secondary-icon-container-icon: #FFFFFFCC;
            --color-badge-secondary-text: #fff;
            --color-badge-primary-icon-container-icon: #FFFFFFCC;
            --color-badge-success-text: #fff;
            --color-badge-attention-text: #000;
            --color-badge-light-text: #060e2a;
            --color-badge-light-icon-container-icon: #060E2ACC;
            --color-badge-dark-text: #fff;
            --color-badge-danger-text: #fff;
            --color-button-fill-primary-text: #fff;
            --color-button-fill-primary-text-hover: #fff;
            --color-button-fill-primary-text-active: #fff;
            --color-button-fill-primary-text-disabled: #737787;
            --color-button-fill-primary-icon-container-icon: #FFFFFFCC;
            --color-button-fill-primary-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-primary-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-primary-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-secondary-text: #fff;
            --color-button-fill-secondary-text-hover: #fff;
            --color-button-fill-secondary-text-active: #fff;
            --color-button-fill-secondary-text-disabled: #737787;
            --color-button-fill-secondary-icon-container-icon: #FFFFFFCC;
            --color-button-fill-secondary-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-secondary-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-secondary-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-minor-text: #fff;
            --color-button-fill-minor-text-hover: #fff;
            --color-button-fill-minor-text-active: #fff;
            --color-button-fill-minor-text-disabled: #737787;
            --color-button-fill-minor-icon-container-icon: #FFFFFFCC;
            --color-button-fill-minor-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-minor-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-minor-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-info-text: #fff;
            --color-button-fill-info-text-hover: #fff;
            --color-button-fill-info-text-active: #fff;
            --color-button-fill-info-text-disabled: #737787;
            --color-button-fill-info-icon-container-icon: #FFFFFFCC;
            --color-button-fill-info-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-info-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-info-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-success-text: #fff;
            --color-button-fill-success-text-hover: #fff;
            --color-button-fill-success-text-active: #fff;
            --color-button-fill-success-text-disabled: #737787;
            --color-button-fill-success-icon-container-icon: #FFFFFFCC;
            --color-button-fill-success-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-success-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-success-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-attention-text: #000;
            --color-button-fill-attention-text-hover: #000;
            --color-button-fill-attention-text-active: #000;
            --color-button-fill-attention-text-disabled: #737787;
            --color-button-fill-attention-icon-container-icon: #000000CC;
            --color-button-fill-attention-icon-container-icon-hover: #000000CC;
            --color-button-fill-attention-icon-container-icon-active: #000000CC;
            --color-button-fill-attention-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-warning-text: #fff;
            --color-button-fill-warning-text-hover: #fff;
            --color-button-fill-warning-text-active: #fff;
            --color-button-fill-warning-text-disabled: #737787;
            --color-button-fill-warning-icon-container-icon: #FFFFFFCC;
            --color-button-fill-warning-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-warning-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-warning-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-light-text: #060e2a;
            --color-button-fill-light-text-hover: #060e2a;
            --color-button-fill-light-text-active: #060e2a;
            --color-button-fill-light-text-disabled: #000000B3;
            --color-button-fill-light-icon-container-icon: #060E2ACC;
            --color-button-fill-light-icon-container-icon-hover: #060E2ACC;
            --color-button-fill-light-icon-container-icon-active: #060E2ACC;
            --color-button-fill-light-icon-container-icon-disabled: #828695CC;
            --color-button-fill-dark-text: #fff;
            --color-button-fill-dark-text-hover: #fff;
            --color-button-fill-dark-text-active: #fff;
            --color-button-fill-dark-text-disabled: #000000B3;
            --color-button-fill-dark-icon-container-icon: #FFFFFFCC;
            --color-button-fill-dark-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-dark-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-dark-icon-container-icon-disabled: #828695CC;
            --color-button-fill-vip-background-overlay-hover: #FFFFFF33;
            --color-button-fill-vip-background-overlay-active: #00000033;
            --color-button-fill-vip-text: #000;
            --color-button-fill-vip-text-hover: #000;
            --color-button-fill-vip-text-active: #000;
            --color-button-fill-vip-text-disabled: #737787;
            --color-button-fill-vip-icon-container-icon: #000000CC;
            --color-button-fill-vip-icon-container-icon-hover: #000000CC;
            --color-button-fill-vip-icon-container-icon-active: #000000CC;
            --color-button-fill-vip-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-danger-text: #fff;
            --color-button-fill-danger-text-hover: #fff;
            --color-button-fill-danger-text-active: #fff;
            --color-button-fill-danger-text-disabled: #737787;
            --color-button-fill-danger-icon-container-icon: #FFFFFFCC;
            --color-button-fill-danger-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-danger-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-danger-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-primary-progress-text: #fff;
            --color-button-fill-primary-progress-text-hover: #fff;
            --color-button-fill-primary-progress-text-active: #fff;
            --color-button-fill-primary-progress-text-disabled: #737787;
            --color-button-fill-primary-progress-icon-container-icon: #FFFFFFCC;
            --color-button-fill-primary-progress-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-primary-progress-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-primary-progress-icon-container-icon-disabled: #63687ACC;
            --color-button-fill-secondary-progress-text: #fff;
            --color-button-fill-secondary-progress-text-hover: #fff;
            --color-button-fill-secondary-progress-text-active: #fff;
            --color-button-fill-secondary-progress-text-disabled: #737787;
            --color-button-fill-secondary-progress-icon-container-icon: #FFFFFFCC;
            --color-button-fill-secondary-progress-icon-container-icon-hover: #FFFFFFCC;
            --color-button-fill-secondary-progress-icon-container-icon-active: #FFFFFFCC;
            --color-button-fill-secondary-progress-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-primary-text: #fff;
            --color-button-outline-primary-text-hover: #fff;
            --color-button-outline-primary-text-active: #fff;
            --color-button-outline-primary-text-disabled: #737787;
            --color-button-outline-primary-icon-container-icon: #FFFFFFCC;
            --color-button-outline-primary-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-primary-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-primary-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-secondary-text: #fff;
            --color-button-outline-secondary-text-hover: #fff;
            --color-button-outline-secondary-text-active: #fff;
            --color-button-outline-secondary-text-disabled: #737787;
            --color-button-outline-secondary-icon-container-icon: #FFFFFFCC;
            --color-button-outline-secondary-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-secondary-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-secondary-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-info-text: #fff;
            --color-button-outline-info-text-hover: #fff;
            --color-button-outline-info-text-active: #fff;
            --color-button-outline-info-text-disabled: #737787;
            --color-button-outline-info-icon-container-icon: #FFFFFFCC;
            --color-button-outline-info-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-info-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-info-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-minor-text: #fff;
            --color-button-outline-minor-text-hover: #fff;
            --color-button-outline-minor-text-active: #fff;
            --color-button-outline-minor-text-disabled: #737787;
            --color-button-outline-minor-icon-container-icon: #FFFFFFCC;
            --color-button-outline-minor-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-minor-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-minor-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-success-text: #fff;
            --color-button-outline-success-text-hover: #fff;
            --color-button-outline-success-text-active: #fff;
            --color-button-outline-success-text-disabled: #737787;
            --color-button-outline-success-icon-container-icon: #FFFFFFCC;
            --color-button-outline-success-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-success-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-success-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-attention-text: #fff;
            --color-button-outline-attention-text-hover: #000;
            --color-button-outline-attention-text-active: #000;
            --color-button-outline-attention-text-disabled: #737787;
            --color-button-outline-attention-icon-container-icon: #FFFFFFCC;
            --color-button-outline-attention-icon-container-icon-hover: #000000CC;
            --color-button-outline-attention-icon-container-icon-active: #000000CC;
            --color-button-outline-attention-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-warning-text: #fff;
            --color-button-outline-warning-text-hover: #fff;
            --color-button-outline-warning-text-active: #fff;
            --color-button-outline-warning-text-disabled: #737787;
            --color-button-outline-warning-icon-container-icon: #FFFFFFCC;
            --color-button-outline-warning-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-warning-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-warning-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-danger-text: #fff;
            --color-button-outline-danger-text-hover: #fff;
            --color-button-outline-danger-text-active: #fff;
            --color-button-outline-danger-text-disabled: #737787;
            --color-button-outline-danger-icon-container-icon: #FFFFFFCC;
            --color-button-outline-danger-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-danger-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-danger-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-dark-text: #060e2a;
            --color-button-outline-dark-text-hover: #fff;
            --color-button-outline-dark-text-active: #fff;
            --color-button-outline-dark-text-disabled: #000000B3;
            --color-button-outline-dark-icon-container-icon: #060E2ACC;
            --color-button-outline-dark-icon-container-icon-hover: #FFFFFFCC;
            --color-button-outline-dark-icon-container-icon-active: #FFFFFFCC;
            --color-button-outline-dark-icon-container-icon-disabled: #63687ACC;
            --color-button-outline-light-text: #fff;
            --color-button-outline-light-text-hover: #060e2a;
            --color-button-outline-light-text-active: #060e2a;
            --color-button-outline-light-text-disabled: #000000B3;
            --color-button-outline-light-icon-container-icon: #FFFFFFCC;
            --color-button-outline-light-icon-container-icon-hover: #060E2ACC;
            --color-button-outline-light-icon-container-icon-active: #060E2ACC;
            --color-button-outline-light-icon-container-icon-disabled: #828695CC;
            --color-button-link-primary-text: #e45809;
            --color-button-link-primary-text-hover: #f67024;
            --color-button-link-primary-text-active: #faa97c;
            --color-button-link-primary-text-disabled: #737787;
            --color-button-link-primary-icon-container-icon: #E45809CC;
            --color-button-link-primary-icon-container-icon-hover: #F67024CC;
            --color-button-link-primary-icon-container-icon-active: #FAA97CCC;
            --color-button-link-primary-icon-container-icon-disabled: #63687ACC;
            --color-button-link-secondary-text: #828695;
            --color-button-link-secondary-text-hover: #f67024;
            --color-button-link-secondary-text-active: #faa97c;
            --color-button-link-secondary-text-disabled: #737787;
            --color-button-link-secondary-icon-container-icon: #828695CC;
            --color-button-link-secondary-icon-container-icon-hover: #F67024CC;
            --color-button-link-secondary-icon-container-icon-active: #FAA97CCC;
            --color-button-link-secondary-icon-container-icon-disabled: #63687ACC;
            --color-button-link-info-text: #5d7ce8;
            --color-button-link-info-text-hover: #869dee;
            --color-button-link-info-text-active: #aebef3;
            --color-button-link-info-text-disabled: #737787;
            --color-button-link-info-icon-container-icon: #5D7CE8CC;
            --color-button-link-info-icon-container-icon-hover: #869DEECC;
            --color-button-link-info-icon-container-icon-active: #AEBEF3CC;
            --color-button-link-info-icon-container-icon-disabled: #63687ACC;
            --color-button-link-light-text: #d0d2d7;
            --color-button-link-light-text-hover: #fff;
            --color-button-link-light-text-active: #fff;
            --color-button-link-light-text-disabled: #737787;
            --color-button-link-light-icon-container-icon: #D0D2D7CC;
            --color-button-link-light-icon-container-icon-hover: #FFFFFFCC;
            --color-button-link-light-icon-container-icon-active: #FFFFFFCC;
            --color-button-link-light-icon-container-icon-disabled: #63687ACC;
            --color-button-link-dark-text: #353b52;
            --color-button-link-dark-text-hover: #060e2a;
            --color-button-link-dark-text-active: #060e2a;
            --color-button-link-dark-text-disabled: #828695;
            --color-button-link-dark-icon-container-icon: #353B52CC;
            --color-button-link-dark-icon-container-icon-hover: #060E2ACC;
            --color-button-link-dark-icon-container-icon-active: #060E2ACC;
            --color-button-link-dark-icon-container-icon-disabled: #828695CC;
            --color-button-store-basic-text: #fff;
            --color-button-store-basic-text-hover: #fff;
            --color-button-store-basic-text-active: #fff;
            --color-button-store-basic-description: #a2a5af;
            --color-button-store-basic-description-hover: #a2a5af;
            --color-button-store-basic-description-active: #a2a5af;
            --color-button-store-basic-icon: #fff;
            --color-button-store-basic-icon-hover: #fff;
            --color-button-store-basic-icon-active: #fff;
            --color-button-navigation-transparent-icon: #FFFFFFCC;
            --color-button-navigation-transparent-icon-hover: #fff;
            --color-button-navigation-transparent-icon-active: #fff;
            --color-button-navigation-transparent-icon-disabled: #63687ACC;
            --color-calendar-day-button-day-text: #a2a5af;
            --color-calendar-day-button-day-text-hover: #a2a5af;
            --color-calendar-day-button-day-text-focus: #a2a5af;
            --color-calendar-day-button-day-text-active: #a2a5af;
            --color-calendar-day-button-day-text-disabled: #737787;
            --color-calendar-day-button-today-text: #f67024;
            --color-calendar-day-button-today-text-hover: #f67024;
            --color-calendar-day-button-today-text-focus: #f67024;
            --color-calendar-day-button-today-text-active: #f67024;
            --color-calendar-day-button-today-text-disabled: #737787;
            --color-calendar-day-button-today-dot-background: #f67024;
            --color-calendar-day-button-today-dot-background-hover: #f67024;
            --color-calendar-day-button-today-dot-background-focus: #f67024;
            --color-calendar-day-button-today-dot-background-active: #f67024;
            --color-calendar-day-button-today-dot-background-disabled: #737787;
            --color-calendar-day-button-holiday-text: #f44;
            --color-calendar-day-button-holiday-text-hover: #f44;
            --color-calendar-day-button-holiday-text-focus: #f44;
            --color-calendar-day-button-holiday-text-active: #f44;
            --color-calendar-day-button-holiday-text-disabled: #737787;
            --color-calendar-day-button-checked-day-text: #fff;
            --color-calendar-day-button-checked-today-text: #fff;
            --color-calendar-day-button-checked-holiday-text: #fff;
            --color-calendar-day-button-checked-holiday-text-hover: #fff;
            --color-calendar-day-button-checked-holiday-text-focus: #fff;
            --color-calendar-day-button-checked-holiday-text-active: #fff;
            --color-calendar-day-button-checked-holiday-text-disabled: #983b06;
            --color-calendar-day-button-checked-today-text-hover: #fff;
            --color-calendar-day-button-checked-today-text-focus: #fff;
            --color-calendar-day-button-checked-today-text-active: #fff;
            --color-calendar-day-button-checked-today-text-disabled: #983b06;
            --color-calendar-day-button-checked-today-dot-background: #fff;
            --color-calendar-day-button-checked-today-dot-background-hover: #fff;
            --color-calendar-day-button-checked-today-dot-background-focus: #fff;
            --color-calendar-day-button-checked-today-dot-background-active: #fff;
            --color-calendar-day-button-checked-today-dot-background-disabled: #983b06;
            --color-calendar-day-button-checked-day-text-hover: #fff;
            --color-calendar-day-button-checked-day-text-focus: #fff;
            --color-calendar-day-button-checked-day-text-active: #fff;
            --color-calendar-day-button-checked-day-text-disabled: #983b06;
            --color-calendar-week-day-text: #737787;
            --color-calendar-week-holiday-text: #f44;
            --color-countdown-text: #fff;
            --color-countdown-description: #FFFFFF99;
            --color-countdown-divider-background: #FFFFFF33;
            --color-counter-primary-text: #fff;
            --color-counter-secondary-text: #fff;
            --color-counter-info-text: #fff;
            --color-counter-minor-text: #fff;
            --color-counter-success-text: #fff;
            --color-counter-attention-text: #000;
            --color-counter-warning-text: #fff;
            --color-counter-danger-text: #fff;
            --color-counter-light-text: #060e2a;
            --color-counter-vip-text: #000;
            --color-counter-transparent-text: #fff;
            --color-counter-dark-text: #fff;
            --color-dropdown-basic-tail-background: #252c45;
            --color-dropdown-basic-divider-background: #353b52;
            --color-dropdown-basic-divider-descrition: #737787;
            --color-dropdown-basic-row-text: #fff;
            --color-dropdown-basic-row-text-hover: #fff;
            --color-dropdown-basic-row-text-active: #fff;
            --color-dropdown-basic-row-text-primary: #fff;
            --color-dropdown-basic-row-description: #FFFFFFB3;
            --color-dropdown-basic-row-description-hover: #FFFFFFB3;
            --color-dropdown-basic-row-description-active: #FFFFFFB3;
            --color-dropdown-basic-row-description-primary: #FFFFFFB3;
            --color-dropdown-basic-row-icon-container-icon: #fff;
            --color-dropdown-basic-row-icon-container-icon-hover: #fff;
            --color-dropdown-basic-row-icon-container-icon-active: #fff;
            --color-dropdown-basic-row-icon-container-icon-primary: #fff;
            --color-field-basic-label: #fff;
            --color-field-basic-description: #a2a5af;
            --color-field-basic-description-error: #ff0e0e;
            --color-field-inverse-label: #060e2a;
            --color-field-inverse-description: #54596d;
            --color-field-inverse-description-error: #ff0e0e;
            --color-field-inverse-icon: #54596d;
            --color-field-basic-icon: #a2a5af;
            --color-selector-basic-element: #fff;
            --color-selector-basic-element-hover: #fff;
            --color-selector-basic-element-focus: #fff;
            --color-selector-basic-element-disabled: #737787;
            --color-selector-basic-checked-element: #fff;
            --color-selector-basic-checked-element-hover: #fff;
            --color-selector-basic-checked-element-focus: #fff;
            --color-selector-basic-checked-element-disabled: #737787;
            --color-input-basic-label: #a2a5af;
            --color-input-basic-label-hover: #a2a5af;
            --color-input-basic-label-focus: #a2a5af;
            --color-input-basic-label-disabled: #737787;
            --color-input-basic-placeholder: #737787;
            --color-input-basic-placeholder-hover: #737787;
            --color-input-basic-placeholder-focus: #737787;
            --color-input-basic-placeholder-disabled: #737787;
            --color-input-basic-value: #fff;
            --color-input-basic-value-hover: #fff;
            --color-input-basic-value-focus: #fff;
            --color-input-basic-value-disabled: #737787;
            --color-input-basic-icon-container-icon: #a2a5af;
            --color-input-basic-icon-container-icon-hover: #fff;
            --color-input-basic-icon-container-icon-focus: #fff;
            --color-input-basic-icon-container-icon-disabled: #737787;
            --color-input-basic-error-icon-container-icon: #a2a5af;
            --color-input-basic-error-icon-container-icon-hover: #fff;
            --color-input-basic-error-icon-container-icon-focus: #fff;
            --color-input-basic-error-label: #a2a5af;
            --color-input-basic-error-label-hover: #a2a5af;
            --color-input-basic-error-label-focus: #a2a5af;
            --color-input-basic-error-placeholder: #737787;
            --color-input-basic-error-placeholder-hover: #737787;
            --color-input-basic-error-placeholder-focus: #737787;
            --color-input-basic-error-value: #fff;
            --color-input-basic-error-value-hover: #fff;
            --color-input-basic-error-value-focus: #fff;
            --color-selector-primary-element: #fff;
            --color-selector-primary-element-hover: #fff;
            --color-selector-primary-element-focus: #fff;
            --color-selector-primary-element-disabled: #737787;
            --color-selector-primary-checked-element: #fff;
            --color-selector-primary-checked-element-hover: #fff;
            --color-selector-primary-checked-element-focus: #fff;
            --color-selector-primary-checked-element-disabled: #983b06;
            --color-message-basic-text: #fff;
            --color-message-basic-description: #d0d2d7;
            --color-message-basic-icon-container-icon: #FFFFFFCC;
            --color-message-primary-text: #f67024;
            --color-message-primary-description: #d0d2d7;
            --color-message-primary-icon-container-icon: #F67024CC;
            --color-message-info-text: #869dee;
            --color-message-info-description: #d0d2d7;
            --color-message-info-icon-container-icon: #869DEECC;
            --color-message-success-text: #09e41f;
            --color-message-success-description: #d0d2d7;
            --color-message-success-icon-container-icon: #09E41FCC;
            --color-message-attention-text: #f8e150;
            --color-message-attention-description: #d0d2d7;
            --color-message-attention-icon-container-icon: #F8E150CC;
            --color-message-warning-text: #f67024;
            --color-message-warning-description: #d0d2d7;
            --color-message-warning-icon-container-icon: #F67024CC;
            --color-message-danger-text: #f44;
            --color-message-danger-description: #d0d2d7;
            --color-message-danger-icon-container-icon: #FF4444CC;
            --color-message-line-basic-text: #fff;
            --color-message-line-basic-description: #d0d2d7;
            --color-message-line-basic-icon-container-icon: #FFFFFFCC;
            --color-message-line-info-text: #fff;
            --color-message-line-info-description: #d0d2d7;
            --color-message-line-info-icon-container-icon: #FFFFFFCC;
            --color-message-line-danger-text: #fff;
            --color-message-line-danger-description: #d0d2d7;
            --color-message-line-danger-icon-container-icon: #FFFFFFCC;
            --color-message-line-cookies-text: #d0d2d7;
            --color-message-line-cookies-link-text: #f67024;
            --color-modal-text: #fff;
            --color-modal-description: #a2a5af;
            --color-modal-status-basic-icon: #d0d2d7;
            --color-modal-status-primary-icon: #f67024;
            --color-modal-status-info-icon: #5d7ce8;
            --color-modal-status-susses-icon: #09e41f;
            --color-modal-status-attention-icon: #f8e150;
            --color-modal-status-warning-icon: #f67024;
            --color-modal-status-danger-icon: #ff0e0e;
            --color-pagination-button-text: #d0d2d7;
            --color-pagination-button-text-hover: #d0d2d7;
            --color-pagination-button-text-active: #d0d2d7;
            --color-pagination-button-text-disabled: #737787;
            --color-pagination-button-icon: #d0d2d7;
            --color-pagination-button-icon-hover: #d0d2d7;
            --color-pagination-button-icon-active: #d0d2d7;
            --color-pagination-button-icon-disabled: #737787;
            --color-pagination-button-checked-text: #fff;
            --color-pagination-button-checked-text-hover: #fff;
            --color-pagination-button-checked-text-active: #fff;
            --color-pagination-button-checked-text-disabled: #737787;
            --color-preloader-primary-icon: #e45809;
            --color-preloader-secondary-icon: #a2a5af;
            --color-preloader-info-icon: #355be2;
            --color-preloader-minor-icon: #9900d5;
            --color-preloader-success-icon: #069815;
            --color-preloader-attention-icon: #f6da24;
            --color-preloader-warning-icon: #f67024;
            --color-preloader-danger-icon: #ff0e0e;
            --color-preloader-light-icon: #fff;
            --color-preloader-dark-icon: #060e2a;
            --color-progress-bar-primary-divider-background: #FFFFFF33;
            --color-progress-bar-primary-text: #fff;
            --color-progress-bar-secondary-divider-background: #FFFFFF33;
            --color-progress-bar-secondary-text: #fff;
            --color-progress-bar-info-divider-background: #FFFFFF33;
            --color-progress-bar-info-text: #fff;
            --color-progress-bar-minor-divider-background: #FFFFFF33;
            --color-progress-bar-minor-text: #fff;
            --color-progress-bar-success-divider-background: #FFFFFF33;
            --color-progress-bar-success-text: #fff;
            --color-progress-bar-attention-divider-background: #FFFFFF33;
            --color-progress-bar-attention-text: #000;
            --color-progress-bar-warning-divider-background: #FFFFFF33;
            --color-progress-bar-warning-text: #fff;
            --color-progress-bar-danger-divider-background: #FFFFFF33;
            --color-progress-bar-danger-text: #fff;
            --color-progress-bar-dark-divider-background: #00000033;
            --color-progress-bar-dark-text: #fff;
            --color-progress-bar-light-divider-background: #00000033;
            --color-progress-bar-light-text: #060e2a;
            --color-rating-level-1: #bdccd1;
            --color-rating-level-3: #4ff7f7;
            --color-scrollbar-background: #54596d;
            --color-step-text: #fff;
            --color-table-fill-header-text: #a2a5af;
            --color-table-fill-header-text-hover: #a2a5af;
            --color-table-fill-header-text-active: #a2a5af;
            --color-table-fill-header-icon-container-icon: #A2A5AFCC;
            --color-table-fill-header-icon-container-icon-hover: #A2A5AFCC;
            --color-table-fill-header-icon-container-icon-active: #A2A5AFCC;
            --color-table-fill-row-text: #fff;
            --color-table-fill-row-text-hover: #fff;
            --color-table-fill-row-text-active: #fff;
            --color-table-fill-row-icon-container-icon: #FFFFFFCC;
            --color-table-fill-row-icon-container-icon-hover: #FFFFFFCC;
            --color-table-fill-row-icon-container-icon-active: #FFFFFFCC;
            --color-table-lineal-header-text: #a2a5af;
            --color-table-lineal-header-text-hover: #a2a5af;
            --color-table-lineal-header-text-active: #a2a5af;
            --color-table-lineal-header-icon-container-icon: #A2A5AFCC;
            --color-table-lineal-header-icon-container-icon-hover: #A2A5AFCC;
            --color-table-lineal-header-icon-container-icon-active: #A2A5AFCC;
            --color-table-lineal-row-text: #fff;
            --color-table-lineal-row-text-hover: #fff;
            --color-table-lineal-row-text-active: #fff;
            --color-table-lineal-row-icon-container-icon: #FFFFFFCC;
            --color-table-lineal-row-icon-container-icon-hover: #FFFFFFCC;
            --color-table-lineal-row-icon-container-icon-active: #FFFFFFCC;
            --color-table-modal-text: #a2a5af;
            --color-table-modal-description: #a2a5af;
            --color-table-modal-value: #fff;
            --color-table-modal-icon-container-icon: #A2A5AFCC;
            --color-tab-underline-primary-text: #a2a5af;
            --color-tab-underline-primary-text-hover: #fff;
            --color-tab-underline-primary-text-active: #fff;
            --color-tab-underline-primary-icon-container-icon: #A2A5AFCC;
            --color-tab-underline-primary-icon-container-icon-hover: #FFFFFFCC;
            --color-tab-underline-primary-icon-container-icon-active: #FFFFFFCC;
            --color-tab-underline-inverse-text: #54596d;
            --color-tab-underline-inverse-text-hover: #060e2a;
            --color-tab-underline-inverse-text-active: #060e2a;
            --color-tab-underline-inverse-icon-container-icon: #828695CC;
            --color-tab-underline-inverse-icon-container-icon-hover: #060E2ACC;
            --color-tab-underline-inverse-icon-container-icon-active: #060E2ACC;
            --color-tab-primary-text: #a2a5af;
            --color-tab-primary-text-hover: #fff;
            --color-tab-primary-text-active: #fff;
            --color-tab-primary-icon-container-icon: #A2A5AFCC;
            --color-tab-primary-icon-container-icon-hover: #FFFFFFCC;
            --color-tab-primary-icon-container-icon-active: #FFFFFFCC;
            --color-tab-secondary-text: #a2a5af;
            --color-tab-secondary-text-hover: #fff;
            --color-tab-secondary-text-active: #fff;
            --color-tab-secondary-icon-container-icon: #A2A5AFCC;
            --color-tab-secondary-icon-container-icon-hover: #FFFFFFCC;
            --color-tab-secondary-icon-container-icon-active: #FFFFFFCC;
            --color-tab-info-text: #a2a5af;
            --color-tab-info-text-hover: #fff;
            --color-tab-info-text-active: #fff;
            --color-tab-info-icon-container-icon: #A2A5AFCC;
            --color-tab-info-icon-container-icon-hover: #FFFFFFCC;
            --color-tab-info-icon-container-icon-active: #FFFFFFCC;
            --color-tab-inverse-text: #54596d;
            --color-tab-inverse-text-hover: #060e2a;
            --color-tab-inverse-text-active: #fff;
            --color-tab-inverse-icon-container-icon: #54596DCC;
            --color-tab-inverse-icon-container-icon-hover: #060E2ACC;
            --color-tab-inverse-icon-container-icon-active: #FFFFFFCC;
            --color-title-basic-text: #fff;
            --color-title-basic-description: #a2a5af;
            --color-tag-fill-text: #fff;
            --color-tag-fill-text-hover: #fff;
            --color-tag-fill-text-active: #fff;
            --color-tag-fill-text-active-hover: #fff;
            --color-tag-outline-text: #fff;
            --color-tag-outline-text-hover: #fff;
            --color-tag-outline-text-active: #fff;
            --color-tag-outline-text-active-hover: #fff;
            --color-tag-outline-icon-container-icon: #FFFFFFCC;
            --color-tag-outline-icon-container-icon-hover: #FFFFFFCC;
            --color-tag-outline-icon-container-icon-active: #fff;
            --color-tag-outline-icon-container-icon-active-hover: #fff;
            --color-tag-ghost-text: #fff;
            --color-tag-ghost-text-hover: #fff;
            --color-tag-ghost-text-active: #fff;
            --color-tag-ghost-text-active-hover: #fff;
            --color-tag-ghost-icon-container-icon: #FFFFFFCC;
            --color-tag-ghost-icon-container-icon-hover: #FFFFFFCC;
            --color-tag-ghost-icon-container-icon-active: #fff;
            --color-tag-ghost-icon-container-icon-active-hover: #fff;
            --color-tag-ghost-secondary-text: #d0d2d7;
            --color-tag-ghost-secondary-text-hover: #fff;
            --color-tag-ghost-secondary-text-active: #fff;
            --color-tag-ghost-secondary-text-active-hover: #fff;
            --color-tooltip-text: #fff;
            --color-game-card-header-icon: #FFFFFFCC;
            --color-game-card-header-icon-hover: #fff;
            --color-game-card-like-icon: #eff0f2;
            --color-game-card-like-icon-hover: #fff;
            --color-game-card-like-icon-active: #fff;
            --color-game-card-like-icon-checked: #fff;
            --color-game-card-like-text: #fff;
            --color-game-card-like-text-hover: #fff;
            --color-game-card-like-text-active: #fff;
            --color-game-card-like-text-checked: #fff;
            --color-game-card-overlay-icon: #FFFFFFB3;
            --color-game-card-live-dot-background: #fff;
            --color-game-card-live-seat-text: #737787;
            --color-game-card-live-seat-icon: #a2a5af;
            --color-game-card-live-bet-text: #fff;
            --color-game-card-live-bet-background-base: #161d37;
            --color-game-card-live-bet-background-black: #000;
            --color-game-card-live-bet-background-red: #f44;
            --color-game-card-live-bet-background-green: #07be1a;
            --color-game-card-title-game-text: #fff;
            --color-game-card-title-provider-text: #FFFFFFB3;
            --color-navbar-text: #a2a5af;
            --color-navbar-text-hover: #fff;
            --color-navbar-text-active: #f67024;
            --color-navbar-icon-container-icon: #a2a5af;
            --color-navbar-icon-container-icon-hover: #fff;
            --color-navbar-icon-container-icon-active: #f67024;
            --color-navbar-inverse-text: #54596d;
            --color-navbar-inverse-text-hover: #060e2a;
            --color-navbar-inverse-text-active: #f67024;
            --color-navbar-inverse-icon-container-icon: #54596d;
            --color-navbar-inverse-icon-container-icon-hover: #060e2a;
            --color-navbar-inverse-icon-container-icon-active: #f67024;
            --color-menu-top-icon: #a2a5af;
            --color-menu-top-icon-hover: #d0d2d7;
            --color-menu-top-amount-text: #fff;
            --color-menu-top-amount-text-hover: #fff;
            --color-menu-top-amount-text-focus: #fff;
            --color-user-menu-user-background-lower: #161d37;
            --color-icon: #54596DCC;
            --color-user-menu-progress-icon: #a2a5af;
            --color-user-menu-header-text: #fff;
            --color-user-menu-email-text: #a2a5af;
            --color-user-menu-title: #d0d2d7;
            --color-user-menu-text: #d0d2d7;
            --color-user-menu-value: #fff;
            --color-user-menu-description: #737787;
            --color-footer-title: #d0d2d7;
            --color-footer-text: #a2a5af;
            --color-footer-menu-text: #a2a5af;
            --color-footer-menu-text-hover: #d0d2d7;
            --color-footer-description: #737787;
            --color-footer-link-text: #f67024;
            --color-footer-contact-icon: #e45809;
            --color-footer-ssl-icon: #FFFFFFB3;
            --color-footer-logo-icon: #a2a5af;
            --color-sidebar-card-referal-text: #fff;
            --color-sidebar-card-referal-text-hover: #fff;
            --color-sidebar-card-referal-description: #d0d2d7;
            --color-sidebar-card-referal-description-hover: #d0d2d7;
            --color-icon-hover: #353B52CC;
            --color-accent-icon: #069815CC;
            --color-accent-icon-hover: #069815CC;
            --color-sidebar-card-mini-lock-icon: #a2a5af;
            --color-sidebar-card-mini-lock-icon-hover: #a2a5af;
            --color-sidebar-card-mini-inverse-lock-icon: #54596d;
            --color-sidebar-card-mini-inverse-lock-icon-hover: #54596d;
            --color-sidebar-card-widget-text: #fff;
            --color-sidebar-card-widget-text-hover: #fff;
            --color-sidebar-card-widget-description: #a2a5af;
            --color-sidebar-card-widget-description-hover: #a2a5af;
            --color-sidebar-card-widget-lock-icon: #a2a5af;
            --color-sidebar-card-widget-lock-icon-hover: #a2a5af;
            --color-sidebar-card-widget-inverse-text: #060e2a;
            --color-sidebar-card-widget-inverse-text-hover: #060e2a;
            --color-sidebar-card-widget-inverse-description: #353b52;
            --color-sidebar-card-widget-inverse-description-hover: #353b52;
            --color-sidebar-card-widget-inverse-lock-icon: #54596d;
            --color-sidebar-card-widget-inverse-lock-icon-hover: #54596d;
            --color-sidebar-list-header-text: #d0d2d7;
            --color-sidebar-list-header-text-hover: #fff;
            --color-sidebar-list-row-text: #a2a5af;
            --color-sidebar-list-row-text-hover: #d0d2d7;
            --color-sidebar-list-inverse-header-text: #353b52;
            --color-sidebar-list-inverse-header-text-hover: #060e2a;
            --color-sidebar-list-inverse-row-text: #54596d;
            --color-sidebar-list-inverse-row-text-hover: #353b52;
            --color-sidebar-header-icon: #a2a5af;
            --color-sidebar-header-icon-hover: #d0d2d7;
            --color-badge-minor-text: #fff;
            --color-badge-transparent-text: #fff;
            --color-badge-jackpot-text: #fff;
            --color-badge-info-icon-container-icon: #FFFFFFCC;
            --color-badge-minor-icon-container-icon: #FFFFFFCC;
            --color-badge-success-icon-container-icon: #FFFFFFCC;
            --color-badge-attention-icon-container-icon: #000000CC;
            --color-badge-warning-icon-container-icon: #FFFFFFCC;
            --color-badge-danger-icon-container-icon: #FFFFFFCC;
            --color-badge-dark-icon-container-icon: #F6DA24CC;
            --color-badge-transparent-icon-container-icon: #FFFFFFCC;
            --color-badge-jackpot-icon-container-icon: #f6da24;
            --color-badge-info-text: #fff;
            --color-badge-warning-text: #fff;
            --color-tag-fill-icon-container-icon: #FFFFFFCC;
            --color-tag-fill-icon-container-icon-hover: #FFFFFFCC;
            --color-tag-fill-icon-container-icon-active: #fff;
            --color-tag-fill-icon-container-icon-active-hover: #fff;
            --color-tag-ghost-secondary-icon-container-icon: #D0D2D7CC;
            --color-tag-ghost-secondary-icon-container-icon-hover: #FFFFFFCC;
            --color-tag-ghost-secondary-icon-container-icon-active: #fff;
            --color-tag-ghost-secondary-icon-container-icon-active-hover: #fff;
            --color-title-basic-icon-container-icon: #FFFFFFCC;
            --color-badge-vip-text: #000;
            --color-badge-vip-icon-container-icon: #000;
            --color-input-basic-success-icon-container-icon: #a2a5af;
            --color-input-basic-success-icon-container-icon-hover: #fff;
            --color-input-basic-success-icon-container-icon-focus: #fff;
            --color-input-basic-success-label: #a2a5af;
            --color-input-basic-success-label-hover: #a2a5af;
            --color-input-basic-success-label-focus: #a2a5af;
            --color-input-basic-success-placeholder: #737787;
            --color-input-basic-success-placeholder-hover: #737787;
            --color-input-basic-success-placeholder-focus: #737787;
            --color-input-basic-success-value: #fff;
            --color-input-basic-success-value-hover: #fff;
            --color-input-basic-success-value-focus: #fff;
            --color-input-inverse-icon-container-icon: #54596d;
            --color-input-inverse-icon-container-icon-hover: #060e2a;
            --color-input-inverse-icon-container-icon-focus: #060e2a;
            --color-input-inverse-icon-container-icon-disabled: #828695;
            --color-input-inverse-label: #54596d;
            --color-input-inverse-label-hover: #54596d;
            --color-input-inverse-label-focus: #54596d;
            --color-input-inverse-label-disabled: #828695;
            --color-input-inverse-placeholder: #828695;
            --color-input-inverse-placeholder-hover: #828695;
            --color-input-inverse-placeholder-focus: #828695;
            --color-input-inverse-placeholder-disabled: #828695;
            --color-input-inverse-value: #060e2a;
            --color-input-inverse-value-hover: #060e2a;
            --color-input-inverse-value-focus: #060e2a;
            --color-input-inverse-value-disabled: #828695;
            --color-input-inverse-error-label: #54596d;
            --color-input-inverse-success-icon-container-icon: #54596d;
            --color-input-inverse-success-icon-container-icon-hover: #060e2a;
            --color-input-inverse-success-icon-container-icon-focus: #060e2a;
            --color-input-inverse-success-label: #54596d;
            --color-input-inverse-success-label-hover: #54596d;
            --color-input-inverse-success-label-focus: #54596d;
            --color-input-inverse-success-placeholder: #828695;
            --color-input-inverse-success-placeholder-hover: #828695;
            --color-input-inverse-success-placeholder-focus: #828695;
            --color-input-inverse-success-value: #060e2a;
            --color-input-inverse-success-value-hover: #060e2a;
            --color-input-inverse-success-value-focus: #060e2a;
            --color-input-inverse-error-label-hover: #54596d;
            --color-input-inverse-error-label-focus: #54596d;
            --color-input-inverse-error-placeholder: #828695;
            --color-input-inverse-error-placeholder-hover: #828695;
            --color-input-inverse-error-placeholder-focus: #828695;
            --color-input-inverse-error-value: #060e2a;
            --color-input-inverse-error-value-hover: #060e2a;
            --color-input-inverse-error-value-focus: #060e2a;
            --color-arrow-icon: #54596DCC;
            --color-arrow-icon-hover: #54596DCC;
            --color-sidebar-multiscreen-icon: #a2a5af;
            --color-sidebar-multiscreen-icon-hover: #d0d2d7;
            --color-sidebar-inverse-multiscreen-icon: #54596d;
            --color-sidebar-inverse-multiscreen-icon-hover: #353b52;
            --color-button-store-inverse-text: #060e2a;
            --color-button-store-inverse-text-hover: #060e2a;
            --color-button-store-inverse-text-active: #060e2a;
            --color-button-store-inverse-description: #54596d;
            --color-button-store-inverse-description-hover: #54596d;
            --color-button-store-inverse-description-active: #54596d;
            --color-button-store-inverse-icon: #060e2a;
            --color-button-store-inverse-icon-hover: #060e2a;
            --color-button-store-inverse-icon-active: #060e2a;
            --color-sidebar-inverse-header-icon: #54596d;
            --color-sidebar-inverse-header-icon-hover: #353b52;
            --color-menu-top-inverse-amount-text: #060e2a;
            --color-menu-top-inverse-amount-text-hover: #060e2a;
            --color-menu-top-inverse-amount-text-focus: #060e2a;
            --color-footer-inverse-title: #353b52;
            --color-footer-inverse-text: #54596d;
            --color-footer-inverse-menu-text: #54596d;
            --color-footer-inverse-menu-text-hover: #353b52;
            --color-footer-inverse-description: #828695;
            --color-footer-inverse-link-text: #f67024;
            --color-footer-inverse-contact-icon: #e45809;
            --color-footer-inverse-ssl-icon: #000000B3;
            --color-footer-inverse-logo-icon: #54596d;
            --color-footer-payment-card-icon: #54596d;
            --color-footer-inverse-payment-card-icon: #b1b4bc;
            --color-user-menu-inverse-user-background-lower: #eff0f2;
            --color-user-menu-inverse-progress-icon: #828695;
            --color-user-menu-inverse-header-text: #060e2a;
            --color-user-menu-inverse-email-text: #54596d;
            --color-user-menu-inverse-title: #353b52;
            --color-user-menu-inverse-text: #353b52;
            --color-user-menu-inverse-value: #060e2a;
            --color-user-menu-inverse-description: #828695;
            --color-dropdown-inverse-tail-background: #e0e1e4;
            --color-dropdown-inverse-divider-background: #d0d2d7;
            --color-dropdown-inverse-divider-descrition: #828695;
            --color-dropdown-inverse-row-text: #060e2a;
            --color-dropdown-inverse-row-text-hover: #060e2a;
            --color-dropdown-inverse-row-text-active: #060e2a;
            --color-dropdown-inverse-row-text-primary: #060e2a;
            --color-dropdown-inverse-row-description: #000000B3;
            --color-dropdown-inverse-row-description-hover: #000000B3;
            --color-dropdown-inverse-row-description-active: #000000B3;
            --color-dropdown-inverse-row-description-primary: #000000B3;
            --color-dropdown-inverse-row-icon-container-icon: #060e2a;
            --color-dropdown-inverse-row-icon-container-icon-hover: #060e2a;
            --color-dropdown-inverse-row-icon-container-icon-active: #060e2a;
            --color-dropdown-inverse-row-icon-container-icon-primary: #060e2a;
            --color-step-point-text: #fff;
            --color-input-external-text-basic-label: #fff;
            --color-input-external-text-basic-label-required: #ff0e0e;
            --color-input-external-text-basic-description: #a2a5af;
            --color-input-external-text-basic-error-message: #ff0e0e;
            --color-button-navigation-secondary-icon: #FFFFFFCC;
            --color-button-navigation-secondary-icon-hover: #fff;
            --color-button-navigation-secondary-icon-active: #fff;
            --color-button-navigation-secondary-icon-disabled: #63687ACC;
            --color-input-external-text-inverse-label: #060e2a;
            --color-input-external-text-inverse-label-required: #ff0e0e;
            --color-input-external-text-inverse-description: #54596d;
            --color-input-external-text-inverse-error-message: #ff0e0e;
            --color-input-inverse-error-icon-container-icon: #54596d;
            --color-input-inverse-error-icon-container-icon-hover: #060e2a;
            --color-input-inverse-error-icon-container-icon-focus: #060e2a;
            --color-input-basic-button-icon-icon: #a2a5af;
            --color-input-basic-button-icon-icon-hover: #a2a5af;
            --color-input-basic-button-icon-icon-focus: #a2a5af;
            --color-input-basic-button-icon-icon-disabled: #737787;
            --color-input-basic-error-button-icon-icon: #a2a5af;
            --color-input-basic-error-button-icon-icon-hover: #a2a5af;
            --color-input-basic-error-button-icon-icon-focus: #a2a5af;
            --color-input-basic-success-button-icon-icon: #a2a5af;
            --color-input-basic-success-button-icon-icon-hover: #a2a5af;
            --color-input-basic-success-button-icon-icon-focus: #a2a5af;
            --color-input-inverse-button-icon-icon: #54596d;
            --color-input-inverse-button-icon-icon-hover: #54596d;
            --color-input-inverse-button-icon-icon-focus: #54596d;
            --color-input-inverse-button-icon-icon-disabled: #828695;
            --color-input-inverse-error-button-icon-icon: #54596d;
            --color-input-inverse-error-button-icon-icon-hover: #54596d;
            --color-input-inverse-error-button-icon-icon-focus: #54596d;
            --color-input-inverse-success-button-icon-icon: #54596d;
            --color-input-inverse-success-button-icon-icon-hover: #54596d;
            --color-input-inverse-success-button-icon-icon-focus: #54596d;
            --color-progress-bar-info-inverse-divider-background: #00000033;
            --color-progress-bar-info-inverse-text: #fff;
            --color-title-inverse-text: #060e2a;
            --color-title-inverse-description: #54596d;
            --color-title-inverse-icon-container-icon: #060E2ACC;
            --color-button-navigation-inverse-icon: #060E2ACC;
            --color-button-navigation-inverse-icon-hover: #060e2a;
            --color-button-navigation-inverse-icon-active: #060e2a;
            --color-button-navigation-inverse-icon-disabled: #828695CC;
            --color-step-4: #772d4f;
            --color-step-5: #5a2062;
            --color-c1: #00000024;
            --color-c2: #0000003D;
            --color-c3: #00000052;
            --num-stroke-hr: 1px;
            --numbers-n0: 0px;
            --num-spacing-m0: 0px;
            --num-stroke-border: 2px;
            --numbers-n1: 1px;
            --num-spacing-m1: 1px;
            --numbers-n2: 2px;
            --num-spacing-m2: 2px;
            --numbers-n4: 4px;
            --num-spacing-m4: 4px;
            --numbers-n6: 6px;
            --num-spacing-m6: 6px;
            --numbers-n8: 8px;
            --num-spacing-m8: 8px;
            --numbers-n10: 10px;
            --num-spacing-m10: 10px;
            --numbers-n12: 12px;
            --num-spacing-m12: 12px;
            --numbers-n14: 14px;
            --num-spacing-m14: 14px;
            --numbers-n16: 16px;
            --num-spacing-m16: 16px;
            --numbers-n18: 18px;
            --num-spacing-m18: 18px;
            --numbers-n20: 20px;
            --num-spacing-m20: 20px;
            --numbers-n22: 22px;
            --num-spacing-m22: 22px;
            --numbers-n24: 24px;
            --num-spacing-m24: 24px;
            --numbers-n26: 26px;
            --num-spacing-m26: 26px;
            --numbers-n28: 28px;
            --num-spacing-m28: 28px;
            --numbers-n30: 30px;
            --num-spacing-m30: 30px;
            --numbers-n32: 32px;
            --num-spacing-m32: 32px;
            --numbers-n34: 34px;
            --num-spacing-m34: 34px;
            --numbers-n36: 36px;
            --num-spacing-m36: 36px;
            --numbers-n38: 38px;
            --num-spacing-m38: 38px;
            --numbers-n40: 40px;
            --num-spacing-m40: 40px;
            --numbers-n42: 42px;
            --num-spacing-m42: 42px;
            --numbers-n44: 44px;
            --num-spacing-m44: 44px;
            --numbers-n46: 46px;
            --num-spacing-m46: 46px;
            --numbers-n48: 48px;
            --num-spacing-m48: 48px;
            --numbers-n50: 50px;
            --num-spacing-m50: 50px;
            --numbers-n52: 52px;
            --num-spacing-m52: 52px;
            --numbers-n54: 54px;
            --num-spacing-m54: 54px;
            --numbers-n56: 56px;
            --num-spacing-m56: 56px;
            --numbers-n58: 58px;
            --num-spacing-m58: 58px;
            --numbers-n60: 60px;
            --num-spacing-m60: 60px;
            --numbers-n62: 62px;
            --num-spacing-m62: 62px;
            --numbers-n64: 64px;
            --num-spacing-m64: 64px;
            --numbers-pill: 1000px;
            --breakpoints-min-width: 360px;
            --breakpoints-max-width: 1280px;
            --num-radius-r0: 0px;
            --num-radius-r2: 2px;
            --num-radius-r4: 4px;
            --num-radius-r6: 6px;
            --num-radius-r8: 8px;
            --num-radius-r10: 10px;
            --num-radius-r12: 12px;
            --num-radius-r14: 14px;
            --num-radius-r16: 16px;
            --num-radius-r18: 18px;
            --num-radius-r20: 20px;
            --num-radius-r22: 22px;
            --num-radius-r24: 24px;
            --num-radius-r26: 26px;
            --num-radius-r28: 28px;
            --num-radius-r30: 30px;
            --num-radius-r32: 32px;
            --num-radius-pill: 1000px;
            --border-m: 2px;
            --border-s: 1px;
            --border-radius-4xl: 32px;
            --border-radius-3xl: 28px;
            --border-radius-2xl: 22px;
            --size-8xl: 64px;
            --size-7xl: 56px;
            --size-6xl: 52px;
            --size-5xl: 48px;
            --size-4xl: 44px;
            --size-3xl: 40px;
            --size-2xl: 32px;
            --size-xl: 30px;
            --size-l: 28px;
            --size-m: 24px;
            --size-s: 20px;
            --size-xs: 18px;
            --size-2xs: 16px;
            --size-3xs: 14px;
            --size-4xs: 12px;
            --size-5xs: 10px;
            --size-6xs: 8px;
            --accordion-header-icon-container-border-radius-l: 4px;
            --accordion-header-icon-container-border-radius-l-2: 4px;
            --accordion-header-icon-container-border-radius-l-3: 8px;
            --accordion-header-icon-container-border-radius-l-4: 8px;
            --accordion-header-icon-container-border-radius-l-5: 8px;
            --accordion-header-icon-container-border-radius-l-6: 8px;
            --accordion-header-icon-container-border-size: 1px;
            --accordion-header-icon-container-expand: 0px;
            --accordion-header-icon-container-icon-size: 20px;
            --accordion-header-border-size: 2px;
            --accordion-header-spacing: 8px;
            --accordion-border-size: 2px;
            --avatar-border-size: 2px;
            --avatar-size: 32px;
            --avatar-rakeback-expand: 1px;
            --avatar-rakeback-icon-size: 10px;
            --avatar-rakeback-border-size: 1px;
            --badge-border-size-l: 2px;
            --badge-border-size-m: 2px;
            --badge-border-size-s: 2px;
            --badge-border-size-xs: 2px;
            --badge-content-height-l: 20px;
            --badge-content-height-m: 16px;
            --badge-content-height-s: 14px;
            --badge-content-height-xs: 8px;
            --badge-icon-container-border-size-l: 1px;
            --badge-icon-container-expand-l: 0px;
            --badge-icon-container-expand-m: 0px;
            --badge-icon-container-expand-s: 0px;
            --badge-icon-container-expand-xs: 0px;
            --badge-icon-container-border-size-m: 1px;
            --badge-icon-container-border-size-s: 1px;
            --badge-icon-container-border-size-xs: 1px;
            --badge-icon-container-icon-size-l: 20px;
            --badge-icon-container-icon-size-m: 16px;
            --badge-icon-container-icon-size-s: 14px;
            --badge-icon-container-icon-size-xs: 8px;
            --button-border-size-l: 2px;
            --button-border-size-m: 2px;
            --button-border-size-s: 2px;
            --button-content-height-l: 24px;
            --button-content-height-m: 20px;
            --button-content-height-s: 16px;
            --button-icon-container-border-size-l: 1px;
            --button-icon-container-border-size-m: 1px;
            --button-icon-container-border-size-s: 1px;
            --button-icon-container-expand-l: 0px;
            --button-icon-container-expand-m: 0px;
            --button-icon-container-expand-s: 0px;
            --button-icon-container-icon-size-l: 24px;
            --button-icon-container-icon-size-m: 20px;
            --button-icon-container-icon-size-s: 16px;
            --button-link-spacing-l: 8px;
            --button-link-spacing-m: 8px;
            --button-link-spacing-s: 4px;
            --button-link-content-height-l: 24px;
            --button-link-content-height-m: 20px;
            --button-link-content-height-s: 16px;
            --button-link-icon-container-border-size-l: 1px;
            --button-link-icon-container-border-size-m: 1px;
            --button-link-icon-container-border-size-s: 1px;
            --button-link-icon-container-expand-l: 0px;
            --button-link-icon-container-expand-m: 0px;
            --button-link-icon-container-expand-s: 0px;
            --button-link-icon-container-icon-size-l: 24px;
            --button-link-icon-container-icon-size-m: 20px;
            --button-link-icon-container-icon-size-s: 16px;
            --button-store-content-height-l: 32px;
            --button-store-content-height-m: 30px;
            --button-store-icon-size-l: 28px;
            --button-store-icon-size-m: 20px;
            --button-store-text-container-min-width-l: 124px;
            --button-store-text-container-min-width-m: 104px;
            --button-store-text-container-text-height-l: 20px;
            --button-store-text-container-text-height-m: 18px;
            --button-store-text-container-description-height-l: 12px;
            --button-store-text-container-description-height-m: 12px;
            --button-navigation-border-size-m: 2px;
            --button-navigation-border-size-s: 2px;
            --button-navigation-border-size-xs: 2px;
            --button-navigation-border-size-2xs: 2px;
            --button-navigation-border-size-3xs: 2px;
            --button-navigation-icon-size-m: 20px;
            --button-navigation-icon-size-s: 16px;
            --button-navigation-icon-size-xs: 14px;
            --button-navigation-icon-size-2xs: 14px;
            --button-navigation-icon-size-3xs: 12px;
            --buttons-group-spacing-l: 8px;
            --buttons-group-spacing-m: 8px;
            --buttons-group-spacing-s: 4px;
            --calendar-border-size-m: 2px;
            --calendar-border-size-s: 2px;
            --calendar-day-expand-m: 4px;
            --calendar-day-expand-s: 2px;
            --calendar-day-button-size-m: 36px;
            --calendar-day-button-size-s: 32px;
            --calendar-day-button-border-size-m: 2px;
            --calendar-day-button-border-size-s: 2px;
            --calendar-header-spacing-m: 8px;
            --calendar-header-day-width-m: 44px;
            --calendar-header-day-width-s: 36px;
            --calendar-header-spacing-s: 4px;
            --countdown-spacing-l: 8px;
            --countdown-spacing-m: 4px;
            --countdown-spacing-s: 4px;
            --countdown-spacing-xs: 4px;
            --countdown-spacing-xxs: 4px;
            --countdown-spacing-3xs: 4px;
            --countdown-container-spacing-l: 4px;
            --countdown-container-spacing-m: 2px;
            --countdown-item-border-size-l: 2px;
            --countdown-item-border-size-m: 2px;
            --countdown-item-size-l: 44px;
            --countdown-item-size-m: 32px;
            --countdown-item-size-s: 10px;
            --countdown-item-size-xs: 9px;
            --countdown-item-size-xxs: 7px;
            --countdown-item-size-3xs: 6px;
            --countdown-divider-dot-spacing-l: 8px;
            --countdown-divider-dot-spacing-m: 4px;
            --counter-border-size-xl: 2px;
            --counter-border-size-l: 2px;
            --counter-border-size-m: 1px;
            --counter-border-size-s: 1px;
            --counter-border-size-xs: 1px;
            --counter-size-xl: 24px;
            --counter-size-l: 20px;
            --counter-size-m: 16px;
            --counter-size-s: 12px;
            --counter-size-xs: 8px;
            --counter-content-size-xl: 16px;
            --counter-content-size-l: 12px;
            --counter-content-size-m: 12px;
            --counter-content-size-s: 8px;
            --counter-content-size-xs: 4px;
            --dropdown-border-size-m: 2px;
            --dropdown-border-size-s: 2px;
            --dropdown-row-content-spacing-m: 8px;
            --dropdown-row-content-height-m: 32px;
            --dropdown-row-content-height-s: 28px;
            --dropdown-row-content-spacing-s: 8px;
            --dropdown-row-text-container-spacing-m: 4px;
            --dropdown-row-text-container-spacing-s: 2px;
            --dropdown-row-icon-container-border-size-m: 1px;
            --dropdown-row-icon-container-expand-m: 0px;
            --dropdown-row-icon-container-expand-s: 0px;
            --dropdown-row-icon-container-border-size-s: 1px;
            --dropdown-row-icon-container-icon-size-m: 22px;
            --dropdown-row-icon-container-icon-size-s: 20px;
            --field-vertical-spaсing: 4px;
            --field-vertical-text-spaсing: 4px;
            --field-vertical-icon-size: 16px;
            --field-horizontal-spacing: 8px;
            --field-horizontal-text-spacing: 0px;
            --selector-border-size-m: 2px;
            --selector-border-size-s: 2px;
            --selector-outside-border-size-m: 2px;
            --selector-outside-border-size-s: 2px;
            --selector-checkbox-expand-m: 2px;
            --selector-checkbox-expand-s: 2px;
            --selector-checkbox-icon-size-m: 16px;
            --selector-checkbox-icon-size-s: 12px;
            --selector-radiobutton-expand-m: 4px;
            --selector-radiobutton-expand-s: 4px;
            --selector-radiobutton-radio-size-m: 12px;
            --selector-radiobutton-radio-size-s: 8px;
            --selector-switcher-width-m: 34px;
            --selector-switcher-width-s: 26px;
            --selector-switcher-expand-m: 2px;
            --selector-switcher-expand-s: 2px;
            --selector-switcher-tumbler-size-m: 16px;
            --selector-switcher-tumbler-size-s: 12px;
            --input-multy-spacing: 8px;
            --input-height-l: 56px;
            --input-height-m: 44px;
            --input-height-s: 32px;
            --input-content-spacing-l: 6px;
            --input-content-spacing-m: 6px;
            --input-content-spacing-s: 4px;
            --input-text-container-vertical-spacing-l: 2px;
            --input-text-container-vertical-spacing-m: 0px;
            --input-text-container-vertical-spacing-s: 0px;
            --input-border-size-l: 1px;
            --input-border-size-m: 1px;
            --input-border-size-s: 1px;
            --input-outside-border-size-l: 2px;
            --input-icon-container-border-size-l: 1px;
            --input-icon-container-border-size-m: 1px;
            --input-icon-container-border-size-s: 1px;
            --input-icon-container-expand-l: 0px;
            --input-icon-container-icon-size-l: 28px;
            --input-icon-container-icon-size-m: 24px;
            --input-icon-container-icon-size-s: 20px;
            --input-icon-container-expand-m: 0px;
            --input-icon-container-expand-s: 0px;
            --input-button-icon-border-size-l: 1px;
            --input-button-icon-border-size-m: 1px;
            --input-button-icon-border-size-s: 1px;
            --input-button-icon-expand-l: 0px;
            --input-button-icon-expand-m: 0px;
            --input-button-icon-expand-s: 0px;
            --input-button-icon-icon-size-l: 24px;
            --input-button-icon-icon-size-m: 20px;
            --input-button-icon-icon-size-s: 16px;
            --input-outside-border-size-m: 2px;
            --input-outside-border-size-s: 2px;
            --message-border-size-l: 2px;
            --message-border-size-m: 2px;
            --message-border-size-s: 2px;
            --message-icon-container-border-size-l: 1px;
            --message-icon-container-expand-l: 0px;
            --message-icon-container-expand-m: 0px;
            --message-icon-container-expand-s: 0px;
            --message-icon-container-border-size-m: 1px;
            --message-icon-container-border-size-s: 1px;
            --message-icon-container-icon-size-l: 24px;
            --message-icon-container-icon-size-m: 22px;
            --message-icon-container-icon-size-s: 20px;
            --message-horizontal-spacing-l: 8px;
            --message-horizontal-spacing-m: 8px;
            --message-horizontal-spacing-s: 8px;
            --message-vertical-spacing-l: 12px;
            --message-vertical-spacing-m: 10px;
            --message-vertical-spacing-s: 8px;
            --message-content-min-height-l: 24px;
            --message-content-min-height-m: 22px;
            --message-content-min-height-s: 20px;
            --message-text-container-spacing-l: 4px;
            --message-text-container-spacing-m: 2px;
            --message-text-container-spacing-s: 0px;
            --message-line-border-size-desktop: 2px;
            --message-line-border-size-mobile: 2px;
            --message-line-icon-container-border-size-desktop: 1px;
            --message-line-icon-container-border-size-mobile: 1px;
            --message-line-icon-container-expand-desktop: 0px;
            --message-line-icon-container-expand-mobile: 0px;
            --message-line-icon-container-icon-size-desktop: 20px;
            --message-line-icon-container-icon-size-mobile: 20px;
            --message-line-spacing-desktop: 8px;
            --message-line-spacing-mobile: 8px;
            --message-line-content-min-height-desktop: 20px;
            --message-line-content-min-height-mobile: 20px;
            --message-line-text-container-spacing-desktop: 6px;
            --message-line-text-container-spacing-mobile: 0px;
            --message-line-cookies-spacing-desktop: 16px;
            --message-line-cookies-spacing-mobile: 8px;
            --modal-width-expand-desktop: 24px;
            --modal-width-expand-mobile: 16px;
            --modal-top-expand-desktop: 24px;
            --modal-top-expand-mobile: 16px;
            --modal-bottom-expand-desktop: 24px;
            --modal-bottom-expand-mobile: 16px;
            --modal-border-size-desktop: 2px;
            --modal-border-size-mobile: 2px;
            --modal-header-horizontal-spacing-mobile: 8px;
            --modal-header-vertical-spacing-mobile: 0px;
            --modal-header-min-height-mobile: 52px;
            --modal-header-horizontal-spacing-desktop: 12px;
            --modal-header-vertical-spacing-desktop: 0px;
            --modal-header-min-height-desktop: 64px;
            --modal-footer-horizontal-spacing-desktop: 8px;
            --modal-footer-horizontal-spacing-mobile: 8px;
            --modal-footer-vertical-spacing-desktop: 8px;
            --modal-footer-vertical-spacing-mobile: 8px;
            --modal-body-width-expand-desktop: 24px;
            --modal-body-width-expand-mobile: 16px;
            --modal-body-content-spacing-desktop: 24px;
            --modal-body-content-top-expand-desktop: 8px;
            --modal-body-content-bottom-expand-desktop: 24px;
            --modal-body-content-width-expand-desktop: 0px;
            --modal-body-content-width-expand-mobile: 0px;
            --modal-body-status-size-desktop: 64px;
            --modal-body-status-size-mobile: 64px;
            --modal-body-status-border-size-desktop: 1px;
            --modal-body-status-border-size-mobile: 1px;
            --modal-body-status-icon-size-desktop: 32px;
            --modal-body-text-container-spacing-desktop: 16px;
            --modal-body-form-spacing-desktop: 16px;
            --modal-system-width-expand-desktop: 24px;
            --modal-system-width-expand-mobile: 16px;
            --modal-system-top-expand-desktop: 24px;
            --modal-system-top-expand-mobile: 16px;
            --modal-system-bottom-expand-desktop: 24px;
            --modal-system-bottom-expand-mobile: 16px;
            --modal-system-border-size-desktop: 1px;
            --modal-system-border-size-mobile: 1px;
            --modal-system-body-width-expand-desktop: 24px;
            --modal-system-body-width-expand-mobile: 16px;
            --modal-system-body-content-spacing-desktop: 24px;
            --modal-system-body-content-spacing-mobile: 24px;
            --modal-system-body-content-top-expand-desktop: 8px;
            --modal-system-body-content-top-expand-mobile: 8px;
            --modal-system-body-content-bottom-expand-desktop: 24px;
            --modal-system-body-content-bottom-expand-mobile: 16px;
            --modal-system-body-content-width-expand-desktop: 0px;
            --modal-system-body-content-width-expand-mobile: 0px;
            --modal-system-body-status-size-desktop: 64px;
            --modal-system-body-status-size-mobile: 64px;
            --modal-system-body-status-border-size-desktop: 1px;
            --modal-system-body-status-border-size-mobile: 1px;
            --modal-system-body-status-icon-size-desktop: 32px;
            --modal-system-body-status-icon-size-mobile: 32px;
            --modal-system-body-text-container-spacing-desktop: 16px;
            --modal-system-body-text-container-spacing-mobile: 8px;
            --modal-system-footer-horizontal-spacing-desktop: 8px;
            --modal-system-footer-horizontal-spacing-mobile: 8px;
            --modal-system-footer-vertical-spacing-desktop: 8px;
            --modal-system-footer-vertical-spacing-mobile: 8px;
            --pagination-spacing-m: 4px;
            --pagination-spacing-s: 4px;
            --pagination-button-border-size-m: 2px;
            --pagination-button-border-size-s: 2px;
            --pagination-button-content-size-m: 24px;
            --pagination-button-content-size-s: 20px;
            --preloader-icon-size-l: 56px;
            --preloader-icon-size-m: 40px;
            --preloader-icon-size-s: 24px;
            --progress-bar-border-size-l: 2px;
            --progress-bar-border-size-m: 2px;
            --progress-bar-border-size-s: 2px;
            --progress-bar-progress-height-l: 24px;
            --progress-bar-progress-height-m: 16px;
            --progress-bar-progress-height-s: 8px;
            --progress-bar-divider-border-radius: 1px;
            --progress-bar-divider-width: 1px;
            --progress-bar-divider-height-l: 16px;
            --progress-bar-divider-height-m: 8px;
            --progress-bar-divider-height-s: 2px;
            --progress-round-border-size: 12px;
            --scrollbar-container-size: 8px;
            --scrollbar-size: 4px;
            --step-vertical-spacing-l: 10px;
            --game-card-min-width: 80px;
            --game-card-min-height: 100px;
            --game-card-max-width: 240px;
            --game-card-max-height: 300px;
            --game-card-border-size: 2px;
            --game-card-header-width-expand: 8px;
            --game-card-header-top-expand: 8px;
            --game-card-header-horizontal-spacing: 4px;
            --game-card-header-vertical-spacing: 4px;
            --game-card-overlay-top-expand: 16px;
            --game-card-overlay-background-blur: 8px;
            --game-card-overlay-icon-size: 40px;
            --game-card-footer-width-expand: 8px;
            --game-card-footer-top-expand: 4px;
            --game-card-footer-bottom-expand: 4px;
            --game-card-footer-spacing: 2px;
            --game-card-live-expand: 2px;
            --game-card-live-item-height: 20px;
            --game-card-live-item-min-width: 20px;
            --game-card-live-item-spacing: 2px;
            --game-card-live-item-dot-size: 2px;
            --game-card-live-item-icon-size: 12px;
            --game-card-live-item-expand: 4px;
            --game-card-title-width-expand: 4px;
            --game-card-title-top-expand: 4px;
            --game-card-title-bottom-expand: 4px;
            --game-card-title-spacing: 4px;
            --game-card-like-icon-size: 24px;
            --game-card-header-icon-size: 24px;
            --game-card-like-text-width-expand: 2px;
            --game-card-like-expand: 0px;
            --game-card-like-border-size: 2px;
            --navbar-spacing-desktop: 4px;
            --navbar-spacing-mobile: 0px;
            --navbar-content-height-desktop: 20px;
            --navbar-dropdown-width-desktop: 200px;
            --navbar-icon-container-border-size-desktop: 1px;
            --navbar-icon-container-border-size-mobile: 1px;
            --navbar-icon-container-expand-desktop: 0px;
            --navbar-icon-container-expand-mobile: 0px;
            --navbar-icon-container-icon-size-desktop: 16px;
            --navbar-icon-container-icon-size-mobile: 24px;
            --navbar-menu-spacing: 8px;
            --step-vertical-spacing-m: 8px;
            --step-vertical-point-container-spacing-l: 4px;
            --step-vertical-point-container-spacing-m: 4px;
            --step-vertical-text-container-spacing-l: 0px;
            --step-vertical-text-container-spacing-m: 4px;
            --step-horizontal-spacing-l: 8px;
            --step-horizontal-spacing-m: 10px;
            --step-horizontal-point-container-spacing-l: 4px;
            --step-horizontal-point-container-spacing-m: 4px;
            --step-horizontal-text-container-spacing-l: 0px;
            --step-horizontal-text-container-spacing-m: 4px;
            --step-point-size-l: 20px;
            --step-point-size-m: 8px;
            --tabs-group-border-size-l: 2px;
            --tabs-group-border-size-m: 2px;
            --tabs-group-border-size-s: 2px;
            --tabs-group-underline-border-size-l: 1px;
            --tabs-group-underline-border-size-m: 1px;
            --tabs-group-underline-border-size-s: 1px;
            --table-header-content-height: 16px;
            --table-header-spacing: 8px;
            --table-header-icon-container-border-size: 1px;
            --table-header-icon-container-expand: 0px;
            --table-header-icon-container-icon-size: 16px;
            --table-row-content-height: 20px;
            --table-row-spacing: 8px;
            --tab-content-height-l: 24px;
            --tab-content-height-m: 20px;
            --tab-content-height-s: 16px;
            --tab-icon-container-border-size-l: 1px;
            --tab-icon-container-expand-l: 0px;
            --tab-icon-container-expand-m: 0px;
            --tab-icon-container-expand-s: 0px;
            --tab-icon-container-border-size-m: 1px;
            --tab-icon-container-border-size-s: 1px;
            --tab-icon-container-icon-size-l: 24px;
            --tab-icon-container-icon-size-m: 20px;
            --tab-icon-container-icon-size-s: 16px;
            --tab-border-size-l: 2px;
            --tab-border-size-m: 2px;
            --tab-border-size-s: 2px;
            --table-modal-border-size: 2px;
            --table-modal-content-min-height: 20px;
            --table-modal-horizontal-spacing: 8px;
            --table-modal-text-container-vertical-spacing: 4px;
            --table-modal-text-container-horizontal-spacing: 8px;
            --table-modal-icon-container-border-size: 1px;
            --table-modal-icon-container-expand: 0px;
            --table-modal-icon-container-icon-size: 20px;
            --tag-border-size-m: 2px;
            --tag-border-size-s: 2px;
            --tag-content-height-m: 16px;
            --tag-content-height-s: 16px;
            --tag-icon-container-border-size-m: 1px;
            --tag-icon-container-expand-m: 0px;
            --tag-icon-container-expand-s: 0px;
            --tag-icon-container-border-size-s: 1px;
            --tag-icon-container-icon-size-m: 16px;
            --tag-icon-container-icon-size-s: 16px;
            --title-block-border-size-desktop: 2px;
            --title-block-border-size-mobile: 2px;
            --title-block-left-expand-desktop: 0px;
            --title-block-left-expand-mobile: 0px;
            --title-block-right-expand-desktop: 0px;
            --title-block-right-expand-mobile: 0px;
            --title-block-top-expand-desktop: 0px;
            --title-block-top-expand-mobile: 0px;
            --title-block-bottom-expand-desktop: 0px;
            --title-block-bottom-expand-mobile: 0px;
            --title-block-horizontal-spacing-desktop: 12px;
            --title-block-horizontal-spacing-mobile: 8px;
            --title-block-vertical-spacing-mobile: 8px;
            --title-block-content-spacing-desktop: 8px;
            --title-block-content-spacing-mobile: 6px;
            --title-block-text-container-horizontal-spacing-desktop: 8px;
            --title-block-text-container-horizontal-spacing-mobile: 6px;
            --title-block-text-container-spacing-desktop: 4px;
            --title-block-text-container-spacing-mobile: 4px;
            --title-block-icon-container-border-size-desktop: 1px;
            --title-block-icon-container-border-size-mobile: 1px;
            --title-block-icon-container-expand-desktop: 0px;
            --title-block-icon-container-expand-mobile: 0px;
            --title-block-icon-container-icon-size-desktop: 32px;
            --title-block-icon-container-icon-size-mobile: 28px;
            --title-card-border-size-desktop: 2px;
            --title-card-border-size-mobile: 2px;
            --title-card-left-expand-desktop: 0px;
            --title-card-left-expand-mobile: 0px;
            --title-card-right-expand-desktop: 0px;
            --title-card-right-expand-mobile: 0px;
            --title-card-top-expand-desktop: 0px;
            --title-card-bottom-expand-desktop: 0px;
            --title-card-bottom-expand-mobile: 0px;
            --title-card-horizontal-spacing-desktop: 12px;
            --title-card-vertical-spacing-mobile: 8px;
            --title-card-content-spacing-desktop: 6px;
            --title-card-content-left-expand-desktop: 0px;
            --title-card-content-left-expand-mobile: 0px;
            --title-card-content-right-expand-desktop: 0px;
            --title-card-content-top-expand-desktop: 0px;
            --title-card-content-top-expand-mobile: 0px;
            --title-card-content-right-expand-mobile: 0px;
            --title-card-text-container-horizontal-spacing-desktop: 6px;
            --title-card-text-container-spacing-desktop: 0px;
            --title-card-icon-container-border-size-desktop: 1px;
            --title-card-icon-container-expand-desktop: 0px;
            --title-card-icon-container-icon-size-desktop: 24px;
            --title-card-top-expand-mobile: 0px;
            --title-card-horizontal-spacing-mobile: 8px;
            --title-card-content-spacing-mobile: 4px;
            --title-card-text-container-horizontal-spacing-mobile: 4px;
            --title-card-text-container-spacing-mobile: 0px;
            --title-card-icon-container-expand-mobile: 0px;
            --title-card-icon-container-border-size-mobile: 1px;
            --title-card-icon-container-icon-size-mobile: 22px;
            --tooltip-tail-width: 10px;
            --accordion-header-content-min-height: 20px;
            --table-row-icon-container-border-size: 1px;
            --table-row-icon-container-expand: 0px;
            --table-row-icon-container-icon-size: 20px;
            --table-header-border-bottom-size: 1px;
            --table-row-border-bottom-size: 1px;
            --progress-bar-divider-vertical-spacing-l: 20px;
            --progress-bar-divider-vertical-spacing-m: 20px;
            --progress-bar-divider-vertical-spacing-s: 20px;
            --countdown-divider-line-width: 6px;
            --dropdown-divider-spacing-m: 8px;
            --dropdown-divider-spacing-s: 6px;
            --dropdown-tail-height-m: 16px;
            --dropdown-tail-height-s: 8px;
            --sidebar-card-widget-image-container-expand: 4px;
            --sidebar-card-widget-micro-image-container-expand: 2px;
            --sidebar-list-item-spacing: 8px;
            --modal-body-content-spacing-mobile: 24px;
            --modal-body-content-top-expand-mobile: 8px;
            --modal-body-content-bottom-expand-mobile: 16px;
            --modal-body-status-icon-size-mobile: 32px;
            --modal-body-text-container-spacing-mobile: 8px;
            --modal-body-form-spacing-mobile: 16px;
            --menu-top-amount-border-size: 2px;
            --menu-top-amount-outside-border-size: 2px;
            --menu-top-amount-height-expand: 4px;
            --menu-top-amount-width-expand: 4px;
            --menu-top-amount-text-container-width-expand: 6px;
            --menu-top-border-size: 2px;
            --menu-top-icon-size: 24px;
            --user-menu-border-size: 2px;
            --user-menu-spacing: 8px;
            --user-menu-content-border-size: 2px;
            --user-menu-width-expand-desktop: 16px;
            --user-menu-width-expand-mobile: 16px;
            --user-menu-top-expand-desktop: 16px;
            --user-menu-top-expand-mobile: 16px;
            --user-menu-bottom-expand-desktop: 16px;
            --user-menu-bottom-expand-mobile: 16px;
            --user-menu-header-bottom-border-size: 1px;
            --user-menu-header-width-expand: 12px;
            --user-menu-header-top-expand: 12px;
            --user-menu-header-bottom-expand: 12px;
            --user-menu-header-spacing: 12px;
            --user-menu-header-icon-size: 20px;
            --user-menu-header-avatar-size: 56px;
            --user-menu-body-width-expand: 12px;
            --user-menu-body-top-expand: 8px;
            --user-menu-body-bottom-expand: 12px;
            --user-menu-body-spacing: 8px;
            --user-menu-body-progress-container-border-size: 2px;
            --user-menu-body-progress-container-spacing: 12px;
            --user-menu-body-progress-container-text-spacing: 4px;
            --user-menu-body-progress-container-icon-size: 12px;
            --menu-top-width-expand-desktop: 16px;
            --menu-top-width-expand-mobile: 16px;
            --menu-top-top-expand-desktop: 16px;
            --menu-top-top-expand-mobile: 12px;
            --menu-top-bottom-expand-desktop: 16px;
            --menu-top-bottom-expand-mobile: 12px;
            --menu-top-spacing-desktop: 16px;
            --menu-top-spacing-mobile: 8px;
            --menu-top-user-bar-spacing-desktop: 8px;
            --menu-top-user-bar-spacing-mobile: 4px;
            --menu-bottom-border-size: 1px;
            --menu-bottom-width-expand: 16px;
            --menu-bottom-top-expand: 8px;
            --menu-bottom-bottom-expand: 8px;
            --sidebar-border-size: 2px;
            --sidebar-card-border-size: 2px;
            --sidebar-card-lock-icon-size: 12px;
            --sidebar-card-content-height: 48px;
            --sidebar-card-text-container-spacing-l: 6px;
            --sidebar-card-text-container-spacing-m: 6px;
            --sidebar-card-text-container-spacing-s: 4px;
            --sidebar-card-widget-spacing: 8px;
            --sidebar-card-widget-image-size: 40px;
            --sidebar-card-widget-micro-spacing: 2px;
            --sidebar-card-widget-micro-image-size: 28px;
            --sidebar-card-referal-spacing: 8px;
            --sidebar-card-referal-content-spacing: 4px;
            --sidebar-card-referal-icon-container-border-size: 1px;
            --sidebar-card-referal-icon-container-expand: 0px;
            --sidebar-card-referal-icon-container-icon-size: 20px;
            --sidebar-card-mini-image-container-image-size: 40px;
            --sidebar-card-mini-image-container-expand: 4px;
            --sidebar-card-mini-icon-container-expand: 12px;
            --sidebar-card-mini-icon-container-icon-size: 24px;
            --sidebar-list-spacing: 0px;
            --sidebar-list-item-border-size: 2px;
            --sidebar-list-item-action-container-spacing: 4px;
            --sidebar-list-item-content-height: 20px;
            --sidebar-list-item-icon-container-border-size: 1px;
            --sidebar-list-item-icon-container-expand: 0px;
            --sidebar-list-item-icon-container-icon-size: 20px;
            --sidebar-header-content-height: 64px;
            --sidebar-header-border-size: 2px;
            --sidebar-header-icon-size: 24px;
            --sidebar-body-opened-spacing: 16px;
            --sidebar-body-opened-container-spacing: 8px;
            --sidebar-body-opened-grid-spacing: 4px;
            --sidebar-body-opened-menu-spacing: 4px;
            --sidebar-body-spacing: 8px;
            --sidebar-multiscreen-border-size: 2px;
            --sidebar-multiscreen-content-border-right-size: 1px;
            --sidebar-multiscreen-content-spacing: 24px;
            --sidebar-multiscreen-arrow-icon-size: 12px;
            --sidebar-multiscreen-icon-size: 24px;
            --line-size-m: 2px;
            --dot-size-m: 4px;
            --dot-size-s: 2px;
            --footer-border-size: 2px;
            --footer-width-expand-desktop: 0px;
            --footer-width-expand-mobile: 0px;
            --line-size-s: 1px;
            --navbar-width-mobile: 48px;
            --menu-bottom-buttons-container-spacing: 8px;
            --menu-bottom-buttons-container-expand: 16px;
            --footer-top-expand-desktop: 24px;
            --footer-top-expand-mobile: 16px;
            --footer-bottom-expand-desktop: 24px;
            --footer-bottom-expand-mobile: 16px;
            --footer-spacing-desktop: 32px;
            --footer-spacing-mobile: 32px;
            --footer-top-block-content-spacing: 24px;
            --footer-top-block-element-spacing: 8px;
            --footer-payment-container-border-size: 2px;
            --footer-payment-container-width-expand-desktop: 40px;
            --footer-payment-container-width-expand-mobile: 16px;
            --footer-payment-container-height-expand-desktop: 6px;
            --footer-payment-container-height-expand-mobile: 6px;
            --footer-payment-card-border-size: 2px;
            --footer-payment-card-width-expand: 0px;
            --footer-payment-card-height-expand: 0px;
            --footer-payment-card-icon-width: 87px;
            --footer-payment-card-icon-height: 56px;
            --footer-bottom-block-vertical-spacing: 16px;
            --footer-bottom-block-horizontal-spacing: 24px;
            --footer-bottom-block-element-spacing: 16px;
            --footer-bottom-block-license-text-spacing: 12px;
            --footer-top-block-social-icon-size: 32px;
            --footer-top-block-list-spacing: 12px;
            --step-point-border-size-l: 2px;
            --step-point-border-size-m: 1px;
            --calendar-header-day-height-m: 44px;
            --calendar-header-day-height-s: 36px;
            --modal-body-form-top-expand-desktop: 0px;
            --modal-body-form-top-expand-mobile: 0px;
            --modal-body-form-bottom-expand-desktop: 0px;
            --modal-body-form-width-expand-desktop: 0px;
            --modal-body-form-width-expand-mobile: 0px;
            --modal-body-form-bottom-expand-mobile: 0px;
            --title-block-content-left-expand-desktop: 0px;
            --title-block-content-left-expand-mobile: 0px;
            --title-block-content-right-expand-desktop: 0px;
            --title-block-content-top-expand-desktop: 0px;
            --title-block-content-top-expand-mobile: 0px;
            --title-block-content-right-expand-mobile: 0px;
            --title-block-text-container-left-expand-desktop: 0px;
            --title-block-text-container-left-expand-mobile: 0px;
            --title-block-text-container-right-expand-desktop: 0px;
            --title-block-text-container-top-expand-desktop: 0px;
            --title-block-text-container-top-expand-mobile: 0px;
            --title-block-text-container-right-expand-mobile: 0px;
            --title-card-text-container-left-expand-desktop: 0px;
            --title-card-text-container-left-expand-mobile: 0px;
            --title-card-text-container-right-expand-desktop: 0px;
            --title-card-text-container-top-expand-desktop: 0px;
            --title-card-text-container-top-expand-mobile: 0px;
            --title-card-text-container-right-expand-mobile: 0px;
            --font-weight-black: 900;
            --font-weight-extra-bold: 800;
            --font-weight-bold: 700;
            --font-weight-semi-bold: 600;
            --font-weight-regular: 500;
            --font-weight-light: 300;
            --font-size-header-xl: 32px;
            --font-size-header-l: 28px;
            --font-size-header-m: 24px;
            --font-size-header-s: 20px;
            --font-size-header-xs: 18px;
            --font-size-header-2xs: 16px;
            --font-size-body-xl: 18px;
            --font-size-body-l: 16px;
            --font-size-body-m: 14px;
            --font-size-body-s: 12px;
            --font-size-body-xs: 10px;
            --font-size-body-2xs: 8px;
            --font-line-height-header-xl: 40px;
            --font-line-height-header-l: 40px;
            --font-line-height-header-m: 40px;
            --font-line-height-header-s: 28px;
            --font-line-height-header-xs: 28px;
            --font-line-height-header-2xs: 24px;
            --font-line-height-body-xl: 28px;
            --font-line-height-body-l: 24px;
            --font-line-height-body-m: 20px;
            --font-line-height-body-s: 20px;
            --font-line-height-body-xs: 20px;
            --font-line-height-body-2xs: 20px;
            --font-weight-selector-external-text-message: 500;
            --font-size-selector-external-text-message: 12px;
            --font-weight-dropdown-divider-description-m: 600;
            --font-weight-dropdown-divider-description-s: 600;
            --font-size-dropdown-divider-description-m: 12px;
            --font-size-dropdown-divider-description-s: 10px;
            --font-weight-modal-system-body-text-desktop: 600;
            --font-weight-modal-system-body-text-mobile: 600;
            --font-weight-modal-system-description-desktop: 500;
            --font-weight-modal-system-description-mobile: 500;
            --font-weight-input-external-text-description: 500;
            --font-weight-input-external-text-message: 500;
            --font-size-modal-system-body-text-desktop: 24px;
            --font-size-modal-system-body-text-mobile: 20px;
            --font-size-modal-system-description-desktop: 16px;
            --font-size-modal-system-description-mobile: 14px;
            --font-size-input-external-text-description: 12px;
            --font-size-input-external-text-message: 12px;
            --font-line-height-badge-text-l: 20px;
            --font-line-height-badge-text-m: 16px;
            --font-line-height-badge-text-s: 14px;
            --font-line-height-badge-text-xs: 8px;
            --font-line-height-button-text-l: 24px;
            --font-line-height-button-text-m: 20px;
            --font-line-height-button-text-s: 16px;
            --font-line-height-button-store-text-l: 20px;
            --font-line-height-button-store-text-m: 18px;
            --font-line-height-button-store-description-l: 12px;
            --font-line-height-button-store-description-m: 12px;
            --font-line-height-calendar-week-text-m: 24px;
            --font-line-height-calendar-week-text-s: 20px;
            --font-line-height-calendar-day-text-m: 24px;
            --font-line-height-calendar-day-text-s: 20px;
            --font-line-height-calendar-today-text-m: 24px;
            --font-line-height-calendar-today-text-s: 20px;
            --font-line-height-calendar-holiday-text-m: 24px;
            --font-line-height-calendar-holiday-text-s: 20px;
            --font-line-height-accordion-header: 20px;
            --font-line-height-accordion-description: 20px;
            --font-line-height-countdown-text-l: 28px;
            --font-line-height-countdown-text-m: 24px;
            --font-line-height-countdown-text-s: 20px;
            --font-line-height-countdown-text-xs: 16px;
            --font-line-height-countdown-text-xxs: 14px;
            --font-line-height-countdown-text-3xs: 8px;
            --font-line-height-countdown-description-l: 20px;
            --font-line-height-countdown-description-m: 20px;
            --font-line-height-counter-text-xl: 14px;
            --font-line-height-counter-text-l: 12px;
            --font-line-height-counter-text-m: 10px;
            --font-line-height-counter-text-s: 8px;
            --font-line-height-message-text-l: 24px;
            --font-line-height-message-text-m: 20px;
            --font-line-height-message-text-s: 20px;
            --font-line-height-message-description-l: 20px;
            --font-line-height-message-description-m: 20px;
            --font-line-height-message-description-s: 20px;
            --font-line-height-message-line-text-desktop: 20px;
            --font-line-height-message-line-text-mobile: 20px;
            --font-line-height-message-line-description-desktop: 20px;
            --font-line-height-message-line-description-mobile: 20px;
            --font-line-height-pagination-text-m: 24px;
            --font-line-height-pagination-text-s: 20px;
            --font-line-height-progress-bar-text-l: 24px;
            --font-line-height-progress-bar-text-m: 16px;
            --font-line-height-progress-bar-text-s: 8px;
            --font-line-height-step-text-l: 20px;
            --font-line-height-step-text-m: 12px;
            --font-line-height-step-description-l: 20px;
            --font-line-height-step-description-m: 20px;
            --font-line-height-step-point-text-l: 20px;
            --font-line-height-tab-text-l: 24px;
            --font-line-height-tab-text-m: 20px;
            --font-line-height-tab-text-s: 16px;
            --font-line-height-table-header: 16px;
            --font-line-height-table-text: 20px;
            --font-line-height-table-modal-text: 14px;
            --font-line-height-table-modal-description: 14px;
            --font-line-height-table-modal-value: 20px;
            --font-line-height-tag-text-m: 16px;
            --font-line-height-tag-text-s: 16px;
            --font-line-height-title-block-text-desktop: 28px;
            --font-line-height-title-block-text-mobile: 20px;
            --font-line-height-title-block-description-desktop: 24px;
            --font-line-height-title-block-description-mobile: 20px;
            --font-line-height-title-card-text-desktop: 24px;
            --font-line-height-title-card-text-mobile: 20px;
            --font-line-height-title-card-description-desktop: 20px;
            --font-line-height-title-card-description-mobile: 20px;
            --font-line-height-tooltip-text: 20px;
            --font-line-height-selector-external-text-message: 20px;
            --font-line-height-dropdown-text-m: 16px;
            --font-line-height-dropdown-text-s: 14px;
            --font-line-height-dropdown-description-m: 10px;
            --font-line-height-dropdown-description-s: 10px;
            --font-line-height-dropdown-divider-description-m: 12px;
            --font-line-height-dropdown-divider-description-s: 10px;
            --font-line-height-sidebar-list-header: 20px;
            --font-line-height-sidebar-list-text: 20px;
            --font-line-height-sidebar-card-text-l: 14px;
            --font-line-height-sidebar-card-text-m: 12px;
            --font-line-height-sidebar-card-text-s: 10px;
            --font-line-height-sidebar-card-description-l: 10px;
            --font-line-height-sidebar-card-description-m: 10px;
            --font-line-height-sidebar-card-description-s: 10px;
            --font-line-height-navbar-text-desktop: 20px;
            --font-line-height-navbar-text-mobile: 16px;
            --font-line-height-modal-header-desktop: 28px;
            --font-line-height-modal-header-mobile: 24px;
            --font-line-height-modal-body-text-desktop: 40px;
            --font-line-height-modal-body-text-mobile: 28px;
            --font-line-height-modal-description-desktop: 24px;
            --font-line-height-modal-description-mobile: 20px;
            --font-line-height-modal-system-body-text-desktop: 40px;
            --font-line-height-field-vertical-label: 24px;
            --font-line-height-field-vertical-description: 20px;
            --font-line-height-field-horizontal-label: 20px;
            --font-line-height-field-horizontal-description: 20px;
            --font-line-height-modal-system-body-text-mobile: 28px;
            --font-line-height-modal-system-description-desktop: 24px;
            --font-line-height-modal-system-description-mobile: 20px;
            --font-line-height-input-label-focus-l: 14px;
            --font-line-height-input-label-focus-m: 12px;
            --font-line-height-input-label-focus-s: 10px;
            --font-line-height-input-label-l: 24px;
            --font-line-height-input-label-m: 20px;
            --font-line-height-input-label-s: 16px;
            --font-line-height-input-value-l: 24px;
            --font-line-height-input-value-m: 20px;
            --font-line-height-input-value-s: 16px;
            --font-line-height-input-placeholder-l: 24px;
            --font-line-height-input-placeholder-m: 20px;
            --font-line-height-input-placeholder-s: 16px;
            --font-line-height-input-external-text-description: 20px;
            --font-line-height-input-external-text-message: 20px;
            --font-line-height-game-card-like-text: 24px;
            --font-line-height-game-card-game-text: 14px;
            --font-line-height-game-card-provider-text: 8px;
            --font-line-height-game-card-live-text: 20px;
            --font-line-height-menu-top-amount-text: 20px;
            --font-line-height-user-menu-header: 24px;
            --font-line-height-user-menu-email-text: 16px;
            --font-line-height-user-menu-title: 18px;
            --font-line-height-user-menu-text: 16px;
            --font-line-height-user-menu-value: 16px;
            --font-line-height-user-menu-description: 16px;
            --font-line-height-footer-title: 18px;
            --font-line-height-footer-subtitle: 14px;
            --font-line-height-footer-text: 14px;
            --font-line-height-footer-menu-text: 20px;
            --font-line-height-footer-description: 20px;
            --font-line-height-number: 0px;
            --font-letter-spacing-header: 0px;
            --font-paragraph-spacing-header-xl: 0px;
            --font-paragraph-spacing-header-l: 0px;
            --font-paragraph-spacing-header-m: 0px;
            --font-paragraph-spacing-header-s: 0px;
            --font-paragraph-spacing-header-xs: 0px;
            --font-paragraph-spacing-header-2xs: 0px;
            --font-paragraph-spacing-body-xl: 14px;
            --font-paragraph-spacing-body-l: 14px;
            --font-paragraph-spacing-body-m: 14px;
            --font-paragraph-spacing-body-s: 14px;
            --font-paragraph-spacing-body-xs: 14px;
            --font-paragraph-spacing-body-2xs: 14px;
            --font-letter-spacing-body: 0px;
            --font-paragraph-spacing-accordion-description: 14px;
            --font-paragraph-spacing-modal-description-desktop: 14px;
            --font-paragraph-spacing-modal-description-mobile: 14px;
            --font-paragraph-spacing-modal-system-description-desktop: 14px;
            --font-paragraph-spacing-modal-system-description-mobile: 14px;
            --font-paragraph-spacing-footer-description: 14px;
            --shadow-position-x0: 0px;
            --shadow-position-y0: 0px;
            --shadow-position-y1: 1px;
            --shadow-position-y2: 4px;
            --shadow-position-y3: 8px;
            --shadow-position-y4: 12px;
            --shadow-position-y5: 24px;
            --shadow-position-y6: 40px;
            --shadow-blur-b1: 1px;
            --shadow-blur-b2: 2px;
            --shadow-blur-b3: 8px;
            --shadow-blur-b4: 16px;
            --shadow-blur-b5: 24px;
            --shadow-blur-b6: 32px;
            --shadow-blur-b7: 64px;
            --shadow-spread-s0: 0px;
            --blur-br1: 8px;
            --blur-br2: 16px;
            --blur-br3: 32px;
            --blur-br4: 48px;
            --blur-br5: 64px;
            --font-header-black-2xs: var(--font-style-base) 900 16px/24px '
            Montserrat'
            --font-header-black-xs: var(--font-style-base) 900 18px/28px '
            Montserrat'
            --font-header-black-s: var(--font-style-base) 900 20px/28px '
            Montserrat'
            --font-header-black-m: var(--font-style-base) 900 24px/40px '
            Montserrat'
            --font-header-black-l: var(--font-style-base) 900 28px/40px '
            Montserrat'
            --font-header-black-xl: var(--font-style-base) 900 32px/40px '
            Montserrat'
            --font-header-bold-2xs: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-header-bold-xs: var(--font-style-base) 700 18px/28px '
            Montserrat'
            --font-header-bold-s: var(--font-style-base) 700 20px/28px '
            Montserrat'
            --font-header-bold-m: var(--font-style-base) 700 24px/40px '
            Montserrat'
            --font-header-bold-l: var(--font-style-base) 700 28px/40px '
            Montserrat'
            --font-header-bold-xl: var(--font-style-base) 700 32px/40px '
            Montserrat'
            --font-header-semi-bold-2xs: var(--font-style-base) 600 16px/24px '
            Montserrat'
            --font-header-semi-bold-xs: var(--font-style-base) 600 18px/28px '
            Montserrat'
            --font-header-semi-bold-s: var(--font-style-base) 600 20px/28px '
            Montserrat'
            --font-header-semi-bold-m: var(--font-style-base) 600 24px/40px '
            Montserrat'
            --font-header-semi-bold-l: var(--font-style-base) 600 28px/40px '
            Montserrat'
            --font-header-semi-bold-xl: var(--font-style-base) 600 32px/40px '
            Montserrat'
            --font-body-bold-2xs: var(--font-style-base) 700 8px/20px '
            Montserrat'
            --font-body-bold-xs: var(--font-style-base) 700 10px/20px '
            Montserrat'
            --font-body-bold-s: var(--font-style-base) 700 12px/20px '
            Montserrat'
            --font-body-bold-m: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-body-bold-l: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-body-bold-xl: var(--font-style-base) 700 18px/28px '
            Montserrat'
            --font-body-semi-bold-2xs: var(--font-style-base) 600 8px/20px '
            Montserrat'
            --font-body-semi-bold-xs: var(--font-style-base) 600 10px/20px '
            Montserrat'
            --font-body-semi-bold-s: var(--font-style-base) 600 12px/20px '
            Montserrat'
            --font-body-semi-bold-m: var(--font-style-base) 600 14px/20px '
            Montserrat'
            --font-body-semi-bold-l: var(--font-style-base) 600 16px/24px '
            Montserrat'
            --font-body-semi-bold-xl: var(--font-style-base) 600 18px/28px '
            Montserrat'
            --font-body-regular-2xs: var(--font-style-base) 500 8px/20px '
            Montserrat'
            --font-body-regular-xs: var(--font-style-base) 500 10px/20px '
            Montserrat'
            --font-body-regular-s: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-body-regular-m: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-body-regular-l: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-body-regular-xl: var(--font-style-base) 500 18px/28px '
            Montserrat'
            --font-accordion-header: var(--font-style-base) 600 14px/20px '
            Montserrat'
            --font-accordion-description: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-badge-text-l: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-badge-text-m: var(--font-style-base) 700 12px/16px '
            Montserrat'
            --font-badge-text-s: var(--font-style-base) 700 10px/14px '
            Montserrat'
            --font-badge-text-xs: var(--font-style-base) 700 8px/8px '
            Montserrat'
            --font-button-text-l: var(--font-style-base) 700 18px/24px '
            Montserrat'
            --font-button-text-m: var(--font-style-base) 600 16px/20px '
            Montserrat'
            --font-button-text-s: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-button-store-text-l: var(--font-style-base) 600 16px/20px '
            Montserrat'
            --font-button-store-text-m: var(--font-style-base) 600 12px/18px '
            Montserrat'
            --font-button-store-description-l: var(--font-style-base) 500 10px/12px '
            Montserrat'
            --font-button-store-description-m: var(--font-style-base) 500 10px/12px '
            Montserrat'
            --font-calendar-week-text-m: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-calendar-week-text-s: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-calendar-day-text-m: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-calendar-day-text-s: var(--font-style-base) 500 14px/24px '
            Montserrat'
            --font-calendar-today-text-m: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-calendar-today-text-s: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-calendar-holiday-text-m: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-calendar-holiday-text-s: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-countdown-text-l: var(--font-style-base) 600 20px/28px '
            Montserrat'
            --font-countdown-text-m: var(--font-style-base) 600 16px/24px '
            Montserrat'
            --font-countdown-text-s: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-countdown-text-xs: var(--font-style-base) 700 12px/16px '
            Montserrat'
            --font-countdown-text-xxs: var(--font-style-base) 700 10px/14px '
            Montserrat'
            --font-countdown-text-3xs: var(--font-style-base) 700 8px/8px '
            Montserrat'
            --font-countdown-description-l: var(--font-style-base) 600 12px/20px '
            Montserrat'
            --font-countdown-description-m: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-counter-text-xl: var(--font-style-base) 700 14px/14px '
            Montserrat'
            --font-counter-text-l: var(--font-style-base) 700 12px/12px '
            Montserrat'
            --font-counter-text-m: var(--font-style-base) 700 10px/10px '
            Montserrat'
            --font-counter-text-s: var(--font-style-base) 700 8px/8px '
            Montserrat'
            --font-message-text-l: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-message-text-m: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-message-text-s: var(--font-style-base) 700 12px/20px '
            Montserrat'
            --font-message-description-l: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-message-description-m: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-message-description-s: var(--font-style-base) 500 10px/20px '
            Montserrat'
            --font-message-line-text-desktop: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-message-line-text-mobile: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-message-line-description-desktop: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-message-line-description-mobile: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-pagination-text-m: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-pagination-text-s: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-progress-bar-text-l: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-progress-bar-text-m: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-progress-bar-text-s: var(--font-style-base) 600 8px/8px '
            Montserrat'
            --font-step-text-l: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-step-text-m: var(--font-style-base) 500 12px/12px '
            Montserrat'
            --font-step-description-l: var(--font-style-base) 500 10px/20px '
            Montserrat'
            --font-step-description-m: var(--font-style-base) 500 10px/20px '
            Montserrat'
            --font-step-point-text-l: var(--font-style-base) 700 12px/20px '
            Montserrat'
            --font-tab-text-l: var(--font-style-base) 600 18px/24px '
            Montserrat'
            --font-tab-text-m: var(--font-style-base) 600 16px/20px '
            Montserrat'
            --font-tab-text-s: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-table-header: var(--font-style-base) 700 12px/16px '
            Montserrat'
            --font-table-text: var(--font-style-base) 600 14px/20px '
            Montserrat'
            --font-table-modal-text: var(--font-style-base) 600 14px/14px '
            Montserrat'
            --font-table-modal-description: var(--font-style-base) 500 12px/14px '
            Montserrat'
            --font-table-modal-value: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-tag-text-m: var(--font-style-base) 600 14px/16px '
            Montserrat'
            --font-tag-text-s: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-title-block-text-desktop: var(--font-style-base) 700 28px/28px '
            Montserrat'
            --font-title-block-text-mobile: var(--font-style-base) 600 20px/20px '
            Montserrat'
            --font-title-block-description-desktop: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-title-block-description-mobile: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-title-card-text-desktop: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-title-card-text-mobile: var(--font-style-base) 700 14px/20px '
            Montserrat'
            --font-title-card-description-desktop: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-title-card-description-mobile: var(--font-style-base) 500 10px/20px '
            Montserrat'
            --font-tooltip-text: var(--font-style-base) 600 14px/20px '
            Montserrat'
            --font-field-vertical-label: var(--font-style-base) 600 16px/24px '
            Montserrat'
            --font-field-vertical-description: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-field-horizontal-label: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-field-horizontal-description: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-input-label-focus-l: var(--font-style-base) 600 14px/14px '
            Montserrat'
            --font-input-label-focus-m: var(--font-style-base) 600 12px/12px '
            Montserrat'
            --font-input-label-focus-s: var(--font-style-base) 600 10px/10px '
            Montserrat'
            --font-input-label-l: var(--font-style-base) 700 18px/24px '
            Montserrat'
            --font-input-label-m: var(--font-style-base) 600 16px/20px '
            Montserrat'
            --font-input-label-s: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-input-value-l: var(--font-style-base) 700 18px/24px '
            Montserrat'
            --font-input-value-m: var(--font-style-base) 600 16px/20px '
            Montserrat'
            --font-input-value-s: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-input-placeholder-l: var(--font-style-base) 700 18px/24px '
            Montserrat'
            --font-input-placeholder-m: var(--font-style-base) 600 16px/20px '
            Montserrat'
            --font-input-placeholder-s: var(--font-style-base) 600 12px/16px '
            Montserrat'
            --font-dropdown-text-m: var(--font-style-base) 500 16px/16px '
            Montserrat'
            --font-dropdown-text-s: var(--font-style-base) 500 14px/14px '
            Montserrat'
            --font-dropdown-description-m: var(--font-style-base) 500 10px/10px '
            Montserrat'
            --font-dropdown-description-s: var(--font-style-base) 500 10px/10px '
            Montserrat'
            --font-dropdown-divider-description-m: var(--font-style-base) 600 12px/12px '
            Montserrat'
            --font-dropdown-divider-description-m-transform: uppercase;
            --font-dropdown-divider-description-s: var(--font-style-base) 600 10px/10px '
            Montserrat'
            --font-dropdown-divider-description-s-transform: uppercase;
            --font-modal-header-desktop: var(--font-style-base) 700 18px/28px '
            Montserrat'
            --font-modal-header-mobile: var(--font-style-base) 700 16px/24px '
            Montserrat'
            --font-modal-body-text-desktop: var(--font-style-base) 600 24px/40px '
            Montserrat'
            --font-modal-body-text-mobile: var(--font-style-base) 600 20px/28px '
            Montserrat'
            --font-modal-description-desktop: var(--font-style-base) 500 16px/24px '
            Montserrat'
            --font-modal-description-mobile: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-game-card-like-text: var(--font-style-base) 600 16px/24px '
            Montserrat'
            --font-game-card-game-text: var(--font-style-base) 950 14px/14px '
            Montserrat'
            --font-game-card-game-text-transform: uppercase;
            --font-game-card-provider-text: var(--font-style-base) 700 8px/8px '
            Montserrat'
            --font-game-card-provider-text-transform: uppercase;
            --font-game-card-live-text: var(--font-style-base) 700 12px/20px '
            Montserrat'
            --font-navbar-text-desktop: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-navbar-text-mobile: var(--font-style-base) 600 10px/16px '
            Montserrat'
            --font-menu-top-amount-text: var(--font-style-base) 700 12px/20px '
            Montserrat'
            --font-user-menu-header: var(--font-style-base) 700 20px/24px '
            Montserrat'
            --font-user-menu-email-text: var(--font-style-base) 500 10px/16px '
            Montserrat'
            --font-user-menu-title: var(--font-style-base) 500 12px/18px '
            Montserrat'
            --font-user-menu-text: var(--font-style-base) 500 10px/16px '
            Montserrat'
            --font-user-menu-value: var(--font-style-base) 700 10px/16px '
            Montserrat'
            --font-user-menu-description: var(--font-style-base) 500 10px/16px '
            Montserrat'
            --font-sidebar-card-text-l: var(--font-style-base) 700 14px/14px '
            Montserrat'
            --font-sidebar-card-text-m: var(--font-style-base) 700 12px/12px '
            Montserrat'
            --font-sidebar-card-text-s: var(--font-style-base) 700 10px/10px '
            Montserrat'
            --font-sidebar-card-description-l: var(--font-style-base) 500 10px/10px '
            Montserrat'
            --font-sidebar-card-description-m: var(--font-style-base) 500 10px/10px '
            Montserrat'
            --font-sidebar-card-description-s: var(--font-style-base) 500 10px/10px '
            Montserrat'
            --font-sidebar-list-header: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-sidebar-list-text: var(--font-style-base) 500 14px/20px '
            Montserrat'
            --font-footer-title: var(--font-style-base) 600 18px/18px '
            Montserrat'
            --font-footer-subtitle: var(--font-style-base) 600 14px/14px '
            Montserrat'
            --font-footer-text: var(--font-style-base) 500 14px/14px '
            Montserrat'
            --font-footer-menu-text: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --font-footer-description: var(--font-style-base) 500 12px/20px '
            Montserrat'
            --color-accordion-background: #252c45;
            --color-accordion-border: #FFFFFF00;
            --color-accordion-header-background: #353b52;
            --color-accordion-header-background-hover: #444a5f;
            --color-accordion-header-background-active: #353b52;
            --color-accordion-header-background-disabled: #353b52;
            --color-accordion-header-border: #FFFFFF00;
            --color-accordion-header-border-hover: #FFFFFF00;
            --color-accordion-header-border-active: #FFFFFF00;
            --color-accordion-header-border-disabled: #FFFFFF00;
            --color-accordion-header-icon-container-background: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-background-hover: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-background-active: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-background-disabled: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-border: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-border-hover: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-border-active: rgba(255, 255, 255, 0);
            --color-accordion-header-icon-container-border-disabled: rgba(255, 255, 255, 0);
            --color-avatar-background: #252c45;
            --color-avatar-border: #FFFFFF00;
            --color-avatar-rakeback-background: #161d37;
            --color-avatar-rakeback-border: #FFFFFF00;
            --color-badge-primary-background: #e45809;
            --color-badge-primary-border: #FFFFFF00;
            --color-badge-primary-icon-container-background: #FFFFFF00;
            --color-badge-primary-icon-container-border: #FFFFFF00;
            --color-badge-secondary-background: #54596d;
            --color-badge-secondary-border: #FFFFFF00;
            --color-badge-secondary-icon-container-background: #FFFFFF00;
            --color-badge-secondary-icon-container-border: #FFFFFF00;
            --color-badge-info-background: #355be2;
            --color-badge-info-border: #FFFFFF00;
            --color-badge-info-icon-container-background: #FFFFFF00;
            --color-badge-info-icon-container-border: #FFFFFF00;
            --color-badge-minor-background: #9900d5;
            --color-badge-minor-border: #FFFFFF00;
            --color-badge-minor-icon-container-background: #FFFFFF00;
            --color-badge-minor-icon-container-border: #FFFFFF00;
            --color-badge-success-background: #069815;
            --color-badge-success-border: #FFFFFF00;
            --color-badge-success-icon-container-background: #FFFFFF00;
            --color-badge-success-icon-container-border: #FFFFFF00;
            --color-badge-attention-background: #f6da24;
            --color-badge-attention-border: #00000000;
            --color-badge-attention-icon-container-background: #00000000;
            --color-badge-attention-icon-container-border: #00000000;
            --color-badge-warning-background: #f67024;
            --color-badge-warning-border: #FFFFFF00;
            --color-badge-warning-icon-container-background: #FFFFFF00;
            --color-badge-warning-icon-container-border: #FFFFFF00;
            --color-badge-danger-background: #ff0e0e;
            --color-badge-danger-border: #FFFFFF00;
            --color-badge-danger-icon-container-background: #FFFFFF00;
            --color-badge-danger-icon-container-border: #FFFFFF00;
            --color-badge-light-background: #fff;
            --color-badge-light-border: #00000000;
            --color-badge-light-icon-container-background: #00000000;
            --color-badge-light-icon-container-border: #00000000;
            --color-badge-dark-background: #060e2a;
            --color-badge-dark-border: #FFFFFF00;
            --color-badge-dark-icon-container-background: #FFFFFF00;
            --color-badge-dark-icon-container-border: #FFFFFF00;
            --color-badge-transparent-background: #FFFFFF33;
            --color-badge-transparent-border: #FFFFFF00;
            --color-badge-transparent-icon-container-background: #FFFFFF00;
            --color-badge-transparent-icon-container-border: #FFFFFF00;
            --color-badge-jackpot-background: linear-gradient(90deg, #0238e1 0%, #6f02ff 100%);
            --color-badge-jackpot-border: #FFFFFF00;
            --color-badge-jackpot-icon-container-background: #FFFFFF00;
            --color-badge-jackpot-icon-container-border: #FFFFFF00;
            --color-badge-vip-background: linear-gradient(260deg, #ffea81 0%, #b48457 100%);
            --color-badge-vip-border: #FFFFFF00;
            --color-badge-vip-icon-container-background: #FFFFFF00;
            --color-badge-vip-icon-container-border: #FFFFFF00;
            --color-button-fill-primary-background: #e45809;
            --color-button-fill-primary-background-hover: #f67024;
            --color-button-fill-primary-background-active: #be4908;
            --color-button-fill-primary-background-disabled: #FFFFFF0D;
            --color-button-fill-primary-border: #FFFFFF00;
            --color-button-fill-primary-border-hover: #FFFFFF00;
            --color-button-fill-primary-border-active: #FFFFFF00;
            --color-button-fill-primary-border-disabled: #FFFFFF00;
            --color-button-fill-primary-icon-container-background: #FFFFFF00;
            --color-button-fill-primary-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-primary-icon-container-background-active: #FFFFFF00;
            --color-button-fill-primary-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-primary-icon-container-border: #FFFFFF00;
            --color-button-fill-primary-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-primary-icon-container-border-active: #FFFFFF00;
            --color-button-fill-primary-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-secondary-background: #444a5f;
            --color-button-fill-secondary-background-hover: #54596d;
            --color-button-fill-secondary-background-active: #353b52;
            --color-button-fill-secondary-background-disabled: #FFFFFF0D;
            --color-button-fill-secondary-border: #FFFFFF00;
            --color-button-fill-secondary-border-hover: #FFFFFF00;
            --color-button-fill-secondary-border-active: #FFFFFF00;
            --color-button-fill-secondary-border-disabled: #FFFFFF00;
            --color-button-fill-secondary-icon-container-background: #FFFFFF00;
            --color-button-fill-secondary-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-secondary-icon-container-background-active: #FFFFFF00;
            --color-button-fill-secondary-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-secondary-icon-container-border: #FFFFFF00;
            --color-button-fill-secondary-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-secondary-icon-container-border-active: #FFFFFF00;
            --color-button-fill-secondary-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-info-background: #355be2;
            --color-button-fill-info-background-hover: #1d44cc;
            --color-button-fill-info-background-active: #12297b;
            --color-button-fill-info-background-disabled: #FFFFFF0D;
            --color-button-fill-info-border: #FFFFFF00;
            --color-button-fill-info-border-hover: #FFFFFF00;
            --color-button-fill-info-border-active: #FFFFFF00;
            --color-button-fill-info-border-disabled: #FFFFFF00;
            --color-button-fill-info-icon-container-background: #FFFFFF00;
            --color-button-fill-info-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-info-icon-container-background-active: #FFFFFF00;
            --color-button-fill-info-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-info-icon-container-border: #FFFFFF00;
            --color-button-fill-info-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-info-icon-container-border-active: #FFFFFF00;
            --color-button-fill-info-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-minor-background: #9900d5;
            --color-button-fill-minor-background-hover: #b800ff;
            --color-button-fill-minor-background-active: #5c0080;
            --color-button-fill-minor-background-disabled: #FFFFFF0D;
            --color-button-fill-minor-border: #FFFFFF00;
            --color-button-fill-minor-border-hover: #FFFFFF00;
            --color-button-fill-minor-border-active: #FFFFFF00;
            --color-button-fill-minor-border-disabled: #FFFFFF00;
            --color-button-fill-minor-icon-container-background: #FFFFFF00;
            --color-button-fill-minor-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-minor-icon-container-background-active: #FFFFFF00;
            --color-button-fill-minor-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-minor-icon-container-border: #FFFFFF00;
            --color-button-fill-minor-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-minor-icon-container-border-active: #FFFFFF00;
            --color-button-fill-minor-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-success-background: #069815;
            --color-button-fill-success-background-hover: #07be1a;
            --color-button-fill-success-background-active: #04720f;
            --color-button-fill-success-background-disabled: #FFFFFF0D;
            --color-button-fill-success-border: #FFFFFF00;
            --color-button-fill-success-border-hover: #FFFFFF00;
            --color-button-fill-success-border-active: #FFFFFF00;
            --color-button-fill-success-border-disabled: #FFFFFF00;
            --color-button-fill-success-icon-container-background: #FFFFFF00;
            --color-button-fill-success-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-success-icon-container-background-active: #FFFFFF00;
            --color-button-fill-success-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-success-icon-container-border: #FFFFFF00;
            --color-button-fill-success-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-success-icon-container-border-active: #FFFFFF00;
            --color-button-fill-success-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-attention-background: #f6da24;
            --color-button-fill-attention-background-hover: #f8e150;
            --color-button-fill-attention-background-active: #e4c609;
            --color-button-fill-attention-background-disabled: #FFFFFF0D;
            --color-button-fill-attention-border: #FFFFFF00;
            --color-button-fill-attention-border-hover: #FFFFFF00;
            --color-button-fill-attention-border-active: #FFFFFF00;
            --color-button-fill-attention-border-disabled: #FFFFFF00;
            --color-button-fill-attention-icon-container-background: #FFFFFF00;
            --color-button-fill-attention-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-attention-icon-container-background-active: #FFFFFF00;
            --color-button-fill-attention-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-attention-icon-container-border: #FFFFFF00;
            --color-button-fill-attention-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-attention-icon-container-border-active: #FFFFFF00;
            --color-button-fill-attention-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-warning-background: #f67024;
            --color-button-fill-warning-background-hover: #f88d50;
            --color-button-fill-warning-background-active: #be4908;
            --color-button-fill-warning-background-disabled: #FFFFFF0D;
            --color-button-fill-warning-border: #FFFFFF00;
            --color-button-fill-warning-border-hover: #FFFFFF00;
            --color-button-fill-warning-border-active: #FFFFFF00;
            --color-button-fill-warning-border-disabled: #FFFFFF00;
            --color-button-fill-warning-icon-container-background: #FFFFFF00;
            --color-button-fill-warning-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-warning-icon-container-background-active: #FFFFFF00;
            --color-button-fill-warning-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-warning-icon-container-border: #FFFFFF00;
            --color-button-fill-warning-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-warning-icon-container-border-active: #FFFFFF00;
            --color-button-fill-warning-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-danger-background: #ff0e0e;
            --color-button-fill-danger-background-hover: #f44;
            --color-button-fill-danger-background-active: #d70000;
            --color-button-fill-danger-background-disabled: #FFFFFF0D;
            --color-button-fill-danger-border: #FFFFFF00;
            --color-button-fill-danger-border-hover: #FFFFFF00;
            --color-button-fill-danger-border-active: #FFFFFF00;
            --color-button-fill-danger-border-disabled: #FFFFFF00;
            --color-button-fill-danger-icon-container-background: #FFFFFF00;
            --color-button-fill-danger-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-danger-icon-container-background-active: #FFFFFF00;
            --color-button-fill-danger-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-danger-icon-container-border: #FFFFFF00;
            --color-button-fill-danger-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-danger-icon-container-border-active: #FFFFFF00;
            --color-button-fill-danger-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-dark-background: #060e2a;
            --color-button-fill-dark-background-hover: #353b52;
            --color-button-fill-dark-background-active: #54596d;
            --color-button-fill-dark-background-disabled: #0000000D;
            --color-button-fill-dark-border: #FFFFFF00;
            --color-button-fill-dark-border-hover: #FFFFFF00;
            --color-button-fill-dark-border-active: #FFFFFF00;
            --color-button-fill-dark-border-disabled: #FFFFFF00;
            --color-button-fill-dark-icon-container-background: #FFFFFF00;
            --color-button-fill-dark-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-dark-icon-container-background-active: #FFFFFF00;
            --color-button-fill-dark-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-dark-icon-container-border: #FFFFFF00;
            --color-button-fill-dark-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-dark-icon-container-border-active: #FFFFFF00;
            --color-button-fill-dark-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-light-background: #fff;
            --color-button-fill-light-background-hover: #eff0f2;
            --color-button-fill-light-background-active: #e0e1e4;
            --color-button-fill-light-background-disabled: #0000000D;
            --color-button-fill-light-border: #FFFFFF00;
            --color-button-fill-light-border-hover: #FFFFFF00;
            --color-button-fill-light-border-active: #FFFFFF00;
            --color-button-fill-light-border-disabled: #FFFFFF00;
            --color-button-fill-light-icon-container-background: #FFFFFF00;
            --color-button-fill-light-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-light-icon-container-background-active: #FFFFFF00;
            --color-button-fill-light-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-light-icon-container-border: #FFFFFF00;
            --color-button-fill-light-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-light-icon-container-border-active: #FFFFFF00;
            --color-button-fill-light-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-primary-progress-background: #e45809;
            --color-button-fill-primary-progress-background-hover: #f67024;
            --color-button-fill-primary-progress-background-active: #be4908;
            --color-button-fill-primary-progress-background-disabled: #FFFFFF0D;
            --color-button-fill-primary-progress-border: #FFFFFF00;
            --color-button-fill-primary-progress-border-hover: #FFFFFF00;
            --color-button-fill-primary-progress-border-active: #FFFFFF00;
            --color-button-fill-primary-progress-border-disabled: #FFFFFF00;
            --color-button-fill-primary-progress-progress: #f67024;
            --color-button-fill-primary-progress-progress-hover: #f88d50;
            --color-button-fill-primary-progress-progress-active: #e45809;
            --color-button-fill-primary-progress-progress-disabled: #353b52;
            --color-button-fill-primary-progress-icon-container-background: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-background-active: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-border: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-border-active: #FFFFFF00;
            --color-button-fill-primary-progress-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-secondary-progress-background: #444a5f;
            --color-button-fill-secondary-progress-background-hover: #54596d;
            --color-button-fill-secondary-progress-background-active: #353b52;
            --color-button-fill-secondary-progress-background-disabled: #FFFFFF0D;
            --color-button-fill-secondary-progress-border: #FFFFFF00;
            --color-button-fill-secondary-progress-border-hover: #FFFFFF00;
            --color-button-fill-secondary-progress-border-active: #FFFFFF00;
            --color-button-fill-secondary-progress-border-disabled: #FFFFFF00;
            --color-button-fill-secondary-progress-progress: #f67024;
            --color-button-fill-secondary-progress-progress-hover: #f88d50;
            --color-button-fill-secondary-progress-progress-active: #e45809;
            --color-button-fill-secondary-progress-progress-disabled: #353b52;
            --color-button-fill-secondary-progress-icon-container-background: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-background-active: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-border: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-border-active: #FFFFFF00;
            --color-button-fill-secondary-progress-icon-container-border-disabled: #FFFFFF00;
            --color-button-fill-vip-background: linear-gradient(260deg, #ffea81 0%, #b48457 100%);
            --color-button-fill-vip-background-hover-0: linear-gradient(263deg, #ffea81 0%, #b48457 100%);
            --color-button-fill-vip-background-active-0: linear-gradient(263deg, #ffea81 0%, #b48457 100%);
            --color-button-fill-vip-background-disabled: #FFFFFF0D;
            --color-button-fill-vip-border: #FFFFFF00;
            --color-button-fill-vip-border-hover: #FFFFFF00;
            --color-button-fill-vip-border-active: #FFFFFF00;
            --color-button-fill-vip-border-disabled: #FFFFFF00;
            --color-button-fill-vip-icon-container-background: #FFFFFF00;
            --color-button-fill-vip-icon-container-background-hover: #FFFFFF00;
            --color-button-fill-vip-icon-container-background-active: #FFFFFF00;
            --color-button-fill-vip-icon-container-background-disabled: #FFFFFF00;
            --color-button-fill-vip-icon-container-border: #FFFFFF00;
            --color-button-fill-vip-icon-container-border-hover: #FFFFFF00;
            --color-button-fill-vip-icon-container-border-active: #FFFFFF00;
            --color-button-fill-vip-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-primary-background: #FFFFFF00;
            --color-button-outline-primary-background-hover: #f67024;
            --color-button-outline-primary-background-active: #be4908;
            --color-button-outline-primary-background-disabled: #FFFFFF00;
            --color-button-outline-primary-border: #e45809;
            --color-button-outline-primary-border-hover: #FFFFFF00;
            --color-button-outline-primary-border-active: #FFFFFF00;
            --color-button-outline-primary-border-disabled: #FFFFFF0D;
            --color-button-outline-primary-icon-container-background: #FFFFFF00;
            --color-button-outline-primary-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-primary-icon-container-background-active: #FFFFFF00;
            --color-button-outline-primary-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-primary-icon-container-border: #FFFFFF00;
            --color-button-outline-primary-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-primary-icon-container-border-active: #FFFFFF00;
            --color-button-outline-primary-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-secondary-background: #FFFFFF00;
            --color-button-outline-secondary-background-hover: #54596d;
            --color-button-outline-secondary-background-active: #353b52;
            --color-button-outline-secondary-background-disabled: #FFFFFF00;
            --color-button-outline-secondary-border: #444a5f;
            --color-button-outline-secondary-border-hover: #FFFFFF00;
            --color-button-outline-secondary-border-active: #FFFFFF00;
            --color-button-outline-secondary-border-disabled: #FFFFFF0D;
            --color-button-outline-secondary-icon-container-background: #FFFFFF00;
            --color-button-outline-secondary-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-secondary-icon-container-background-active: #FFFFFF00;
            --color-button-outline-secondary-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-secondary-icon-container-border: #FFFFFF00;
            --color-button-outline-secondary-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-secondary-icon-container-border-active: #FFFFFF00;
            --color-button-outline-secondary-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-info-background: #FFFFFF00;
            --color-button-outline-info-background-hover: #1d44cc;
            --color-button-outline-info-background-active: #12297b;
            --color-button-outline-info-background-disabled: #FFFFFF00;
            --color-button-outline-info-border: #355be2;
            --color-button-outline-info-border-hover: #FFFFFF00;
            --color-button-outline-info-border-active: #FFFFFF00;
            --color-button-outline-info-border-disabled: #FFFFFF0D;
            --color-button-outline-info-icon-container-background: #FFFFFF00;
            --color-button-outline-info-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-info-icon-container-background-active: #FFFFFF00;
            --color-button-outline-info-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-info-icon-container-border: #FFFFFF00;
            --color-button-outline-info-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-info-icon-container-border-active: #FFFFFF00;
            --color-button-outline-info-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-minor-background: #FFFFFF00;
            --color-button-outline-minor-background-hover: #b800ff;
            --color-button-outline-minor-background-active: #5c0080;
            --color-button-outline-minor-background-disabled: #FFFFFF00;
            --color-button-outline-minor-border: #9900d5;
            --color-button-outline-minor-border-hover: #FFFFFF00;
            --color-button-outline-minor-border-active: #FFFFFF00;
            --color-button-outline-minor-border-disabled: #FFFFFF0D;
            --color-button-outline-minor-icon-container-background: #FFFFFF00;
            --color-button-outline-minor-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-minor-icon-container-background-active: #FFFFFF00;
            --color-button-outline-minor-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-minor-icon-container-border: #FFFFFF00;
            --color-button-outline-minor-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-minor-icon-container-border-active: #FFFFFF00;
            --color-button-outline-minor-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-success-background: #FFFFFF00;
            --color-button-outline-success-background-hover: #07be1a;
            --color-button-outline-success-background-active: #04720f;
            --color-button-outline-success-background-disabled: #FFFFFF00;
            --color-button-outline-success-border: #069815;
            --color-button-outline-success-border-hover: #FFFFFF00;
            --color-button-outline-success-border-active: #FFFFFF00;
            --color-button-outline-success-border-disabled: #FFFFFF0D;
            --color-button-outline-success-icon-container-background: #FFFFFF00;
            --color-button-outline-success-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-success-icon-container-background-active: #FFFFFF00;
            --color-button-outline-success-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-success-icon-container-border: #FFFFFF00;
            --color-button-outline-success-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-success-icon-container-border-active: #FFFFFF00;
            --color-button-outline-success-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-attention-background: #FFFFFF00;
            --color-button-outline-attention-background-hover: #f8e150;
            --color-button-outline-attention-background-active: #e4c609;
            --color-button-outline-attention-background-disabled: #FFFFFF00;
            --color-button-outline-attention-border: #f6da24;
            --color-button-outline-attention-border-hover: #FFFFFF00;
            --color-button-outline-attention-border-active: #FFFFFF00;
            --color-button-outline-attention-border-disabled: #FFFFFF0D;
            --color-button-outline-attention-icon-container-background: #FFFFFF00;
            --color-button-outline-attention-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-attention-icon-container-background-active: #FFFFFF00;
            --color-button-outline-attention-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-attention-icon-container-border: #FFFFFF00;
            --color-button-outline-attention-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-attention-icon-container-border-active: #FFFFFF00;
            --color-button-outline-attention-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-warning-background: #FFFFFF00;
            --color-button-outline-warning-background-hover: #f88d50;
            --color-button-outline-warning-background-active: #be4908;
            --color-button-outline-warning-background-disabled: #FFFFFF00;
            --color-button-outline-warning-border: #f67024;
            --color-button-outline-warning-border-hover: #FFFFFF00;
            --color-button-outline-warning-border-active: #FFFFFF00;
            --color-button-outline-warning-border-disabled: #FFFFFF0D;
            --color-button-outline-warning-icon-container-background: #FFFFFF00;
            --color-button-outline-warning-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-warning-icon-container-background-active: #FFFFFF00;
            --color-button-outline-warning-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-warning-icon-container-border: #FFFFFF00;
            --color-button-outline-warning-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-warning-icon-container-border-active: #FFFFFF00;
            --color-button-outline-warning-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-danger-background: #FFFFFF00;
            --color-button-outline-danger-background-hover: #f44;
            --color-button-outline-danger-background-active: #d70000;
            --color-button-outline-danger-background-disabled: #FFFFFF00;
            --color-button-outline-danger-border: #ff0e0e;
            --color-button-outline-danger-border-hover: #FFFFFF00;
            --color-button-outline-danger-border-active: #FFFFFF00;
            --color-button-outline-danger-border-disabled: #FFFFFF0D;
            --color-button-outline-danger-icon-container-background: #FFFFFF00;
            --color-button-outline-danger-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-danger-icon-container-background-active: #FFFFFF00;
            --color-button-outline-danger-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-danger-icon-container-border: #FFFFFF00;
            --color-button-outline-danger-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-danger-icon-container-border-active: #FFFFFF00;
            --color-button-outline-danger-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-dark-background: #FFFFFF00;
            --color-button-outline-dark-background-hover: #353b52;
            --color-button-outline-dark-background-active: #54596d;
            --color-button-outline-dark-background-disabled: #FFFFFF00;
            --color-button-outline-dark-border: #060e2a;
            --color-button-outline-dark-border-hover: #FFFFFF00;
            --color-button-outline-dark-border-active: #FFFFFF00;
            --color-button-outline-dark-border-disabled: #0000000D;
            --color-button-outline-dark-icon-container-background: #FFFFFF00;
            --color-button-outline-dark-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-dark-icon-container-background-active: #FFFFFF00;
            --color-button-outline-dark-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-dark-icon-container-border: #FFFFFF00;
            --color-button-outline-dark-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-dark-icon-container-border-active: #FFFFFF00;
            --color-button-outline-dark-icon-container-border-disabled: #FFFFFF00;
            --color-button-outline-light-background: #FFFFFF00;
            --color-button-outline-light-background-hover: #eff0f2;
            --color-button-outline-light-background-active: #e0e1e4;
            --color-button-outline-light-background-disabled: #FFFFFF00;
            --color-button-outline-light-border: #fff;
            --color-button-outline-light-border-hover: #FFFFFF00;
            --color-button-outline-light-border-active: #FFFFFF00;
            --color-button-outline-light-border-disabled: #0000000D;
            --color-button-outline-light-icon-container-background: #FFFFFF00;
            --color-button-outline-light-icon-container-background-hover: #FFFFFF00;
            --color-button-outline-light-icon-container-background-active: #FFFFFF00;
            --color-button-outline-light-icon-container-background-disabled: #FFFFFF00;
            --color-button-outline-light-icon-container-border: #FFFFFF00;
            --color-button-outline-light-icon-container-border-hover: #FFFFFF00;
            --color-button-outline-light-icon-container-border-active: #FFFFFF00;
            --color-button-outline-light-icon-container-border-disabled: #FFFFFF00;
            --color-button-link-primary-icon-container-background: #FFFFFF00;
            --color-button-link-primary-icon-container-background-hover: #FFFFFF00;
            --color-button-link-primary-icon-container-background-active: #FFFFFF00;
            --color-button-link-primary-icon-container-background-disabled: #FFFFFF00;
            --color-button-link-primary-icon-container-border: #FFFFFF00;
            --color-button-link-primary-icon-container-border-hover: #FFFFFF00;
            --color-button-link-primary-icon-container-border-active: #FFFFFF00;
            --color-button-link-primary-icon-container-border-disabled: #FFFFFF00;
            --color-button-link-secondary-icon-container-background: #FFFFFF00;
            --color-button-link-secondary-icon-container-background-hover: #FFFFFF00;
            --color-button-link-secondary-icon-container-background-active: #FFFFFF00;
            --color-button-link-secondary-icon-container-background-disabled: #FFFFFF00;
            --color-button-link-secondary-icon-container-border: #FFFFFF00;
            --color-button-link-secondary-icon-container-border-hover: #FFFFFF00;
            --color-button-link-secondary-icon-container-border-active: #FFFFFF00;
            --color-button-link-secondary-icon-container-border-disabled: #FFFFFF00;
            --color-button-link-info-icon-container-background: #FFFFFF00;
            --color-button-link-info-icon-container-background-hover: #FFFFFF00;
            --color-button-link-info-icon-container-background-active: #FFFFFF00;
            --color-button-link-info-icon-container-background-disabled: #FFFFFF00;
            --color-button-link-info-icon-container-border: #FFFFFF00;
            --color-button-link-info-icon-container-border-hover: #FFFFFF00;
            --color-button-link-info-icon-container-border-active: #FFFFFF00;
            --color-button-link-info-icon-container-border-disabled: #FFFFFF00;
            --color-button-link-light-icon-container-background: #FFFFFF00;
            --color-button-link-light-icon-container-background-hover: #FFFFFF00;
            --color-button-link-light-icon-container-background-active: #FFFFFF00;
            --color-button-link-light-icon-container-background-disabled: #FFFFFF00;
            --color-button-link-light-icon-container-border: #FFFFFF00;
            --color-button-link-light-icon-container-border-hover: #FFFFFF00;
            --color-button-link-light-icon-container-border-active: #FFFFFF00;
            --color-button-link-light-icon-container-border-disabled: #FFFFFF00;
            --color-button-link-dark-icon-container-background: #00000000;
            --color-button-link-dark-icon-container-background-hover: #00000000;
            --color-button-link-dark-icon-container-background-active: #00000000;
            --color-button-link-dark-icon-container-background-disabled: #00000000;
            --color-button-link-dark-icon-container-border: #00000000;
            --color-button-link-dark-icon-container-border-hover: #00000000;
            --color-button-link-dark-icon-container-border-active: #00000000;
            --color-button-link-dark-icon-container-border-disabled: #00000000;
            --color-button-store-basic-background: #252c45;
            --color-button-store-basic-background-hover: #353b52;
            --color-button-store-basic-background-active: #444a5f;
            --color-button-store-basic-border: #FFFFFF00;
            --color-button-store-basic-border-hover: #FFFFFF00;
            --color-button-store-basic-border-active: #FFFFFF00;
            --color-button-store-inverse-background: #e0e1e4;
            --color-button-store-inverse-background-hover: #d0d2d7;
            --color-button-store-inverse-background-active: #c1c3ca;
            --color-button-store-inverse-border: #00000000;
            --color-button-store-inverse-border-hover: #00000000;
            --color-button-store-inverse-border-active: #00000000;
            --color-button-navigation-transparent-background: #FFFFFF1A;
            --color-button-navigation-transparent-background-hover: #FFFFFF33;
            --color-button-navigation-transparent-background-active: #FFFFFF0D;
            --color-button-navigation-transparent-background-disabled: #FFFFFF0D;
            --color-button-navigation-transparent-border: #FFFFFF00;
            --color-button-navigation-transparent-border-hover: #FFFFFF00;
            --color-button-navigation-transparent-border-active: #FFFFFF00;
            --color-button-navigation-transparent-border-disabled: #FFFFFF00;
            --color-button-navigation-secondary-background: #444a5f;
            --color-button-navigation-secondary-background-hover: #54596d;
            --color-button-navigation-secondary-background-active: #353b52;
            --color-button-navigation-secondary-background-disabled: #FFFFFF0D;
            --color-button-navigation-secondary-border: #FFFFFF00;
            --color-button-navigation-secondary-border-hover: #FFFFFF00;
            --color-button-navigation-secondary-border-active: #FFFFFF00;
            --color-button-navigation-secondary-border-disabled: #FFFFFF00;
            --color-button-navigation-inverse-background: #0000001A;
            --color-button-navigation-inverse-background-hover: #00000033;
            --color-button-navigation-inverse-background-active: #0000000D;
            --color-button-navigation-inverse-background-disabled: #0000000D;
            --color-button-navigation-inverse-border: #00000000;
            --color-button-navigation-inverse-border-hover: #00000000;
            --color-button-navigation-inverse-border-active: #00000000;
            --color-button-navigation-inverse-border-disabled: #00000000;
            --color-calendar-background: #252c45;
            --color-calendar-border: #252c45;
            --color-calendar-day-range-background: #353b52;
            --color-calendar-day-button-background-hover: #444a5f;
            --color-calendar-day-button-background-focus: #444a5f;
            --color-calendar-day-button-background-active: #353b52;
            --color-calendar-day-button-border-hover: #FFFFFF00;
            --color-calendar-day-button-border-focus: #63687a;
            --color-calendar-day-button-border-active: #FFFFFF00;
            --color-calendar-day-button-today-background: #FFFFFF00;
            --color-calendar-day-button-today-background-disabled: #FFFFFF00;
            --color-calendar-day-button-today-border: #353b52;
            --color-calendar-day-button-today-border-disabled: #353b52;
            --color-calendar-day-button-checked-background: #e45809;
            --color-calendar-day-button-checked-background-hover: #f67024;
            --color-calendar-day-button-checked-background-focus: #f67024;
            --color-calendar-day-button-checked-background-active: #be4908;
            --color-calendar-day-button-checked-background-disabled: #4c1d03;
            --color-calendar-day-button-checked-border: #FFFFFF00;
            --color-calendar-day-button-checked-border-hover: #FFFFFF00;
            --color-calendar-day-button-checked-border-focus: #faa97c;
            --color-calendar-day-button-checked-border-active: #FFFFFF00;
            --color-calendar-day-button-checked-border-disabled: #FFFFFF00;
            --color-countdown-background: #FFFFFF1A;
            --color-countdown-border: #FFFFFF00;
            --color-counter-primary-background: #e45809;
            --color-counter-primary-border: #FFFFFF00;
            --color-counter-secondary-background: #54596d;
            --color-counter-secondary-border: #FFFFFF00;
            --color-counter-info-background: #355be2;
            --color-counter-info-border: #FFFFFF00;
            --color-counter-minor-background: #9900d5;
            --color-counter-minor-border: #FFFFFF00;
            --color-counter-success-background: #069815;
            --color-counter-success-border: #FFFFFF00;
            --color-counter-attention-background: #f6da24;
            --color-counter-attention-border: #00000000;
            --color-counter-warning-background: #f67024;
            --color-counter-warning-border: #FFFFFF00;
            --color-counter-danger-background: #ff0e0e;
            --color-counter-danger-border: #FFFFFF00;
            --color-counter-light-background: #fff;
            --color-counter-light-border: #FFFFFF00;
            --color-counter-dark-background: #060e2a;
            --color-counter-dark-border: #00000000;
            --color-counter-transparent-background: #FFFFFF33;
            --color-counter-transparent-border: #FFFFFF00;
            --color-counter-vip-background: linear-gradient(260deg, #ffea81 0%, #b48457 100%);
            --color-counter-vip-border: #FFFFFF00;
            --color-dropdown-basic-background: #252c45;
            --color-dropdown-basic-border: #FFFFFF00;
            --color-dropdown-basic-row-background-hover: #353b52;
            --color-dropdown-basic-row-background-active: #54596d;
            --color-dropdown-basic-row-background-primary: #e45809;
            --color-dropdown-basic-row-icon-container-background: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-background-hover: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-background-active: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-background-primary: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-border: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-border-hover: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-border-active: #FFFFFF00;
            --color-dropdown-basic-row-icon-container-border-primary: #FFFFFF00;
            --color-dropdown-inverse-background: #e0e1e4;
            --color-dropdown-inverse-border: #00000000;
            --color-dropdown-inverse-row-background-hover: #d0d2d7;
            --color-dropdown-inverse-row-background-active: #b1b4bc;
            --color-dropdown-inverse-row-background-primary: #e45809;
            --color-dropdown-inverse-row-icon-container-background: #00000000;
            --color-dropdown-inverse-row-icon-container-background-hover: #00000000;
            --color-dropdown-inverse-row-icon-container-background-active: #00000000;
            --color-dropdown-inverse-row-icon-container-background-primary: #00000000;
            --color-dropdown-inverse-row-icon-container-border: #00000000;
            --color-dropdown-inverse-row-icon-container-border-hover: #00000000;
            --color-dropdown-inverse-row-icon-container-border-active: #00000000;
            --color-dropdown-inverse-row-icon-container-border-primary: #00000000;
            --color-message-basic-background: #252c45;
            --color-message-basic-border: #FFFFFF00;
            --color-message-basic-icon-container-background: #FFFFFF00;
            --color-message-basic-icon-container-border: #FFFFFF00;
            --color-message-primary-background: #252c45;
            --color-message-primary-border: #FFFFFF00;
            --color-message-primary-icon-container-background: #FFFFFF00;
            --color-message-primary-icon-container-border: #FFFFFF00;
            --color-message-info-background: #252c45;
            --color-message-info-border: #FFFFFF00;
            --color-message-info-icon-container-background: #FFFFFF00;
            --color-message-info-icon-container-border: #FFFFFF00;
            --color-message-success-background: #252c45;
            --color-message-success-border: #FFFFFF00;
            --color-message-success-icon-container-background: #FFFFFF00;
            --color-message-success-icon-container-border: #FFFFFF00;
            --color-message-attention-background: #252c45;
            --color-message-attention-border: #FFFFFF00;
            --color-message-attention-icon-container-background: #FFFFFF00;
            --color-message-attention-icon-container-border: #FFFFFF00;
            --color-message-warning-background: #252c45;
            --color-message-warning-border: #FFFFFF00;
            --color-message-warning-icon-container-background: #FFFFFF00;
            --color-message-warning-icon-container-border: #FFFFFF00;
            --color-message-danger-background: #252c45;
            --color-message-danger-border: #FFFFFF00;
            --color-message-danger-icon-container-background: #FFFFFF00;
            --color-message-danger-icon-container-border: #FFFFFF00;
            --color-message-line-basic-background: #54596d;
            --color-message-line-basic-border: #FFFFFF00;
            --color-message-line-basic-icon-container-background: #FFFFFF00;
            --color-message-line-basic-icon-container-border: #FFFFFF00;
            --color-message-line-info-background: #1d44cc;
            --color-message-line-info-border: #FFFFFF00;
            --color-message-line-info-icon-container-background: #FFFFFF00;
            --color-message-line-info-icon-container-border: #FFFFFF00;
            --color-message-line-danger-background: #a20000;
            --color-message-line-danger-border: #FFFFFF00;
            --color-message-line-danger-icon-container-background: #FFFFFF00;
            --color-message-line-danger-icon-container-border: #FFFFFF00;
            --color-message-line-cookies-background: #252c45;
            --color-message-line-cookies-border: #FFFFFF00;
            --color-pagination-button-background: #444a5f;
            --color-pagination-button-background-hover: #54596d;
            --color-pagination-button-background-active: #353b52;
            --color-pagination-button-background-disabled: #FFFFFF0D;
            --color-pagination-button-border: #FFFFFF00;
            --color-pagination-button-border-hover: #FFFFFF00;
            --color-pagination-button-border-active: #FFFFFF00;
            --color-pagination-button-border-disabled: #FFFFFF00;
            --color-pagination-button-checked-background: #e45809;
            --color-pagination-button-checked-background-hover: #f67024;
            --color-pagination-button-checked-background-active: #be4908;
            --color-pagination-button-checked-background-disabled: #FFFFFF0D;
            --color-pagination-button-checked-border: #FFFFFF00;
            --color-pagination-button-checked-border-hover: #FFFFFF00;
            --color-pagination-button-checked-border-active: #FFFFFF00;
            --color-pagination-button-checked-border-disabled: #FFFFFF00;
            --color-progress-bar-primary-background: #353b52;
            --color-progress-bar-primary-border: #FFFFFF00;
            --color-progress-bar-primary-progress-background: #e45809;
            --color-progress-bar-secondary-background-r: #353b52;
            --color-progress-bar-secondary-border-r: rgba(255, 255, 255, 0);
            --color-progress-bar-secondary-progress-background: #63687a;
            --color-progress-bar-info-background: #353b52;
            --color-progress-bar-info-border: #FFFFFF00;
            --color-progress-bar-info-progress-background: #355be2;
            --color-progress-bar-minor-background: #353b52;
            --color-progress-bar-minor-border: #FFFFFF00;
            --color-progress-bar-minor-progress-background: #9900d5;
            --color-progress-bar-success-background: #353b52;
            --color-progress-bar-success-border: #FFFFFF00;
            --color-progress-bar-success-progress-background: #069815;
            --color-progress-bar-attention-background: #353b52;
            --color-progress-bar-attention-border: #FFFFFF00;
            --color-progress-bar-attention-progress-background: #f6da24;
            --color-progress-bar-warning-background: #353b52;
            --color-progress-bar-warning-border: #FFFFFF00;
            --color-progress-bar-warning-progress-background: #f67024;
            --color-progress-bar-danger-background: #353b52;
            --color-progress-bar-danger-border: #FFFFFF00;
            --color-progress-bar-danger-progress-background: #ff0e0e;
            --color-progress-bar-dark-background: #d0d2d7;
            --color-progress-bar-dark-border: #FFFFFF00;
            --color-progress-bar-dark-progress-background: #060e2a;
            --color-progress-bar-light-background: #d0d2d7;
            --color-progress-bar-light-border: #FFFFFF00;
            --color-progress-bar-light-progress-background: #fff;
            --color-progress-round-primary-progress-border: #e45809;
            --color-progress-round-primary-border: #E458094D;
            --color-progress-round-secondary-progress-border: #63687a;
            --color-progress-round-secondary-border: #63687A4D;
            --color-progress-round-info-progress-border: #355be2;
            --color-progress-round-info-border: #355BE24D;
            --color-progress-round-minor-progress-border: #9900d5;
            --color-progress-round-minor-border: #9900D54D;
            --color-progress-round-success-progress-border: #069815;
            --color-progress-round-success-border: #0698154D;
            --color-progress-round-attention-progress-border: #f6da24;
            --color-progress-round-attention-border: #F6DA244D;
            --color-progress-round-warning-progress-border: #f67024;
            --color-progress-round-warning-border: #E458094D;
            --color-progress-round-danger-progress-border: #ff0e0e;
            --color-progress-round-danger-border: #FF0E0E4D;
            --color-progress-round-dark-progress-border: #060e2a;
            --color-progress-round-dark-border: #060E2A4D;
            --color-progress-round-light-progress-border: #fff;
            --color-progress-round-light-border: #FFFFFF4D;
            --color-selector-basic-background: #54596d;
            --color-selector-basic-background-hover: #63687a;
            --color-selector-basic-background-focus: #63687a;
            --color-selector-basic-background-disabled: #353b52;
            --color-selector-basic-border: #54596d;
            --color-selector-basic-border-hover: #63687a;
            --color-selector-basic-border-focus: #63687a;
            --color-selector-basic-border-disabled: #353b52;
            --color-selector-basic-outside-border-focus: #353b52;
            --color-selector-basic-checked-background: #54596d;
            --color-selector-basic-checked-background-hover: #63687a;
            --color-selector-basic-checked-background-focus: #63687a;
            --color-selector-basic-checked-background-disabled: #353b52;
            --color-selector-basic-checked-border: #54596d;
            --color-selector-basic-checked-border-hover: #63687a;
            --color-selector-basic-checked-border-focus: #63687a;
            --color-selector-basic-checked-border-disabled: #353b52;
            --color-selector-basic-checked-outside-border-focus: #353b52;
            --color-selector-primary-background: #54596d;
            --color-selector-primary-background-hover: #63687a;
            --color-selector-primary-background-focus: #63687a;
            --color-selector-primary-background-disabled: #353b52;
            --color-selector-primary-border: #54596d;
            --color-selector-primary-border-hover: #63687a;
            --color-selector-primary-border-focus: #63687a;
            --color-selector-primary-border-disabled: #353b52;
            --color-selector-primary-outside-border-focus: #353b52;
            --color-selector-primary-checked-background: #e45809;
            --color-selector-primary-checked-background-hover: #f67024;
            --color-selector-primary-checked-background-focus: #f67024;
            --color-selector-primary-checked-background-disabled: #722c05;
            --color-selector-primary-checked-border: #e45809;
            --color-selector-primary-checked-border-hover: #f67024;
            --color-selector-primary-checked-border-focus: #f67024;
            --color-selector-primary-checked-border-disabled: #722c05;
            --color-selector-primary-checked-outside-border-focus: #faa97c;
            --color-step-line-background: #444a5f;
            --color-step-line-background-success: #069815;
            --color-step-line-background-error: #ff0e0e;
            --color-step-point-element: #444a5f;
            --color-step-point-element-success: #069815;
            --color-step-point-element-error: #ff0e0e;
            --color-step-point-border: #444a5f;
            --color-step-point-border-success: #069815;
            --color-step-point-border-error: #ff0e0e;
            --color-table-fill-header-background-sf1: #161d37;
            --color-table-fill-header-background-sf2: #252c45;
            --color-table-fill-header-background-hover: #353b52;
            --color-table-fill-header-background-active: #252c45;
            --color-table-fill-header-icon-container-background: #FFFFFF00;
            --color-table-fill-header-icon-container-background-hover: #FFFFFF00;
            --color-table-fill-header-icon-container-background-active: #FFFFFF00;
            --color-table-fill-header-icon-container-border: #FFFFFF00;
            --color-table-fill-header-icon-container-border-hover: #FFFFFF00;
            --color-table-fill-header-icon-container-border-active: #FFFFFF00;
            --color-table-fill-row-background-sf1: #161d37;
            --color-table-fill-row-background-sf2: #252c45;
            --color-table-fill-row-background-hover: #353b52;
            --color-table-fill-row-background-active: #252c45;
            --color-table-fill-row-icon-container-background: #FFFFFF00;
            --color-table-fill-row-icon-container-background-hover: #FFFFFF00;
            --color-table-fill-row-icon-container-background-active: #FFFFFF00;
            --color-table-fill-row-icon-container-border: #FFFFFF00;
            --color-table-fill-row-icon-container-border-hover: #FFFFFF00;
            --color-table-fill-row-icon-container-border-active: #FFFFFF00;
            --color-table-lineal-header-border-bottom: #252c45;
            --color-table-lineal-header-background-hover: #353b52;
            --color-table-lineal-header-background-active: #252c45;
            --color-table-lineal-header-icon-container-background: #FFFFFF00;
            --color-table-lineal-header-icon-container-background-hover: #FFFFFF00;
            --color-table-lineal-header-icon-container-background-active: #FFFFFF00;
            --color-table-lineal-header-icon-container-border: #FFFFFF00;
            --color-table-lineal-header-icon-container-border-hover: #FFFFFF00;
            --color-table-lineal-header-icon-container-border-active: #FFFFFF00;
            --color-table-lineal-row-border-bottom: #252c45;
            --color-table-lineal-row-background-hover: #353b52;
            --color-table-lineal-row-background-active: #252c45;
            --color-table-lineal-row-icon-container-background: #FFFFFF00;
            --color-table-lineal-row-icon-container-background-hover: #FFFFFF00;
            --color-table-lineal-row-icon-container-background-active: #FFFFFF00;
            --color-table-lineal-row-icon-container-border: #FFFFFF00;
            --color-table-lineal-row-icon-container-border-hover: #FFFFFF00;
            --color-table-lineal-row-icon-container-border-active: #FFFFFF00;
            --color-table-modal-background-sf1: #161d37;
            --color-table-modal-background-sf2: #252c45;
            --color-table-modal-border-sf1: #FFFFFF00;
            --color-table-modal-border-sf2: #FFFFFF00;
            --color-table-modal-icon-container-background: #FFFFFF00;
            --color-table-modal-icon-container-border: #FFFFFF00;
            --color-tab-underline-primary-underline-background: #e45809;
            --color-tab-underline-primary-icon-container-background: #FFFFFF00;
            --color-tab-underline-primary-icon-container-background-hover: #FFFFFF00;
            --color-tab-underline-primary-icon-container-background-active: #FFFFFF00;
            --color-tab-underline-primary-icon-container-border: #FFFFFF00;
            --color-tab-underline-primary-icon-container-border-hover: #FFFFFF00;
            --color-tab-underline-primary-icon-container-border-active: #FFFFFF00;
            --color-tab-underline-inverse-underline-background: #161d37;
            --color-tab-underline-inverse-icon-container-background: #FFFFFF00;
            --color-tab-underline-inverse-icon-container-background-hover: #FFFFFF00;
            --color-tab-underline-inverse-icon-container-background-active: #FFFFFF00;
            --color-tab-underline-inverse-icon-container-border: #FFFFFF00;
            --color-tab-underline-inverse-icon-container-border-hover: #FFFFFF00;
            --color-tab-underline-inverse-icon-container-border-active: #FFFFFF00;
            --color-tab-primary-background-active: #e45809;
            --color-tab-primary-border-active: #FFFFFF00;
            --color-tab-primary-icon-container-background: #FFFFFF00;
            --color-tab-primary-icon-container-background-hover: #FFFFFF00;
            --color-tab-primary-icon-container-background-active: #FFFFFF00;
            --color-tab-primary-icon-container-border: #FFFFFF00;
            --color-tab-primary-icon-container-border-hover: #FFFFFF00;
            --color-tab-primary-icon-container-border-active: #FFFFFF00;
            --color-tab-secondary-background-active: #444a5f;
            --color-tab-secondary-border-active: #FFFFFF00;
            --color-tab-secondary-icon-container-background: #FFFFFF00;
            --color-tab-secondary-icon-container-background-hover: #FFFFFF00;
            --color-tab-secondary-icon-container-background-active: #FFFFFF00;
            --color-tab-secondary-icon-container-border: #FFFFFF00;
            --color-tab-secondary-icon-container-border-hover: #FFFFFF00;
            --color-tab-secondary-icon-container-border-active: #FFFFFF00;
            --color-tab-info-background-active: #355be2;
            --color-tab-info-border-active: #FFFFFF00;
            --color-tab-info-icon-container-background: #FFFFFF00;
            --color-tab-info-icon-container-background-hover: #FFFFFF00;
            --color-tab-info-icon-container-background-active: #FFFFFF00;
            --color-tab-info-icon-container-border: #FFFFFF00;
            --color-tab-info-icon-container-border-hover: #FFFFFF00;
            --color-tab-info-icon-container-border-active: #FFFFFF00;
            --color-tab-inverse-background-active: #161d37;
            --color-tab-inverse-border-active: #FFFFFF00;
            --color-tab-inverse-icon-container-background: #FFFFFF00;
            --color-tab-inverse-icon-container-background-hover: #FFFFFF00;
            --color-tab-inverse-icon-container-background-active: #FFFFFF00;
            --color-tab-inverse-icon-container-border: #FFFFFF00;
            --color-tab-inverse-icon-container-border-hover: #FFFFFF00;
            --color-tab-inverse-icon-container-border-active: #FFFFFF00;
            --color-tabs-group-underline-primary-background: #FFFFFF00;
            --color-tabs-group-underline-primary-border-bottom: #252c45;
            --color-tabs-group-underline-inverse-background: rgba(0, 0, 0, .0);
            --color-tabs-group-underline-inverse-border-bottom: #e0e1e4;
            --color-tabs-group-fill-primary-background: #FFFFFF1A;
            --color-tabs-group-fill-primary-border: #FFFFFF00;
            --color-tabs-group-fill-secondary-background: #FFFFFF1A;
            --color-tabs-group-fill-secondary-border: #FFFFFF00;
            --color-tabs-group-fill-info-background: #FFFFFF1A;
            --color-tabs-group-fill-info-border: #FFFFFF00;
            --color-tabs-group-fill-inverse-background: #0000000D;
            --color-tabs-group-fill-inverse-border: #00000000;
            --color-tabs-group-outline-primary-background: #FFFFFF00;
            --color-tabs-group-outline-primary-border: #444a5f;
            --color-tabs-group-outline-secondary-background: #FFFFFF00;
            --color-tabs-group-outline-secondary-border: #444a5f;
            --color-tabs-group-outline-info-background: #FFFFFF00;
            --color-tabs-group-outline-info-border: #444a5f;
            --color-tabs-group-outline-inverse-background: #00000000;
            --color-tabs-group-outline-inverse-border: #c1c3ca;
            --color-tag-fill-background-hover: #444a5f;
            --color-tag-fill-background-active: #e45809;
            --color-tag-fill-background: #353b52;
            --color-tag-fill-background-active-hover: #f67024;
            --color-tag-fill-border: #FFFFFF00;
            --color-tag-fill-border-hover: #FFFFFF00;
            --color-tag-fill-border-active: #FFFFFF00;
            --color-tag-fill-border-active-hover: #FFFFFF00;
            --color-tag-fill-icon-container-background: #FFFFFF00;
            --color-tag-fill-icon-container-background-hover: #FFFFFF00;
            --color-tag-fill-icon-container-background-active: #FFFFFF00;
            --color-tag-fill-icon-container-background-active-hover: #FFFFFF00;
            --color-tag-fill-icon-container-border: #FFFFFF00;
            --color-tag-fill-icon-container-border-hover: #FFFFFF00;
            --color-tag-fill-icon-container-border-active: #FFFFFF00;
            --color-tag-fill-icon-container-border-active-hover: #FFFFFF00;
            --color-tag-outline-background: #FFFFFF00;
            --color-tag-outline-background-hover: #444a5f;
            --color-tag-outline-background-active: #e45809;
            --color-tag-outline-background-active-hover: #f67024;
            --color-tag-outline-border: #444a5f;
            --color-tag-outline-border-hover: #FFFFFF00;
            --color-tag-outline-border-active: #FFFFFF00;
            --color-tag-outline-border-active-hover: #FFFFFF00;
            --color-tag-outline-icon-container-background: #FFFFFF00;
            --color-tag-outline-icon-container-background-hover: #FFFFFF00;
            --color-tag-outline-icon-container-background-active: #FFFFFF00;
            --color-tag-outline-icon-container-background-active-hover: #FFFFFF00;
            --color-tag-outline-icon-container-border: #FFFFFF00;
            --color-tag-outline-icon-container-border-hover: #FFFFFF00;
            --color-tag-outline-icon-container-border-active: #FFFFFF00;
            --color-tag-outline-icon-container-border-active-hover: #FFFFFF00;
            --color-tag-ghost-background-hover: #444a5f;
            --color-tag-ghost-background-active: #e45809;
            --color-tag-ghost-background-active-hover: #f67024;
            --color-tag-ghost-border-hover: #FFFFFF00;
            --color-tag-ghost-border-active: #FFFFFF00;
            --color-tag-ghost-border-active-hover: #FFFFFF00;
            --color-tag-ghost-icon-container-background: #FFFFFF00;
            --color-tag-ghost-icon-container-background-hover: #FFFFFF00;
            --color-tag-ghost-icon-container-background-active: #FFFFFF00;
            --color-tag-ghost-icon-container-background-active-hover: #FFFFFF00;
            --color-tag-ghost-icon-container-border: #FFFFFF00;
            --color-tag-ghost-icon-container-border-hover: #FFFFFF00;
            --color-tag-ghost-icon-container-border-active: #FFFFFF00;
            --color-tag-ghost-icon-container-border-active-hover: #FFFFFF00;
            --color-tag-ghost-secondary-background-hover: #444a5f;
            --color-tag-ghost-secondary-background-active: #353b52;
            --color-tag-ghost-secondary-background-active-hover: #54596d;
            --color-tag-ghost-secondary-border-hover: #FFFFFF00;
            --color-tag-ghost-secondary-border-active: #FFFFFF00;
            --color-tag-ghost-secondary-border-active-hover: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-background: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-background-hover: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-background-active: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-background-active-hover: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-border: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-border-hover: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-border-active: #FFFFFF00;
            --color-tag-ghost-secondary-icon-container-border-active-hover: #FFFFFF00;
            --color-title-basic-background: #FFFFFF00;
            --color-title-basic-border: #FFFFFF00;
            --color-title-basic-icon-container-background: #FFFFFF00;
            --color-title-basic-icon-container-border: #FFFFFF00;
            --color-title-inverse-background: #00000000;
            --color-title-inverse-border: #00000000;
            --color-title-inverse-icon-container-background: #00000000;
            --color-title-inverse-icon-container-border: #00000000;
            --color-input-basic-background: #252c45;
            --color-input-basic-background-hover: #060E2AB3;
            --color-input-basic-background-focus: #060E2AB3;
            --color-input-basic-background-disabled: #252c45;
            --color-input-basic-border: #FFFFFF1A;
            --color-input-basic-border-hover: #FFFFFF1A;
            --color-input-basic-border-focus: #54596d;
            --color-input-basic-border-disabled: #FFFFFF1A;
            --color-input-basic-outside-border-focus: #54596D99;
            --color-input-basic-icon-container-background: #FFFFFF00;
            --color-input-basic-icon-container-background-hover: #FFFFFF00;
            --color-input-basic-icon-container-background-focus: #FFFFFF00;
            --color-input-basic-icon-container-background-disabled: #FFFFFF00;
            --color-input-basic-icon-container-border: #FFFFFF00;
            --color-input-basic-icon-container-border-hover: #FFFFFF00;
            --color-input-basic-icon-container-border-focus: #FFFFFF00;
            --color-input-basic-icon-container-border-disabled: #FFFFFF00;
            --color-input-basic-button-icon-background: #FFFFFF00;
            --color-input-basic-button-icon-background-hover: #FFFFFF00;
            --color-input-basic-button-icon-background-focus: #FFFFFF00;
            --color-input-basic-button-icon-background-disabled: #FFFFFF00;
            --color-input-basic-button-icon-border: #FFFFFF00;
            --color-input-basic-button-icon-border-hover: #FFFFFF00;
            --color-input-basic-button-icon-border-focus: #FFFFFF00;
            --color-input-basic-button-icon-border-disabled: #FFFFFF00;
            --color-input-basic-error-background: #252c45;
            --color-input-basic-error-background-hover: #060E2AB3;
            --color-input-basic-error-background-focus: #060E2AB3;
            --color-input-basic-error-border: #ff0e0e;
            --color-input-basic-error-border-hover: #ff0e0e;
            --color-input-basic-error-border-focus: #ff0e0e;
            --color-input-basic-error-outside-border-focus: #FF0E0E99;
            --color-input-basic-error-icon-container-background: #FFFFFF00;
            --color-input-basic-error-icon-container-background-hover: #FFFFFF00;
            --color-input-basic-error-icon-container-background-focus: #FFFFFF00;
            --color-input-basic-error-icon-container-border: #FFFFFF00;
            --color-input-basic-error-icon-container-border-hover: #FFFFFF00;
            --color-input-basic-error-icon-container-border-focus: #FFFFFF00;
            --color-input-basic-error-button-icon-background: #FFFFFF00;
            --color-input-basic-error-button-icon-background-hover: #FFFFFF00;
            --color-input-basic-error-button-icon-background-focus: #FFFFFF00;
            --color-input-basic-error-button-icon-border: #FFFFFF00;
            --color-input-basic-error-button-icon-border-hover: #FFFFFF00;
            --color-input-basic-error-button-icon-border-focus: #FFFFFF00;
            --color-input-basic-success-background: #252c45;
            --color-input-basic-success-background-hover: #060E2AB3;
            --color-input-basic-success-background-focus: #060E2AB3;
            --color-input-basic-success-border: #09e41f;
            --color-input-basic-success-border-hover: #09e41f;
            --color-input-basic-success-border-focus: #09e41f;
            --color-input-basic-success-outside-border-focus: #09E41F99;
            --color-input-basic-success-icon-container-background: #FFFFFF00;
            --color-input-basic-success-icon-container-background-hover: #FFFFFF00;
            --color-input-basic-success-icon-container-background-focus: #FFFFFF00;
            --color-input-basic-success-icon-container-border: #FFFFFF00;
            --color-input-basic-success-icon-container-border-hover: #FFFFFF00;
            --color-input-basic-success-icon-container-border-focus: #FFFFFF00;
            --color-input-basic-success-button-icon-background: #FFFFFF00;
            --color-input-basic-success-button-icon-background-hover: #FFFFFF00;
            --color-input-basic-success-button-icon-background-focus: #FFFFFF00;
            --color-input-basic-success-button-icon-border: #FFFFFF00;
            --color-input-basic-success-button-icon-border-hover: #FFFFFF00;
            --color-input-basic-success-button-icon-border-focus: #FFFFFF00;
            --color-input-inverse-background: #e0e1e4;
            --color-input-inverse-background-hover: #d0d2d7;
            --color-input-inverse-background-focus: #d0d2d7;
            --color-input-inverse-background-disabled: #e0e1e4;
            --color-input-inverse-border: #0000001A;
            --color-input-inverse-border-hover: #0000001A;
            --color-input-inverse-border-focus: #b1b4bc;
            --color-input-inverse-border-disabled: #0000001A;
            --color-input-inverse-outside-border-focus: #B1B4BC99;
            --color-input-inverse-icon-container-background: #00000000;
            --color-input-inverse-icon-container-background-hover: #00000000;
            --color-input-inverse-icon-container-background-focus: #00000000;
            --color-input-inverse-icon-container-background-disabled: #00000000;
            --color-input-inverse-icon-container-border: #00000000;
            --color-input-inverse-icon-container-border-hover: #00000000;
            --color-input-inverse-icon-container-border-focus: #00000000;
            --color-input-inverse-icon-container-border-disabled: #00000000;
            --color-input-inverse-button-icon-background: #00000000;
            --color-input-inverse-button-icon-background-hover: #00000000;
            --color-input-inverse-button-icon-background-focus: #00000000;
            --color-input-inverse-button-icon-background-disabled: #00000000;
            --color-input-inverse-button-icon-border: #00000000;
            --color-input-inverse-button-icon-border-hover: #00000000;
            --color-input-inverse-button-icon-border-focus: #00000000;
            --color-input-inverse-button-icon-border-disabled: #00000000;
            --color-input-inverse-error-background: #e0e1e4;
            --color-input-inverse-error-background-hover: #d0d2d7;
            --color-input-inverse-error-background-focus: #d0d2d7;
            --color-input-inverse-error-border: #ff0e0e;
            --color-input-inverse-error-border-hover: #ff0e0e;
            --color-input-inverse-error-border-focus: #ff0e0e;
            --color-input-inverse-error-outside-border-focus: #FF0E0E99;
            --color-input-inverse-error-icon-container-background: #00000000;
            --color-input-inverse-error-icon-container-background-hover: #00000000;
            --color-input-inverse-error-icon-container-background-focus: #00000000;
            --color-input-inverse-error-icon-container-border: #00000000;
            --color-input-inverse-error-icon-container-border-hover: #00000000;
            --color-input-inverse-error-icon-container-border-focus: #00000000;
            --color-input-inverse-error-button-icon-background: #00000000;
            --color-input-inverse-error-button-icon-background-hover: #00000000;
            --color-input-inverse-error-button-icon-background-focus: #00000000;
            --color-input-inverse-error-button-icon-border: #00000000;
            --color-input-inverse-error-button-icon-border-hover: #00000000;
            --color-input-inverse-error-button-icon-border-focus: #00000000;
            --color-input-inverse-success-background: #e0e1e4;
            --color-input-inverse-success-background-hover: #d0d2d7;
            --color-input-inverse-success-background-focus: #d0d2d7;
            --color-input-inverse-success-border: #09e41f;
            --color-input-inverse-success-border-hover: #09e41f;
            --color-input-inverse-success-border-focus: #09e41f;
            --color-input-inverse-success-outside-border-focus: #09E41F99;
            --color-input-inverse-success-icon-container-background: #00000000;
            --color-input-inverse-success-icon-container-background-hover: #00000000;
            --color-input-inverse-success-icon-container-background-focus: #00000000;
            --color-input-inverse-success-icon-container-border: #00000000;
            --color-input-inverse-success-icon-container-border-hover: #00000000;
            --color-input-inverse-success-icon-container-border-focus: #00000000;
            --color-input-inverse-success-button-icon-background: #00000000;
            --color-input-inverse-success-button-icon-background-hover: #00000000;
            --color-input-inverse-success-button-icon-background-focus: #00000000;
            --color-input-inverse-success-button-icon-border: #00000000;
            --color-input-inverse-success-button-icon-border-hover: #00000000;
            --color-input-inverse-success-button-icon-border-focus: #00000000;
            --color-modal-border: #FFFFFF00;
            --color-modal-divider-background: #252c45;
            --color-modal-status-background: #252c45;
            --color-modal-status-border: #FFFFFF00;
            --color-sidebar-basic-background: #161d37;
            --color-sidebar-basic-border: rgba(255, 255, 255, 0);
            --color-sidebar-basic-header-background: #161d37;
            --color-sidebar-basic-header-border: rgba(255, 255, 255, 0);
            --color-sidebar-basic-divider-background: #353b52;
            --color-sidebar-basic-multiscreen-background: #252c45;
            --color-sidebar-basic-multiscreen-background-hover: #252c45;
            --color-sidebar-basic-multiscreen-border: rgba(255, 255, 255, 0);
            --color-sidebar-basic-multiscreen-border-hover: rgba(255, 255, 255, 0);
            --color-sidebar-basic-multiscreen-content-border-right: #161d37;
            --color-sidebar-basic-multiscreen-content-border-right-hover: #161d37;
            --color-sidebar-inverse-background: #eff0f2;
            --color-sidebar-inverse-border: #00000000;
            --color-sidebar-inverse-header-background: #eff0f2;
            --color-sidebar-inverse-header-border: #00000000;
            --color-sidebar-inverse-divider-background: #d0d2d7;
            --color-sidebar-inverse-multiscreen-background: #e0e1e4;
            --color-sidebar-inverse-multiscreen-background-hover: #e0e1e4;
            --color-sidebar-inverse-multiscreen-border: #00000000;
            --color-sidebar-inverse-multiscreen-border-hover: #00000000;
            --color-sidebar-inverse-multiscreen-content-border-right: #eff0f2;
            --color-sidebar-inverse-multiscreen-content-border-right-hover: #eff0f2;
            --color-sidebar-list-basic-header-background: #252c45;
            --color-sidebar-list-basic-header-background-hover: #353b52;
            --color-sidebar-list-basic-header-border: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-header-border-hover: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-header-icon-container-background: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-header-icon-container-background-hover: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-header-icon-container-border: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-header-icon-container-border-hover: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-row-icon-container-background: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-row-icon-container-background-hover: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-row-icon-container-border: rgba(255, 255, 255, 0);
            --color-sidebar-list-basic-row-icon-container-border-hover: rgba(255, 255, 255, 0);
            --color-sidebar-list-inverse-header-background: #e0e1e4;
            --color-sidebar-list-inverse-header-background-hover: #d0d2d7;
            --color-sidebar-list-inverse-header-border: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-header-border-hover: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-header-icon-container-background: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-header-icon-container-background-hover: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-header-icon-container-border: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-header-icon-container-border-hover: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-row-icon-container-background: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-row-icon-container-background-hover: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-row-icon-container-border: rgba(0, 0, 0, .0);
            --color-sidebar-list-inverse-row-icon-container-border-hover: rgba(0, 0, 0, .0);
            --color-sidebar-card-widget-basic-background: linear-gradient(104deg, #1a799f 0%, #252c45 85.75%);
            --color-sidebar-card-widget-basic-background-hover: linear-gradient(104deg, #1a799f 0%, #353b52 85.75%);
            --color-sidebar-card-widget-basic-border: rgba(255, 255, 255, 0);
            --color-sidebar-card-widget-basic-border-hover: rgba(255, 255, 255, 0);
            --color-sidebar-card-widget-inverse-background: linear-gradient(104deg, #1a799f 0%, var(--color-light-grey-4) 85.75%);
            --color-sidebar-card-widget-inverse-background-hover: linear-gradient(104deg, #1a799f 0%, var(--color-light-grey-4) 85.75%);
            --color-sidebar-card-widget-inverse-border: #00000000;
            --color-sidebar-card-widget-inverse-border-hover: #00000000;
            --color-sidebar-card-mini-basic-background-hover: #252c45;
            --color-sidebar-card-mini-basic-border: rgba(255, 255, 255, 0);
            --color-sidebar-card-mini-basic-border-hover: rgba(255, 255, 255, 0);
            --color-sidebar-card-mini-inverse-background-hover: #e0e1e4;
            --color-sidebar-card-mini-inverse-border: #00000000;
            --color-sidebar-card-mini-inverse-border-hover: #00000000;
            --color-sidebar-card-referal-background: linear-gradient(90deg, #cb438a 0%, #7113d4 74.67%);
            --color-sidebar-card-referal-background-hover: linear-gradient(90deg, #cb438a 0%, #721cff 74.67%);
            --color-sidebar-card-referal-border: #FFFFFF00;
            --color-sidebar-card-referal-border-hover: #FFFFFF00;
            --color-sidebar-card-referal-icon-container-background: #FFFFFF00;
            --color-sidebar-card-referal-icon-container-background-hover: #FFFFFF00;
            --color-sidebar-card-referal-icon-container-border: #FFFFFF00;
            --color-sidebar-card-referal-icon-container-border-hover: #FFFFFF00;
            --color-navbar-basic-icon-container-background: rgba(255, 255, 255, 0);
            --color-navbar-basic-icon-container-background-hover: rgba(255, 255, 255, 0);
            --color-navbar-basic-icon-container-background-active: rgba(255, 255, 255, 0);
            --color-navbar-basic-icon-container-border: rgba(255, 255, 255, 0);
            --color-navbar-basic-icon-container-border-hover: rgba(255, 255, 255, 0);
            --color-navbar-basic-icon-container-border-active: rgba(255, 255, 255, 0);
            --color-navbar-inverse-icon-container-background: rgba(0, 0, 0, .0);
            --color-navbar-inverse-icon-container-background-hover: rgba(0, 0, 0, .0);
            --color-navbar-inverse-icon-container-background-active: rgba(0, 0, 0, .0);
            --color-navbar-inverse-icon-container-border: #00000000;
            --color-navbar-inverse-icon-container-border-hover: #00000000;
            --color-navbar-inverse-icon-container-border-active: #00000000;
            --color-menu-top-basic-background: #060e2a;
            --color-menu-top-basic-border: rgba(255, 255, 255, 0);
            --color-menu-top-basic-amount-background: #161d37;
            --color-menu-top-basic-amount-background-hover: #252c45;
            --color-menu-top-basic-amount-background-focus: #161d37;
            --color-menu-top-basic-amount-border: rgba(255, 255, 255, 0);
            --color-menu-top-basic-amount-border-hover: rgba(255, 255, 255, 0);
            --color-menu-top-basic-amount-border-focus: rgba(255, 255, 255, 0);
            --color-menu-top-basic-amount-outside-border-focus: #252c45;
            --color-menu-top-inverse-background: #fff;
            --color-menu-top-inverse-border: #00000000;
            --color-menu-top-inverse-amount-background: #eff0f2;
            --color-menu-top-inverse-amount-background-hover: #e0e1e4;
            --color-menu-top-inverse-amount-background-focus: #eff0f2;
            --color-menu-top-inverse-amount-border: #00000000;
            --color-menu-top-inverse-amount-border-hover: #00000000;
            --color-menu-top-inverse-amount-border-focus: #00000000;
            --color-menu-top-inverse-amount-outside-border-focus: #e0e1e4;
            --color-menu-bottom-basic-background: #161d37;
            --color-menu-bottom-basic-border: #252c45;
            --color-menu-bottom-inverse-background: #eff0f2;
            --color-menu-bottom-inverse-border: #e0e1e4;
            --color-user-menu-basic-background: #060e2a;
            --color-user-menu-basic-user-background-1: linear-gradient(139deg, #8236ff 12%, rgba(55, 126, 232, 0) 100%);
            --color-user-menu-basic-progreses-background: #060e2a;
            --color-user-menu-basic-list-background: #161d37;
            --color-user-menu-basic-border: rgba(255, 255, 255, 0);
            --color-user-menu-basic-content-border: rgba(255, 255, 255, 0);
            --color-user-menu-basic-header-bottom-border: #060e2a;
            --color-user-menu-basic-progress-border: rgba(255, 255, 255, 0);
            --color-user-menu-inverse-background: #fff;
            --color-user-menu-inverse-user-background-1: linear-gradient(141deg, #8236ff 9.51%, rgba(55, 126, 232, 0) 100%);
            --color-user-menu-inverse-progreses-background: #fff;
            --color-user-menu-inverse-list-background: #eff0f2;
            --color-user-menu-inverse-border: #00000000;
            --color-user-menu-inverse-content-border: #00000000;
            --color-user-menu-inverse-header-bottom-border: #fff;
            --color-user-menu-inverse-progress-border: #00000000;
            --color-footer-basic-background: rgba(255, 255, 255, 0);
            --color-footer-basic-border: rgba(255, 255, 255, 0);
            --color-footer-basic-divider-background: #161d37;
            --color-footer-basic-payment-container-background: #161d37;
            --color-footer-basic-payment-container-border: rgba(255, 255, 255, 0);
            --color-footer-basic-payment-card-background: rgba(255, 255, 255, 0);
            --color-footer-basic-payment-card-border: rgba(255, 255, 255, 0);
            --color-footer-inverse-background: #00000000;
            --color-footer-inverse-border: #00000000;
            --color-footer-inverse-divider-background: #eff0f2;
            --color-footer-inverse-payment-container-background: #eff0f2;
            --color-footer-inverse-payment-container-border: #00000000;
            --color-footer-inverse-payment-card-background: #00000000;
            --color-footer-inverse-payment-card-border: #00000000;
            --color-game-card-basic-background: #252c45;
            --color-game-card-basic-border: rgba(255, 255, 255, 0);
            --color-game-card-inverse-background: #e0e1e4;
            --color-game-card-inverse-border: #00000000;
            --color-game-card-like-background: #FFFFFF00;
            --color-game-card-like-background-hover: #FFFFFF00;
            --color-game-card-like-background-active: #FFFFFF00;
            --color-game-card-like-background-checked: #FFFFFF00;
            --color-game-card-like-border: #FFFFFF00;
            --color-game-card-like-border-hover: #FFFFFF00;
            --color-game-card-like-border-active: #FFFFFF00;
            --color-game-card-like-border-checked: #FFFFFF00;
            --color-game-card-overlay-background: #0000001A;
            --color-game-card-title-0-background: #161d37;
            --color-game-card-title-1-background: #ffa800;
            --color-game-card-title-2-background: #ff0e0e;
            --color-game-card-title-3-background: #355be2;
            --color-game-card-title-4-background: #ea005d;
            --color-game-card-title-5-background: #069815;
            --color-game-card-title-6-background: #9900d5;
            --color-game-card-live-backlground: #fff;
            --color-game-card-footer-0-background: linear-gradient(180deg, var(--color-dgz000) 0%, var(--color-dark-grey-1) 100%);
            --color-game-card-footer-1-background: linear-gradient(180deg, rgba(255, 168, 0, .0) 0%, var(--color-pr700) 100%);
            --color-game-card-footer-2-background: linear-gradient(180deg, rgba(232, 0, 16, 0) 0%, var(--color-da800) 100%);
            --color-game-card-footer-3-background: linear-gradient(180deg, rgba(0, 110, 221, 0) 0%, var(--color-in700) 100%);
            --color-game-card-footer-4-background: linear-gradient(180deg, rgba(234, 0, 93, 0) 0%, #8c0038 100%);
            --color-game-card-footer-5-background: linear-gradient(180deg, rgba(46, 235, 0, .0) 0%, var(--color-su800) 100%);
            --color-game-card-footer-6-background: linear-gradient(180deg, rgba(109, 0, 216, 0) 0%, var(--color-vi700) 100%);
            --gradient-dark-blue: linear-gradient(92deg, #501091 0%, #3831a4 49.76%, #213a96 100%);
            --gradient-pink-blue: linear-gradient(93deg, #0d6efd 0%, #3c0dfd 23.47%, #840dfd 46.35%, #cc0dfd 75.18%, #fd0de6 99.48%);
            --gradient-bronze: linear-gradient(93deg, #1b2a64 0%, #291f61 23.47%, #5c2559 46.35%, #772d4f 75.18%, #5a2062 99.48%);
            --color-button-primary: #fff;
            --gradient-bonus: radial-gradient(100% 100% at 100% 0%, #622275 0%, rgba(98, 34, 117, 0) 100%), radial-gradient(100% 100% at 0% 0%, #1b3670 0%, rgba(27, 54, 112, 0) 100%), #211956;
            --gradient-freespin: radial-gradient(130.95% 100% at 100% 0%, #581445 0%, #162350 100%), #161d37;
            --gradient-freebet: radial-gradient(100% 100% at 100% 0%, #08628d 0%, #0c295e 100%);
            --gradient-black-top: linear-gradient(180deg, #000000e6 0%, #00000000 100%);
            --gradient-black-right: linear-gradient(90deg, #00000000 0%, #000000e6 100%);
            --gradient-black-bottom: linear-gradient(180deg, #00000000 0%, #000000e6 100%);
            --gradient-black-left: linear-gradient(270deg, #00000000 0%, #000000e6 100%);
            --gradient-primary-top: linear-gradient(180deg, #e45809ff 0%, #e4580900 100%);
            --gradient-primary-right: linear-gradient(270deg, #e45809ff 0%, #e4580900 100%);
            --gradient-primary-bottom: linear-gradient(360deg, #e45809ff 0%, #e4580900 100%);
            --gradient-primary-left: linear-gradient(90deg, #e45809ff 0%, #e4580900 100%);
            --gradient-dark-grey-0-top: linear-gradient(180deg, #060e2aff 0%, #060e2a00 100%);
            --gradient-dark-grey-0-right: linear-gradient(270deg, #060e2aff 0%, #060e2a00 100%);
            --gradient-dark-grey-0-bottom: linear-gradient(360deg, #060e2aff 0%, #060e2a00 100%);
            --gradient-dark-grey-0-left: linear-gradient(90deg, #060e2aff 0%, #060e2a00 100%);
            --gradient-dark-grey-1-top: linear-gradient(180deg, #161d37ff 0%, #161d3700 100%);
            --gradient-dark-grey-1-right: linear-gradient(270deg, #161d37ff 0%, #161d3700 100%);
            --gradient-dark-grey-1-bottom: linear-gradient(360deg, #161d37ff 0%, #161d3700 100%);
            --gradient-dark-grey-1-left: linear-gradient(90deg, #161d37ff 0%, #161d3700 100%);
            --gradient-dark-grey-2-top: linear-gradient(180deg, #252c45ff 0%, #252c4500 100%);
            --gradient-dark-grey-2-right: linear-gradient(270deg, #252c45ff 0%, #252c4500 100%);
            --gradient-dark-grey-2-bottom: linear-gradient(360deg, #252c45ff 0%, #252c4500 100%);
            --gradient-dark-grey-2-left: linear-gradient(90deg, #252c45ff 0%, #252c4500 100%);
            --gradient-dark-grey-3-top: linear-gradient(180deg, #353b52ff 0%, #353b5200 100%);
            --gradient-dark-grey-3-right: linear-gradient(270deg, #353b52ff 0%, #353b5200 100%);
            --gradient-dark-grey-3-bottom: linear-gradient(360deg, #353b52ff 0%, #353b5200 100%);
            --gradient-dark-grey-3-left: linear-gradient(90deg, #353b52ff 0%, #353b5200 100%);
            --shadow-1: 0px 1px 2px 0px #00000052, 0px 0px 1px 0px #00000052;
            --shadow-2: 0px 4px 8px 0px #0000003d, 0px 0px 1px 0px #00000052;
            --shadow-3: 0px 8px 16px 0px #0000003d, 0px 0px 1px 0px #00000052;
            --shadow-4: 0px 12px 24px 0px #0000003d, 0px 0px 1px 0px #00000052;
            --shadow-5: 0px 24px 32px 0px #0000003d, 0px 0px 1px 0px #00000052;
            --shadow-6: 0px 40px 64px 0px #0000003d, 0px 0px 1px 0px #00000052;
            --illumination-1: 0px 1px 2px 0px #e4580952, 0px 0px 1px 0px #e4580952;
            --illumination-2: 0px 4px 8px 0px #e4580952, 0px 0px 1px 0px #e4580952;
            --illumination-3: 0px 8px 16px 0px #e458093d, 0px 0px 1px 0px #e4580952;
            --illumination-4: 0px 12px 24px 0px #e458093d, 0px 0px 1px 0px #e4580952;
            --illumination-5: 0px 24px 32px 0px #e458093d, 0px 0px 1px 0px #e4580952;
            --illumination-6: 0px 40px 64px 0px #e458093d, 0px 0px 1px 0px #e4580952;
            --calendar-border-radius: 8px;
            --pagination-l-border-radius: 8px;
            --pagination-m-border-radius: 8px;
            --pagination-s-border-radius: 8px;
            --pagination-xs-border-radius: 6px;
            --modal-fullscreen-mobile-border-radius: 0;
            --modal-fullscreen-desktop-border-radius: 0;
            --progress-s-background-border-radius: 1000px;
            --progress-s-progress-border-radius: 1000px;
            --progress-m-background-border-radius: 1000px;
            --progress-m-progress-border-radius: 1000px;
            --progress-l-background-border-radius: 1000px;
            --progress-l-progress-border-radius: 1000px;
            --accordion-header-icon-container-border-radius: 1000px;
            --accordion-border-radius: 8px;
            --avatar-border-radius: 1000px;
            --avatar-rakeback-border-radius: 1000px;
            --badge-border-radius-l: 8px;
            --badge-icon-container-border-radius-l: 1000px;
            --badge-icon-container-border-radius-m: 1000px;
            --badge-icon-container-border-radius-s: 1000px;
            --badge-icon-container-border-radius-xs: 1000px;
            --badge-border-radius-m: 6px;
            --badge-border-radius-s: 4px;
            --badge-border-radius-xs: 2px;
            --button-border-radius-l: 28px;
            --button-icon-container-border-radius-l: 1000px;
            --button-icon-container-border-radius-m: 1000px;
            --button-icon-container-border-radius-s: 1000px;
            --button-border-radius-m: 22px;
            --button-border-radius-s: 16px;
            --button-navigation-border-radius-m: 22px;
            --button-store-border-radius-l: 12px;
            --button-link-icon-container-border-radius-l: 1000px;
            --button-link-icon-container-border-radius-m: 1000px;
            --button-link-icon-container-border-radius-s: 1000px;
            --button-store-border-radius-m: 8px;
            --button-navigation-border-radius-s: 16px;
            --button-navigation-border-radius-xs: 12px;
            --button-navigation-border-radius-2xs: 12px;
            --button-navigation-border-radius-3xs: 12px;
            --calendar-border-radius-m: 12px;
            --calendar-border-radius-s: 8px;
            --calendar-day-button-border-radius-m: 12px;
            --calendar-day-button-border-radius-s: 8px;
            --countdown-item-border-radius-l: 8px;
            --countdown-item-border-radius-m: 6px;
            --counter-border-radius-xl: 12px;
            --counter-border-radius-l: 12px;
            --counter-border-radius-m: 8px;
            --counter-border-radius-s: 6px;
            --counter-border-radius-xs: 4px;
            --dropdown-row-icon-container-border-radius-m: 1000px;
            --dropdown-row-icon-container-border-radius-s: 1000px;
            --selector-checkbox-border-radius-m: 6px;
            --selector-checkbox-border-radius-s: 4px;
            --selector-radiobutton-border-radius-m: 1000px;
            --selector-radiobutton-border-radius-s: 1000px;
            --selector-radiobutton-radio-border-radius-m: 1000px;
            --selector-radiobutton-radio-border-radius-s: 1000px;
            --selector-switcher-border-radius-m: 12px;
            --selector-switcher-border-radius-s: 8px;
            --selector-switcher-tumbler-border-radius-m: 1000px;
            --selector-switcher-tumbler-border-radius-s: 1000px;
            --input-border-radius-l: 8px;
            --input-border-radius-m: 8px;
            --input-border-radius-s: 6px;
            --input-icon-container-border-radius-l: 1000px;
            --input-icon-container-border-radius-m: 1000px;
            --input-icon-container-border-radius-s: 1000px;
            --input-button-icon-border-radius-l: 1000px;
            --input-button-icon-border-radius-m: 1000px;
            --input-button-icon-border-radius-s: 1000px;
            --message-border-radius-l: 8px;
            --message-border-radius-m: 8px;
            --message-border-radius-s: 8px;
            --message-icon-container-border-radius-l: 1000px;
            --message-icon-container-border-radius-m: 1000px;
            --message-icon-container-border-radius-s: 1000px;
            --message-line-border-radius-desktop: 0;
            --message-line-border-radius-mobile: 0;
            --message-line-icon-container-border-radius-desktop: 1000px;
            --message-line-icon-container-border-radius-mobile: 1000px;
            --modal-border-radius-desktop: 16px;
            --modal-border-radius-mobile: 16px;
            --modal-fullscreen-border-radius-desktop: 0;
            --modal-fullscreen-border-radius-mobile: 0;
            --modal-body-status-border-radius-desktop: 32px;
            --modal-body-status-border-radius-mobile: 32px;
            --modal-system-border-radius-desktop: 16px;
            --modal-system-border-radius-mobile: 16px;
            --modal-system-body-status-border-radius-desktop: 32px;
            --modal-system-body-status-border-radius-mobile: 32px;
            --pagination-button-border-radius-m: 8px;
            --pagination-button-border-radius-s: 8px;
            --progress-bar-border-radius-l: 12px;
            --progress-bar-border-radius-m: 8px;
            --progress-bar-border-radius-s: 4px;
            --progress-bar-progress-border-radius-l: 12px;
            --progress-bar-progress-border-radius-m: 8px;
            --progress-bar-progress-border-radius-s: 4px;
            --scrollbar-border-radius: 1000px;
            --game-card-border-radius: 12px;
            --game-card-live-border-radius: 8px;
            --game-card-live-item-group-border-radius: 6px;
            --game-card-title-border-radius: 8px;
            --game-card-like-border-radius: 0;
            --navbar-icon-container-border-radius-desktop: 8px;
            --navbar-icon-container-border-radius-mobile: 12px;
            --step-line-border-radius-l: 1000px;
            --step-line-border-radius-m: 1000px;
            --table-header-icon-container-border-radius: 1000px;
            --tabs-group-border-radius-l: 28px;
            --tabs-group-border-radius-m: 22px;
            --tabs-group-border-radius-s: 16px;
            --tabs-group-underline-border-radius-l: 0;
            --tabs-group-underline-border-radius-m: 0;
            --tabs-group-underline-border-radius-s: 0;
            --tab-icon-container-border-radius-l: 1000px;
            --tab-icon-container-border-radius-m: 1000px;
            --tab-icon-container-border-radius-s: 1000px;
            --tab-border-radius-l: 28px;
            --tab-border-radius-m: 22px;
            --tab-border-radius-s: 16px;
            --tab-underline-line-border-radius: 2px 2px 0 0;
            --tag-border-radius-m: 16px;
            --table-modal-border-radius: 6px;
            --table-modal-icon-container-border-radius: 1000px;
            --tag-border-radius-s: 12px;
            --tag-icon-container-border-radius-m: 1000px;
            --tag-icon-container-border-radius-s: 1000px;
            --title-block-border-radius-desktop: 0;
            --title-block-border-radius-mobile: 0;
            --title-block-icon-container-border-radius-desktop: 16px;
            --title-block-icon-container-border-radius-mobile: 16px;
            --title-card-border-radius-desktop: 0;
            --title-card-icon-container-border-radius-desktop: 12px;
            --title-card-border-radius-mobile: 0;
            --title-card-icon-container-border-radius-mobile: 12px;
            --table-row-icon-container-border-radius: 1000px;
            --menu-top-amount-border-radius: 16px;
            --menu-top-border-radius: 0;
            --user-menu-border-radius-desktop: 8px;
            --user-menu-border-radius-mobile: 0 0 8px 8px;
            --user-menu-content-border-radius: 8px;
            --user-menu-body-progress-container-border-radius: 8px;
            --menu-bottom-border-radius: 0;
            --sidebar-card-border-radius: 8px;
            --sidebar-card-referal-icon-container-border-radius: 10px;
            --sidebar-list-item-border-radius: 8px;
            --sidebar-list-item-icon-container-border-radius: 10px;
            --sidebar-border-radius: 0;
            --sidebar-header-border-radius: 0;
            --sidebar-multiscreen-border-radius: 0 8px 8px 0;
            --sidebar-multiscreen-opened-border-radius: 0;
            --footer-border-radius: 0;
            --footer-payment-container-border-radius: 6px;
            --footer-payment-card-border-radius: 0;
            --step-point-border-radius-l: 12px;
            --step-point-border-radius-m: 4px;
            --pagination-m-expand: 0 8px;
            --pagination-s-expand: 0 6px;
            --pagination-xs-expand: 0 4px;
            --table-body-expand: 12px 16px;
            --table-header-expand: 12px 16px;
            --accordion-header-expand: 8px 16px;
            --accordion-description-expand: 8px 16px;
            --badge-expand-l: 4px;
            --badge-expand-m: 4px;
            --badge-expand-s: 2px;
            --badge-expand-xs: 2px;
            --badge-text-container-expand-l: 0 4px;
            --badge-text-container-expand-m: 0 4px;
            --badge-text-container-expand-s: 0 2px;
            --badge-text-container-expand-xs: 0 2px;
            --button-expand-l: 16px;
            --button-expand-m: 12px;
            --button-expand-s: 8px;
            --button-text-container-expand-l: 0 8px;
            --button-text-container-expand-m: 0 8px;
            --button-text-container-expand-s: 0 4px;
            --button-store-expand-l: 8px 16px;
            --button-store-expand-m: 4px 12px;
            --button-store-text-container-expand-l: 0 12px;
            --button-store-text-container-expand-m: 0 8px;
            --button-navigation-expand-m: 12px;
            --button-navigation-expand-s: 8px;
            --button-navigation-expand-xs: 5px;
            --button-navigation-expand-2xs: 4px;
            --button-navigation-expand-3xs: 4px;
            --calendar-expand-m: 16px 24px;
            --calendar-expand-s: 12px 16px;
            --countdown-item-expand-l: 0 8px;
            --countdown-item-expand-m: 0 4px;
            --counter-expand-xl: 4px;
            --counter-expand-l: 4px;
            --counter-expand-m: 2px;
            --counter-expand-s: 2px;
            --counter-expand-xs: 4px;
            --dropdown-expand-m: 8px 0;
            --dropdown-expand-s: 6px 0;
            --dropdown-row-expand-m: 8px 16px;
            --dropdown-row-expand-s: 6px 12px;
            --dropdown-row-expand-1-m: 0 0 0 46px;
            --dropdown-row-expand-1-s: 0 0 0 40px;
            --dropdown-row-expand-2-m: 0 0 0 76px;
            --dropdown-row-expand-2-s: 0 0 0 68px;
            --field-vertical-text-expand: 0;
            --input-expand-l: 0 12px;
            --input-expand-m: 0 10px;
            --input-expand-s: 0 8px;
            --input-text-container-expand-l: 0 4px;
            --input-text-container-expand-m: 0 4px;
            --input-text-container-expand-s: 0 4px;
            --message-expand-l: 12px;
            --message-expand-m: 10px;
            --message-expand-s: 8px;
            --message-text-container-expand-l: 0;
            --message-text-container-expand-m: 1px 0 0 0;
            --message-text-container-expand-s: 0;
            --message-line-expand-desktop: 8px 16px;
            --message-line-expand-mobile: 8px;
            --message-line-text-container-expand-mobile: 0;
            --message-line-button-container-expand-mobile: 0 28px;
            --message-line-cookies-expand-desktop: 12px 16px;
            --message-line-cookies-expand-mobile: 8px 16px;
            --modal-body-button-close-expand-desktop: 16px 0 0 0;
            --modal-system-body-button-close-expand-desktop: 16px 0 0 0;
            --modal-system-body-button-close-expand-mobile: 10px 0 0 0;
            --pagination-button-expand-m: 8px;
            --pagination-button-expand-s: 6px;
            --progress-bar-text-container-expand-l: 0 8px;
            --progress-bar-text-container-expand-m: 0 6px;
            --progress-bar-text-container-expand-s: 0 2px;
            --navbar-expand-desktop: 2px 4px;
            --navbar-expand-mobile: 0;
            --step-vertical-point-container-expand-l: 0 0 4px 0;
            --step-vertical-point-container-expand-m: 0 0 4px 0;
            --step-vertical-text-container-expand-l: 0 0 12px 0;
            --step-vertical-text-container-expand-m: 0 0 12px 0;
            --step-horizontal-point-container-expand-l: 0 4px 0 0;
            --step-horizontal-point-container-expand-m: 0 4px 0 0;
            --step-horizontal-text-container-expand-l: 0 4px 0 2px;
            --step-horizontal-text-container-expand-m: 0 4px 0 1px;
            --tab-expand-l: 16px;
            --tab-expand-m: 12px;
            --tab-expand-s: 8px;
            --tabs-group-expand-l: 0;
            --tabs-group-expand-m: 0;
            --tabs-group-expand-s: 0;
            --tabs-group-underline-expand-l: 0;
            --tabs-group-underline-expand-m: 0;
            --tabs-group-underline-expand-s: 0;
            --table-row-expand: 12px 16px;
            --tab-text-container-expand-l: 0 8px;
            --tab-text-container-expand-m: 0 8px;
            --tab-text-container-expand-s: 0 4px;
            --tab-underline-expand-l: 16px;
            --tab-underline-expand-m: 12px;
            --tab-underline-expand-s: 8px;
            --table-modal-expand: 8px 12px;
            --table-modal-text-container-expand: 0;
            --tag-expand-m: 6px;
            --tag-expand-s: 4px;
            --tag-text-container-expand-m: 0 4px;
            --tag-text-container-expand-s: 0 2px;
            --tooltip-expand: 8px 12px;
            --dropdown-divider-expand-m: 8px 0;
            --dropdown-divider-description-expand-m: 0 16px;
            --dropdown-divider-description-expand-s: 0 12px;
            --dropdown-divider-expand-s: 6px 0;
            --dropdown-tail-expand-m: 0 8px;
            --dropdown-tail-expand-s: 0 8px;
            --sidebar-card-text-container-expand: 0 4px;
            --modal-body-button-close-expand-mobile: 10px 0 0 0;
            --menu-amount-button-top-expand: 4px 6px;
            --user-menu-body-progress-container-expand: 6px 8px 8px 8px;
            --user-menu-body-progress-container-title-expand: 0;
            --sidebar-card-widget-expand: 4px;
            --sidebar-card-widget-micro-expand: 2px 8px 2px 2px;
            --sidebar-card-referal-expand: 10px 8px 10px 12px;
            --sidebar-list-item-expand: 8px;
            --sidebar-list-item-text-container-expand: 0;
            --sidebar-header-expand: 0 20px;
            --sidebar-header-content-expand: 0 24px 0 0;
            --sidebar-body-opened-expand: 16px 0;
            --sidebar-body-opened-expand-desktop: 0 8px;
            --sidebar-body-opened-expand-mobile: 0 16px;
            --sidebar-body-expand: 8px;
            --sidebar-multiscreen-content-expand: 20px;
            --message-buttons-group-expand-l: 0 32px;
            --message-buttons-group-expand-m: 0 30px;
            --message-buttons-group-expand-s: 0 28px;
            --font-family-base: Montserrat;
            --font-style-base: normal;
            --main-color: var(--color-menu-background);
            --gameblock-color: var(--color-background-surface-1);
            --main-button-color: var(--color-background-primary);
            --top-bar-color: var(--color-menu-background);
            --main-button-text-color: var(--color-button-fill-primary-text);
            --main-text-color: var(--color-menu-horizontal, #fff);
            --main-text-menu-color: var(--color-link-default);
            --main-text-header-color: var(--color-title-basic-text, #fff);
            --main-svg-color: var(--color-background-primary);
            --main-background-modal: var(--color-background-page);
            --main-background-modal-button: var(--color-background-surface-3);
            --main-background-mobile-menus: var(--color-background-surface-1);
            --main-table-color: var(--color-background-warning);
            --main-table-color-text: var(--color-white);
            --main-table-odd-color: transparent;
            --main-table-even-color: transparent;
            --main-header-menu-color: var(--color-title-basic-text, #fff);
            --main-header-menu-color-active: var(--color-background-primary);
            --main-footer-menu-color: var(--color-mid-grey-4);
            --main-footer-menu-color-active: var(--main-button-color);
            --main-breadcrumb-color: var(--main-breadcrumb-color-even);
            --main-breadcrumb-color-even: var(--color-background-inverse-surface-5);
            --modal-lang-background-color: var(--color-background-surface-2);
            --button-lang-background-color: var(--color-background-surface-3);
            --accordion-close-background: var(--color-background-surface-3);
            --accordion-body-background: var(--color-background-surface-2);
            --accordion-shevron-background: var(--main-text-header-color);
            --background-color-menus-icons: var(--color-background-surface-2);
            --game-button-svg-color: var(--main-button-text-color)
        }
    

    html,
    body {
        overflow-x: hidden
    }

    

        

        

        

        

        

        
            

        
    

.sm_lazyload{display:none}

/* ============ Bootstrap responsive display — restore correct override order ============ */
@media(min-width:576px){
  .sm_d-sm-block{display:block !important}
  .sm_d-sm-none{display:none !important}
  .sm_d-sm-flex{display:flex !important}
  .sm_d-sm-inline{display:inline !important}
  .sm_d-sm-inline-block{display:inline-block !important}
}
@media(min-width:768px){
  .sm_d-md-block{display:block !important}
  .sm_d-md-none{display:none !important}
  .sm_d-md-flex{display:flex !important}
  
  
}
@media(min-width:1200px){
  
  
  .sm_d-xl-flex{display:flex !important}
}

/* ============ Sidebar removed — container full-width v7 ============ */
.sm_app{display:block !important}
#container{margin-left:0 !important;width:100% !important;max-width:100vw !important}

/* ============ Sign Up Now button — constrain size v8 ============ */
.sm_m-button--large.sm_banner-button,
.sm_banner-button.sm_m-button--large,
.sm_banner-description a.sm_m-button{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:auto !important;max-width:280px !important;min-width:180px;
  padding:14px 40px !important;font-size:16px !important;line-height:1 !important;
  background:linear-gradient(90deg,#e45809,#ff7422) !important;
  color:#fff !important;text-decoration:none !important;
  border-radius:999px !important;font-weight:800 !important;
  box-shadow:0 4px 18px rgba(228,88,9,.4) !important;
  text-transform:uppercase;letter-spacing:.6px;
  margin:16px auto !important;
  border:0 !important;
}
.sm_m-button--large.sm_banner-button .sm_m-button-content,
.sm_banner-button .sm_m-button-content{
  width:auto !important;display:inline-flex !important;
  align-items:center;justify-content:center;gap:6px;
}
.sm_banner-description{
  text-align:center !important;
}
@media(max-width:640px){
  .sm_m-button--large.sm_banner-button,.sm_banner-button.sm_m-button--large{
    padding:12px 30px !important;font-size:14px !important;max-width:260px !important;
  }
}

/* ===== Dutch header nav + drawer + SEO block (v=10) ===== */
.sm_head-nav-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.sm_head-nav-link{display:inline-flex;align-items:center;padding:.4rem .95rem;border-radius:999px;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.14);transition:background .15s,color .15s,border-color .15s}
.sm_head-nav-link:hover{background:rgba(246,218,36,.12);border-color:rgba(246,218,36,.5);color:#f6da24}
.sm_head-nav-link--active{background:#f6da24;color:#0b1230;border-color:#f6da24}
@media(max-width:1023px){.sm_head-nav-row{display:none!important}}

/* Mobile drawer */
.sm_drawer{position:fixed;inset:0;z-index:9999;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .25s}

.sm_drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(320px,86vw);background:#0b1230;color:#fff;transform:translateX(-102%);transition:transform .28s ease;display:flex;flex-direction:column;padding:1rem 1rem 1.25rem;overflow-y:auto;box-shadow:2px 0 24px rgba(0,0,0,.5)}
.sm_drawer--open .sm_drawer__panel{transform:translateX(0)}
.sm_drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.sm_drawer__brand{color:#f6da24;font-weight:700;font-size:1.05rem;text-decoration:none}
.sm_drawer__close{background:transparent;border:0;color:#fff;font-size:1.9rem;line-height:1;cursor:pointer;padding:.25rem .5rem}
.sm_drawer__nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}
.sm_drawer__link{display:block;padding:.7rem .8rem;color:#fff;text-decoration:none;font-weight:500;font-size:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.06)}
.sm_drawer__link:hover{background:rgba(246,218,36,.12);color:#f6da24}
.sm_drawer__cta{margin-top:1.25rem;display:flex;flex-direction:column;gap:.6rem}
.sm_drawer__cta .sm_btn{text-align:center;text-decoration:none}

/* SEO block */
.sm_seo{background:#060e2a;color:#e5e9f3;padding:2.5rem 0 3rem;margin-top:2rem}
.sm_seo .sm_container-xl{max-width:1180px;margin:0 auto;padding:0 1rem}
.sm_seo__h1{font-size:clamp(1.55rem,3.5vw,2.35rem);color:#f6da24;margin:0 0 1.25rem;line-height:1.2;text-align:left}
.sm_seo__cta{background:linear-gradient(135deg,rgba(228,88,9,.16),rgba(246,218,36,.06));border:1px solid rgba(246,218,36,.28);border-radius:14px;padding:1.25rem 1.35rem;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.75rem}
.sm_seo__cta-title{color:#f6da24;font-weight:700;font-size:1.2rem}
.sm_seo__cta-text{margin:0;color:#e5e9f3;line-height:1.55}
.sm_seo__cta-btns{display:flex;gap:.6rem;flex-wrap:wrap}
.sm_seo__cta-btns .sm_btn{text-decoration:none}
.sm_seo__toc{background:#0a1533;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.15rem;margin:0 0 2rem}
.sm_seo__toc-title{color:#f6da24;font-weight:700;font-size:1.05rem;margin-bottom:.5rem}
.sm_seo__toc ol{margin:0;padding-left:1.15rem;color:#cdd6f4}
.sm_seo__toc ol li{margin:.28rem 0;line-height:1.4}
.sm_seo__toc a{color:#cdd6f4;text-decoration:none;transition:color .15s}
.sm_seo__toc a:hover{color:#f6da24;text-decoration:underline}
.sm_seo__section{margin:0 0 1.75rem}
.sm_seo__section h2{color:#f6da24;font-size:clamp(1.2rem,2.4vw,1.65rem);margin:1.25rem 0 .7rem;line-height:1.25;text-align:left}
.sm_seo__section h3{color:#ffca6a;font-size:1.1rem;margin:1rem 0 .5rem;text-align:left}
.sm_seo__section p{margin:0 0 .85rem;line-height:1.65;color:#dde2f0;text-align:justify}
.sm_seo__section ul,.sm_seo__section ol{margin:.5rem 0 1rem 1.25rem;padding:0;color:#dde2f0;text-align:left}
.sm_seo__section li{margin:.35rem 0;line-height:1.55}
.sm_seo__section a{color:#f6da24;text-decoration:underline}
.sm_seo__section a:hover{color:#ffe466}
.sm_seo__section strong{color:#f6da24}
.sm_seo__section table{width:100%;border-collapse:collapse;margin:.75rem 0 1.25rem;background:#0a1533;border-radius:8px;overflow:hidden;font-size:.94rem}
.sm_seo__section table th,.sm_seo__section table td{padding:.65rem .8rem;border:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}
.sm_seo__section table th{background:rgba(246,218,36,.14);color:#f6da24;font-weight:600}
.sm_seo__section table tr:nth-child(even) td{background:rgba(255,255,255,.03)}
.sm_seo__faq{margin-top:2.25rem}
.sm_seo__faq>h2{color:#f6da24;font-size:clamp(1.25rem,2.6vw,1.75rem);margin:0 0 1rem;text-align:left}
.sm_seo__faq-item{background:#0a1533;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.85rem 1.1rem;margin-bottom:.6rem}
.sm_seo__faq-item[open]{border-color:rgba(246,218,36,.35)}
.sm_seo__faq-item>summary{cursor:pointer;font-weight:600;color:#f6da24;list-style:none;padding-right:1.5rem;position:relative;line-height:1.4}
.sm_seo__faq-item>summary::-webkit-details-marker{display:none}
.sm_seo__faq-item>summary::after{content:'+';position:absolute;right:0;top:0;color:#f6da24;font-size:1.35rem;line-height:1;transition:transform .2s}
.sm_seo__faq-item[open]>summary::after{content:'−'}
.sm_seo__faq-a{margin-top:.65rem;color:#dde2f0;line-height:1.6}
.sm_seo__faq-a p{margin:0 0 .55rem;text-align:justify}
.sm_seo__faq-a ul,.sm_seo__faq-a ol{margin:.4rem 0 .5rem 1.1rem;text-align:left}

/* SEO scoped btn variants (dark theme) */
.sm_seo__btn-primary,.sm_seo__btn-secondary{display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}
.sm_seo__btn-primary{background:#e45809;color:#fff!important;border:1px solid #e45809}
.sm_seo__btn-primary:hover{background:#ff6a1a;box-shadow:0 6px 18px rgba(228,88,9,.35)}
.sm_seo__btn-secondary{background:transparent;color:#f6da24!important;border:1px solid rgba(246,218,36,.6)}
.sm_seo__btn-secondary:hover{background:rgba(246,218,36,.14)}

/* ============ Header layout — hide chat/missions, redistribute nav v16 ============ */
/* Hide 24/7 chat button and Missions button in header on all viewports */
.sm_head-cont .sm_online-chat,
.sm_head-cont .sm_chat-header,
.sm_head-cont .sm_missions,
.sm_head-cont a[class*=missions],
.sm_head-cont button[class*=missions],
.sm_head-cont .sm_goto.sm_missions{
  display:none !important;
}
/* Header inner: 3 zones — logo (left) | nav pills (center, fills space) | auth (right) */
.sm_head-cont, header > div:first-child {
  display:flex !important;align-items:center !important;
  gap:16px !important;padding:8px 20px !important;
  max-width:1560px !important;margin:0 auto !important;
}
/* Logo — no shrink */
.sm_head-cont .sm_logo{flex:0 0 auto !important;margin-right:8px !important}
/* Nav pills row — center, flex-grow to fill */
.sm_head-nav-row{
  display:flex !important;gap:8px !important;
  flex:1 1 auto !important;justify-content:center !important;
  flex-wrap:wrap !important;
}
/* Individual pill: tighter padding, uniform look */
.sm_head-nav-row a,.sm_head-nav-row .sm_nav-pill{
  padding:8px 16px !important;font-size:13px !important;font-weight:600 !important;
  color:rgba(255,255,255,.85) !important;text-decoration:none !important;
  border:1px solid rgba(255,255,255,.14) !important;background:rgba(255,255,255,.03) !important;
  border-radius:999px !important;
  transition:.15s;white-space:nowrap;
  letter-spacing:.2px;
}
.sm_head-nav-row a:hover{
  background:rgba(228,88,9,.15) !important;border-color:rgba(228,88,9,.5) !important;
  color:#fff !important;transform:translateY(-1px);
}
/* Right side: Inloggen + Registreren, no shrink */
.sm_head-cont .sm_transparent-pill-btn,
.sm_head-cont .sm_pill-btn-with-bg,
.sm_head-cont a.sm_btn.sm_btn-orange{
  flex:0 0 auto !important;margin-left:8px !important;
}

@media(max-width:1200px){
  .sm_head-nav-row a,.sm_head-nav-row .sm_nav-pill{padding:7px 12px !important;font-size:12px !important}
  .sm_head-nav-row{gap:5px !important}
}
@media(max-width:1024px){
  .sm_head-nav-row{display:none !important}
}

/* ============ SEO CTA — center buttons and text v17 ============ */
.sm_seo__cta{text-align:center !important}
.sm_seo__cta > *{text-align:center}
.sm_seo__cta h2,.sm_seo__cta h3,.sm_seo__cta p,.sm_seo__cta .sm_seo__cta-title,.sm_seo__cta .sm_seo__cta-text{
  text-align:center !important;
}
.sm_seo__cta .sm_seo__cta-buttons, .sm_seo__cta > div:last-child {
  display:flex !important;justify-content:center !important;align-items:center !important;
  gap:14px !important;flex-wrap:wrap !important;margin-top:12px !important;
}

/* ============ SEO block — match site style (dark theme) + mobile-safe tables v18 ============ */
.sm_seo{
  max-width:1320px;margin:32px auto;padding:32px 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.005));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  color:#eff0f2;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.65;
}
.sm_seo h1,.sm_seo__h1{
  font-size:clamp(24px,3vw,38px);line-height:1.15;
  color:#f6da24;font-weight:800;letter-spacing:.3px;
  margin:0 0 20px;text-align:center;
}
.sm_seo h2{
  font-size:clamp(20px,2.4vw,26px);line-height:1.2;
  color:#f6da24;font-weight:700;
  margin:32px 0 14px;padding-top:8px;
}
.sm_seo h3{
  font-size:clamp(17px,1.6vw,20px);color:#fff;font-weight:700;
  margin:20px 0 10px;
}
.sm_seo p{
  color:#c9ccd6;font-size:16px;line-height:1.7;
  margin:0 0 14px;text-align:justify;
}
.sm_seo ul,.sm_seo ol{
  color:#c9ccd6;font-size:16px;line-height:1.65;
  padding-left:22px;margin:0 0 16px;
}
.sm_seo li{margin:0 0 8px}
.sm_seo li strong{color:#fff;font-weight:700}
.sm_seo a{color:#f6da24;text-decoration:none;border-bottom:1px solid rgba(246,218,36,.35);transition:.15s}
.sm_seo a:hover{color:#fff;border-bottom-color:#f6da24}
.sm_seo strong{color:#fff;font-weight:700}
.sm_seo em{color:#fff;font-style:normal;font-weight:600}
/* CTA card */
.sm_seo__cta{
  background:linear-gradient(135deg,rgba(228,88,9,.12),rgba(228,88,9,.04));
  border:1px solid rgba(228,88,9,.35);
  border-radius:16px;
  padding:24px;margin:20px 0 28px;
  text-align:center;
}
.sm_seo__cta-title,.sm_seo__cta h2{
  color:#f6da24;font-size:22px;font-weight:800;margin:0 0 8px;text-align:center;
}
.sm_seo__cta-text,.sm_seo__cta p{color:#eff0f2;margin:0 0 14px;text-align:center}
.sm_seo__cta > div:last-child {
  display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;
}
.sm_seo__cta a{
  display:inline-block;padding:12px 30px;font-size:14px;font-weight:800;
  text-transform:uppercase;letter-spacing:.6px;border-radius:999px;
  text-decoration:none !important;border:0;transition:.15s;line-height:1;
  border-bottom:0 !important;
}
.sm_seo__cta a[href="/reg"]:first-of-type,.sm_seo__cta .sm_btn-orange{
  background:linear-gradient(90deg,#e45809,#ff7422);color:#fff !important;
  box-shadow:0 4px 18px rgba(228,88,9,.4);
}
.sm_seo__cta a[href="/reg"]:first-of-type:hover,.sm_seo__cta .sm_btn-orange:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(228,88,9,.6)}
.sm_seo__cta .sm_transparent-pill-btn,.sm_seo__cta a[href="/reg"]:last-of-type:not(:first-of-type){
  background:transparent;color:#f6da24 !important;border:2px solid #f6da24 !important;
}
.sm_seo__cta .sm_transparent-pill-btn:hover{background:#f6da24;color:#060e2a !important}
/* Table of contents (Inhoudsopgave) */
.sm_seo__toc,.sm_seo nav{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:20px 24px;margin:20px 0 28px;
}
.sm_seo__toc-title,.sm_seo nav > *:first-child{
  color:#f6da24;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;
  margin:0 0 12px;
}
.sm_seo__toc ol,.sm_seo__toc ul,.sm_seo nav ol,.sm_seo nav ul{
  margin:0;padding-left:20px;
}
.sm_seo__toc li,.sm_seo nav li{margin:0 0 6px}
.sm_seo__toc a{color:#c9ccd6;border-bottom:0;font-size:15px}
.sm_seo__toc a:hover{color:#f6da24}
/* FAQ details/summary */
.sm_seo details{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:0;margin:0 0 10px;overflow:hidden;
}
.sm_seo details[open]{background:rgba(228,88,9,.05);border-color:rgba(246,218,36,.3)}
.sm_seo summary{
  padding:14px 20px;cursor:pointer;font-weight:600;color:#fff;
  list-style:none;position:relative;padding-right:44px;
  transition:.15s;
}
.sm_seo summary::-webkit-details-marker{display:none}
.sm_seo summary::after{
  content:"+";position:absolute;right:16px;top:12px;
  font-size:24px;font-weight:400;color:#f6da24;
  transition:transform .2s;line-height:1;
}
.sm_seo details[open] summary::after{content:"‘2"}
.sm_seo details > div,.sm_seo details > p{
  padding:0 20px 16px;color:#c9ccd6;
}
.sm_seo summary:hover{background:rgba(246,218,36,.08)}
/* Tables — mobile-safe with horizontal scroll wrapper */
.sm_seo table{
  width:100%;border-collapse:collapse;margin:16px 0;
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;overflow:hidden;
  font-size:14px;
}
.sm_seo table th,.sm_seo table td{
  padding:12px 14px;text-align:left;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#c9ccd6;line-height:1.5;vertical-align:top;
}
.sm_seo table th{
  background:rgba(246,218,36,.08);color:#f6da24;font-weight:700;
  text-transform:uppercase;letter-spacing:.4px;font-size:12px;
}
.sm_seo table tr:last-child td{border-bottom:0}
.sm_seo table tr:hover td{background:rgba(255,255,255,.02)}
/* Auto-wrap tables in scrollable container via CSS (fallback if no wrapper): */
@media(max-width:640px){
  .sm_seo{padding:20px 14px;margin:16px 8px;border-radius:16px}
  .sm_seo h1,.sm_seo__h1{font-size:24px}
  .sm_seo h2{font-size:20px;margin:24px 0 10px}
  .sm_seo h3{font-size:17px}
  .sm_seo p,.sm_seo ul,.sm_seo ol{font-size:15px}
  .sm_seo__cta{padding:20px 14px}
  .sm_seo__cta a{width:100%;max-width:280px}
  .sm_seo__toc{padding:16px}
  .sm_seo table{font-size:13px;min-width:520px}
  .sm_seo__section table,.sm_seo table{display:block;overflow-x:auto;white-space:nowrap;min-width:0}
  .sm_seo table thead,.sm_seo table tbody,.sm_seo table tr{display:table;width:100%;table-layout:fixed}
  .sm_seo summary{font-size:14px;padding:12px 40px 12px 14px}
  .sm_seo details > div,.sm_seo details > p{padding:0 14px 12px;font-size:14px}
}

/* ============ Footer — clean modern layout v20 ============ */
footer, .sm_footer {
  background: linear-gradient(180deg, #060e2a, #03071c) !important;
  border-top: 1px solid rgba(255,255,255,.06);
  color: #c9ccd6;
  padding: 48px 24px 24px !important;
  margin-top: 48px;
}
footer > div, .sm_footer > div { max-width: 1440px; margin: 0 auto; }

.sm_footer-row, .sm_footer-nav, .sm_footer > nav {
  display: grid !important;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 40px;
  align-items: start;
  padding: 0 0 32px !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.sm_footer-logo, .sm_footer-col:first-child { display: flex; flex-direction: column; gap: 12px; }
.sm_footer-logo img { max-width: 160px; height: auto; }

.sm_footer-menu {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px;
}
.sm_footer-menu li { margin: 0; }
.sm_footer-menu a, .sm_footer-col a {
  color: #c9ccd6 !important; text-decoration: none; font-size: 14px; font-weight: 500;
  transition: .15s; display: inline-block; padding: 6px 0;
}
.sm_footer-menu a:hover, .sm_footer-col a:hover { color: #f6da24 !important; }

.sm_footer-col:last-child { display: flex; flex-direction: column; gap: 10px; }

.sm_footer-copyright, footer p:last-child {
  color: rgba(201,204,214,.6); font-size: 13px; line-height: 1.5;
  text-align: center; padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.05); margin-top: 16px;
}
footer p { color: rgba(201,204,214,.6); font-size: 13px; line-height: 1.5; margin: 8px 0; }

@media (max-width: 900px) {
  .sm_footer-row { grid-template-columns: 1fr !important; gap: 32px !important; text-align: center; }
  .sm_footer-logo { align-items: center; }
  .sm_footer-menu { grid-template-columns: 1fr; text-align: center; gap: 8px; }
  
  
}
@media (max-width: 640px) {
  footer, .sm_footer { padding: 32px 16px 20px !important; }
  
  .sm_footer-copyright { font-size: 12px; }
}

/* ============ SEO block width match — force full container width v21 ============ */
html body section.sm_seo,html body .sm_seo{
  max-width:1296px !important;
  margin-left:auto !important;margin-right:auto !important;
  padding-left:24px !important;padding-right:24px !important;
  box-sizing:border-box !important;
  width:calc(100% - 96px) !important;max-width:1296px !important;
}

/* v22 hard override */
html body section.sm_seo{width:calc(100vw - 144px) !important;max-width:1296px !important;margin:32px auto !important;padding:32px 24px !important;box-sizing:border-box !important;}

/* ============ Footer refined layout v25 ============ */
footer, .sm_footer {
  padding:32px 24px 16px !important;margin-top:32px !important;
}
footer > div, .sm_footer > div {max-width:1296px;margin:0 auto}

/* Top row: 3 flexible columns */
.sm_footer-row,.sm_footer-nav,.sm_footer > nav{
  display:grid !important;
  grid-template-columns:220px 1fr 260px !important;
  gap:32px !important;
  align-items:start !important;
  padding:0 0 20px !important;
  border-bottom:1px solid rgba(255,255,255,.06);
  margin-bottom:20px !important;
}
/* Menu: single flowing list, .sm_footer-menu {
  list-style:none;padding:0;margin:0;
  display:flex !important;flex-wrap:wrap !important;
  gap:6px 24px !important;
  align-content:start;
  justify-content:flex-start !important;
}
.sm_footer-menu li {margin:0;flex:0 0 auto}
.sm_footer-menu a {
  padding:4px 0 !important;font-size:14px !important;font-weight:500 !important;
  color:#c9ccd6 !important;text-decoration:none !important;white-space:nowrap;
}
.sm_footer-menu a:hover {color:#f6da24 !important}

/* Logo column tighter */
.sm_footer-logo, .sm_footer-col:first-child {
  gap:8px !important;
}
.sm_footer-logo img{max-width:140px !important;margin:0 !important}

.sm_footer-col:last-child {gap:6px !important}

/* Casino App badge — SMALL */
.sm_footer-app-button,.sm_footer-app-button--squeezed,[class*=footer-app-button]{
  display:inline-flex !important;align-items:center;
  padding:6px 12px !important;background:rgba(255,255,255,.05) !important;
  border:1px solid rgba(255,255,255,.1) !important;border-radius:8px !important;
  gap:6px;max-width:120px !important;height:auto !important;
  font-size:12px !important;color:#eff0f2 !important;
}
[class*=footer-app-button] img{width:20px !important;height:20px !important;max-width:20px !important;object-fit:contain}

/* Badges row: 18+, SSL, [class*=footer] [class*=badge], [class*=footer] > * > img[alt*=SSL], [class*=footer] > * > img[alt*=18] {
  display:inline-flex !important;gap:12px !important;align-items:center;
}
[class*=footer] img[alt*=18],[class*=footer] img[alt*=SSL],[class*=footer] img[alt*=Ident]{
  height:24px !important;width:auto !important;opacity:.75;
  filter:brightness(.9);
}
[class*=footer] img[alt*=18]:hover,[class*=footer] img[alt*=SSL]:hover{opacity:1}

/* Copyright compact */
.sm_footer-copyright, footer p:last-of-type {
  font-size:12px !important;padding-top:12px !important;margin-top:12px !important;
  text-align:center;color:rgba(201,204,214,.5);
}

/* Speel verantwoord notice */
footer p{font-size:12px !important;margin:6px 0 !important;color:rgba(201,204,214,.6)}

@media(max-width:900px){
  .sm_footer-row{grid-template-columns:1fr !important;gap:20px !important;text-align:center}
  .sm_footer-logo {align-items:center}
  .sm_footer-menu {justify-content:center !important}
  
  
}

/* ============ Footer real-DOM layout v26 (targets actual classes) ============ */
/* Reset previous nav grid: it was on wrong element */
nav.sm_footer-nav { display: block !important; }

/* Nav content is the real 3-col row */
.sm_footer-nav__content {
  display: grid !important;
  grid-template-columns: 200px 1fr 260px !important;
  gap: 32px !important;
  align-items: start !important;
  max-width: 1296px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Left: logo + socials */
.sm_footer-nav__socials {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
}
.sm_footer-nav__socials .sm_footer-logo { max-width: 160px !important; height: auto !important; margin: 0 !important; }

/* Center: links wrap horizontally */
.sm_FooterLinks, .sm_footer-nav__links {
  width: 100% !important;
  padding: 0 !important;
}
ul.sm_footer-menu, ul.sm_navbar-nav.sm_footer-menu, .sm_FooterLinks ul {
  list-style: none !important;
  padding: 0 !important; margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 24px !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
ul.sm_footer-menu li, .sm_FooterLinks li {
  display: inline-block !important;
  width: auto !important; flex: 0 0 auto !important;
  margin: 0 !important; padding: 0 !important;
}
ul.sm_footer-menu li a, .sm_FooterLinks a {
  padding: 4px 0 !important;
  font-size: 14px !important; font-weight: 500 !important;
  color: #c9ccd6 !important; text-decoration: none !important;
  white-space: nowrap !important; display: inline-block !important;
}
ul.sm_footer-menu li a:hover { color: #f6da24 !important; }

/* Right: support/contact */
.sm_footer-support {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: flex-start !important;
  width: auto !important;
}
.sm_footer-support > *:first-child { color: #f6da24 !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; margin: 0 !important; }
.sm_footer-support a, .sm_footer-support .sm_footer__email {
  display: inline-flex !important; align-items: center; gap: 8px !important;
  padding: 8px 14px !important; background: rgba(228,88,9,.1) !important;
  border: 1px solid rgba(228,88,9,.3) !important; border-radius: 8px !important;
  font-size: 14px !important; font-weight: 600 !important;
  color: #f6da24 !important; text-decoration: none !important;
  transition: .15s;
}
.sm_footer-support a:hover { background: rgba(228,88,9,.2) !important; color: #fff !important; }

@media (max-width: 900px) {
  .sm_footer-nav__content { grid-template-columns: 1fr !important; text-align: center !important; }
  .sm_footer-nav__socials, .sm_footer-support { align-items: center !important; }
  ul.sm_footer-menu { justify-content: center !important; }
}

/* ============ Footer menu li width override v27 ============ */
html body ul.sm_footer-menu li,
html body ul.sm_navbar-nav.sm_footer-menu li,
html body .sm_FooterLinks li{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  flex:0 0 auto !important;
  display:inline-block !important;
}

/* ============ Footer FINAL — clean modern design v34 ============ */
footer, .sm_footer {
  background: linear-gradient(180deg, #050b24 0%, #020616 100%) !important;
  border-top: 1px solid rgba(228,88,9,.15) !important;
  color: #c9ccd6;
  padding: 40px 24px 20px !important;
  margin-top: 48px !important;
  position: relative;
}
footer::before, .sm_footer::before {
  content: "";
  position: absolute;
  top: -1px; left: 50%; transform: translateX(-50%);
  width: 120px; height: 3px;
  background: linear-gradient(90deg, transparent, #e45809, transparent);
  border-radius: 3px;
}

/* Nav content: logo left, menu right */
.sm_footer-nav__content {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 40px !important;
  align-items: center !important;
  max-width: 1296px !important;
  margin: 0 auto !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Logo cluster */
.sm_footer-nav__socials {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
}
.sm_footer-nav__socials .sm_footer-logo {
  max-width: 150px !important; height: auto !important; margin: 0 !important; display: block;
}
.sm_footer-socials {
  display: flex; gap: 10px; margin-top: 4px;
}
.sm_footer-socials a, .sm_footer-socials img {
  width: 32px; height: 32px; border-radius: 50%;
  background: rgba(255,255,255,.06); padding: 6px;
  transition: .15s; opacity: .8;
}
.sm_footer-socials a:hover { background: rgba(228,88,9,.2); opacity: 1; }

/* Menu row */
.sm_FooterLinks, .sm_footer-nav__links { width: 100% !important; padding: 0 !important; }
ul.sm_footer-menu, ul.sm_navbar-nav.sm_footer-menu, .sm_FooterLinks ul {
  list-style: none !important;
  padding: 0 !important; margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
ul.sm_footer-menu li a, .sm_FooterLinks a {
  display: inline-block !important;
  padding: 8px 14px !important;
  font-size: 13px !important; font-weight: 600 !important;
  color: #c9ccd6 !important; text-decoration: none !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.02) !important;
  white-space: nowrap !important;
  transition: .15s;
  width: auto !important;
}
ul.sm_footer-menu li a:hover, .sm_FooterLinks a:hover {
  color: #f6da24 !important;
  border-color: rgba(228,88,9,.5) !important;
  background: rgba(228,88,9,.08) !important;
  transform: translateY(-1px);
}

footer > div > div:last-child {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 20px 0 12px !important;
  flex-wrap: wrap;
}
footer img[alt*="18"], footer img[alt*="SSL"], footer img[alt*="Ident"], footer img[alt*="ecure"] {
  height: 28px !important; width: auto !important;
  opacity: .7;
  filter: brightness(.9) grayscale(20%);
  transition: .2s;
}
footer img[alt*="18"]:hover, footer img[alt*="SSL"]:hover { opacity: 1; filter: none; }

/* Copyright + age line — centered, tiny */
.sm_footer-copyright, footer p:last-child {
  font-size: 12px !important;
  color: rgba(201,204,214,.5) !important;
  text-align: center !important;
  margin: 0 !important;
  padding-top: 12px !important;
  line-height: 1.5;
}
footer p {
  font-size: 12px !important;
  color: rgba(201,204,214,.55) !important;
  text-align: center;
  margin: 8px 0 !important;
  line-height: 1.5;
}
/* Border above copyright */
.sm_footer-copyright, footer > div > *:last-child {
  border-top: 1px solid rgba(255,255,255,.05);
  margin-top: 16px !important;
}

/* MOBILE */
@media (max-width: 900px) {
  footer, .sm_footer, .sm_new-footer { padding: 32px 16px 16px !important; }
  .sm_footer-nav__content {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: center;
    padding-bottom: 20px !important;
  }
  .sm_footer-nav__socials { align-items: center !important; }
  ul.sm_footer-menu, .sm_FooterLinks ul {
    justify-content: center !important;
    gap: 6px !important;
  }
  ul.sm_footer-menu li a { padding: 7px 12px !important; font-size: 12px !important; }
  .sm_footer-bottom { gap: 14px !important; padding: 16px 0 10px !important; }
  .sm_footer-bottom img,
  footer img[alt*="18"], footer img[alt*="SSL"], footer img[alt*="Ident"] { height: 24px !important; }
  footer p, .sm_footer-copyright { font-size: 11px !important; }
}
@media (max-width: 480px) {
  ul.sm_footer-menu li a { padding: 6px 10px !important; font-size: 11px !important; }
}

/* ============ Footer menu buttons — refined pretty style v35 ============ */
ul.sm_footer-menu li a,
.sm_FooterLinks a{
  display:inline-flex !important;align-items:center;
  padding:10px 18px !important;
  font-size:13px !important;font-weight:700 !important;
  color:#e6ebf5 !important;text-decoration:none !important;
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:10px !important;
  white-space:nowrap !important;
  transition:all .25s cubic-bezier(.2,.8,.2,1) !important;
  letter-spacing:.3px;
  position:relative;overflow:hidden;
}
ul.sm_footer-menu li a::before,
.sm_FooterLinks a::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#e45809,#ff7422);
  opacity:0;transition:opacity .25s;z-index:-1;
}
ul.sm_footer-menu li a:hover,
.sm_FooterLinks a:hover{
  color:#fff !important;
  border-color:transparent !important;
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(228,88,9,.35) !important;
}
ul.sm_footer-menu li a:hover::before,
.sm_FooterLinks a:hover::before{opacity:1}

@media(max-width:900px){
  ul.sm_footer-menu li a,.sm_FooterLinks a{padding:8px 14px !important;font-size:12px !important;border-radius:8px !important}
}
@media(max-width:480px){
  ul.sm_footer-menu li a,.sm_FooterLinks a{padding:7px 12px !important;font-size:11px !important}
}

/* ============ Mobile fixes v36: SEO width + Games horizontal scroll ============ */
@media (max-width: 900px) {
  /* SEO block — use full mobile width (small side padding) */
  html body section.sm_seo, html body .sm_seo {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 24px 8px !important;
    padding: 20px 16px !important;
  }
}
@media (max-width: 640px) {
  html body section.sm_seo, html body .sm_seo {
    padding: 16px 12px !important;
  }
}

/* Games section: horizontal scroll strip on mobile (replaces 2-col grid) */
@media (max-width: 900px) {
  .sm_games-wrap .sm_row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 10px !important;
    padding: 8px 4px 12px !important;
    margin: 0 -8px !important;
    width: calc(100% + 16px) !important;
    max-width: 100vw !important;
  }
  .sm_games-wrap .sm_row::-webkit-scrollbar { display: none; }
  .sm_games-wrap .sm_row > * {
    flex: 0 0 42% !important;
    max-width: 42% !important;
    min-width: 140px !important;
    width: 42% !important;
    scroll-snap-align: start !important;
    padding: 0 !important;
  }
  /* Section title styling */
  .sm_games-wrap > .sm_h2, .sm_games-wrap [class*=h2] {
    padding: 0 12px;
    font-size: 18px !important;
    text-align: left !important;
    margin-bottom: 10px !important;
  }
  /* Show more button below scroll */
  .sm_games-wrap [class*=d-flex] a[href*="/reg"] {
    display: inline-flex !important;
    margin: 8px auto !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
  }
  /* Game tile card fits nicely */
  .sm_games-single {
    padding: 4px !important;
    border-radius: 10px !important;
  }
  .sm_games-single img, .sm_games-single-image img {
    border-radius: 8px !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    object-fit: cover !important;
  }
}
@media (max-width: 480px) {
  .sm_games-wrap .sm_row > * {
    flex: 0 0 46% !important;
    max-width: 46% !important;
    min-width: 130px !important;
    width: 46% !important;
  }
}

/* ============ Touch-action + scroll snap smooth v37 ============ */
.sm_games-wrap .sm_row,
.sm_slick-list,
.sm_home-scroll .sm_slick-list,
[class*=carousel-scroll],
.sm_seo table{
  touch-action:pan-x pan-y;
  overscroll-behavior-x:contain;
}
/* Horizontal carousels — pan-x priority */
@media(max-width:900px){
  .sm_games-wrap .sm_row{touch-action:pan-x !important;overscroll-behavior:contain}
}

/* app-position-override — original had position:fixed, causing overlay of sm_seo on legal-sections */
body #app{position:static!important;overflow:visible!important}