﻿:root
{
    --pgw-font-family: "Roboto",sans-serif;
    --pgw-background-primary: #0b0833;
    --pgw-surface-primary: #0e1147;
    --pgw-surface-secondary: #0b0833;
    --pgw-surface-secondaryHover: #05097880;
    --pgw-surface-accent: #232147;
    --pgw-surface-accentHover: #302d52;
    --pgw-surface-buttonPrimary: #069e83;
    --pgw-surface-buttonPrimaryHover: #0bbf9f;
    --pgw-surface-buttonPrimaryPress: #069e8380;
    --pgw-surface-buttonPrimaryDisabled: #757388;
    --pgw-surface-buttonSecondary: #2962ff;
    --pgw-surface-buttonSecondaryHover: #507eff;
    --pgw-surface-buttonSecondaryPress: #507eff80;
    --pgw-surface-buttonSecondaryDisabled: #757388;
    --pgw-surface-buttonTertiary: #1b1940;
    --pgw-surface-buttonTertiaryHover: #35335599;
    --pgw-surface-buttonTertiaryPress: #dedede33;
    --pgw-surface-buttonTertiaryDisabled: #dedede1a;
    --pgw-surface-inputPrimary: #dedede1a;
    --pgw-surface-inputSecondary: #dedede33;
    --pgw-surface-inputTertiary: #f0f0f4;
    --pgw-surface-tab: #f0f0f41a;
    --pgw-surface-tabHover: #f0f0f433;
    --pgw-surface-tabPress: #050978;
    --pgw-surface-negative: #ff4e4e;
    --pgw-surface-positiveAlpha: #15c1871a;
    --pgw-surface-skeleton: linear-gradient(90deg,#dce1e900 0%,#dce1e929 61.46%,#dce1e900 100%);
    --pgw-surface-userChoicePrimary: #069e83;
    --pgw-surface-userChoiceSecondary: #069e83;
    --pgw-surface-UserChoiceTertiary: #f6f6f9;
    --pgw-surface-userChoiceIndicatorPrimary: #fff;
    --pgw-surface-userChoiceIndicatorPrimaryHover: #f6f6f9;
    --pgw-surface-userChoiceIndicatorSecondary: #403e5e;
    --pgw-surface-userChoiceIndicatorSecondaryHover: #403e5e;
    --pgw-text-primary: #fff;
    --pgw-text-secondary: #757388;
    --pgw-text-tertiary: #75738880;
    --pgw-text-buttonPrimary: #fff;
    --pgw-text-buttonSecondary: #fff;
    --pgw-text-buttonPrimaryDisabled: #f0f0f4;
    --pgw-text-buttonSecondaryDisabled: #f0f0f4;
    --pgw-text-positive: #15c187;
    --pgw-text-warning: #f69230;
    --pgw-text-negative: #ff4e4e;
    --pgw-text-constant: #fff;
    --pgw-icon-primary: #fff;
    --pgw-icon-secondary: #757388;
    --pgw-icon-tertiary: #75738880;
    --pgw-icon-buttonPrimary: #fff;
    --pgw-icon-buttonSecondary: #fff;
    --pgw-icon-buttonPrimaryDisabled: #d5e3f3;
    --pgw-icon-positive: #15c187;
    --pgw-icon-warning: #f69230;
    --pgw-icon-negative: #ff4e4e;
    --pgw-stroke-primary: #fff3;
    --pgw-stroke-secondary: #fff3;
    --pgw-stroke-secondaryHover: #e2e2e94d;
    --pgw-stroke-inputPrimary: #fff3;
    --pgw-stroke-inputSecondary: #2962ff;
    --pgw-stroke-accent: #2962ff;
    --pgw-stroke-accentHover: #2962ff;
    --pgw-stroke-positive: #15c187;
    --pgw-stroke-positiveAlpha: #24a8204d;
    --pgw-stroke-warning: #f69230;
    --pgw-stroke-negative: #ff4e4e;
    --pgw-stroke-withdrawalComplete: linear-gradient(0deg,#15c187 0%,#15c187 100%),linear-gradient(180deg,#000 82.29%,#0000 100%);
    --pgw-stroke-withdrawalProcess: linear-gradient(0deg,#646487 0%,#646487 100%),linear-gradient(180deg,#0000 0%,#000 17.71%,#000 82.81%,#0000 100%);
    --pgw-stroke-userChoice: #2962ff;
    --pgw-stroke-userChoiceHover: #069e83;
    --pgw-divider-primary: #f0f0f433;
    --pgw-border-radius-s: 4px;
    --pgw-border-radius-m: 8px;
    --pgw-border-radius-l: 12px;
    --pgw-border-radius-xl: 16px;
}
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: 400;
}
ul
{
    list-style: none;
}
button, input, select, textarea
{
    margin: 0;
    font-family: inherit;
}
html
{
    box-sizing: border-box;
}
body
{
    -webkit-user-select: none;
    user-select: none;
}
*, :before, :after
{
    box-sizing: inherit;
}
img, video
{
    max-width: 100%;
    height: auto;
}
iframe
{
    border: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
td, th
{
    padding: 0;
}
:focus
{
    outline: 0;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak
{
    display: none;
}
div
{
    box-sizing: border-box;
}
a
{
    text-decoration: none;
}
a, button, select
{
    cursor: pointer;
}
html
{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 14px;
    line-height: 20px;
}
html.is-sidemenu-open, html.is-user-menu-open
{
    overflow: hidden!important;
}
body
{
    color: #fff;
    -webkit-overflow-scrolling: touch;
    background-color: #0e1147;
    min-width: 1024px;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: initial!important;
}
body::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
body.is-profile-page
{
    flex-direction: column;
    display: flex;
}
button
{
    color: inherit;
    appearance: none;
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 1rem;
}
b
{
    font-weight: 500;
}
:root
{
    --sidebar-inline-space: 16px;
}
.has-text-overflow
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
body.linda-has-user .show-guest, body:not(.linda-has-user) .show-user
{
    display: none!important;
}
.has-tooltip, .has-position-relative
{
    position: relative;
}
.is-center
{
    text-align: center;
}
.row
{
    align-items: center;
    display: flex;
}
.container-overflow
{
    min-width: 1024px;
    display: block;
    overflow: hidden;
}
.first-letter 
{
    color: #fff;
}
.first-letter:first-letter 
{
    color: #29a9ff;
}
.no-cursor
{
    pointer-events: none;
}
.is-content
{
    padding: 0 40px;
}
@media screen and (min-width: 1680px)
{
    .is-content
    {
        padding: 0 60px;
    }
}
.hide-form-name-inside .form-name
{
    display: none!important;
}
.hide-form-name-inside .form-show-pass
{
    top: 2px;
}
.has-margin-bottom-0
{
    margin-bottom: 0!important;
}
.has-margin-top-0
{
    margin-top: 0!important;
}
.has-margin-bottom-2
{
    margin-bottom: 2px!important;
}
.has-margin-top-2
{
    margin-top: 2px!important;
}
.has-margin-bottom-4
{
    margin-bottom: 4px!important;
}
.has-margin-top-4
{
    margin-top: 4px!important;
}
.has-margin-bottom-6
{
    margin-bottom: 6px!important;
}
.has-margin-top-6
{
    margin-top: 6px!important;
}
.has-margin-bottom-8
{
    margin-bottom: 8px!important;
}
.has-margin-top-8
{
    margin-top: 8px!important;
}
.has-margin-bottom-10
{
    margin-bottom: 10px!important;
}
.has-margin-top-10
{
    margin-top: 10px!important;
}
.has-margin-bottom-12
{
    margin-bottom: 12px!important;
}
.has-margin-top-12
{
    margin-top: 12px!important;
}
.has-margin-bottom-15
{
    margin-bottom: 15px!important;
}
.has-margin-top-15
{
    margin-top: 15px!important;
}
.has-margin-bottom-16
{
    margin-bottom: 16px!important;
}
.has-margin-top-16
{
    margin-top: 16px!important;
}
.has-margin-bottom-18
{
    margin-bottom: 18px!important;
}
.has-margin-top-18
{
    margin-top: 18px!important;
}
.has-margin-bottom-19
{
    margin-bottom: 19px!important;
}
.has-margin-top-19
{
    margin-top: 19px!important;
}
.has-margin-bottom-20
{
    margin-bottom: 20px!important;
}
.has-margin-top-20
{
    margin-top: 20px!important;
}
.has-margin-bottom-22
{
    margin-bottom: 22px!important;
}
.has-margin-top-22
{
    margin-top: 22px!important;
}
.has-margin-bottom-24
{
    margin-bottom: 24px!important;
}
.has-margin-top-24
{
    margin-top: 24px!important;
}
.has-margin-bottom-25
{
    margin-bottom: 25px!important;
}
.has-margin-top-25
{
    margin-top: 25px!important;
}
.has-margin-bottom-26
{
    margin-bottom: 26px!important;
}
.has-margin-top-26
{
    margin-top: 26px!important;
}
.has-margin-bottom-28
{
    margin-bottom: 28px!important;
}
.has-margin-top-28
{
    margin-top: 28px!important;
}
.has-margin-bottom-30
{
    margin-bottom: 30px!important;
}
.has-margin-top-30
{
    margin-top: 30px!important;
}
.has-margin-bottom-32
{
    margin-bottom: 32px!important;
}
.has-margin-top-32
{
    margin-top: 32px!important;
}
.has-margin-bottom-36
{
    margin-bottom: 36px!important;
}
.has-margin-top-36
{
    margin-top: 36px!important;
}
.has-margin-bottom-40
{
    margin-bottom: 40px!important;
}
.has-margin-top-40
{
    margin-top: 40px!important;
}
.has-margin-bottom-48
{
    margin-bottom: 48px!important;
}
.has-margin-top-48
{
    margin-top: 48px!important;
}
.has-margin-bottom-49
{
    margin-bottom: 49px!important;
}
.has-margin-top-49
{
    margin-top: 49px!important;
}
.has-margin-bottom-60
{
    margin-bottom: 60px!important;
}
.has-margin-top-60
{
    margin-top: 60px!important;
}
.has-margin-bottom-64
{
    margin-bottom: 64px!important;
}
.has-margin-top-64
{
    margin-top: 64px!important;
}
.has-margin-bottom-92
{
    margin-bottom: 92px!important;
}
.has-margin-top-92
{
    margin-top: 92px!important;
}
.has-padding-inline-0
{
    padding-inline: 0!important;
}
.has-padding-block-0
{
    padding-block: 0!important;
}
.has-padding-inline-2
{
    padding-inline: 2px!important;
}
.has-padding-block-2
{
    padding-block: 2px!important;
}
.has-padding-inline-4
{
    padding-inline: 4px!important;
}
.has-padding-block-4
{
    padding-block: 4px!important;
}
.has-padding-inline-6
{
    padding-inline: 6px!important;
}
.has-padding-block-6
{
    padding-block: 6px!important;
}
.has-padding-inline-8
{
    padding-inline: 8px!important;
}
.has-padding-block-8
{
    padding-block: 8px!important;
}
.has-padding-inline-10
{
    padding-inline: 10px!important;
}
.has-padding-block-10
{
    padding-block: 10px!important;
}
.has-padding-inline-12
{
    padding-inline: 12px!important;
}
.has-padding-block-12
{
    padding-block: 12px!important;
}
.has-padding-inline-15
{
    padding-inline: 15px!important;
}
.has-padding-block-15
{
    padding-block: 15px!important;
}
.has-padding-inline-16
{
    padding-inline: 16px!important;
}
.has-padding-block-16
{
    padding-block: 16px!important;
}
.has-padding-inline-18
{
    padding-inline: 18px!important;
}
.has-padding-block-18
{
    padding-block: 18px!important;
}
.has-padding-inline-19
{
    padding-inline: 19px!important;
}
.has-padding-block-19
{
    padding-block: 19px!important;
}
.has-padding-inline-20
{
    padding-inline: 20px!important;
}
.has-padding-block-20
{
    padding-block: 20px!important;
}
.has-padding-inline-22
{
    padding-inline: 22px!important;
}
.has-padding-block-22
{
    padding-block: 22px!important;
}
.has-padding-inline-24
{
    padding-inline: 24px!important;
}
.has-padding-block-24
{
    padding-block: 24px!important;
}
.has-padding-inline-25
{
    padding-inline: 25px!important;
}
.has-padding-block-25
{
    padding-block: 25px!important;
}
.has-padding-inline-26
{
    padding-inline: 26px!important;
}
.has-padding-block-26
{
    padding-block: 26px!important;
}
.has-padding-inline-28
{
    padding-inline: 28px!important;
}
.has-padding-block-28
{
    padding-block: 28px!important;
}
.has-padding-inline-30
{
    padding-inline: 30px!important;
}
.has-padding-block-30
{
    padding-block: 30px!important;
}
.has-padding-inline-32
{
    padding-inline: 32px!important;
}
.has-padding-block-32
{
    padding-block: 32px!important;
}
.has-padding-inline-36
{
    padding-inline: 36px!important;
}
.has-padding-block-36
{
    padding-block: 36px!important;
}
.has-padding-inline-40
{
    padding-inline: 40px!important;
}
.has-padding-block-40
{
    padding-block: 40px!important;
}
.has-padding-inline-44
{
    padding-inline: 44px!important;
}
.has-padding-block-44
{
    padding-block: 44px!important;
}
.has-padding-inline-48
{
    padding-inline: 48px!important;
}
.has-padding-block-48
{
    padding-block: 48px!important;
}
.has-padding-inline-49
{
    padding-inline: 49px!important;
}
.has-padding-block-49
{
    padding-block: 49px!important;
}
.has-padding-inline-56
{
    padding-inline: 56px!important;
}
.has-padding-block-56
{
    padding-block: 56px!important;
}
.has-padding-inline-60
{
    padding-inline: 60px!important;
}
.has-padding-block-60
{
    padding-block: 60px!important;
}
.has-padding-inline-64
{
    padding-inline: 64px!important;
}
.has-padding-block-64
{
    padding-block: 64px!important;
}
.has-padding-inline-80
{
    padding-inline: 80px!important;
}
.has-padding-block-80
{
    padding-block: 80px!important;
}
.has-padding-inline-92
{
    padding-inline: 92px!important;
}
.has-padding-block-92
{
    padding-block: 92px!important;
}
.size-icon-14
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px!important;
    height: 14px!important;
}
.size-icon-14[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 14px!important;
    height: 14px!important;
}
.size-icon-14.icon-background, .size-icon-14.popup__close, .size-icon-14.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 14px 14px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-14.icon-background:hover:before, .size-icon-14.popup__close:hover:before, .size-icon-14.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-14.icon-hover, .size-icon-14.popup__close, .size-icon-14.popup__back
{
    background-color: #0000;
}
.size-icon-14.icon-hover:hover, .size-icon-14.popup__close:hover, .size-icon-14.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-14.icon-hover:hover:after, .size-icon-14.popup__close:hover:after, .size-icon-14.popup__back:hover:after
{
    filter: invert();
}
.size-icon-16
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px!important;
    height: 16px!important;
}
.size-icon-16[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 16px!important;
    height: 16px!important;
}
.size-icon-16.icon-background, .size-icon-16.popup__close, .size-icon-16.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 16px 16px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-16.icon-background:hover:before, .size-icon-16.popup__close:hover:before, .size-icon-16.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-16.icon-hover, .size-icon-16.popup__close, .size-icon-16.popup__back
{
    background-color: #0000;
}
.size-icon-16.icon-hover:hover, .size-icon-16.popup__close:hover, .size-icon-16.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-16.icon-hover:hover:after, .size-icon-16.popup__close:hover:after, .size-icon-16.popup__back:hover:after
{
    filter: invert();
}
.size-icon-18
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px!important;
    height: 18px!important;
}
.size-icon-18[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 18px!important;
    height: 18px!important;
}
.size-icon-18.icon-background, .size-icon-18.popup__close, .size-icon-18.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 18px 18px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-18.icon-background:hover:before, .size-icon-18.popup__close:hover:before, .size-icon-18.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-18.icon-hover, .size-icon-18.popup__close, .size-icon-18.popup__back
{
    background-color: #0000;
}
.size-icon-18.icon-hover:hover, .size-icon-18.popup__close:hover, .size-icon-18.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-18.icon-hover:hover:after, .size-icon-18.popup__close:hover:after, .size-icon-18.popup__back:hover:after
{
    filter: invert();
}
.size-icon-20, .popup__close, .popup__back
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px!important;
    height: 20px!important;
}
.size-icon-20[class*=__after]:after, [class*=__after].popup__close:after, [class*=__after].popup__back:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 20px!important;
    height: 20px!important;
}
.size-icon-20.icon-background, .popup__close, .popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 20px 20px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-20.icon-background:hover:before, .popup__close:hover:before, .popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-20.icon-hover, .popup__close, .popup__back
{
    background-color: #0000;
}
.size-icon-20.icon-hover:hover, .popup__close:hover, .popup__back:hover
{
    background-color: #fff3;
}
.size-icon-20.icon-hover:hover:after, .popup__close:hover:after, .popup__back:hover:after
{
    filter: invert();
}
.size-icon-22
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px!important;
    height: 22px!important;
}
.size-icon-22[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 22px!important;
    height: 22px!important;
}
.size-icon-22.icon-background, .size-icon-22.popup__close, .size-icon-22.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 22px 22px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-22.icon-background:hover:before, .size-icon-22.popup__close:hover:before, .size-icon-22.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-22.icon-hover, .size-icon-22.popup__close, .size-icon-22.popup__back
{
    background-color: #0000;
}
.size-icon-22.icon-hover:hover, .size-icon-22.popup__close:hover, .size-icon-22.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-22.icon-hover:hover:after, .size-icon-22.popup__close:hover:after, .size-icon-22.popup__back:hover:after
{
    filter: invert();
}
.size-icon-24
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px!important;
    height: 24px!important;
}
.size-icon-24[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 24px!important;
    height: 24px!important;
}
.size-icon-24.icon-background, .size-icon-24.popup__close, .size-icon-24.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 24px 24px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-24.icon-background:hover:before, .size-icon-24.popup__close:hover:before, .size-icon-24.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-24.icon-hover, .size-icon-24.popup__close, .size-icon-24.popup__back
{
    background-color: #0000;
}
.size-icon-24.icon-hover:hover, .size-icon-24.popup__close:hover, .size-icon-24.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-24.icon-hover:hover:after, .size-icon-24.popup__close:hover:after, .size-icon-24.popup__back:hover:after
{
    filter: invert();
}
.size-icon-28
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px!important;
    height: 28px!important;
}
.size-icon-28[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 28px!important;
    height: 28px!important;
}
.size-icon-28.icon-background, .size-icon-28.popup__close, .size-icon-28.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 28px 28px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-28.icon-background:hover:before, .size-icon-28.popup__close:hover:before, .size-icon-28.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-28.icon-hover, .size-icon-28.popup__close, .size-icon-28.popup__back
{
    background-color: #0000;
}
.size-icon-28.icon-hover:hover, .size-icon-28.popup__close:hover, .size-icon-28.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-28.icon-hover:hover:after, .size-icon-28.popup__close:hover:after, .size-icon-28.popup__back:hover:after
{
    filter: invert();
}
.size-icon-30
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px!important;
    height: 30px!important;
}
.size-icon-30[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 30px!important;
    height: 30px!important;
}
.size-icon-30.icon-background, .size-icon-30.popup__close, .size-icon-30.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 30px 30px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-30.icon-background:hover:before, .size-icon-30.popup__close:hover:before, .size-icon-30.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-30.icon-hover, .size-icon-30.popup__close, .size-icon-30.popup__back
{
    background-color: #0000;
}
.size-icon-30.icon-hover:hover, .size-icon-30.popup__close:hover, .size-icon-30.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-30.icon-hover:hover:after, .size-icon-30.popup__close:hover:after, .size-icon-30.popup__back:hover:after
{
    filter: invert();
}
.size-icon-32
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px!important;
    height: 32px!important;
}
.size-icon-32[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 32px!important;
    height: 32px!important;
}
.size-icon-32.icon-background, .size-icon-32.popup__close, .size-icon-32.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 32px 32px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-32.icon-background:hover:before, .size-icon-32.popup__close:hover:before, .size-icon-32.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-32.icon-hover, .size-icon-32.popup__close, .size-icon-32.popup__back
{
    background-color: #0000;
}
.size-icon-32.icon-hover:hover, .size-icon-32.popup__close:hover, .size-icon-32.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-32.icon-hover:hover:after, .size-icon-32.popup__close:hover:after, .size-icon-32.popup__back:hover:after
{
    filter: invert();
}
.size-icon-40
{
    box-sizing: border-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px!important;
    height: 40px!important;
}
.size-icon-40[class*=__after]:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 40px!important;
    height: 40px!important;
}
.size-icon-40.icon-background, .size-icon-40.popup__close, .size-icon-40.popup__back
{
    box-sizing: content-box;
    background-color: #75738880;
    background-size: 40px 40px;
    justify-content: center;
    align-items: center;
    padding: 10px;
    transition: all .2s;
    display: inline-flex;
    position: relative;
}
.size-icon-40.icon-background:hover:before, .size-icon-40.popup__close:hover:before, .size-icon-40.popup__back:hover:before
{
    background-color: #f6f6f480;
}
.size-icon-40.icon-hover, .size-icon-40.popup__close, .size-icon-40.popup__back
{
    background-color: #0000;
}
.size-icon-40.icon-hover:hover, .size-icon-40.popup__close:hover, .size-icon-40.popup__back:hover
{
    background-color: #fff3;
}
.size-icon-40.icon-hover:hover:after, .size-icon-40.popup__close:hover:after, .size-icon-40.popup__back:hover:after
{
    filter: invert();
}
[class*=__before]:before
{
    content: "";
    display: block;
}
.has-content-centered
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.visually-hidden, .form-toggle-radio input, .form-radio input
{
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.ng-hide-add-active, .ng-hide-add
{
    display: none;
}
.slick-slider
{
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    display: block;
    position: relative;
}
.slick-list
{
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list
{
    transform: translate(0,0);
}
.slick-track
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 0;
    left: 0;
}
.slick-track:before, .slick-track:after
{
    content: "";
    display: table;
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    border: 1px solid #0000;
    height: auto;
    display: block;
}
.slick-arrow.slick-hidden, .form-error, .ng-untouched+.form-label .form-error, .ng-valid+.form-label .form-error, .datepicker-open+.form-label .form-error
{
    display: none;
}
.ng-invalid:focus+.form-label .form-error
{
    display: none!important;
}
.ng-invalid.datepicker-open+.form-label .form-error
{
    display: none;
}
.ng-invalid.ng-touched+.form-label .form-error, .ng-touched.low-balance+.form-label .form-error, .ng-invalid.ng-dirty+.form-check__label .form-error, .ng-invalid.ng-touched+.form-check__label .form-error
{
    display: block;
}
.form-check.ng-untouched+label+.form-label .form-error
{
    display: none;
}
.form-check.ng-touched.ng-invalid+label+.form-label .form-error, .form-check.ng-dirty.ng-invalid+label+.form-label .form-error
{
    display: block;
}
.g-minlength, .g-maxlength, .g-pattern, .g-required, .g-min, .g-max, .g-passwordVer, .g-low-balance, .g-patternLetter
{
    display: none;
}
.ng-invalid-minlength+.form-label .form-error .g-minlength, .ng-invalid-maxlength+.form-label .form-error .g-maxlength, .ng-invalid-min+.form-label .form-error .g-min, .ng-invalid-max+.form-label .form-error .g-max, .ng-invalid-pattern+.form-label .form-error .g-pattern, .ng-invalid-postcode+.form-label .form-error .g-pattern, .ng-invalid-required+.form-label .form-error .g-required, .ng-invalid-required+.form-check__label .form-error .g-required, .ng-invalid-number+.form-label .form-error .g-pattern, .ng-invalid-email+.form-label .form-error .g-pattern, .ng-invalid-phone+.form-label .form-error .g-pattern, .ng-invalid-letter+.form-label .form-error .g-patternLetter
{
    display: block;
}
.ng-invalid-minlength+.form-label .form-error .g-minlength~p, .ng-invalid-maxlength+.form-label .form-error .g-maxlength~p, .ng-invalid-min+.form-label .form-error .g-min~p, .ng-invalid-max+.form-label .form-error .g-max~p, .ng-invalid-pattern+.form-label .form-error .g-pattern~p, .ng-invalid-postcode+.form-label .form-error .g-pattern~p, .ng-invalid-required+.form-label .form-error .g-required~p, .ng-invalid-required+.form-label .form-error .g-required~p, .ng-invalid-number+.form-label .form-error .g-pattern~p, .ng-invalid-email+.form-label .form-error .g-pattern~p, .ng-invalid-phone+.form-label .form-error .g-pattern~p, .ng-invalid-letter+.form-label .form-error .g-patternLetter~p
{
    display: none;
}
.ng-invalid-password-verify+.form-label .form-error .g-passwordVer, .ng-invalid-password-verify+.form-label .form-error, .form-check.ng-invalid+label+.form-label .g-required
{
    display: block;
}
.g-pay-min, .g-pay-max, .g-amount, .g-pay-required
{
    display: none;
}
.is-exchange.ng-invalid-required+.form-label .form-error .g-pay-required, .is-exchange.ng-invalid-min+.form-label .form-error .g-pay-min, .is-exchange.ng-invalid-max+.form-label .form-error .g-pay-max, .is-exchange.ng-invalid-amount+.form-label .form-error .g-amount
{
    display: block;
}
@keyframes card-bg
{
    0%
    {
        background-position: 10% 0;
    }
    50%
    {
        background-position: 91% 100%;
    }
    to
    {
        background-position: 10% 0;
    }
}
.preloader
{
    pointer-events: none;
    position: relative;
}
.preloader *
{
    opacity: 0;
}
.preloader:after
{
    content: "";
    z-index: 200;
    background-image: url(../../willbetgambling/image/preloader.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 180px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.preloader.lazy-block
{
    min-height: 400px;
    margin-block-start: 10px;
}
.preloader.has-alpha-bg:after
{
    background-color: #0003;
}
.preloader.min-height-preloader
{
    min-height: 400px;
}
.preloader.min-height-preloader:after
{
    background-size: 15%;
}
.splashscreen
{
    z-index: 999999999;
    background-color: #0b0833;
    background-image: url(../../willbetgambling/image/preloader.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 180px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
.loaded .splashscreen
{
    display: none;
}
.preloader-btn
{
    pointer-events: none;
    position: relative;
    color: #0000!important;
}
.preloader-btn *
{
    opacity: 0;
}
.preloader-btn:not(.btn-with-icon):before
{
    content: "Loading...";
    color: #fff;
    background-image: linear-gradient(90deg,#fff 0% 100%);
    background-position: left -100px bottom;
    background-repeat: no-repeat;
    background-size: 100px 3px;
    border: 1px solid #ffffff80;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    height: 28px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    animation: 1s infinite preloaderBtn;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.preloader-btn.btn-with-icon:before
{
    opacity: 0;
}
.preloader-btn.btn-with-icon:after
{
    content: "Loading...";
    color: #fff;
    background-image: linear-gradient(90deg,#fff 0% 100%);
    background-position: left -100px bottom;
    background-repeat: no-repeat;
    background-size: 100px 3px;
    border: 1px solid #ffffff80;
    justify-content: center;
    align-items: center;
    width: calc(100% - 60px);
    height: 28px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    animation: 1s infinite preloaderBtn;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.preloader-btn.ach-circle__btn.btn:before, .preloader-btn.ach-circle__btn.bonus-dice-banner__btn:before
{
    background-position: left -33px bottom;
    background-size: 33px 3px;
    width: calc(100% - 16px);
    font-size: 11px;
}
.preloader-btn.ach-circle__btn.btn:after, .preloader-btn.ach-circle__btn.bonus-dice-banner__btn:after
{
    opacity: 0;
}
.preloader-btnsmall
{
    pointer-events: none;
    position: relative;
    color: #0000!important;
}
.preloader-btnsmall *
{
    opacity: 0;
}
.preloader-btnsmall:not(.btn-with-icon):not(.ach-prize):before
{
    content: "";
    color: #fff;
    background-color: #ffffff80;
    background-image: linear-gradient(90deg,#fff 0% 100%);
    background-position: left -100px bottom;
    background-repeat: no-repeat;
    background-size: 100px 3px;
    justify-content: center;
    align-items: center;
    width: calc(100% - 48px);
    height: 3px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    animation: 1s infinite preloaderBtn;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.preloader-btnsmall.btn-with-icon
{
    position: relative;
}
.preloader-btnsmall.btn-with-icon:before
{
    opacity: 0;
}
.preloader-btnsmall.btn-with-icon:after
{
    content: "";
    color: #fff;
    background-color: #ffffff80;
    background-image: linear-gradient(90deg,#fff 0% 100%);
    background-position: left -100px bottom;
    background-repeat: no-repeat;
    background-size: 100px 3px;
    justify-content: center;
    align-items: center;
    width: calc(100% - 48px);
    height: 3px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    animation: 1s infinite preloaderBtn;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.preloader-btnsmall.ach-prize *
{
    opacity: 1;
}
.preloader-btnsmall.ach-prize:after
{
    content: "";
    color: #fff;
    background-color: #ffffff80;
    background-image: linear-gradient(90deg,#fff 0% 100%);
    background-position: left -100px bottom;
    background-repeat: no-repeat;
    background-size: 100px 3px;
    justify-content: center;
    align-items: center;
    width: calc(100% - 18px);
    height: 3px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    animation: 1s infinite preloaderBtn;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@keyframes preloaderBtn
{
    0%
    {
        background-position: left -100% bottom -1px;
    }
    to
    {
        background-position: left 100% bottom -1px;
    }
}
.snowflake
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.overlay
{
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    background-color: #0b0833cc;
    transition: all .2s;
    position: fixed;
    inset: 60px 0 0;
}
.is-sidemenu-open .overlay.is-sidemenu, .is-user-menu-open .overlay.is-user-menu
{
    opacity: 1;
    pointer-events: all;
}
.secure-label
{
    color: #868a92;
    letter-spacing: .02em;
    text-align: left;
    flex-direction: column;
    width: max-content;
    margin-inline: auto;
    padding-left: 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    position: relative;
}
.secure-label:before
{
    content: "";
    filter: invert();
    opacity: .5;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 16px;
    margin-right: 8px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.secure-label.is-full
{
    letter-spacing: 0;
    padding-top: 30px;
    padding-left: 0;
    font-size: 12px;
    line-height: 20px;
}
.secure-label.is-full:before
{
    filter: invert(61%) sepia(9%) saturate(270%) hue-rotate(182deg) brightness(88%) contrast(85%);
    opacity: 1;
    width: 75px;
    height: 28px;
    margin-right: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.btn-fav
{
    cursor: pointer;
    background: #fff3;
    border-radius: 2px;
    flex-shrink: 0;
    position: relative;
}
.btn-fav:before
{
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: var(--icon-heart);
    filter: invert(100);
    width: 100%;
    height: 100%;
    display: block;
}
.btn-fav.is-play:before
{
    background-image: var(--icon-play-games);
}
.btn-fav:hover
{
    background-color: #fff9;
}
.btn-fav:hover:before
{
    background-image: var(--icon-heart-full);
}
.btn-fav:hover:not(.no-tooltip) .btn-fav__tooltip
{
    opacity: 1;
    transition: opacity .2s ease-in;
}
.btn-fav.is-active
{
    background-color: #507eff99;
}
.btn-fav.is-active:hover
{
    opacity: 1;
    background-color: #2962ff;
}
.btn-fav.is-active:before
{
    background-image: var(--icon-heart-full);
}
.btn-fav.is-active.is-play:before
{
    background-image: var(--icon-play-games);
}
.btn-fav__tooltip
{
    opacity: 0;
    font-weight: 500;
    font-size: calc(14px / var(--scaleText));
    line-height: calc(24px / var(--scaleText));
    color: #757388;
    white-space: nowrap;
    padding: calc(8px / var(--scaleText)) calc(12px / var(--scaleText));
    top: calc(100% + 10px / var(--scaleText));
    background-color: #fff;
    border-radius: 2px;
    transition: all .2s ease-in;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.btn-fav__tooltip.is-add
{
    z-index: 10;
}
.btn-fav__tooltip:before
{
    content: "";
    top: calc(-7px / var(--scaleText));
    border-left: calc(4px / var(--scaleText))solid transparent;
    border-right: calc(4px / var(--scaleText))solid transparent;
    border-bottom: calc(8px / var(--scaleText))solid #fff;
    width: 0;
    height: 0;
    transition: all .2s ease-in;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.btn-filter
{
    cursor: pointer;
    background-color: #2962ff;
    border-radius: 2px;
    flex-shrink: 0;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    display: flex;
}
.btn-filter:after
{
    content: "";
    filter: invert(100);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: block;
}
.btn-filter:hover
{
    background-color: #507eff;
}
.btn-filter:active
{
    background-color: #507eff80;
}
.btn-paysystem
{
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #0000;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 86px;
    padding: 12px;
    transition-property: border-color;
    transition-duration: .2s;
    display: flex;
}
.btn-paysystem__img
{
    flex-shrink: 0;
    width: 121px;
    height: 33px;
}
.btn-paysystem__title
{
    color: #868a92;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    transition-property: color;
    transition-duration: .2s;
}
.btn-paysystem:hover, .btn-paysystem:active
{
    border-color: #2962ff;
}
.btn-paysystem:hover .btn-paysystem__title, .btn-paysystem:active .btn-paysystem__title
{
    color: #2962ff;
}
.is-disabled .btn-paysystem
{
    pointer-events: none;
}
.is-disabled .btn-paysystem__img
{
    filter: grayscale();
    opacity: .6;
}
.is-disabled .btn-paysystem__title
{
    opacity: .5;
}
.btn-paysystem.no-cursor
{
    pointer-events: none;
    width: 190px;
    min-height: 90px;
}
.btn-with-icon
{
    cursor: pointer;
    color: #fff;
    border: 1px solid #ffffff4d;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-block: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.btn-with-icon:before
{
    content: "";
    filter: invert(100);
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: block;
}
.btn-with-icon:disabled, .btn-with-icon[disabled]
{
    pointer-events: none;
    color: #dedede!important;
    background-color: #757388!important;
}
.btn-with-icon.is-primary
{
    background-color: #069e83;
    border-color: #0000;
}
.btn-with-icon.is-primary:hover
{
    background-color: #0bbf9f;
}
.btn-with-icon.is-secondary
{
    background-color: #2962ff;
    border-color: #0000;
}
.btn-with-icon.is-secondary.is-medium, .btn-with-icon.is-secondary.bonus-dice-banner__btn
{
    height: 48px;
    font-size: 16px;
    line-height: 19px;
}
.btn-with-icon.is-secondary.is-large
{
    height: 68px;
    font-size: 20px;
    line-height: 23px;
}
.btn-with-icon.is-secondary.is-extra-large
{
    background-color: #000abe;
    border-color: #ffffff80;
}
.btn-with-icon.is-secondary:hover
{
    background-color: #507eff;
}
.btn-with-icon.is-secondary:active
{
    background-color: #507eff80;
}
.btn-with-icon.is-transparent
{
    background-color: #0000;
    border-color: #ffffff4d;
}
.btn-with-icon.is-transparent:hover
{
    border-color: #fff;
}
.btn-with-icon.is-transparent:active, .btn-with-icon.is-additional, .btn-with-icon.bonus-dice-banner__btn
{
    color: #0b0833;
    background-color: #fff;
}
.btn-with-icon.is-additional:after, .btn-with-icon.bonus-dice-banner__btn:after, .btn-with-icon.is-additional:before, .btn-with-icon.bonus-dice-banner__btn:before
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.btn-with-icon.is-additional:hover, .btn-with-icon.bonus-dice-banner__btn:hover
{
    background-color: #868a92;
}
.btn-with-icon.is-additional:active, .btn-with-icon.bonus-dice-banner__btn:active
{
    background-color: #f6f6f499;
}
.btn-with-icon.is-profile
{
    color: #2962ff;
    text-align: center;
    background-color: #0000;
    border: 1px solid #2962ff;
    min-width: 256px;
    height: 56px;
    padding: 18px 16px;
}
.btn-with-icon.is-profile:hover
{
    color: #0b0833;
    background-color: #fff;
    border-color: #fff;
}
.btn-with-icon.is-profile:active
{
    color: #2962ff;
    background-color: #fff;
    border-color: #fff;
}
.btn-with-icon.is-small
{
    height: 40px;
    padding-inline: 20px;
    font-size: 16px;
    line-height: 19px;
}
.btn-with-icon.is-medium, .btn-with-icon.bonus-dice-banner__btn
{
    height: 48px;
    padding-inline: 16px;
    font-size: 16px;
    line-height: 19px;
}
.btn-with-icon.is-large
{
    height: 66px;
    padding-inline: 40px;
    font-size: 28px;
    line-height: 33px;
}
.btn-with-icon.is-extra-large
{
    height: 88px;
    padding-inline: 104px;
    font-size: 28px;
    line-height: 33px;
}
.btn-with-img
{
    cursor: pointer;
    color: #fff;
    background-color: #0000;
    border: 1px solid #ffffff4d;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.btn-with-img__img
{
    width: 20px;
    height: 20px;
    display: block;
}
.btn-with-img:disabled, .btn-with-img[disabled]
{
    pointer-events: none;
    color: #dedede!important;
    background-color: #757388!important;
}
.btn-with-img.is-primary
{
    background-color: #069e83;
    border-color: #0000;
}
.btn-with-img.is-primary:hover
{
    background-color: #0bbf9f;
}
.btn-with-img.is-secondary
{
    background-color: #2962ff;
    border-color: #0000;
}
.btn-with-img.is-secondary.is-medium, .btn-with-img.is-secondary.bonus-dice-banner__btn
{
    height: 48px;
    font-size: 16px;
    line-height: 19px;
}
.btn-with-img.is-secondary.is-large
{
    height: 68px;
    font-size: 20px;
    line-height: 23px;
}
.btn-with-img.is-secondary.is-extra-large
{
    background-color: #000abe;
    border-color: #ffffff80;
}
.btn-with-img.is-secondary:hover
{
    background-color: #507eff;
}
.btn-with-img.is-secondary:active
{
    background-color: #507eff80;
}
.btn-with-img.is-transparent
{
    background-color: #0000;
    border-color: #ffffff4d;
}
.btn-with-img.is-transparent:hover
{
    border-color: #fff;
}
.btn-with-img.is-transparent:active, .btn-with-img.is-additional, .btn-with-img.bonus-dice-banner__btn
{
    color: #0b0833;
    background-color: #fff;
}
.btn-with-img.is-additional:after, .btn-with-img.bonus-dice-banner__btn:after, .btn-with-img.is-additional:before, .btn-with-img.bonus-dice-banner__btn:before
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.btn-with-img.is-additional:hover, .btn-with-img.bonus-dice-banner__btn:hover
{
    background-color: #868a92;
}
.btn-with-img.is-additional:active, .btn-with-img.bonus-dice-banner__btn:active
{
    background-color: #f6f6f499;
}
.btn-with-img.is-profile
{
    color: #2962ff;
    text-align: center;
    background-color: #0000;
    border: 1px solid #2962ff;
    min-width: 256px;
    height: 56px;
    padding: 18px 16px;
}
.btn-with-img.is-profile:hover
{
    color: #0b0833;
    background-color: #fff;
    border-color: #fff;
}
.btn-with-img.is-profile:active
{
    color: #2962ff;
    background-color: #fff;
    border-color: #fff;
}
.btn-with-img.is-small
{
    height: 40px;
    padding-inline: 20px;
    font-size: 16px;
    line-height: 19px;
}
.btn-with-img.is-medium, .btn-with-img.bonus-dice-banner__btn
{
    height: 48px;
    padding-inline: 16px;
    font-size: 16px;
    line-height: 19px;
}
.btn-with-img.is-large
{
    height: 66px;
    padding-inline: 40px;
    font-size: 28px;
    line-height: 33px;
}
.btn-with-img.is-extra-large
{
    height: 88px;
    padding-inline: 104px;
    font-size: 28px;
    line-height: 33px;
}
.btn, .bonus-dice-banner__btn
{
    vertical-align: middle;
    color: #fff;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: #069e83;
    border: 1px solid #0000;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition: all .2s;
    display: inline-flex;
}
.btn:hover, .bonus-dice-banner__btn:hover
{
    background-color: #0bbf9f;
}
.btn:active, .bonus-dice-banner__btn:active
{
    background: #069e8380;
}
.btn:disabled, .bonus-dice-banner__btn:disabled, .btn[disabled], [disabled].bonus-dice-banner__btn
{
    pointer-events: none;
    color: #dedede!important;
    background-color: #757388!important;
}
.btn.is-secondary, .is-secondary.bonus-dice-banner__btn
{
    background-color: #2962ff;
}
.btn.is-secondary.is-medium, .is-secondary.bonus-dice-banner__btn
{
    height: 48px;
    font-size: 16px;
    line-height: 19px;
}
.btn.is-secondary.is-large, .is-secondary.is-large.bonus-dice-banner__btn
{
    height: 68px;
    font-size: 20px;
    line-height: 23px;
}
.btn.is-secondary.is-extra-large, .is-secondary.is-extra-large.bonus-dice-banner__btn
{
    background-color: #000abe;
    border-color: #ffffff80;
}
.btn.is-secondary:hover, .is-secondary.bonus-dice-banner__btn:hover
{
    background-color: #507eff;
}
.btn.is-secondary:active, .is-secondary.bonus-dice-banner__btn:active
{
    background-color: #507eff80;
}
.btn.is-transparent, .is-transparent.bonus-dice-banner__btn
{
    background-color: #fff0;
    border-color: #ffffff4d;
}
.btn.is-transparent:hover, .is-transparent.bonus-dice-banner__btn:hover
{
    border-color: #fff;
}
.btn.is-transparent:active, .is-transparent.bonus-dice-banner__btn:active, .btn.is-additional, .bonus-dice-banner__btn
{
    color: #0b0833;
    background-color: #fff;
}
.btn.is-additional:after, .bonus-dice-banner__btn:after, .btn.is-additional:before, .bonus-dice-banner__btn:before
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.btn.is-additional:hover, .bonus-dice-banner__btn:hover
{
    background-color: #dedede;
}
.btn.is-additional:active, .bonus-dice-banner__btn:active
{
    background-color: #f6f6f499;
}
.btn.is-profile, .is-profile.bonus-dice-banner__btn
{
    color: #2962ff;
    text-align: center;
    background-color: #0000;
    border: 1px solid #2962ff;
    min-width: 256px;
    height: 56px;
    padding: 18px 16px;
}
.btn.is-profile:hover, .is-profile.bonus-dice-banner__btn:hover
{
    color: #0b0833;
    background-color: #fff;
    border-color: #fff;
}
.btn.is-profile:active, .is-profile.bonus-dice-banner__btn:active
{
    color: #2962ff;
    background-color: #fff;
    border-color: #fff;
}
.btn.is-small, .is-small.bonus-dice-banner__btn
{
    height: 40px;
    padding-inline: 20px;
    font-size: 16px;
    line-height: 19px;
}
.btn.is-medium, .bonus-dice-banner__btn
{
    height: 48px;
    padding-inline: 16px;
    font-size: 16px;
    line-height: 19px;
}
.btn.is-large, .is-large.bonus-dice-banner__btn
{
    height: 66px;
    padding-inline: 40px;
    font-size: 28px;
    line-height: 33px;
}
.btn.is-extra-large, .is-extra-large.bonus-dice-banner__btn
{
    height: 88px;
    padding-inline: 104px;
    font-size: 28px;
    line-height: 33px;
}
.btn.is-auto-height, .is-auto-height.bonus-dice-banner__btn
{
    height: auto;
    text-overflow: initial;
    white-space: normal;
}
.btn.is-auto-height.is-small, .is-auto-height.is-small.bonus-dice-banner__btn
{
    min-height: 40px;
    padding-block: 10px;
}
.btn.is-auto-height.is-medium, .is-auto-height.bonus-dice-banner__btn
{
    min-height: 48px;
    padding-block: 14px;
}
.btn.is-auto-height.is-large, .is-auto-height.is-large.bonus-dice-banner__btn
{
    min-height: 66px;
    padding-block: 16px;
}
.btn.is-auto-height.is-extra-large, .is-auto-height.is-extra-large.bonus-dice-banner__btn
{
    min-height: 88px;
    padding-block: 27px;
    padding-inline: 27px;
}
.btn.is-wide, .is-wide.bonus-dice-banner__btn
{
    padding-inline: 48px;
}
.btn.is-full, .is-full.bonus-dice-banner__btn
{
    width: 100%;
}
.btn.is-play, .is-play.bonus-dice-banner__btn
{
    flex-direction: row;
}
.btn.is-play:before, .is-play.bonus-dice-banner__btn:before
{
    content: "";
    background-image: var(--icon-play);
    filter: invert();
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: block;
}
.btn.has-arrow, .has-arrow.bonus-dice-banner__btn
{
    flex-direction: row;
}
.btn.has-arrow:after, .has-arrow.bonus-dice-banner__btn:after
{
    content: "";
    background-image: var(--icon-arrow-right);
    filter: invert();
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: 8px;
    display: block;
}
.btn.has-icon, .has-icon.bonus-dice-banner__btn
{
    flex-direction: row;
}
.btn.has-icon img, .has-icon.bonus-dice-banner__btn img
{
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.btn.is-icon, .is-icon.bonus-dice-banner__btn
{
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
}
.btn.is-icon:before, .is-icon.bonus-dice-banner__btn:before
{
    content: "";
    filter: invert();
    background-size: cover;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 1279px)
{
    .btn.is-quickdep, .is-quickdep.bonus-dice-banner__btn
    {
        padding: 0 10px;
        font-size: 0;
    }
    .btn.is-quickdep:before, .is-quickdep.bonus-dice-banner__btn:before
    {
        content: "";
        filter: invert();
        width: 20px;
        height: 20px;
    }
}
.btn.is-rega-modal, .is-rega-modal.bonus-dice-banner__btn
{
    align-self: center;
}
.btn.btn-limits, .btn-limits.bonus-dice-banner__btn
{
    padding: 0 43px;
}
.form-box
{
    width: 280px;
    max-width: 100%;
    margin-inline: auto;
    position: relative;
}
.is-rega .form-box, .is-login .form-box, .is-restoration .form-box
{
    width: 100%;
}
.selfcontrol-deposit-form .form-box
{
    width: 360px;
}
.form-box.is-search
{
    width: var(--container-width);
    margin-inline: 0 auto;
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 2px;
    align-items: stretch;
    max-width: calc(100% - 48px);
    margin-bottom: 4px;
    display: flex;
}
.form-box.is-search .form-input.is-search, .form-box.is-search .is-search.form-select
{
    border: none;
    margin: 0;
    padding-inline: 16px 40px;
}
.form-box.is-search.search-active .form-input.is-search, .form-box.is-search.search-active .is-search.form-select
{
    padding-inline-end: 16px;
}
.form-box.is-search>span:last-child
{
    align-items: center;
    display: flex;
}
.form-box.is-promo
{
    margin: 0;
}
.form-box.is-bankid
{
    width: 320px;
    margin-inline: auto;
}
.form-box.is-bankid .form-error p
{
    text-align: center;
}
.form-box__icon
{
    pointer-events: none;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    position: absolute!important;
}
.form-box__icon:after
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%)!important;
}
.form-box__currency-icon
{
    color: #757388;
    opacity: .6;
    top: 14.5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    position: absolute;
    inset-inline-start: 12px;
}
.form-box__currency-icon.is-search
{
    color: #0b0833;
    opacity: 1;
    text-transform: lowercase;
    width: fit-content;
    inset: unset;
    z-index: 2;
    background: #fff;
    align-items: center;
    padding: 0 10px;
    font-weight: 400;
    text-decoration: underline;
    display: flex;
    position: relative;
}
.form-box__currency-icon.is-search:hover
{
    font-weight: 500;
}
.is-promo .form-box__currency-icon
{
    color: #0b0833;
    opacity: 1;
    top: 13px;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    inset-inline-start: 24px;
}
.form-box.is-search-game
{
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 2px;
    align-items: stretch;
    width: 100%;
    margin-bottom: 4px;
    display: flex;
}
.form-box.is-search-game .form-input.is-search, .form-box.is-search-game .is-search.form-select
{
    border: none;
    margin: 0;
    padding-inline: 16px 40px;
}
.form-box.is-search-game.search-active .form-input.is-search, .form-box.is-search-game.search-active .is-search.form-select
{
    padding-inline-end: 16px;
}
.form-box.is-search-game>span:last-child
{
    align-items: center;
    display: flex;
}
.form-check
{
    display: none;
}
.form-check__label
{
    color: #fff;
    cursor: pointer;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
}
.form-check__label:hover .form-check__block
{
    border-color: #2962ff;
}
.form-check__block
{
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 2px;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    transition: all .2s;
}
.form-check__text
{
    color: #fff;
    width: calc(100% - 33px);
    max-width: calc(100% - 33px);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.form-check__text a
{
    color: #fff;
    text-decoration: underline;
    transition: all .2s;
}
.form-check__text a:hover
{
    color: #757388;
}
.form-check .form-error
{
    width: 100%;
    min-width: 100%;
}
.form-check:checked+label .form-check__block
{
    background-color: #757388;
    border-color: #757388;
}
.form-check:checked+label .form-check__block:before
{
    content: "";
    background-image: var(--icon-check);
    filter: invert(82%) sepia(36%) saturate(673%) hue-rotate(71deg) brightness(92%) contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 100%;
    height: 100%;
    transition: all .2s;
    display: block;
}
.form-check.ng-invalid.ng-touched+label .form-check__block, .form-check.ng-invalid.ng-dirty+label .form-check__block
{
    border-color: #ff4e4e;
}
.form-choose
{
    cursor: pointer;
    color: #fff;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    display: flex;
}
.form-choose:before
{
    content: "";
    background-color: #757388;
    border: 2px solid #0000;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    transition: transform .3s;
    display: block;
    transform: scale(.8);
}
.form-choose:hover:before
{
    background-color: #757388;
    border-color: #fff;
    transform: none;
}
.form-choose.active:before
{
    background-color: #2962ff;
    border-color: #fff;
    transform: none;
}
.form-error p
{
    color: #ff4e4e;
    text-align: start;
    width: 100%;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}
.form-input.ng-invalid.ng-touched:focus~.form-label .form-error .g-min, .ng-invalid.ng-touched.form-select:focus~.form-label .form-error .g-min, .form-input.ng-invalid.ng-touched:focus~.form-label .form-error .g-max, .ng-invalid.ng-touched.form-select:focus~.form-label .form-error .g-max, .form-input.ng-touched.ng-invalid-over18:focus~.form-label .form-error .g-over-18, .ng-touched.ng-invalid-over18.form-select:focus~.form-label .form-error .g-over-18, .form-input.ng-invalid.ng-touched.ng-invalid-email:focus~.form-label .form-error .g-pattern, .form-input.ng-invalid.ng-touched:focus~.form-label .form-error .g-pattern, .ng-invalid.ng-touched.form-select:focus~.form-label .form-error .g-pattern, .form-input.ng-invalid.ng-touched:focus~.form-label .form-error .g-required, .ng-invalid.ng-touched.form-select:focus~.form-label .form-error .g-required, .form-select.ng-untouched.ng-empty~.form-label .form-error .g-required, .form-input.low-balance.ng-touched:focus~.form-label .form-error .g-low-balance, .low-balance.ng-touched.form-select:focus~.form-label .form-error .g-low-balance, .ng-untouched~.form-error
{
    display: none!important;
}
.form-input.ng-invalid-min.ng-touched~.form-label .form-error .g-min, .ng-invalid-min.ng-touched.form-select~.form-label .form-error .g-min, .form-input.ng-invalid-max.ng-touched~.form-label .form-error .g-max, .ng-invalid-max.ng-touched.form-select~.form-label .form-error .g-max, .form-input.ng-not-empty.ng-invalid-over18.ng-touched~.form-label .form-error .g-over-18, .ng-not-empty.ng-invalid-over18.ng-touched.form-select~.form-label .form-error .g-over-18, .form-input.ng-invalid-email.ng-touched~.form-label .form-error .g-pattern, .ng-invalid-email.ng-touched.form-select~.form-label .form-error .g-pattern, .form-input.ng-invalid-password-verify.ng-touched~.form-label .form-error .g-password-verify, .ng-invalid-password-verify.ng-touched.form-select~.form-label .form-error .g-password-verify, .form-input.ng-invalid-parse.ng-invalid-parse-remove.ng-touched~.form-label .form-error .g-required, .ng-invalid-parse.ng-invalid-parse-remove.ng-touched.form-select~.form-label .form-error .g-required, .form-input.ng-invalid.ng-invalid-required.ng-touched~.form-label .form-error .g-required, .ng-invalid.ng-invalid-required.ng-touched.form-select~.form-label .form-error .g-required, .form-select.ng-empty~.form-label .form-error .g-required, .form-checkbox input.ng-untouched.ng-dirty.ng-valid-parse.ng-empty.ng-invalid.ng-invalid-required~.form-label .form-error .g-required, .form-input.low-balance.ng-touched~.form-label .form-error .g-low-balance, .low-balance.ng-touched.form-select~.form-label .form-error .g-low-balance, .form-input.ng-invalid-date.ng-touched~.form-label .form-error .g-pattern, .ng-invalid-date.ng-touched.form-select~.form-label .form-error .g-pattern
{
    display: inline-block;
}
.form-input.ng-invalid-phone.ng-empty:not(.ng-untouched)~.form-label .form-error .g-pattern, .ng-invalid-phone.ng-empty.form-select:not(.ng-untouched)~.form-label .form-error .g-pattern
{
    display: none;
}
.form-input.ng-invalid-phone.ng-not-empty:not(.ng-untouched)~.form-label .form-error .g-pattern, .ng-invalid-phone.ng-not-empty.form-select:not(.ng-untouched)~.form-label .form-error .g-pattern
{
    display: inline-block;
}
.form-input.ng-invalid-phone.ng-not-empty:not(.ng-untouched)~.form-label .form-error .g-required, .ng-invalid-phone.ng-not-empty.form-select:not(.ng-untouched)~.form-label .form-error .g-required, .form-error__amount
{
    display: none;
}
.ng-invalid-amount~.form-label .form-error .form-error__amount
{
    display: inline-block;
}
.form-checkbox input.ng-untouched.ng-dirty.ng-valid-parse.ng-empty.ng-invalid.ng-invalid-required~.form-label .form-error
{
    display: inline-block!important;
}
.form-input-button
{
    color: #0b083380;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #dedede;
    border-radius: 2px;
    padding: 10px 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition: all .2s;
    position: absolute;
    top: 4px;
    right: 4px;
}
.form-input-button:active
{
    background-color: #507eff;
}
.form-input-currency
{
    color: #757388;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    top: 14px;
    left: 12px;
}
.form-input, .form-select
{
    box-sizing: border-box;
    color: #0b0833;
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 2px;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding-inline: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    transition: all .2s;
    display: block;
}
.form-input[type=number], [type=number].form-select
{
    -moz-appearance: textfield;
}
.form-input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
[type=number].form-select::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.form-input[type=number]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
[type=number].form-select::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.form-input[type=password], [type=password].form-select
{
    padding-inline-end: 40px;
}
.form-input[type=date], [type=date].form-select, .form-input.is-date, .is-date.form-select
{
    color: #0b0833;
    appearance: none;
}
.form-input[type=date]::placeholder, [type=date].form-select::placeholder, .form-input.is-date::placeholder, .is-date.form-select::placeholder
{
    color: #0b0833;
    opacity: 1;
}
.form-input[type=date]:not(.has-value):before, [type=date].form-select:not(.has-value):before, .form-input.is-date:not(.has-value):before, .is-date.form-select:not(.has-value):before
{
    content: attr(placeholder);
    color: #757388;
    text-transform: uppercase;
    vertical-align: top;
    font-size: 12px;
    font-weight: 400;
    line-height: 36px;
    display: block;
}
.form-input[type=date]:focus:before, [type=date].form-select:focus:before, .form-input[type=date]:active:before, [type=date].form-select:active:before, .form-input[type=date].has-value:before, [type=date].has-value.form-select:before, .form-input.is-date:focus:before, .is-date.form-select:focus:before, .form-input.is-date:active:before, .is-date.form-select:active:before, .form-input.is-date.has-value:before, .is-date.has-value.form-select:before
{
    display: none;
    content: ""!important;
}
.form-input[type=date]:focus::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
[type=date].form-select:focus::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.form-input[type=date]:active::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
[type=date].form-select:active::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.form-input[type=date].has-value::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
[type=date].has-value.form-select::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.form-input.is-date:focus::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.is-date.form-select:focus::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.form-input.is-date:active::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.is-date.form-select:active::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.form-input.is-date.has-value::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.is-date.has-value.form-select::-webkit-datetime-edit-fields-wrapper
{
    align-items: center;
    height: 31px;
    display: flex;
}
.form-input[type=date]:focus, [type=date].form-select:focus, .form-input.is-date:focus, .is-date.form-select:focus
{
    color: #0b0833;
    background-color: #fff;
    outline: 0;
}
.form-input[type=date].ng-invalid, [type=date].ng-invalid.form-select, .form-input[type=date].ng-invalid.ng-touched:before, [type=date].ng-invalid.ng-touched.form-select:before, .form-input.is-date.ng-invalid, .is-date.ng-invalid.form-select, .form-input.is-date.ng-invalid.ng-touched:before, .is-date.ng-invalid.ng-touched.form-select:before, .form-input[type=date].ng-invalid::placeholder, [type=date].ng-invalid.form-select::placeholder, .form-input.is-date.ng-invalid::placeholder, .is-date.ng-invalid.form-select::placeholder
{
    color: #ff4e4e;
}
.form-input.is-datepicker, .is-datepicker.form-select
{
    cursor: pointer;
}
.form-input::placeholder, .form-select::placeholder
{
    color: #757388;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.form-input.ng-untouched.ng-empty::placeholder, .ng-untouched.ng-empty.form-select::placeholder
{
    color: inherit;
}
.form-input.ng-empty.ng-touched, .ng-empty.ng-touched.form-select, .form-input.ng-untouched.ng-empty, .ng-untouched.ng-empty.form-select, .form-input.ng-untouched.ng-dirty.ng-empty
{
    color: #757388;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.form-input:hover, .form-select:hover, .form-input:focus, .form-select:focus
{
    border-color: #2962ff;
}
.form-input.ng-invalid.ng-touched:not(:focus), .ng-invalid.ng-touched.form-select:not(:focus), .form-input.ng-touched.low-balance:not(:focus), .ng-touched.low-balance.form-select:not(:focus)
{
    color: #0b0833;
    border-color: #ff4e4e;
}
.form-input.ng-invalid.ng-touched:not(:focus)::placeholder, .ng-invalid.ng-touched.form-select:not(:focus)::placeholder
{
    color: #757388;
}
.form-input:disabled, .form-select:disabled
{
    cursor: none;
    pointer-events: none;
    background-color: #757388;
}
.form-input:disabled::placeholder, .form-select:disabled::placeholder
{
    color: #0b0833;
}
.form-input.is-search, .is-search.form-select
{
    color: #0b0833;
    padding: 10px 70px 10px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.form-input.is-search::placeholder, .is-search.form-select::placeholder
{
    color: #757388;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}
.form-input.is-promo, .is-promo.form-select
{
    height: 56px;
    padding-block: 12px;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
}
.form-input.is-promo.is-currency, .is-promo.is-currency.form-select
{
    padding-left: 38px;
    padding-right: 24px;
}
.form-input.is-promo::placeholder, .is-promo.form-select::placeholder
{
    color: #757388;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
}
.form-input.with-button:active+.form-label .form-input-button, .with-button.form-select:active+.form-label .form-input-button, .form-input.with-button:focus+.form-label .form-input-button, .with-button.form-select:focus+.form-label .form-input-button, .form-input.with-button.ng-not-empty+.form-label .form-input-button, .with-button.ng-not-empty.form-select+.form-label .form-input-button
{
    color: #fff;
    background-color: #2962ff;
}
.form-input.is-bank, .is-bank.form-select
{
    color: #0b0833;
    text-align: center;
    border: 1px solid #e7e7e4;
    height: 48px;
    padding-inline: 26px 12px;
    font-size: 16px;
    font-weight: 800;
    line-height: 32px;
}
.form-input.is-bank::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.is-bank.form-select::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.form-input.is-bank::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.is-bank.form-select::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.form-input.has-cashbox-ph::placeholder, .has-cashbox-ph.form-select::placeholder
{
    font-size: 18px;
    font-weight: 400;
}
.form-input.has-cashbox-ph::-webkit-input-placeholder
{
    font-size: 18px;
    font-weight: 400;
}
.has-cashbox-ph.form-select::-webkit-input-placeholder
{
    font-size: 18px;
    font-weight: 400;
}
.form-input.has-removed-arrows-for-type-number::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.has-removed-arrows-for-type-number.form-select::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.form-input.has-removed-arrows-for-type-number::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.has-removed-arrows-for-type-number.form-select::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.form-label
{
    color: #757388;
    text-align: start;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}
.form-name
{
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: start;
    max-width: 100%;
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    display: block;
    overflow: hidden;
}
.form-radio__input
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 6px 16px 6px 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    transition: all .2s;
    position: relative;
    overflow: hidden;
}
.form-radio__input:before
{
    content: "";
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
}
input:checked~.form-radio__input:before, input:checked:disabled~.form-radio__input:before
{
    box-sizing: content-box;
    background-color: #069e83;
    border-color: #fff;
    left: 11px;
}
.form-radio__input:hover:before
{
    box-sizing: content-box;
    border-color: #069e83;
    left: 11px;
}
.form-select
{
    background-image: var(--icon-arrow-down-blue);
    appearance: none;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    padding: 10px 40px 10px 16px;
}
.form-select:disabled
{
    background-color: #757388;
    background-image: var(--icon-arrow-down-disabled);
}
.form-select:disabled::placeholder
{
    color: #0b0833;
}
.form-show-pass
{
    background-color: #fff;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 22px;
    right: 2px;
}
.form-show-pass:before
{
    content: "";
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}
.form-show-pass:hover
{
    cursor: pointer;
    background-color: #dedede;
}
.form-show-pass.without-label
{
    top: 2px;
}
.form-toggle-radio
{
    grid-column-gap: 8px;
    grid-template-columns: repeat(2,1fr);
    width: 100%;
    display: grid;
}
.form-toggle-radio__item
{
    overflow: hidden;
}
.form-toggle-radio__input
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    background: #0e1147;
    border: 1px solid #fff;
    border-radius: 2px;
    align-items: center;
    width: 100%;
    min-width: 36px;
    height: 40px;
    padding: 6px 16px 6px 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.form-toggle-radio__input:before
{
    content: "";
    background-color: #fff;
    border: 2px solid #0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
}
input:checked~.form-toggle-radio__input, input:checked:disabled~.form-toggle-radio__input
{
    background: #050978;
}
input:checked~.form-toggle-radio__input:before, input:checked:disabled~.form-toggle-radio__input:before
{
    box-sizing: content-box;
    background-color: #069e83;
    border-color: #fff;
    left: 11px;
}
.form-toggle-radio__input:hover
{
    border-color: #2962ff;
}
.form-toggle-radio__input:hover:before
{
    box-sizing: content-box;
    border-color: #069e83;
    left: 11px;
}
.form-tooltip
{
    color: #fff;
    z-index: 1;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    display: none;
}
.has-tooltip.ng-invalid:focus+.form-label .form-tooltip, .has-tooltip.ng-invalid.ng-touched:not(.ng-invalid-required,.ng-invalid-maxlength)+.form-label .form-tooltip, .has-tooltip.ng-invalid.ng-dirty:not(.ng-invalid-required,.ng-invalid-maxlength)+.form-label .form-tooltip
{
    display: block;
}
.has-tooltip+.form-label .g-tooltip-min, .has-tooltip+.form-label .g-tooltip-number, .has-tooltip+.form-label .g-tooltip-low, .has-tooltip+.form-label .g-tooltip-up
{
    color: #fff;
}
.has-tooltip.ng-valid-min:focus+.form-label .g-tooltip-min, .has-tooltip.ng-valid-number:focus+.form-label .g-tooltip-number, .has-tooltip.ng-valid-low:focus+.form-label .g-tooltip-low, .has-tooltip.ng-valid-up:focus+.form-label .g-tooltip-up
{
    color: #63df7f;
}
.has-tooltip.ng-invalid-min.ng-touched:not(:focus)+.form-label .g-tooltip-min, .has-tooltip.ng-invalid-number.ng-touched:not(:focus)+.form-label .g-tooltip-number, .has-tooltip.ng-invalid-low.ng-touched:not(:focus)+.form-label .g-tooltip-low, .has-tooltip.ng-invalid-up.ng-touched:not(:focus)+.form-label .g-tooltip-up
{
    color: #ff4e4e;
}
.has-tooltip.ng-valid-min.ng-touched:not(:focus)+.form-label .g-tooltip-min, .has-tooltip.ng-valid-number.ng-touched:not(:focus)+.form-label .g-tooltip-number, .has-tooltip.ng-valid-low.ng-touched:not(:focus)+.form-label .g-tooltip-low, .has-tooltip.ng-valid-up.ng-touched:not(:focus)+.form-label .g-tooltip-up
{
    color: #fff;
}
.header-user-btn
{
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition-property: background-color;
    transition-duration: .2s;
    display: flex;
    position: relative;
}
.header-user-btn:before, .header-user-btn:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 100%;
    height: 100%;
    transition: transform .2s;
    display: flex;
    position: absolute;
}
.header-user-btn:after
{
    background-image: var(--icon-close);
    transform: scale(0);
}
.header-user-btn:before
{
    background-image: var(--icon-user);
}
.header-user-btn__dot
{
    background-color: #ff4e4e;
    border-radius: 12px;
    width: 8px;
    height: 8px;
    transition-property: transform;
    transition-duration: .2s;
    position: absolute;
    top: 2px;
    right: 2px;
}
.header-user-btn:hover, .is-user-menu-open .header-user-btn
{
    background-color: #0e1147;
}
.is-user-menu-open .header-user-btn__dot, .is-user-menu-open .header-user-btn:before
{
    transform: scale(0);
}
.is-user-menu-open .header-user-btn:after
{
    transform: scale(1);
}
.link-arr
{
    color: #fff;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    display: inline-flex;
    position: relative;
}
.link-arr:before
{
    content: "";
    filter: invert(100);
    background-image: var(--icon-arrow-right);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 20px;
    display: block;
    position: absolute;
    top: 10px;
    right: -32px;
}
.link-arr:hover:before
{
    animation: .8s linear infinite moveArrLink;
}
@keyframes moveArrLink
{
    50%
    {
        transform: translate(20px);
    }
}
@keyframes moveAfterLink
{
    0%
    {
        opacity: 0;
        transform: translate(-40%);
    }
    to
    {
        opacity: 1;
        transform: translate(0);
    }
}
.link
{
    cursor: pointer;
    color: #fff;
    background-color: #0000;
    border: none;
    max-width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    text-decoration: underline;
    transition-property: color;
    transition-duration: .2s;
    display: inline-block;
}
.link[class*=__before]:before, .link[class*=__after]:after
{
    content: "";
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    margin-inline-end: 8px;
    transition-property: filter;
    transition-duration: .2s;
    display: inline-block;
}
.is-modal .link[class*=__before]:before, .is-modal .link[class*=__after]:after
{
    filter: invert();
    width: 16px;
    height: 16px;
    margin-inline-end: 2px;
}
.link.is-modal:hover:before
{
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
}
.link:before
{
    margin-inline-end: 4px;
}
.link:after
{
    margin-inline-start: 4px;
}
.link.is-icon
{
    text-decoration: none;
}
.link.is-icon:hover
{
    font-weight: 500;
}
.link.is-medium, .link.bonus-dice-banner__btn
{
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.link.is-medium:before, .link.bonus-dice-banner__btn:before, .link.is-medium:after, .link.bonus-dice-banner__btn:after
{
    filter: invert();
    width: 16px;
    height: 16px;
}
.link.is-medium:before, .link.bonus-dice-banner__btn:before
{
    margin-inline-end: 8px;
}
.link.is-medium:after, .link.bonus-dice-banner__btn:after
{
    margin-inline-start: 8px;
}
.link.is-medium:hover, .link.bonus-dice-banner__btn:hover
{
    font-weight: 700;
}
.link.is-large
{
    letter-spacing: .05em;
    font-size: 28px;
    font-weight: 400;
    line-height: 34px;
}
.link.is-large:before, .link.is-large:after
{
    filter: invert();
    width: 16px;
    height: 16px;
}
.link.is-large:before
{
    margin-inline-end: 4px;
}
.link.is-large:after
{
    margin-inline-start: 4px;
}
.link.is-grey
{
    color: #757388;
}
.link.is-grey:hover
{
    color: #fff;
}
.link.is-blue
{
    color: #2962ff;
}
.link.is-blue:before, .link.is-blue:after
{
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
}
.link.is-blue:hover
{
    color: #fff;
}
.link.is-blue:hover:before, .link.is-blue:hover:after
{
    filter: invert();
}
.link.is-blue.icon-arrow-down-blue__after:after
{
    filter: none;
}
.link.is-blue.icon-arrow-down-blue__after:hover:before, .link.is-blue.icon-arrow-down-blue__after:hover:after
{
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(1000%) contrast();
}
.link.is-blue.is-inverse:hover
{
    color: #0b0833;
}
.link.is-blue.is-inverse:hover:before, .link.is-blue.is-inverse:hover:after
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.link.is-blue-dark
{
    color: #0b0833;
}
.link.is-blue-dark:before, .link.is-blue-dark:after
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.link:hover
{
    color: #757388;
}
.link:hover:before, .link:hover:after
{
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
}
.link.is-disabled, .link:disabled, .link[disabled]
{
    color: #757388;
    pointer-events: none;
}
.link.is-disabled:before, .link.is-disabled:after, .link:disabled:before, .link:disabled:after, .link[disabled]:before, .link[disabled]:after
{
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
}
.slider-arr
{
    z-index: 200;
    cursor: pointer;
    background-color: #0000;
    background-image: linear-gradient(270deg,#0b083300 0%,#0b0833 100%);
    border: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
}
.slider-arr.is-prev
{
    left: -40px;
}
.slider-arr.is-next
{
    right: -40px;
    transform: rotate(180deg);
}
.slider-arr:before
{
    content: "";
    background-image: var(--icon-arrow-left);
    filter: invert(100);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    transition: all .25s;
    display: block;
}
.slider-arr:hover:before
{
    opacity: .7;
}
.slider-arr.slick-disabled
{
    cursor: default;
    opacity: 0;
}
.slider-arr.is-vertical
{
    opacity: .7;
    background-image: none;
    width: 40px;
    height: 40px;
}
.slider-arr.is-vertical.is-prev
{
    top: 0;
    right: -40px;
    left: inherit;
}
.slider-arr.is-vertical.is-prev:before
{
    transform: rotate(90deg);
}
.slider-arr.is-vertical.is-next
{
    top: 300px;
    right: -40px;
    transform: rotate(-90deg);
}
@media screen and (min-width: 1680px)
{
    .slider-arr
    {
        width: 60px;
    }
    .slider-arr.is-prev
    {
        left: -60px;
    }
    .slider-arr.is-next
    {
        right: -60px;
    }
    .slider-arr:before
    {
        width: 36px;
        height: 36px;
    }
    .slider-arr.is-vertical:before
    {
        width: 28px!important;
        height: 28px!important;
    }
    .slider-arr.is-vertical.is-prev
    {
        right: -50px;
    }
    .slider-arr.is-vertical.is-next
    {
        top: 420px;
        right: -50px;
    }
}
@media screen and (min-width: 2200px)
{
    .slider-arr.is-vertical.is-next
    {
        top: 460px;
    }
}
.slider-arr.is-bnr
{
    width: 28px;
    height: 28px;
    top: inherit;
    left: inherit;
    background: 0 0;
    bottom: 82px;
}
.slider-arr.is-bnr.is-prev
{
    right: 212px;
}
.slider-arr.is-bnr.is-next
{
    right: 40px;
}
@media screen and (min-width: 1680px)
{
    .slider-arr.is-bnr.is-prev
    {
        right: 232px;
    }
    .slider-arr.is-bnr.is-next
    {
        right: 60px;
    }
}
.slider-dots
{
    justify-content: center;
    align-items: center;
    width: 0;
    display: flex;
}
.slider-dots li
{
    height: 20px;
    margin: 0 3px;
}
.slider-dots button
{
    opacity: .6;
    margin: 0;
    background-color: #0000;
    background-image: linear-gradient(#fff,#fff);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    border: none;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 0;
    transition: all .25s;
}
.slider-dots button:hover
{
    opacity: .8;
}
.slider-dots .slick-active button
{
    opacity: 1;
    width: 40px;
}
.slider-dots.is-bnr
{
    position: absolute;
    bottom: 90px;
    right: 140px;
}
@media screen and (min-width: 1680px)
{
    .slider-dots.is-bnr
    {
        right: 160px;
    }
}
.air-datepicker-global-container .air-datepicker
{
    --adp-z-index: 1000;
    --adp-cell-background-color-selected: #2962ff;
    --adp-cell-background-color-selected-hover: #2962ff;
    --adp-color-other-month-hover: #0e1147;
    --adp-color-other-month: #0e1147;
    --adp-color-current-date: #2962ff;
    --adp-cell-border-radius: 2px;
    --adp-border-color: #2962ff;
    --adp-font-size: 14px;
    --adp-color: #0e1147;
    --adp-day-name-color: #757388;
    --adp-day-name-color-hover: #757388;
    --adp-padding: 8px;
}
.air-datepicker-global-container .air-datepicker-nav--title
{
    letter-spacing: .56px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 120%;
}
.air-datepicker-global-container .air-datepicker-cell.-year-.-other-decade-, .air-datepicker-global-container .air-datepicker-cell.-day-.-other-month-
{
    opacity: .3;
}
.air-datepicker-global-container .air-datepicker-body--day-name
{
    text-transform: capitalize;
}
.air-datepicker-global-container .air-datepicker-nav
{
    box-sizing: border-box;
    border-bottom: 0;
    padding-bottom: 0;
}
.air-datepicker-global-container .air-datepicker-cell
{
    font-weight: 700;
}
.air-datepicker-global-container .air-datepicker-body--day-names
{
    margin-top: 0;
}
.air-datepicker-global-container .air-datepicker--pointer
{
    display: none;
}
.balls
{
    pointer-events: none;
    background-image: url(../../willbetgambling/image/u-sequence.svg);
    background-position: 50% -27.3px;
    background-size: cover;
    flex-shrink: 0;
    width: 500%;
    height: 500%;
    display: flex;
    scale: 1.72;
}
@media screen and (min-width: 1920px)
{
    .balls
    {
        scale: 2.05;
    }
}
.balls__wrap
{
    z-index: 1;
    justify-content: center;
    align-items: center;
    width: 628px;
    height: 540px;
    display: flex;
    position: absolute;
    inset-block-start: -34px;
    inset-inline-end: 60px;
    scale: .2;
}
@media screen and (min-width: 1440px)
{
    .balls__wrap
    {
        inset-inline-end: 120px;
    }
}
@media screen and (min-width: 1920px)
{
    .balls__wrap
    {
        inset-block-start: 3px;
        inset-inline-end: 223px;
    }
}
.date-picker-wrapper
{
    z-index: 4;
    background: #fff;
    border: 1px solid #dedede;
    position: absolute;
}
.date-picker-wrapper .month-wrapper
{
    justify-content: center;
    margin: 0 auto;
    padding: 0 10px 12px;
    display: flex;
    position: relative;
    overflow: hidden;
    width: 600px!important;
}
.date-picker-wrapper .month-wrapper table
{
    float: left;
    width: 252px;
    margin: 0 10px;
}
.date-picker-wrapper .month-wrapper tbody td
{
    cursor: pointer;
}
.date-picker-wrapper .month-wrapper .day
{
    text-align: center;
    color: #0b0833;
    width: 36px;
    height: 36px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 36px;
}
.date-picker-wrapper .month-wrapper .day.real-today:not(.checked), .date-picker-wrapper .month-wrapper .day.real-today:not(.hovering)
{
    text-decoration: underline;
}
.date-picker-wrapper .month-wrapper .day.checked, .date-picker-wrapper .month-wrapper .day.toMonth.hovering
{
    background: #dedede;
}
.date-picker-wrapper .month-wrapper .day.checked.first-date-selected, .date-picker-wrapper .month-wrapper .day.checked.last-date-selected
{
    color: #fff;
    background: #2962ff;
    font-weight: 900;
}
.date-picker-wrapper .month-wrapper .day:hover
{
    background: #dedede;
}
.date-picker-wrapper.single-date.single-month .month-wrapper
{
    width: 320px!important;
}
.date-picker-wrapper .month-name
{
    text-align: center;
    text-transform: capitalize;
    letter-spacing: .02em;
    color: #0b0833;
    height: 64px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.date-picker-wrapper .prev, .date-picker-wrapper .next
{
    float: left;
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: var(--icon-arrow-right);
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    width: 28px;
    height: 28px;
    margin-top: 20px;
    font-size: 0;
    position: absolute;
    left: 0;
}
.date-picker-wrapper .prev:hover, .date-picker-wrapper .next:hover
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.date-picker-wrapper .prev
{
    transform: translate(30px) rotate(180deg);
}
.date-picker-wrapper .next
{
    left: auto;
    right: 0;
    transform: translate(-30px);
}
.date-picker-wrapper .week-name
{
    text-transform: uppercase;
    color: #0b0833;
    opacity: .8;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}
.date-picker-wrapper .week-name th
{
    color: #48526b;
    opacity: .8;
    text-align: center;
    width: 38px;
    height: 35px;
    font-weight: 800;
}
.date-picker-wrapper .date-range-length-tip
{
    color: #fff;
    background-color: #686b6c;
    border-radius: 2px;
    margin-top: -4px;
    margin-left: -8px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 16px;
    display: none;
    position: absolute;
}
.date-picker-wrapper .date-range-length-tip:after
{
    content: "";
    border-top: 4px solid #686b6c;
    border-left: 4px solid #0000;
    border-right: 4px solid #0000;
    margin-left: -4px;
    position: absolute;
    bottom: -4px;
    left: 50%;
}
.date-picker-wrapper .select-wrapper
{
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.date-picker-wrapper .month-element
{
    vertical-align: middle;
    display: inline-block;
}
.date-picker-wrapper .select-wrapper select
{
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    appearance: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: .01;
    background: 0 0;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -1px;
    left: 0;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth
{
    color: #999;
    cursor: default;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip
{
    cursor: help!important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip, .date-picker-wrapper .time label
{
    white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .selected-days
{
    display: none;
}
.date-picker-wrapper .time
{
    position: relative;
}
.date-picker-wrapper.single-month .time
{
    display: block;
}
.date-picker-wrapper .hide
{
    display: none;
}
.gdpr-cookies
{
    text-align: center;
    z-index: 99999;
    bottom: 0;
    background: #0b0833;
    justify-content: center;
    align-items: center;
    width: fit-content;
    max-width: 400px;
    padding-block: 12px;
    padding-inline: 20px;
    display: flex;
    position: fixed;
    inset-inline-start: 50%;
    transform: translate(-50%);
}
.gdpr-cookies__text
{
    color: #fff;
    padding-inline-end: 20px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}
.gdpr-cookies__link
{
    color: #fff;
    text-decoration: underline;
    transition-property: all;
    transition-duration: .2s;
}
.gdpr-cookies__link:hover
{
    color: #757388;
}
.gdpr-cookies__btn.btn.is-small, .gdpr-cookies__btn.is-small.bonus-dice-banner__btn
{
    flex-shrink: 0;
    padding-inline: 16px;
}
.grid-reg__list
{
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
    display: grid;
}
.icon-box
{
    align-items: center;
    display: flex;
}
.icon-box__trustly
{
    width: 88px;
    height: 24px;
    margin: 0 6px;
}
.icon-box__img
{
    object-fit: contain;
    word-break: break-all;
    height: 100%;
    font-size: 10px;
    overflow: hidden;
}
.info-box
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 373px;
    margin: 12px auto 6px;
    display: flex;
}
.info-box__section
{
    background-color: #2962ff1a;
    border: 1px solid #2962ff;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    width: 100%;
    height: 100%;
    padding: 12px 16px;
    display: flex;
}
.info-box__content
{
    flex-direction: column;
    flex-shrink: 0;
    gap: 4px;
    display: flex;
}
.info-box__title
{
    color: #757388;
    letter-spacing: .05em;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}
.info-box__value
{
    color: #0e1147;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.info-box__notice
{
    color: #868a92;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
}
.info-box__btn-wrap
{
    justify-content: center;
    margin-top: 9px;
    display: flex;
}
.info-box__btn
{
    margin-top: 6px;
}
.info-seo
{
    max-width: 800px;
    height: 160px;
    margin-inline: auto;
    overflow: hidden;
}
.info-seo:empty
{
    display: none;
}
.info-seo.is-open
{
    height: auto;
}
.info-seo.is-open .link.is-show
{
    display: none;
}
.info-seo.is-open .link.is-hide
{
    display: flex;
}
.info-seo__content
{
    height: 90px;
    position: relative;
    overflow: hidden;
}
.info-seo__content:after
{
    content: "";
    vertical-align: middle;
    background: linear-gradient(#fff0 0%,#0e1147 64.58%);
    width: 100%;
    height: 84px;
    display: inline-block;
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
}
.is-open .info-seo__content
{
    height: auto;
}
.is-open .info-seo__content:after
{
    opacity: 0;
}
.info-seo__content section
{
    margin: 20px auto 0;
    position: relative;
}
.info-seo__content img
{
    display: none;
}
.info-seo__content h1, .info-seo__content h2
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.info-seo__content p
{
    color: #fff;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.info-seo__button.link
{
    margin-top: 30px;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}
.info-seo__button.link.is-hide
{
    display: none;
}
.info-seo__button.link.is-hide:after
{
    position: relative;
    top: 3px;
    transform: rotate(180deg);
}
.info-seo__button.link:after
{
    width: 12px;
    height: 12px;
}
.lang-list
{
    display: flex;
}
.lang-list__item
{
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    width: 28px;
    height: 28px;
}
.lang-list__item:not(:first-of-type)
{
    margin-left: 20px;
}
.lang-list__item:not(.active)
{
    opacity: .5;
}
.missed-data
{
    background-color: #0b0833;
    min-height: 100vh;
    padding-block: 48px 0;
    padding-inline: 92px;
}
.missed-data__parallax
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.missed-data__logo
{
    background-image: var(--icon-logo);
    margin-inline: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 207px;
    height: 32px;
    margin-bottom: 64px;
}
.missed-data__content
{
    background: #0b0833;
    border: 1px solid #75738880;
    flex-direction: column;
    justify-content: space-between;
    width: 640px;
    height: 600px;
    margin: 0 auto;
    padding-block-start: 34px;
    display: flex;
    position: relative;
}
.missed-data__scrolled-container
{
    width: calc(100% - 14px);
    max-height: 440px;
    padding-block-end: 40px;
    padding-inline: 32px 20px;
    position: relative;
    overflow: hidden scroll;
}
.missed-data__scrolled-container::-webkit-scrollbar
{
    width: 4px;
    padding-inline-end: 14px;
}
.missed-data__scrolled-container::-webkit-scrollbar-thumb
{
    cursor: pointer;
    background-color: #2962ff;
    transition-property: all;
    transition-duration: .2s;
}
.missed-data .info section
{
    border: 0;
    padding-inline: 0;
}
.missed-data__form
{
    padding-top: 24px;
    border-top: 1px solid #75738866;
    flex-direction: column;
    gap: 16px;
    padding-inline: 32px;
    display: flex;
}
.missed-data__form .form-label
{
    text-indent: 32px;
}
.missed-data__form .form-box
{
    margin-inline: 0;
}
.missed-data__btns
{
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-bottom: 40px;
    display: flex;
}
.not-found__content
{
    text-align: center;
    background-image: url(../../willbetgambling/image/404.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 740px;
    min-height: 740px;
    padding: 52px 0 0;
}
.not-found__subtitle
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
}
.not-found__text
{
    color: #fff;
    letter-spacing: .03em;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
.not-found__btn
{
    margin-top: 295px;
}
.not-found .game-box__scroll
{
    transform: translateY(-40px);
}
.notifications
{
    z-index: 4000;
    top: 64px;
    width: 340px;
    margin-inline-end: 12px;
    position: fixed;
    inset-inline-end: 0;
}
.notifications__item
{
    opacity: 1;
    background-color: #fff;
    align-items: center;
    width: 100%;
    min-height: 64px;
    max-height: fit-content;
    margin-top: 12px;
    padding: 12px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    position: relative;
}
.notifications__item.ng-move, .notifications__item.ng-enter
{
    transition: all .5s;
}
.notifications__item.ng-leave
{
    transition: all 1ms!important;
}
.notifications__item.ng-leave.ng-leave-active, .notifications__item.ng-move, .notifications__item.ng-enter
{
    max-height: 0;
    transform: translate(100%) scale(.6);
}
.notifications__item.ng-leave, .notifications__item.ng-move.ng-move-active, .notifications__item.ng-enter.ng-enter-active
{
    max-height: 100px;
    transform: translate(0%) scale(1);
}
.notifications__icon
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-inline-end: 20px;
}
.notifications__icon.is-error
{
    background-image: var(--icon-notification-error);
}
.notifications__icon.is-info
{
    background-image: var(--icon-notification-info);
}
.notifications__icon.is-success
{
    background-image: var(--icon-notification-success);
}
.notifications__icon.is-warning
{
    background-image: var(--icon-notification-warning);
}
.is-achievement .notifications__icon
{
    width: 64px;
    height: 64px;
    margin-inline-end: 12px;
}
.notifications__text
{
    color: #0b0833;
    max-width: 220px;
    margin-inline-end: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.notifications__text span
{
    text-transform: capitalize;
}
.is-achievement .notifications__text span
{
    margin-bottom: 4px;
    font-weight: 700;
    display: block;
}
.notifications__close
{
    background-image: var(--icon-close);
    cursor: pointer;
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
.notifications__close:hover
{
    filter: none;
}
.page
{
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    display: flex;
    position: relative;
    overflow-x: hidden;
}
.page__header
{
    z-index: 300;
    width: 100%;
    min-width: 1024px;
    height: 60px;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
}
.page__content
{
    flex-grow: 1;
    padding-top: 80px;
    display: block;
    position: relative;
}
.is-theme-over .page__content
{
    padding-top: 0;
}
.is-sport-page .page__content
{
    padding-top: 60px;
}
.page__footer
{
    flex-shrink: 0;
    display: block;
}
.page:not(.has-sticy-toolbar)
{
    padding-bottom: 100px;
}
.linda-has-user .page, .page.has-toolbar-hidden
{
    padding-bottom: 0;
}
.paralax
{
    z-index: 10;
    width: 2000px;
    height: 940px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.paralax__wrap
{
    width: 100%;
    height: 100%;
}
.paralax__layer
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.paralax__layer.is-1
{
    background-image: url(../../willbetgambling/image/paralax-1.png);
}
.paralax__layer.is-2
{
    background-image: url(../../willbetgambling/image/paralax-2.png);
}
.paymentcb
{
    background-color: #0b0833;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-block: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.paymentcb.is-success .show-fail, .paymentcb.is-fail .show-success
{
    display: none!important;
}
.paymentcb__parallax
{
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.paymentcb__logo
{
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 207px;
    height: 32px;
    position: relative;
}
.paymentcb__wrap
{
    z-index: 9;
    text-align: center;
    flex-direction: column;
    max-width: 600px;
    margin-block: auto;
    display: flex;
    position: relative;
}
.paymentcb__wrap .btn, .paymentcb__wrap .bonus-dice-banner__btn
{
    width: fit-content;
    margin-inline: auto;
}
.paymentcb__title
{
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    line-height: 44px;
}
.paymentcb__subtitle
{
    color: #fff;
    letter-spacing: .03em;
    margin-block-start: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}
.paymentcb__text
{
    color: #fff;
    letter-spacing: .03em;
    margin-block: 60px 12px;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
.paymentcb__seconds
{
    color: #fff;
    margin-bottom: 60px;
    font-size: 64px;
    font-weight: 900;
    line-height: 64px;
}
.paymentcb__chat
{
    z-index: 2;
    color: #fff;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    height: 36px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    transition-property: font-weight;
    transition-duration: .2s;
    display: inline-flex;
    position: relative;
}
.paymentcb__chat:before
{
    content: "";
    background-image: var(--icon-chat);
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.paymentcb__chat:hover
{
    font-weight: 700;
}
.paynplay-page
{
    min-height: 640px;
    padding: 60px 0;
    position: relative;
}
.paynplay-page__title
{
    color: #fff;
    text-align: center;
    letter-spacing: .02em;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
}
.paynplay-page__head
{
    width: fit-content;
    margin: 0 auto;
    position: relative;
}
.paynplay-page__parallax
{
    width: 1280px;
    height: 640px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.paynplay-page__content
{
    z-index: 20;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.paynplay-page iframe
{
    background-color: #fff;
}
.shop-card-frame.is-new
{
    border-color: #069e83;
}
.shop-card-frame.is-new:after
{
    background-color: #069e83;
}
.shop-card-frame.is-new:before
{
    background-image: var(--icon-check);
}
.shop-card-frame.is-current
{
    border-color: #ff4e4e;
}
.shop-card-frame.is-current:after
{
    background-color: #ff4e4e;
}
.shop-card-frame.is-current:before
{
    background-image: var(--icon-close);
}
.shop-card-frame.is-new, .shop-card-frame.is-current
{
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.shop-card-frame.is-new:after, .shop-card-frame.is-new:before, .shop-card-frame.is-current:after, .shop-card-frame.is-current:before
{
    content: "";
    z-index: 4;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 4px;
}
.shop-card-frame.is-new:before, .shop-card-frame.is-current:before
{
    z-index: 5;
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.shop-card-frame.is-new .shop-card, .shop-card-frame.is-current .shop-card
{
    border-radius: 0;
}
.shop-coin
{
    background-image: url(../../willbetgambling/image/gold-coin.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-inline-start: 8px;
    display: inline-block;
}
.is-shop-deposit .shop-coin
{
    width: 120px;
    height: 120px;
    margin-inline: auto;
}
.popup__text .shop-coin
{
    vertical-align: sub;
    width: 20px;
    height: 20px;
    margin-inline: 2px 0;
}
.is-bonus-crab .shop-coin.is-bonus-crab
{
    background-image: url(../../willbetgambling/image/bonus-crab.png);
    width: 120px;
    height: 120px;
    margin-inline: auto;
}
.sportpage
{
    background-color: #0000!important;
}
.tabs
{
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: flex;
}
.tabs__item
{
    color: #e7e7e4;
    cursor: pointer;
    border: 1px solid #fff3;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 136px;
    height: 48px;
    padding: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.tabs__item.is-active
{
    color: #faf9ff;
    background-color: #0b0833;
    border-color: #fff;
    font-weight: 500;
}
.tabs__item:hover
{
    color: #faf9ff;
    border-color: #fff;
}
.toolbar
{
    z-index: 200;
    background-color: #2962ff;
    width: 100%;
    min-width: 1024px;
    height: 128px;
    padding: 0 40px;
    position: fixed;
    bottom: 0;
}
.has-sticy-toolbar .toolbar
{
    position: sticky;
}
.has-toolbar-hidden .toolbar
{
    display: none;
}
.toolbar__wrap
{
    align-items: center;
    max-width: 1560px;
    height: 100%;
    margin: 0 auto;
    display: flex;
}
.toolbar__desc
{
    flex-grow: 1;
    padding-right: 20px;
}
.toolbar__title
{
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
}
.toolbar__text
{
    margin-top: 4px;
    font-size: 13px;
    line-height: 16px;
}
.toolbar__text a
{
    color: #dedede;
    text-decoration: underline;
}
.toolbar__fields
{
    flex-shrink: 0;
    min-width: 280px;
    margin-right: 20px;
}
.toolbar__chooses
{
    justify-content: center;
    margin-bottom: 8px;
    display: flex;
}
.toolbar__choose
{
    margin-right: 20px;
    font-size: 20px;
}
.toolbar__choose:last-child
{
    margin-right: 0;
}
.toolbar__input
{
    position: relative;
}
.toolbar__btn
{
    flex-shrink: 0;
}
@media screen and (min-width: 1280px)
{
    .toolbar
    {
        height: 100px;
    }
    .toolbar__fields
    {
        align-items: center;
        width: 552px;
        display: flex;
    }
    .toolbar__chooses
    {
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 20px;
    }
    .toolbar__choose
    {
        font-size: 24px;
    }
}
@media screen and (min-width: 1680px)
{
    .toolbar__text
    {
        margin-top: 8px;
    }
}
.user-menu
{
    height: 40px;
    position: relative;
}
.user-menu__btn
{
    background-image: var(--icon-user),var(--icon-dropdown);
    cursor: pointer;
    filter: invert();
    background-position: 10px,34px;
    background-repeat: no-repeat;
    background-size: 20px 20px,12px 12px;
    width: 56px;
    height: 40px;
}
.user-menu__wrap
{
    padding-top: 12px;
    position: absolute;
    top: 100%;
    right: -20px;
}
.user-menu__content
{
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #0b0833e6;
    border: 1px solid #ffffff80;
    border-radius: 2px;
    width: 240px;
    padding: 20px 28px;
    display: none;
    position: relative;
}
.user-menu__content:before
{
    content: "";
    border-bottom: 8px solid #fff;
    border-left: 6px solid #0000;
    border-right: 6px solid #0000;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -9px;
    right: 32px;
}
.user-menu:hover .user-menu__content
{
    animation: .2s ease-in-out showTooltip;
    display: block;
}
.user-menu__link
{
    letter-spacing: .02em;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    display: block;
}
.user-menu__link:not(:first-of-type)
{
    margin-top: 20px;
}
@keyframes showTooltip
{
    0%
    {
        opacity: 0;
        transform: translateY(6px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.ach-bnr
{
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.ach-bnr__parallax
{
    justify-content: space-between;
    align-items: center;
    height: 800px;
    display: flex;
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    overflow: hidden;
}
.ach-bnr__parallax-item-wrap
{
    width: fit-content;
    height: 100%;
    position: static!important;
}
.ach-bnr__parallax-item
{
    background-position: top;
    background-repeat: repeat;
    background-size: cover;
    width: 1400px;
    height: 700px;
    position: absolute;
    inset-block-start: 0;
}
.ach-bnr__parallax-item.is-left
{
    background-image: url(../../willbetgambling/image/ach-parallax-left.png);
    inset-inline-start: 0;
}
.ach-bnr__parallax-item.is-right
{
    background-image: url(../../willbetgambling/image/ach-parallax-right.png);
    inset-inline-end: 0;
}
.ach-bnr__title
{
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    margin-bottom: 28px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.ach-bnr__wrap
{
    text-align: center;
    z-index: 9;
    flex-direction: column;
    min-height: 250px;
    display: flex;
    position: relative;
}
.ach-bnr__flex
{
    z-index: 2;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.ach-bnr__sub-title
{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 4px;
    font-size: 60px;
    font-weight: 900;
    line-height: 70px;
}
.ach-bnr__sub-title p
{
    display: inline;
}
.ach-bnr__text
{
    color: #fff;
    letter-spacing: .05em;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
}
.ach-bnr__subtitle
{
    color: #507eff;
    letter-spacing: .05em;
    flex-direction: column;
    align-items: center;
    margin-top: -4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    display: flex;
}
.ach-bnr__subtitle span
{
    background-image: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#00268d9e .01%,#0014869e 3.59%,#0022849e 16.54%,#0505239e 59.83%,#04061a9e 82.21%,#0014429e 100%);
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
    display: flex;
}
.ach-bnr__subtitle span:before
{
    content: "";
    background-image: var(--icon-clock);
    filter: invert();
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: block;
}
.ach-bnr__tabs
{
    margin-top: 20px;
}
.ach-bnr__tabs .tabs__item
{
    min-width: 182px;
}
.ach-circle
{
    display: grid;
    position: relative;
}
.ach.has-status-0:hover .ach-circle .progress__big-circle, .ach.has-status-0:hover .ach-circle .progress__small-circle, .ach.has-status-1:hover .ach-circle .progress__big-circle, .ach.has-status-1:hover .ach-circle .progress__small-circle
{
    fill: url(#gradient2);
    transition: fill .5s;
}
.ach.has-status-0:hover .ach-circle .ach-circle__part, .ach.has-status-1:hover .ach-circle .ach-circle__part
{
    background: linear-gradient(#0086d133,#0086d133),linear-gradient(#002e9b 0%,#000451 100%),#001444;
    transition: transform .5s;
}
.ach.has-status-0:hover .ach-circle .ach-circle__part.is-left, .ach.has-status-1:hover .ach-circle .ach-circle__part.is-left
{
    transform: rotate(30deg) translate(-2px,1px);
}
.ach.has-status-0:hover .ach-circle .ach-circle__part.is-right, .ach.has-status-1:hover .ach-circle .ach-circle__part.is-right
{
    transform: rotate(30deg) translate(2px,1px);
}
.ach.has-status-2:hover .ach-circle .progress__big-circle, .ach.has-status-2:hover .ach-circle .progress__small-circle
{
    fill: url(#gradient2);
    transition: fill .5s;
}
.ach.has-status-2:hover .ach-circle .ach-circle__poster, .ach.has-status-2:hover .ach-circle .progress__value
{
    filter: drop-shadow(0 0 6px #ff6b0080);
}
.ach.has-status-2:hover .ach-circle foreignObject
{
    filter: drop-shadow(0 0 6px #ff6b004d);
}
.ach.has-status-2:hover .ach-circle .ach-circle__part.is-left
{
    transform: translate(-2px);
}
.ach.has-status-2:hover .ach-circle .ach-circle__part.is-right
{
    transform: translate(2px);
}
.ach.has-status-2:hover .ach-circle .ach-circle__btn.btn, .ach.has-status-2:hover .ach-circle .ach-circle__btn.bonus-dice-banner__btn
{
    background-color: #15c187;
}
.ach.has-status-3:hover .ach-circle .progress__big-circle
{
    fill: url(#gradient2);
    transition: fill .5s;
}
.ach-circle__poster
{
    z-index: 0;
    top: 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    transition: background .5s;
    position: absolute;
    inset-inline-start: 14px;
}
.has-status-3 .ach-circle__poster
{
    inset-inline-start: 13px;
    width: 130px;
    height: 130px;
    top: 13px;
}
.ach-small .ach-circle__poster
{
    width: 83px;
    height: 83px;
    top: 50%;
    translate: -50% -50%;
    left: 50%!important;
}
.ach-circle__part
{
    background-image: linear-gradient(#002e9b 0%,#000451 100%);
    width: 64px;
    height: 127px;
    transition: transform .5s;
    position: absolute;
    top: 13.5px;
    overflow: hidden;
}
.ach-circle__part:before
{
    content: "";
    z-index: 2;
    opacity: .8;
    mix-blend-mode: overlay;
    background-image: radial-gradient(49.21% 50% at 49.45% 0,#fff 4.71%,#fff0 100%),radial-gradient(49.02% 52.17% at 49.45% 102.17%,#b6c2ff 0%,#0030c900 100%);
    background-size: 200%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.ach-circle__part.is-left
{
    transform-origin: 100%;
    border-right-color: #1e168c;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
    inset-inline-start: 14px;
    box-shadow: 0 0 0 1px #0b0833,inset -1px 0 #b1faff1a;
}
.ach-circle__part.is-left:before
{
    background-position: 0 0;
    border-radius: 100% 0 0 100%/50% 0 0 50%;
}
.ach-circle__part.is-right
{
    transform-origin: 0;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
    inset-inline-end: 14px;
    box-shadow: 0 0 0 1px #0b0833;
}
.ach-circle__part.is-right:before
{
    background-position: 100% 0;
    border-radius: 0 100% 100% 0/0 50% 50% 0;
}
.ach-circle__prize
{
    z-index: 2;
    letter-spacing: .05em;
    color: #fff;
    background: #000d5d;
    border: 1px solid #000d5d;
    border-radius: 100px;
    padding: 4px;
    font-size: 14px;
    font-weight: 900;
    line-height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 1px #01288c;
}
.has-status-2 .ach-circle__prize, .has-status-3 .ach-circle__prize
{
    display: none;
}
.ach-circle__prize:before
{
    content: "+";
}
.ach-circle__prize:after
{
    content: "";
    vertical-align: middle;
    background-image: url(../../willbetgambling/image/ach-coin.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    margin-left: 3px;
    display: inline-block;
}
.ach-circle__btn.btn, .ach-circle__btn.bonus-dice-banner__btn
{
    z-index: 2;
    flex-direction: row;
    padding-inline: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ach-circle__btn.btn:after, .ach-circle__btn.bonus-dice-banner__btn:after
{
    content: "";
    vertical-align: middle;
    background-image: url(../../willbetgambling/image/ach-coin.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-inline-start: 3px;
    display: inline-block;
}
.progress
{
    --value: var(--progress);
    border-radius: 50%;
    width: 156px;
    height: 156px;
    position: relative;
    overflow: hidden;
    transform: rotate(-180deg);
}
@supports(
background: -webkit-named-image(i))
{
.progress
{
    shape-rendering: geometricprecision;
    border-bottom: 1px solid #31479b6b;
}
}
.progress__big-circle
{
    fill: url(#gradient1);
    filter: url(#shadow);
    shape-rendering: geometricprecision;
    transition: fill .5s;
    position: relative;
}
.progress__small-circle
{
    stroke-width: 1px;
    stroke: #0b0833;
    fill: url(#gradient1);
    shape-rendering: geometricprecision;
    transition: fill .5s;
}
.has-status-3 .progress__small-circle
{
    display: none;
}
.has-status-0 .progress__small-circle
{
    r: 69.6;
}
.progress__gradient
{
    width: 100%;
    height: 100%;
    shape-rendering: geometricprecision;
    background-image: conic-gradient(from 180deg,#fff1df -52.22deg,#b58054 3.11deg,#f3c74a 70.52deg,#ffb136 182.24deg,#ecb96b 245.32deg,#fff1df 307.78deg,#b58054 363.11deg);
    background-position: 50%;
    border-radius: 50%;
    display: block;
    box-shadow: inset 0 1px #ffffff8f,inset 0 -1px #ffffff40;
}
.has-status-3 .progress__gradient
{
    display: none;
}
.progress__defaut
{
    stroke-width: 3px;
    stroke-dasharray: 447;
    stroke-dashoffset: calc(447px * var(--value) / -100);
    stroke-linecap: square;
    fill: none;
    stroke: #0b0833;
    shape-rendering: geometricprecision;
    animation-name: progressAnimation;
    animation-duration: 1s;
    animation-fill-mode: both;
}
@supports(
background: -webkit-named-image(i))
{
.progress__defaut
{
    stroke-dasharray: 447 447;
}
}
.has-status-3 .progress__defaut
{
    display: none;
}
.animate .progress__defaut
{
    stroke-dashoffset: 894px;
    animation: 2s both pathDefault;
}
.ach-small .progress
{
    width: 100px;
    height: 100px;
}
@keyframes progressAnimation
{
    0%
    {
        --value: 0;
    }
    to
    {
        --value: var(--progress);
    }
}
@keyframes pathDefault
{
    0%
    {
        stroke-dashoffset: 894px;
    }
    to
    {
        stroke-dashoffset: calc(447 - 447 * (100 - var(--progress)) / -100);
    }
}
@property --value{syntax:"<number>";inherits:false;initial-value:0}
.ach-container
{
    max-width: 1496px;
    margin-inline: auto;
    padding-inline: 20px;
    position: relative;
}
.ach-container:before, .ach-container:after
{
    content: "";
    background-position: top;
    background-repeat: repeat;
    background-size: cover;
    width: 360px;
    height: 1200px;
    display: block;
    position: absolute;
    inset-block-start: 750px;
}
.ach-container:before
{
    background-image: url(../../willbetgambling/image/ach-back-left.png);
    inset-inline-start: 60px;
}
.ach-container:after
{
    background-image: url(../../willbetgambling/image/ach-back-right.png);
    inset-inline-end: 60px;
}
.ach-container__items
{
    z-index: 1;
    position: relative;
}
.ach-information
{
    z-index: 1;
    margin-bottom: 36px;
    position: relative;
}
.ach-information h2
{
    display: none;
}
.ach-information h2+div
{
    grid-row: 2;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    display: grid;
}
.ach-information section
{
    background: #141776;
    border-radius: 8px;
    flex-direction: column;
    padding-bottom: 24px;
    display: flex;
    overflow: hidden;
}
.ach-information img
{
    width: 100%;
}
.ach-information h3
{
    color: #fff;
    letter-spacing: .02em;
    margin-top: 24px;
    margin-bottom: 20px;
    margin-inline: 24px;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
}
.ach-information p
{
    color: #e7e7e4;
    margin-inline: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.ach-marker
{
    transform-origin: 0 0;
    background: #15c187;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    display: flex;
    box-shadow: inset 0 -1px #fbfbfb73;
}
.ach-marker:before
{
    content: "";
    background-image: var(--icon-check);
    filter: invert();
    background-repeat: no-repeat;
    background-size: 100%;
    width: 14px;
    height: 16px;
    margin: auto;
    display: block;
}
.ach-name
{
    color: #fff;
    letter-spacing: .03em;
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 80%;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
}
.ach-page
{
    margin-top: -20px;
    padding-top: 20px;
    display: block;
    position: relative;
    overflow: hidden;
}
.ach-page:before
{
    content: "";
    background: linear-gradient(#0e114700 0%,#0e1147 100%),linear-gradient(360deg,#001073 0%,#0135ad 100%);
    width: 100%;
    height: 700px;
    display: block;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    box-shadow: inset 0 1px #0033b06b;
}
.ach-preview
{
    width: 360px;
}
.ach-preview.is-status-3:before
{
    content: "";
    z-index: 0;
    background-blend-mode: exclusion;
    background-color: #0e1147;
    background-image: url(../../willbetgambling/image/ach.gif);
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    height: 328px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ach-preview.is-status-3:after
{
    content: "";
    z-index: 1;
    background-image: linear-gradient(#0e114700 42.77%,#0e1147 89.51%);
    background-size: contain;
    width: 100%;
    height: 328px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ach-small .ach-preview.is-status-3:after
{
    background: linear-gradient(#5e65ea00 42.77%,#0e1147 89.51%);
}
.ach__cover .ach-preview:not(.ach-small)
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.ach__cover .ach-preview:not(.ach-small):after
{
    content: "";
    filter: blur(30px);
    z-index: -1;
    background: #0047ff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}
.ach-preview__title
{
    color: #fff;
    letter-spacing: .05em;
    z-index: 3;
    margin-bottom: 32px;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
    position: relative;
}
.ach-preview__text
{
    color: #e7e7e4;
    text-align: center;
    z-index: 3;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
}
.ach-preview__text-coin
{
    color: #e7e7e4;
    z-index: 3;
    background-color: #0b0833;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    position: relative;
}
.ach-preview__text-prize
{
    text-transform: lowercase;
}
.ach-preview__label
{
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    font-size: 32px;
    font-weight: 900;
    line-height: 38px;
}
.ach-preview__label:after
{
    content: "";
    vertical-align: middle;
    background-image: url(../../willbetgambling/image/ach-coin.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 38px;
    margin-left: 1px;
    display: inline-block;
}
.ach-preview__label-prize:after
{
    background-image: url(../../willbetgambling/image/ach-gift.png);
}
.ach-preview__btns
{
    width: 100%;
}
.ach-prize
{
    color: #fff;
    background-color: #2868f9;
    width: fit-content;
    height: fit-content;
    padding: 3px 12px 3px 2px;
    font-size: 18px;
    font-weight: 900;
    line-height: 18px;
    position: absolute;
    top: -12px;
    right: 16px;
}
.ach-prize:before
{
    content: "";
    top: 0;
    background-image: url(../../willbetgambling/image/ach-flag.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 7px;
    height: 24px;
    display: block;
    position: absolute;
    inset-inline-start: -7px;
}
.ach-prize__icon
{
    inset-inline-end: -24px;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -6px;
}
.ach-prize__icon:after
{
    content: "";
    background-image: url(../../willbetgambling/image/ach-gift.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}
.ach-prize__icon.has-status-3
{
    top: -1px;
    background-color: #33a9ff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    inset-inline-end: -19px;
    box-shadow: inset 0 -1px #fbfbfb73;
}
.ach-prize__icon.has-status-3:after
{
    background-image: var(--icon-check);
    filter: invert();
    background-position: 50%;
    background-size: 14px;
}
:root
{
    --all-progress: 10;
}
.ach-progress
{
    z-index: 1;
    flex-direction: column;
    width: 400px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.ach-progress__bar
{
    background-color: #0b0833;
    border: 1px solid #141776;
    border-radius: 6px;
    width: 400px;
    height: 12px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.ach-progress__bar:before
{
    content: "";
    height: 100%;
    width: calc(var(--all-progress) * 1%);
    background: linear-gradient(88.41deg,#f7a159 .84%,#f3c74a 19.06%,#ffb136 49.26%,#ecb96b 66.3%,#fff1df 83.19%);
    border-radius: 6px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 1px 1px #ffffff40;
}
.ach-progress__num
{
    color: #fff;
    letter-spacing: .04em;
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.ach-progress__span:last-child
{
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(#fff0a2,#f0aa17);
    -webkit-background-clip: text;
}
.ach-terms
{
    z-index: 1;
    padding-top: 22px;
    position: relative;
}
.ach-terms h2
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 6px;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.ach-terms section
{
    padding: 12px 12px 12px 0;
}
.ach-terms section h2
{
    color: #fff;
    border-bottom: 0;
    align-items: flex-end;
    margin-bottom: 6px;
    padding-top: 12px;
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
}
.ach-terms h3
{
    font-size: 16px;
    font-weight: 600;
}
.ach-terms p
{
    color: #e7e7e4;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.ach-terms a
{
    color: #fff;
}
.ach-terms ol, .ach-terms ul
{
    color: #e7e7e4;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.ach-terms ol
{
    padding-left: 18px;
}
.ach-wrap
{
    margin-inline: auto;
    background: linear-gradient(#141776 0%,#14177600 100%);
    border-radius: 20px;
    max-width: 940px;
    margin-bottom: 28px;
    position: relative;
}
.ach-wrap__container
{
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
    min-height: 246px;
    padding: 30px 40px 32px;
    display: grid;
}
.ach
{
    flex-direction: column;
    justify-content: center;
    justify-self: center;
    align-items: center;
    display: flex;
    position: relative;
}
.ach__cover
{
    border-radius: 50%;
    width: 156px;
    height: 156px;
    position: relative;
    transform: translateZ(0);
}
.ach-small .ach__cover
{
    width: 100px;
    height: 100px;
    margin: 0;
}
.ach__marker
{
    z-index: 2;
    inset-inline-end: 13px;
    position: absolute;
    top: 4px;
}
.ach-small .ach__marker
{
    inset-inline-end: 0;
    top: 0;
}
.ach__popup-button
{
    z-index: 5;
    background-color: #0000;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    inset: 0;
}
.ach.ach-small
{
    margin: 0 9px 20px;
}
.auth-deposit-payment
{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    display: flex;
}
.auth-deposit-payment__item
{
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #dedede;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 64px;
    padding: 8px 12px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.auth-deposit-payment__item:after
{
    content: "";
    cursor: pointer;
    width: 16px;
    height: 16px;
    mask-size: cover;
    mask-image: var(--icon-arrow-right);
    background-color: #757388;
    flex-shrink: 0;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    mask-position: 50%;
    mask-repeat: no-repeat;
}
.auth-deposit-payment__item:hover
{
    border-color: #2962ff;
}
.auth-deposit-payment__item:hover:after
{
    background-color: #2962ff;
}
.auth-deposit-payment__item:active
{
    border-color: #507eff;
}
.auth-deposit-payment__item:active:after
{
    background-color: #2962ff;
}
.auth-deposit-payment__logo
{
    flex-shrink: 0;
    width: 96px;
    height: 32px;
}
.auth-deposit-payment__description
{
    text-align: start;
    color: #0b0833;
    flex-direction: column;
    flex-shrink: 0;
    align-items: flex-start;
    width: calc(100% - 136px);
    padding: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
}
.auth-deposit-payment__limit, .auth-deposit-payment__card
{
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}
.auth-deposit-popup
{
    margin: auto;
}
.auth-deposit-popup .popup__wrap
{
    padding-block: 40px;
}
.auth-deposit-popup__header
{
    min-height: 52px;
    padding-block: 5.5px 17.5px;
}
.auth-deposit-popup__header .popup__title
{
    margin: 0 auto;
}
.auth-deposit-popup__header .popup__close
{
    inset-block-start: 0;
    inset-inline-end: -50px;
}
.auth-deposit-popup__header .popup__back
{
    inset-block-start: 0;
    inset-inline-start: -50px;
}
.auth-deposit-popup__content
{
    flex-direction: column;
    gap: 20px;
    display: flex;
}
.auth-deposit-popup .quick-registration-dropdown
{
    pointer-events: none;
    cursor: pointer;
    min-height: 58px;
    box-shadow: none;
    text-align: start;
    background-color: #0b0833;
    justify-content: center;
    padding-block: 7.5px;
    padding-inline: 12px;
    position: relative;
}
.auth-deposit-popup .quick-registration-dropdown:not(.is-open)
{
    padding-block: 7.5px;
    padding-inline: 12px;
}
.auth-deposit-popup .quick-registration-dropdown__container
{
    min-height: fit-content;
}
.auth-deposit-popup .quick-registration-dropdown__item
{
    border: none;
    min-height: 43px;
}
.auth-deposit-popup .quick-registration-dropdown__content
{
    gap: 2px;
    padding-inline-end: 0;
}
.auth-deposit-popup .quick-registration-dropdown__text
{
    line-height: 120%;
}
.auth-deposit-popup .quick-registration-dropdown__title
{
    font-size: 20px;
    line-height: 120%;
}
.auth-deposit-popup .quick-registration-dropdown__title.is-chosen
{
    display: inline-block;
}
.auth-deposit-popup .quick-registration-dropdown__title.is-default, .auth-deposit-popup .quick-registration-dropdown__img, .auth-deposit-popup .quick-registration-dropdown__icon, .auth-deposit-popup .quick-registration-dropdown__input
{
    display: none;
}
.auth-deposit-popup .quick-registration-dropdown__promocode
{
    display: inline-block;
}
.auth-with-deposit-info
{
    background-color: #868a92;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 40px;
    padding: 8px 16px;
    display: flex;
}
.auth-with-deposit-info__title
{
    color: #fff;
    flex: 1 0 0;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    display: flex;
}
.auth-with-deposit-info__value
{
    text-align: right;
    color: #fff;
    letter-spacing: .8px;
    text-transform: uppercase;
    flex: 1 0 0;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 900;
    line-height: 140%;
    display: flex;
}
.auth-with-deposit-info__icon
{
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 2px;
    flex-shrink: 0;
    width: 96px;
    height: 32px;
}
.auth-with-deposit
{
    flex-direction: column;
    gap: 12px;
    width: 100%;
    display: flex;
}
.auth-with-deposit__title
{
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.balance-flow-filtration
{
    background: #fff;
    border-radius: 2px 2px 0 0;
    position: relative;
}
.balance-flow-filtration__categories-wrap
{
    border-bottom: 1px solid #e7e7e4;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    display: flex;
}
.balance-flow-filtration__category
{
    cursor: pointer;
    color: #0e1147;
    opacity: .9;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.balance-flow-filtration__category input
{
    display: none;
}
.balance-flow-filtration__category .balance-flow-filtration__category-name
{
    padding: 6px;
    display: inline-block;
}
.balance-flow-filtration__category:hover .balance-flow-filtration__category-name
{
    font-weight: 500;
}
.balance-flow-filtration__category input:checked+.balance-flow-filtration__category-name
{
    font-weight: 700;
}
.balance-flow-filtration__clear
{
    align-items: center;
    margin-right: 7px;
    display: flex;
    position: relative;
}
.balance-flow-filtration__search-wrap
{
    background-color: #f6f6f4;
    border-bottom: 1px solid #e7e7e4;
    justify-content: space-between;
    padding: 12px 24px;
    display: flex;
}
.balance-flow-filtration__search
{
    background-color: #fff;
    border: 1px solid #e7e7e4;
    border-radius: 2px;
    flex-grow: 1;
    align-items: center;
    margin-inline-end: 8px;
    display: flex;
    position: relative;
}
.balance-flow-filtration__search input
{
    color: #0b0833;
    border: none;
    width: 100%;
    height: 48px;
    margin-inline-end: 0;
    padding: 16px;
    padding-inline-end: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.balance-flow-filtration__search input::placeholder
{
    -webkit-text-fill-color: #0c15337a;
    -webkit-text-fill-color: #0c15337a;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.balance-flow-filtration__search.search-active input
{
    padding-inline-end: 16px;
}
.balance-flow-filtration__clear-search
{
    color: #0b0833;
    top: 14px;
    font-weight: 400;
    position: absolute;
    inset-inline-end: 8px;
}
.balance-flow-filtration__clear-search.ng-hide-add, .balance-flow-filtration__clear-search.ng-hide-add-active
{
    display: none;
}
.balance-flow-filtration__clear-search.is-search
{
    padding-inline-end: 8px;
    position: static;
}
.balance-flow-filtration__clear-search:hover
{
    color: #0b0833;
    font-weight: 500;
}
.balance-flow-filtration__clear-search:after
{
    content: "";
    pointer-events: none;
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
    top: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-end: 0;
}
.balance-flow-filtration__date
{
    align-items: center;
    display: flex;
}
.balance-flow-filtration__date-wrap
{
    position: relative;
}
.balance-flow-filtration__date-wrap span
{
    color: #757388;
    margin-inline: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.balance-flow-filtration__date-input
{
    color: #0e1147;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #0e114733;
    border-radius: 2px;
    width: 103px;
    height: 48px;
    padding: 14px 12px 14px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.balance-flow-filtration__date-input:hover, .balance-flow-filtration__date-input:focus, .balance-flow-filtration__date-input:active
{
    color: #2962ff;
    border-color: #2962ff;
}
.balance-flow-filtration__date-input::-webkit-datetime-edit-day-field:focus
{
    color: #2962ff;
    border-color: #2962ff;
}
.balance-flow-filtration__date-input::-webkit-datetime-edit-month-field:focus
{
    color: #2962ff;
    border-color: #2962ff;
}
.balance-flow-filtration__date-input::-webkit-datetime-edit-year-field:focus
{
    color: #2962ff;
    border-color: #2962ff;
}
.balance-flow-filtration__date-input::-webkit-calendar-picker-indicator
{
    display: none;
}
.balance-flow-filtration__filters
{
    background-color: #f6f6f4;
    padding: 6px 24px 12px;
    display: flex;
    position: relative;
}
.balance-flow-filtration__filters-wrap
{
    flex-wrap: wrap;
    display: flex;
    position: relative;
}
.balance-flow-filtration__filters-title
{
    color: #757388;
    width: 100%;
    margin-bottom: 4px;
    padding: 6px 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.balance-flow-filtration__filter-item
{
    cursor: pointer;
    margin-inline-end: 6px;
}
.balance-flow-filtration__filter-item span
{
    color: #0e1147;
    vertical-align: middle;
    border: 1px solid #0e114733;
    border-radius: 2px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    transition-property: all;
    transition-duration: .2s;
    display: inline-block;
}
.balance-flow-filtration__filter-item input
{
    display: none;
}
.balance-flow-filtration__filter-item:hover span, .balance-flow-filtration__filter-item input:checked+span, .balance-flow-filtration__filter-item input:active+span, .balance-flow-filtration__filter-item input:focus+span
{
    color: #2962ff;
    border-color: #2962ff;
}
.balance-flow-item
{
    background-color: #fff;
    border: 1px solid #e7e7e4;
    margin-bottom: 12px;
}
.balance-flow-item:hover
{
    cursor: pointer;
    border-color: #2962ff;
}
.balance-flow-item__header
{
    align-items: center;
    width: 100%;
    padding: 12px 48px 12px 24px;
    display: flex;
    position: relative;
}
.balance-flow-item__header:after
{
    content: "";
    background-image: var(--icon-arrow-down-alt);
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    top: 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    transition-property: transform;
    transition-duration: .2s;
    display: inline-block;
    position: absolute;
    inset-inline-end: 24px;
}
.balance-flow-item.is-active .balance-flow-item__header:after
{
    transform: rotate(180deg);
}
.balance-flow-item__header-item
{
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
    margin-inline-end: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    overflow: hidden;
}
.balance-flow-item__header-item:first-child
{
    width: 8%;
}
.balance-flow-item__header-item:nth-child(2)
{
    color: #0b0833;
    width: 30%;
    font-weight: 500;
}
.balance-flow-item__header-item:nth-child(3), .balance-flow-item__header-item:nth-child(4)
{
    width: 10.5%;
}
.balance-flow-item__header-item:nth-child(n+4)
{
    text-align: end;
}
.balance-flow-item__header-item:nth-child(5)
{
    width: 11.5%;
}
.balance-flow-item__header-item:nth-child(6)
{
    color: #0e1147;
    width: 12%;
    font-weight: 700;
}
.balance-flow-item__header-item:nth-child(6).is-won, .balance-flow-item__header-item:nth-child(6).is-win, .balance-flow-item__header-item:nth-child(6).is-active, .balance-flow-item__header-item:nth-child(6).is-rollback
{
    color: #069e83;
}
.balance-flow-item__header-item:nth-child(6).is-won:before, .balance-flow-item__header-item:nth-child(6).is-win:before, .balance-flow-item__header-item:nth-child(6).is-active:before, .balance-flow-item__header-item:nth-child(6).is-rollback:before
{
    content: "+";
    color: #069e83;
}
.balance-flow-item__header-item:last-child
{
    color: #757388;
    letter-spacing: .05em;
    background: #7573881a;
    border: 1px solid #757388;
    border-radius: 2px;
    margin-inline: auto 0;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
}
.balance-flow-item__header-item:last-child.is-won, .balance-flow-item__header-item:last-child.is-win, .balance-flow-item__header-item:last-child.is-active, .balance-flow-item__header-item:last-child.is-rollback
{
    color: #069e83;
    background: #069e831a;
    border-color: #069e83;
}
.balance-flow-item__header-item:last-child.is-pending, .balance-flow-item__header-item:last-child.is-open, .balance-flow-item__header-item:last-child.is-completed, .balance-flow-item__header-item:last-child.is-released
{
    color: #2962ff;
    background: #2962ff1a;
    border-color: #2962ff;
}
.balance-flow-item__header-item:last-child.is-error, .balance-flow-item__header-item:last-child.is-canceled, .balance-flow-item__header-item:last-child.is-declined, .balance-flow-item__header-item:last-child.is-expired, .balance-flow-item__header-item:last-child.is-rejected
{
    color: #ff4e4e;
    background: #ff4e4e1a;
    border-color: #ff4e4e;
}
.balance-flow-item__transactions, .balance-flow-item__events
{
    background-color: #f6f6f499;
    border-top: 1px solid #e7e7e4;
    border-radius: 0 0 2px 2px;
    padding: 12px;
    display: none;
}
.balance-flow-item.is-active .balance-flow-item__transactions, .balance-flow-item.is-active .balance-flow-item__events
{
    flex-direction: column;
    display: flex;
}
.balance-flow-item__transactions>div
{
    flex-wrap: wrap;
    gap: 4px;
    display: flex;
}
.balance-flow-item__transactions>.balance-flow-item__events
{
    flex-wrap: nowrap;
    gap: 12px;
}
.balance-flow-item__transaction
{
    border: 1px solid #e7e7e4;
    flex: 1;
    justify-content: space-between;
    min-width: 49%;
    padding: 8px 12px;
    display: flex;
}
.balance-flow-item__transaction:last-of-type:not(.is-multiple .balance-flow-item__transaction:last-of-type)
{
    border: 0;
}
.is-multiple .balance-flow-item__transaction
{
    min-width: 33%;
}
.balance-flow-item__transaction-title
{
    vertical-align: middle;
    color: #0c15337a;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    display: inline-block;
    overflow: hidden;
}
.balance-flow-item__transaction-value
{
    color: #0b0833;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
}
.balance-flow-item__events
{
    border: 1px solid #e7e7e4;
    margin-top: 5px;
    padding: 8px 12px;
}
.balance-flow-item__event
{
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
}
.balance-flow-item__event-name
{
    align-items: center;
    width: calc(50% - 8px);
    margin-inline-end: 8px;
    display: flex;
}
.balance-flow-item__event-name-status
{
    border-radius: 2px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    margin-inline-end: 6px;
    display: flex;
}
.is-win .balance-flow-item__event-name-status
{
    background-color: #63df7f;
}
.is-win .balance-flow-item__event-name-status:before
{
    background: var(--icon-check);
}
.is-lost .balance-flow-item__event-name-status
{
    background-color: #ff4e4e;
}
.is-lost .balance-flow-item__event-name-status:before
{
    background: var(--icon-close);
}
.is-win .balance-flow-item__event-name-status:before, .is-lost .balance-flow-item__event-name-status:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 9px;
    height: 9px;
    display: inline-block;
}
.balance-flow-item__event-title, .balance-flow-item__event-market, .balance-flow-item__event-outcome, .balance-flow-item__event-odd
{
    color: #0b0833;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.balance-flow-item__event-title
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.balance-flow-item__event-market
{
    width: 90px;
    margin-inline-end: 8px;
}
.balance-flow-item__event-outcome
{
    color: #0c15337a;
    flex: 1;
    margin-inline-end: 8px;
}
.balance-flow-item__event-odd
{
    text-align: end;
    width: 60px;
}
.balance-flow-list
{
    z-index: 2;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    flex-direction: column;
    flex-grow: 1;
    display: flex;
}
.balance-flow-list__indents
{
    text-align: center;
    background: #f6f6f499;
    border: 1px solid #e7e7e4;
    border-radius: 2px;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 200px;
    margin: 12px 24px 36px;
    padding: 56px;
    display: flex;
}
.balance-flow-list__text
{
    color: #757388;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.balance-flow-list__scroll-wrap
{
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 6px;
    display: flex;
}
.no-results+.balance-flow-list__scroll-wrap
{
    display: none;
}
.balance-flow-list__item
{
    padding: 0 24px;
}
.balance-flow-list__header
{
    z-index: 1;
    border: 1px solid #e7e7e4;
    align-items: center;
    margin-bottom: 12px;
    padding: 11px 23px;
    display: flex;
    position: sticky;
    top: 0;
}
.balance-flow-list__header-item
{
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-shrink: 0;
    margin-inline-end: 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
}
.balance-flow-list__header-item:first-child
{
    width: 10.5%;
}
.balance-flow-list__header-item:nth-child(2)
{
    width: 27%;
}
.balance-flow-list__header-item:nth-child(3), .balance-flow-list__header-item:nth-child(4)
{
    width: 10%;
}
.balance-flow-list__header-item:nth-child(n+4)
{
    text-align: end;
}
.balance-flow-list__header-item:nth-child(5), .balance-flow-list__header-item:nth-child(6)
{
    width: 11.5%;
}
.balance-flow-list__header-item:last-child
{
    width: 12.5%;
    margin-inline-end: 0;
}
.balance-flow-list__date
{
    color: #0e1147;
    margin-block: 0 11px;
    padding: 4px 24px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.balance-flow-list__btn.link
{
    margin-bottom: 27px;
}
.balance-flow-list__btn.link:after
{
    width: 12px;
    height: 12px;
}
.balance-flow-list__container
{
    height: 100%;
    display: flex;
}
.achievements-banner
{
    min-height: 200px;
}
.achievements-banner__parallax
{
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline: 0;
}
.achievements-banner__parallax.is-images
{
    justify-content: center;
    gap: 561.21px;
    height: 307.13px;
    inset-block-start: 50%;
    pointer-events: all!important;
    transform: translateY(-43%)!important;
}
@media screen and (min-width: 1920px)
{
    .achievements-banner__parallax.is-images
    {
        gap: 761.2px;
    }
}
.achievements-banner__parallax:not(.is-images)
{
    inset-block: 0;
}
.achievements-banner__parallax-item-wrap
{
    width: fit-content;
    height: 100%;
    position: static!important;
}
.achievements-banner__parallax-item
{
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    height: 320px;
    position: absolute;
    inset-block-start: 50%;
    transform: translateY(-50%);
}
.achievements-banner__parallax-item.is-left
{
    background-image: url(../../willbetgambling/image/banner-achievements-bg-left.png);
    width: 682px;
    inset-inline-start: 0;
}
.achievements-banner__parallax-item.is-right
{
    background-image: url(../../willbetgambling/image/banner-achievements-bg-right.png);
    width: 680.85px;
    inset-inline-end: 0;
}
.achievements-banner__image
{
    width: 267px;
    height: 267px;
}
.achievements-banner__image.is-left
{
    background-image: url(../../willbetgambling/image/banner-achievements-left.png);
}
.achievements-banner__image.is-right
{
    background-image: url(../../willbetgambling/image/banner-achievements-right.png);
}
.achievements-banner__content
{
    padding-block: 18px;
}
.banner
{
    background: linear-gradient(136.27deg,#024ffd 3.14%,#00095e 80.38%);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    margin-block-end: 32px;
    margin-inline: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.banner__content
{
    z-index: 1;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 520px;
    height: 100%;
    display: flex;
    position: relative;
}
.banner__title
{
    color: #fff;
    font-size: 44px;
    font-weight: 900;
    line-height: 48px;
}
.banner__image
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}
.banner__btn
{
    min-width: 147px;
}
.bnr-games
{
    background-size: cover;
    height: 714px;
    position: relative;
}
.bnr-games__form
{
    z-index: 200;
    position: absolute;
    top: 148px;
    left: 80px;
}
.bnr-games__item
{
    height: 714px;
}
.bnr-games__item:after
{
    content: "";
    background: linear-gradient(360deg,#0b0833 15.91%,#0b083300 100%);
    width: 100%;
    height: 138px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.bnr-games__item:before
{
    content: "";
    z-index: 50;
    background: linear-gradient(90deg,#0b083399 0%,#0b083300 100%);
    width: 683px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.bnr-games__video
{
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    width: 100%;
    min-width: 1260px;
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.bnr-games__video:before
{
    content: "";
    padding-top: 56%;
    display: block;
}
.bnr-games__video video
{
    width: 100%;
}
.bnr-games__content
{
    width: 200px;
    position: absolute;
    bottom: 118px;
    right: 40px;
}
.bnr-games__info
{
    padding: 4px 0 4px 44px;
    position: relative;
}
.bnr-games__info:before
{
    content: attr(data-index);
    color: #fff;
    background: #2962ff;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 100%;
    margin-right: 12px;
    padding: 0 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.bnr-games__text
{
    opacity: .5;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.bnr-games__name
{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}
.bnr-games__sound
{
    width: 40px;
    height: 40px;
    position: absolute;
    top: -48px;
    right: 0;
}
.bnr-games__filters
{
    z-index: 200;
    position: absolute;
    bottom: 0;
    right: 40px;
}
@media screen and (min-width: 1680px)
{
    .bnr-games, .bnr-games__item
    {
        height: 967px;
    }
    .bnr-games__content
    {
        right: 60px;
    }
    .bnr-games__form
    {
        top: 220px;
        left: 132px;
    }
    .bnr-games__filters
    {
        right: 60px;
    }
}
@media screen and (min-width: 2200px)
{
    .bnr-games, .bnr-games__item
    {
        height: 1127px;
    }
    .bnr-games__form
    {
        top: 300px;
    }
}
.christmas-banner .shop-banner__content
{
    max-width: 320px;
}
.christmas-banner .shop-banner__image.is-right
{
    width: 300px;
    inset-inline-end: 5px;
}
@media screen and (min-width: 1680px)
{
    .christmas-banner .shop-banner__image.is-right
    {
        inset-inline-end: -115px;
    }
}
.christmas-banner .shop-banner__image.is-left
{
    width: 300px;
    inset-inline-end: 0;
}
@media screen and (min-width: 1680px)
{
    .christmas-banner .shop-banner__image.is-left
    {
        inset-inline-end: 115px;
    }
}
.euro-homepage-banner
{
    gap: 40px;
    min-height: 240px;
}
.euro-homepage-banner__prize
{
    text-align: center;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-top: -15px;
    font-size: 64px;
    font-weight: 900;
    line-height: 110%;
}
.euro-homepage-banner__text
{
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.euro-homepage-banner__title
{
    text-align: center;
    letter-spacing: .48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
}
.euro-homepage-banner__bg
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 500px;
    height: 100%;
    position: absolute;
    top: 0;
}
.euro-homepage-banner__bg.is-left
{
    background-image: url(../../willbetgambling/image/banner-shop-back-left.png);
    left: 0;
}
.euro-homepage-banner__bg.is-right
{
    background-image: url(../../willbetgambling/image/banner-shop-back-right.png);
    right: 0;
}
.euro-homepage-banner__image
{
    width: 100%;
    max-width: 285px;
    height: 260px;
    transition-property: transform;
    transition-duration: .2s;
    position: absolute;
    inset-block-end: 0;
}
.euro-homepage-banner__image:hover
{
    transform: scale(1.06581);
}
.euro-homepage-banner__image.is-left
{
    inset-inline-start: -3px;
}
@media screen and (min-width: 1440px)
{
    .euro-homepage-banner__image.is-left
    {
        inset-inline-start: 28px;
    }
}
.euro-homepage-banner__image.is-right
{
    inset-inline-end: 13px;
}
@media screen and (min-width: 1440px)
{
    .euro-homepage-banner__image.is-right
    {
        inset-inline-end: 28px;
    }
}
@media screen and (min-width: 1680px)
{
    .euro-homepage-banner__image
    {
        align-self: flex-end;
    }
    .euro-homepage-banner__image.is-left, .euro-homepage-banner__image.is-right
    {
        inset-inline: unset;
        inset-block: unset;
        position: relative;
    }
}
.euro-homepage-banner__content
{
    padding-block: 38px;
}
.home-banner-unlogged
{
    background-image: url(../../willbetgambling/image/bg-u-desktop.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    height: 540px;
    margin-block-start: 60px;
    padding-inline-start: 68px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.home-banner-unlogged:after
{
    content: "";
    z-index: 1;
    background: linear-gradient(360deg,#0e1147 0%,#0b083300 100%);
    width: 100%;
    height: 120px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media screen and (min-width: 1440px)
{
    .home-banner-unlogged
    {
        padding-inline-start: 145px;
    }
}
@media screen and (min-width: 1680px)
{
    .home-banner-unlogged
    {
        padding-inline-start: 200px;
    }
}
@media screen and (min-width: 1920px)
{
    .home-banner-unlogged
    {
        height: 640px;
        padding-inline-start: 260px;
    }
}
.home-banner-unlogged__wrap
{
    max-width: 540px;
}
.home-banner-unlogged__title
{
    z-index: 10;
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    max-width: 540px;
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 900;
    line-height: 39px;
    position: relative;
}
.home-banner-unlogged__title span
{
    margin-right: 12px;
    font-size: 64px;
    line-height: 64px;
}
.home-banner-unlogged__btn.btn.is-extra-large, .home-banner-unlogged__btn.is-extra-large.bonus-dice-banner__btn
{
    z-index: 12;
    width: 100%;
    max-width: 400px;
    position: relative;
}
.home-banner-unlogged__btn.btn.is-extra-large.is-auto-height, .home-banner-unlogged__btn.is-extra-large.is-auto-height.bonus-dice-banner__btn
{
    padding-block: 11px;
    width: 100%;
    padding-bottom: 16px;
}
.home-banner-unlogged__btn.btn.is-extra-large.is-auto-height span, .home-banner-unlogged__btn.is-extra-large.is-auto-height.bonus-dice-banner__btn span
{
    color: #dedede;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.home-banner-unlogged__image
{
    z-index: 11;
    width: 600px;
    height: 600px;
    position: absolute;
    top: 5%;
    left: 67%;
    transform: translate(-50%);
}
.home-banner-unlogged__link
{
    z-index: 11;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-banner
{
    background-image: url(../../willbetgambling/image/bg-u-desktop.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    height: 540px;
    margin-block-start: 60px;
    padding-inline-start: 68px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.home-banner:after
{
    content: "";
    z-index: 1;
    background: linear-gradient(360deg,#0e1147 0%,#0b083300 100%);
    width: 100%;
    height: 120px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
@media screen and (min-width: 1440px)
{
    .home-banner
    {
        padding-inline-start: 145px;
    }
}
@media screen and (min-width: 1680px)
{
    .home-banner
    {
        padding-inline-start: 200px;
    }
}
@media screen and (min-width: 1920px)
{
    .home-banner
    {
        height: 640px;
        padding-inline-start: 260px;
    }
}
.home-banner__wrap
{
    z-index: 10;
    max-width: 540px;
    position: relative;
}
.is-logged .home-banner__wrap
{
    width: 440px;
    padding-top: 60px;
}
.loaded .home-banner__wrap
{
    animation: .3s ease-in-out showBnrForm;
}
.home-banner__title
{
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    max-width: 540px;
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 900;
    line-height: 39px;
}
.home-banner__title span
{
    margin-right: 12px;
    font-size: 64px;
    line-height: 64px;
}
.home-banner__form
{
    z-index: 2;
    width: 400px;
    position: relative;
}
.home-banner__form .form-box.is-promo
{
    width: 100%;
}
.home-banner__row
{
    gap: 16px;
    margin-bottom: 20px;
    display: flex;
}
.home-banner__row .form-name
{
    display: none;
}
.home-banner__btn.btn.is-extra-large, .home-banner__btn.is-extra-large.bonus-dice-banner__btn
{
    width: 100%;
    max-width: 400px;
}
.home-banner__btn.btn.is-extra-large.is-auto-height, .home-banner__btn.is-extra-large.is-auto-height.bonus-dice-banner__btn
{
    padding-block: 11px;
    width: 100%;
    padding-bottom: 16px;
}
.home-banner__btn.btn.is-extra-large.is-auto-height span, .home-banner__btn.is-extra-large.is-auto-height.bonus-dice-banner__btn span
{
    color: #dedede;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.home-banner__image
{
    z-index: 11;
    width: 600px;
    height: 600px;
    position: absolute;
    top: -3%;
    left: 67%;
    transform: translate(-50%);
}
@keyframes showBnrForm
{
    0%
    {
        opacity: 0;
        transform: translateY(20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.shop-banner
{
    gap: 40px;
    min-height: 240px;
}
.shop-banner__bg
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 588px;
    height: 100%;
    position: absolute;
    top: 0;
}
.shop-banner__bg.is-left
{
    background-image: url(../../willbetgambling/image/banner-shop-back-left.png);
    left: 0;
}
.shop-banner__bg.is-right
{
    background-image: url(../../willbetgambling/image/banner-shop-back-right.png);
    right: 0;
}
.shop-banner__image
{
    height: 240px;
    transition-property: transform;
    transition-duration: .2s;
    position: absolute;
    inset-block-end: 0;
}
.shop-banner__image:hover
{
    transform: scale(1.06581);
}
.shop-banner__image.is-left
{
    width: 386px;
    inset-inline-start: -3px;
}
.shop-banner__image.is-left video
{
    inset-block-end: 0;
}
.shop-banner__image.is-left.has-bg
{
    background-image: url(../../willbetgambling/image/banner-shop-left.png);
}
@media screen and (min-width: 1440px)
{
    .shop-banner__image.is-left
    {
        inset-inline-start: 28px;
    }
}
.shop-banner__image.is-right
{
    width: 354px;
    inset-inline-end: 13px;
}
.shop-banner__image.is-right.has-bg
{
    background-image: url(../../willbetgambling/image/banner-shop-right.png);
}
.shop-banner__image.is-right video
{
    inset-block-end: -3.8px;
}
@media screen and (min-width: 1440px)
{
    .shop-banner__image.is-right
    {
        inset-inline-end: 28px;
    }
}
.shop-banner__image video
{
    pointer-events: none;
    background-color: #0000;
    position: absolute;
}
@media screen and (min-width: 1680px)
{
    .shop-banner__image
    {
        align-self: flex-end;
    }
    .shop-banner__image.is-left, .shop-banner__image.is-right
    {
        inset-inline: unset;
        inset-block: unset;
        position: relative;
    }
}
.shop-banner__content
{
    padding-block: 38px;
}
.bonus-crab-banner
{
    background: linear-gradient(136.27deg,#8822d0 3.14%,#350059 80.38%);
    border-radius: 8px;
    justify-content: center;
    margin-block: 56px 40px;
    display: flex;
    position: relative;
}
.bonus-crab-banner:before
{
    content: "";
    z-index: 0;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    background-image: url(../../willbetgambling/image/shop-baner-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1880px 314px;
    position: absolute;
    inset-inline-end: 0;
}
.bonus-crab-banner__content
{
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    padding-block: 32px 40px;
    display: flex;
    position: relative;
}
.bonus-crab-banner__title
{
    color: #fff;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 28px;
    font-size: 44px;
    font-weight: 900;
    line-height: 48px;
}
.bonus-crab-banner__btn button
{
    flex-direction: row;
    align-self: center;
    position: relative;
}
.bonus-crab-banner__logo
{
    z-index: 1;
    background-image: url(../../willbetgambling/image/bonus_crab_logo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 374px;
    height: 180px;
    margin-block: 28px 36px;
    margin-inline-end: 60px;
    position: relative;
}
@media screen and (min-width: 1680px)
{
    .bonus-crab-banner__logo
    {
        width: 458px;
    }
}
@media screen and (min-width: 1920px)
{
    .bonus-crab-banner__logo
    {
        width: 493px;
        margin-inline-end: 200px;
    }
}
.bonus-crab-banner__claw
{
    z-index: 1;
    background-image: url(../../willbetgambling/image/clash.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 500px;
    height: 250px;
    position: relative;
}
@media screen and (min-width: 1680px)
{
    .bonus-crab-banner__claw
    {
        margin-inline-start: 40px;
    }
}
@media screen and (min-width: 1920px)
{
    .bonus-crab-banner__claw
    {
        margin-inline-start: 198px;
    }
}
.bonus-dice-banner
{
    background-image: url(../../willbetgambling/image/bubbles-dice-1280.png),linear-gradient(136deg,#00bdce 3.14%,#0083b7 64.93%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-block-end: 32px;
    margin-inline: 20px;
    padding-block: 40px;
    display: flex;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1440px)
{
    .bonus-dice-banner
    {
        background-image: url(../../willbetgambling/image/bubbles-dice-1440.png),linear-gradient(136deg,#00bdce 3.14%,#0083b7 64.93%);
    }
}
@media screen and (min-width: 1920px)
{
    .bonus-dice-banner
    {
        background-image: url(../../willbetgambling/image/bubbles-dice-1920.png),linear-gradient(136deg,#00bdce 3.14%,#0083b7 64.93%);
    }
}
@media screen and (min-width: 2500px)
{
    .bonus-dice-banner
    {
        background-image: url(../../willbetgambling/image/bubbles-dice-2500.png),linear-gradient(136deg,#00bdce 3.14%,#0083b7 64.93%);
    }
}
.bonus-dice-banner:before, .bonus-dice-banner:after
{
    content: "";
    z-index: 0;
    pointer-events: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}
.bonus-dice-banner:before
{
    background-image: url(../../willbetgambling/image/dice-logo.png);
    width: 372px;
    height: 216px;
    inset-block-start: 50%;
    inset-inline-start: 25px;
    transform: translateY(-50%);
}
@media screen and (min-width: 1440px)
{
    .bonus-dice-banner:before
    {
        inset-inline-start: 86px;
    }
}
@media screen and (min-width: 1920px)
{
    .bonus-dice-banner:before
    {
        inset-inline-start: 184px;
    }
}
@media screen and (min-width: 2500px)
{
    .bonus-dice-banner:before
    {
        inset-inline-start: 330px;
    }
}
.bonus-dice-banner:after
{
    background-image: url(../../willbetgambling/image/dice-map.png);
    width: 995px;
    height: 565px;
    inset-block-start: -105px;
    inset-inline-end: -521px;
}
@media screen and (min-width: 1440px)
{
    .bonus-dice-banner:after
    {
        width: 993px;
        height: 563px;
        inset-block-start: -104px;
        inset-inline-end: -455px;
    }
}
@media screen and (min-width: 1920px)
{
    .bonus-dice-banner:after
    {
        inset-inline-end: -360px;
    }
}
.bonus-dice-banner__title
{
    color: #fff;
    text-align: center;
    max-width: 520px;
    margin-block-end: 32px;
    font-size: 44px;
    font-weight: 900;
    line-height: 109%;
}
.bonus-dice-banner__title, .bonus-dice-banner__btn
{
    z-index: 1;
    position: relative;
}
.bonus-dice-banner__btn
{
    padding-inline: 40px;
}
.bonus-card
{
    background-color: #fff;
    border-radius: 2px;
    outline: 1px solid #dedede;
    flex-direction: column;
    height: 100%;
    padding: 19px 32px 29px;
    transition-property: background;
    transition-duration: .2s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.bonus-card:before, .bonus-card:after
{
    content: "";
    z-index: 0;
    opacity: .5;
    background-size: cover;
    width: 100%;
    padding-top: 65%;
    transition-property: transform;
    transition-duration: .2s;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.bonus-card:before
{
    background-image: url(../../willbetgambling/image/bonus-top.png);
    top: 0;
    transform: translateY(-100%);
}
.bonus-card:after
{
    background-image: url(../../willbetgambling/image/bonus-bottom.png);
    bottom: 0;
    transform: translateY(100%);
}
.bonus-card:hover
{
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
    outline: none;
}
.bonus-card:hover:before, .bonus-card:hover:after
{
    transform: translateY(0%);
}
.bonus-card:hover .bonus-card__title, .bonus-card:hover .bonus-card__name, .bonus-card:hover .bonus-card__link, .bonus-card:hover .bonus-card__text, .bonus-card:hover .bonus-card__value, .bonus-card:hover .link.is-blue
{
    color: #fff;
}
.bonus-card:hover .bonus-card__btn.btn.is-activate, .bonus-card:hover .bonus-card__btn.is-activate.bonus-dice-banner__btn
{
    color: #0b0833;
    background-color: #fff;
    border-color: #fff;
}
.bonus-card.is-cashbox
{
    border: 0;
    flex-shrink: 0;
    width: 292px;
    padding-top: 3px;
    padding-bottom: 4px;
}
.bonus-card__preview
{
    text-align: center;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}
.bonus-card__label
{
    color: #fff;
    background-color: #2962ff;
    border-radius: 2px;
    margin-bottom: 9px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
}
.is-active .bonus-card__label
{
    background-color: #ff4e4e;
}
.is-cashbox .bonus-card__label
{
    margin-bottom: 4px;
}
.bonus-card__title
{
    color: #0e1147;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
    transition-property: color;
    transition-duration: .2s;
    overflow: hidden;
}
.is-cashbox .bonus-card__title
{
    margin-bottom: -1px;
}
@media screen and (max-width: 1439px)
{
    .bonus-card__title
    {
        margin-bottom: 10px;
    }
}
.bonus-card__name
{
    color: #2962ff;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: auto;
    font-size: 38px;
    font-weight: 900;
    line-height: 120%;
    transition-property: color;
    transition-duration: .2s;
    display: -webkit-box;
    overflow: hidden;
}
.is-popup .bonus-card__name
{
    margin-bottom: 0;
}
.is-cashbox .bonus-card__name
{
    letter-spacing: .05em;
    margin-bottom: -6px;
    font-size: 32px;
    line-height: 38px;
}
@media screen and (max-width: 1439px)
{
    .bonus-card__name
    {
        font-size: 32px;
    }
}
.bonus-card__link
{
    color: #0e1147;
    cursor: pointer;
    margin-left: 4px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
    text-decoration: underline;
    transition-property: color;
    transition-duration: .2s;
}
.bonus-card__link:hover, .bonus-card__link:active, .bonus-card__link:focus
{
    text-decoration: none;
}
.bonus-card__row
{
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin-bottom: 10px;
    padding-top: 20px;
    display: flex;
}
.is-cashbox .bonus-card__row
{
    margin-bottom: 0;
}
@media screen and (max-width: 1439px)
{
    .bonus-card__row
    {
        padding-top: 10px;
    }
}
.bonus-card__row.freespin-wager
{
    flex-direction: row;
    justify-content: center;
    align-self: normal;
    gap: 8px;
}
.bonus-card__row.freespin-wager>div
{
    width: calc(50% - 10px);
}
.bonus-card__text
{
    color: #0c15337a;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    transition-property: color;
    transition-duration: .2s;
}
.bonus-card__value
{
    color: #0c1533cc;
    letter-spacing: .05em;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition-property: color;
    transition-duration: .2s;
}
.is-cashbox .bonus-card__value
{
    margin-top: -7px;
    font-size: 14px;
    line-height: 20px;
}
.bonus-card__btn.btn, .bonus-card__btn.bonus-dice-banner__btn
{
    height: 56px;
    margin-bottom: 17px;
}
.is-popup .bonus-card__btn.btn, .is-popup .bonus-card__btn.bonus-dice-banner__btn
{
    margin-top: 16px;
    margin-bottom: 0;
}
.bonus-card__wrap .btn.is-secondary.is-medium, .bonus-card__wrap .is-secondary.bonus-dice-banner__btn
{
    height: 56px;
    padding-inline: 31px;
}
.bonus-card__preloader
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bonus-item
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.bonus-modal
{
    background-color: #0b0833;
    flex-direction: column;
    gap: 12px;
    padding: 33px 16px 28px;
    display: flex;
}
.bonus-modal__item
{
    border-radius: 2px;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
    display: flex;
}
.bonus-modal__label
{
    color: #757388;
    text-align: start;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.bonus-modal__value
{
    color: #fff;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-align: end;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.bonus-modal__warning
{
    color: #fff;
    letter-spacing: .05em;
    background: #ffffff1a;
    border: 1px solid #fff;
    margin-block: 20px;
    padding: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.bonus-modal__link
{
    margin-top: 24px;
}
.cashbox-amount
{
    cursor: pointer;
    text-align: center;
    color: #0b0833;
    background-color: #fff;
    border: 2px solid #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    overflow: hidden;
}
.cashbox-amount:hover
{
    border: 2px solid #2962ff;
}
.cashbox-amount.is-active
{
    color: #fff;
    background-color: #2962ff;
    border-color: #2962ff;
}
.cashbox-amounts
{
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin-block-end: 20px;
    display: grid;
}
.cashbox-balance
{
    background-color: #fff;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: 68px;
    padding: 24px;
    display: flex;
}
.cashbox-balance__key
{
    color: #0b0833;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    overflow: hidden;
}
.cashbox-balance__val
{
    color: #0e1147;
    font-size: 20px;
    font-weight: 900;
    line-height: 20px;
}
.cashbox-balance__refresh
{
    cursor: pointer;
    background-image: var(--icon-reload);
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
}
.cashbox-balance__refresh:hover, .cashbox-balance__refresh:active
{
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
}
.cashbox-balance__refresh.linda-has-preloader
{
    animation: 1s linear infinite rotate360;
}
@keyframes rotate360
{
    to
    {
        transform: rotate(360deg);
    }
}
.cashbox-bonus
{
    color: #0b0833;
    background-color: #069e831a;
    border: 1px solid #63df7f;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 20px;
    padding: 12px;
    display: flex;
}
.cashbox-bonus__content
{
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding-inline: 20px;
    display: flex;
}
.cashbox-bonus__title
{
    letter-spacing: .04em;
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}
.cashbox-bonus__text
{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.cashbox-bonus__text b
{
    font-weight: 700;
}
.cashbox-bonus__btns
{
    justify-content: center;
    align-items: center;
    gap: 12px;
    display: flex;
}
.cashbox-callback
{
    flex-direction: column;
    align-items: center;
    padding-inline: 20px;
    display: flex;
}
.cashbox-cancel__title
{
    color: #0b0833;
    margin-block: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.cashbox-cancel__box
{
    flex-direction: column;
    gap: 12px;
    display: flex;
}
.cashbox-cancel__item
{
    grid-gap: 2px 16px;
    background-color: #fff;
    border-radius: 2px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    margin-inline: 20px;
    padding: 10px 12px;
    display: grid;
}
.cashbox-cancel__img
{
    object-fit: contain;
    grid-row: 1/-1;
    align-self: stretch;
    width: 124px;
    height: 35px;
    margin-block: auto;
}
.cashbox-cancel__amount
{
    color: #ff4e4e;
    align-self: end;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.cashbox-cancel__date
{
    color: #757388;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.cashbox-cancel__btn
{
    grid-row: 1/-1;
    grid-column-end: -1;
    place-self: center end;
}
.cashbox-contact
{
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 7px;
    display: flex;
}
.cashbox-contact__row
{
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    display: flex;
}
.cashbox-contact__item
{
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #868a92;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    transition-property: color;
    transition-duration: .2s;
    display: flex;
    overflow: hidden;
}
.cashbox-contact__item:before
{
    content: "";
    filter: invert(96%) sepia(3%) saturate(704%) hue-rotate(46deg) brightness(108%) contrast(81%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
}
.cashbox-contact__item:hover
{
    color: #fff;
}
.cashbox-copyright
{
    color: #757388;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}
.cashbox-disable-text
{
    text-align: center;
    color: #757388;
    background: #dedede80;
    border-radius: 8px;
    margin: 10px 0 12px;
    padding: 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
}
.cashbox-form
{
    flex-direction: column;
    align-items: center;
    min-height: 455px;
    padding-block-start: 8px;
    padding-inline: 40px;
    display: flex;
}
.cashbox-form__title
{
    color: #473a52;
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.cashbox-form__group-title
{
    color: #0b0833;
    text-align: center;
    grid-column: 1/-1;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
}
.cashbox-form__min
{
    color: #0b0833;
    margin-block-start: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.form-input.ng-touched.low-balance:not(:focus)~.cashbox-form__min.is-error, .ng-touched.low-balance.form-select:not(:focus)~.cashbox-form__min.is-error, .form-input.ng-invalid.ng-touched:not(:focus)~.cashbox-form__min.is-error, .ng-invalid.ng-touched.form-select:not(:focus)~.cashbox-form__min.is-error
{
    color: #ff4e4e;
}
.cashbox-form__amount
{
    width: 506px;
}
.cashbox-form__btns
{
    margin-block-start: 24px;
}
.cashbox-form__amount-block .form-item.is-amount
{
    width: 100%;
}
.cashbox-form__field
{
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-bottom: 12px;
    padding-inline: 20px;
    display: grid;
}
.cashbox-form__field-item
{
    width: 100%;
}
.cashbox-form__field-item .form-box.is-bankid
{
    width: 315px;
    margin: 0;
}
.cashbox-form__error
{
    text-align: center;
    color: #ff4e4e;
    background-color: #ff4e4e1a;
    border: 1px solid #ff4e4e;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 101px;
    margin-block-end: 40px;
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: flex;
}
.cashbox-form__error b
{
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.cashbox-form__error-title
{
    color: #ff4e4e;
    text-align: center;
    letter-spacing: .04em;
    margin-block-end: 4px;
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
}
.cashbox-form__psp-notification
{
    text-align: start;
    color: #2d2d32;
    background: #2962ff0f;
    border: 1px solid #507eff33;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.cashbox-form__psp-notification ol
{
    list-style-position: inside;
}
.cashbox-form__psp-notification li:not(:last-child)
{
    margin-bottom: 12px;
}
.hide-amount .if-hide-amount
{
    display: none!important;
}
.cashbox-frame
{
    margin-block-start: 12px;
    margin-inline: 12px;
}
.cashbox-make-dep
{
    background-color: #069e831a;
    border: 1px solid #15c187;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    height: 72px;
    margin: 20px;
    padding: 12px;
    display: flex;
}
.cashbox-make-dep__text
{
    color: #069e83;
    margin: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.cashbox-make-dep__btn
{
    min-width: 156px;
}
.cashbox-pay
{
    flex-direction: column;
    min-height: 216px;
    margin-block-start: 24px;
    margin-inline: 20px;
    display: flex;
}
.cashbox-pay__title
{
    color: #0b0833;
    margin-block-end: 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.cashbox-pay__list
{
    grid-template-columns: repeat(5,1fr);
    gap: 12px;
    display: grid;
}
.cashbox-popup .popup__wrap
{
    text-align: start;
    border-radius: var(--pgw-border-radius-l);
    width: 100%;
    max-width: 560px;
    padding-block: 8px 24px;
    padding-inline: 8px;
}
.cashbox-popup__header
{
    word-break: break-word;
    height: fit-content;
    margin-bottom: 12px;
    position: relative;
}
.cashbox-popup__title
{
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 40px;
}
.cashbox-popup__tabs
{
    margin-bottom: 12px;
}
.cashbox-popup__tab
{
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    width: 195px;
    overflow: hidden;
}
.cashbox-popup__content
{
    text-align: center;
    background-color: #f6f6f4;
    padding-bottom: 36px;
}
.is-fast-deposit-frame .cashbox-popup__content
{
    padding-bottom: 0;
}
.cashbox-popup__footer
{
    background-color: #0b0833;
    align-items: center;
    width: 100%;
    height: 53px;
    padding-inline: 18px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
}
.cashbox-popup__link
{
    justify-content: center;
    align-items: center;
    height: 24px;
    margin-block-start: 26px;
    font-weight: 400;
    display: inline-flex;
}
.cashbox-withdraw-notification
{
    background: #2962ff;
    border-radius: 2px;
    margin: 20px;
    padding: 12px;
}
.cashbox-withdraw-notification__text
{
    text-align: center;
    color: #e7e7e4;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.cashbox-withdraw-notification__content
{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    display: flex;
}
.cashbox-withdraw-notification.is-email-verification
{
    gap: 12px;
    display: flex;
}
.cashbox-withdraw-notification.is-email-verification .cashbox-withdraw-notification__icon
{
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 40px;
    display: flex;
    position: relative;
}
.cashbox-withdraw-notification.is-email-verification .cashbox-withdraw-notification__icon:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.cashbox-withdraw-notification.is-email-verification .cashbox-withdraw-notification__title
{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    line-height: 17px;
}
.cashbox-withdraw-notification.is-email-verification .cashbox-withdraw-notification__link
{
    color: #e7e7e4;
    padding-inline-start: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    text-decoration: underline;
}
.categories-list
{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.categories-list__scroll
{
    -webkit-overflow-scrolling: touch;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    column-gap: 12px;
    display: grid;
    overflow: auto hidden;
}
.categories-list__scroll::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.categories-list__control
{
    z-index: 1;
    pointer-events: initial;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.categories-list__control:before
{
    content: "";
    width: 88px;
    height: 100%;
    position: absolute;
    top: 0;
}
.categories-list__control i
{
    z-index: 2;
}
.categories-list__control.is-left
{
    left: 0;
}
.categories-list__control.is-left:before
{
    background: linear-gradient(90deg,#0e1147 30%,#fdfeff00 100%);
}
.categories-list__control.is-right
{
    right: 0;
}
.categories-list__control.is-right:before
{
    background: linear-gradient(-90deg,#0e1147 50%,#fdfeff00 100%);
}
.categories-list__control.is-disable
{
    opacity: 0;
    pointer-events: none;
}
.categories-list__item
{
    color: #fff;
    text-align: center;
    border: 1px solid #fff3;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 88px;
    padding-block: 12px;
    padding-inline: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    transition: all .2s;
    display: flex;
}
.categories-list__item:hover
{
    border-color: #fff;
}
.categories-list__item:hover .categories-list__icon
{
    transform-origin: 50%;
    transform: scale(1.1);
}
.categories-list__item:active, .categories-list__item.is-active
{
    background-color: #0b0833;
    border-color: #fff;
}
.categories-list__item:active .categories-list__icon-src, .categories-list__item.is-active .categories-list__icon-src
{
    filter: invert();
}
.categories-list__item.is-providers
{
    margin-right: 12px;
    position: relative;
}
.categories-list__item.is-providers:after
{
    content: "";
    opacity: .2;
    background-color: #faf9ff;
    width: 2px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: -14px;
}
.categories-list__icon
{
    background: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#5e76ff 3.59%,#2a5cf0 16.54%,#1d1d92 59.83%,#131b67 101.21%,#0c49d6 122%);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    transition: all .2s;
    display: flex;
}
.categories-list__icon-src
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.category-page
{
    padding-block: 0 28px;
}
.category-page__filter
{
    justify-content: center;
    margin-block: 20px 28px;
    padding-inline: 20px;
    display: flex;
}
.category-page__nav
{
    max-width: 100%;
}
.cookie
{
    z-index: 100;
    width: 100%;
    position: fixed;
    bottom: 0;
}
.cookie__wrap
{
    background: #2962ff;
    align-items: center;
    gap: 20px;
    width: 500px;
    margin: 0 auto;
    padding: 12px;
    display: flex;
}
.cookie__text
{
    color: #fff;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
}
.cookie__link
{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}
.cookie__btn.is-small
{
    color: #fff;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 900;
    line-height: 19px;
}
.is-demo-game .cookie
{
    bottom: 60px;
}
#cookiescript_fsd_wrapper .cookiescript_fsd_language_drop_down
{
    overflow: visible;
}
#cookiescript_fsd_wrapper .cookiescript_custom_select.open .cookiescript_custom_select_items
{
    overflow-y: auto;
}
#cookiescript_fsd_wrapper .cookiescript_custom_select
{
    min-width: 152px;
}
.crab-counter
{
    color: #fff;
    background: #ff4e4e;
    border-radius: 20px;
    height: 16px;
    margin-left: 4px;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 900;
    line-height: 16px;
}
.crypto-list
{
    align-items: flex-start;
    gap: 8px;
    display: flex;
}
.crypto-list__item
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 26.667px;
    height: 20px;
    display: flex;
}
.euro-promotions__header
{
    align-items: center;
    margin-bottom: 16px;
    display: flex;
}
.euro-promotions__title
{
    color: #fff;
    margin-right: auto;
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
}
.euro-promotions__scroll
{
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: auto;
}
.euro-promotions__scroll::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.euro-promotions__scroll-list
{
    column-gap: 16px;
    display: flex;
}
.footer-icons
{
    justify-content: center;
    align-items: center;
    gap: 32px;
    display: flex;
}
.footer-icons__item
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 40px;
    display: block;
}
.footer-icons__item.is-18
{
    background-image: var(--icon-age);
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    width: 40px;
    transition: all .2s;
}
a.footer-icons__item.is-18
{
    transition: all .2s;
}
a.footer-icons__item.is-18:hover
{
    filter: invert();
}
.footer-icons__item.is-license
{
    width: 40px;
}
.footer-icons__item.is-iso
{
    background-image: var(--icon-iso-color);
    width: 26px;
}
.footer-icons__item.is-rgf
{
    background-image: var(--icon-rgf);
    width: 76px;
}
.footer-icons__item.is-igate
{
    background-image: var(--icon-igate);
    filter: invert();
    width: 76px;
}
.footer-icons__item.is-pagcor
{
    background-image: url(../../willbetgambling/image/pagcor-seal.png);
    width: 40px;
}
.footer-license
{
    text-align: center;
}
.footer-license__title
{
    color: #507eff;
    cursor: pointer;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    display: inline-flex;
}
.footer-license__title:hover
{
    color: #fff;
}
.footer-license__title:hover:after
{
    background-color: #fff;
}
.footer-license__title:after
{
    content: "";
    width: 12px;
    height: 12px;
    mask-image: var(--icon-arrow-down-alt);
    background-color: #507eff;
    margin-inline-start: 4px;
    display: inline-block;
    mask-size: cover;
    mask-repeat: no-repeat;
}
.footer-license__title.is-open:after
{
    transform: scaleY(-1);
}
.footer-license__btn.is-hide
{
    display: none;
}
.is-open .footer-license__btn.is-hide
{
    display: block;
}
.is-open .footer-license__btn.is-opened
{
    display: none;
}
.footer-license__inner
{
    padding-top: 10px;
    display: none;
}
.footer-license__inner.is-open
{
    display: block;
}
.footer-nav
{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    display: flex;
}
.footer-nav__title
{
    color: #757388;
    letter-spacing: .03em;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.footer-nav__title+.footer-nav__title
{
    margin-bottom: 0;
}
.footer-nav__title.is-link
{
    color: #fff;
}
a.footer-nav__title
{
    transition: all .2s;
}
a.footer-nav__title:hover
{
    color: #fff;
    font-weight: 600;
}
.footer-nav__link
{
    color: #fff;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    transition: font-weight .2s;
}
.footer-nav__link.is-active, .footer-nav__link:hover
{
    font-weight: 500;
}
.footer-nav__link-wrap+.footer-nav__title, .footer-nav__link+.footer-nav__title
{
    margin-top: 48px;
}
.footer-payments
{
    grid-template-columns: repeat(3,1fr) auto;
    gap: 12px;
    padding-block: 79px 35px;
    display: grid;
}
.footer-payments__item
{
    cursor: pointer;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 36px;
    display: flex;
}
.footer-payments__item.icon-arrow-right__after
{
    color: #fff;
    background-color: #0000;
    border: 1px solid #ffffff4d;
    padding: 8.5px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition: border-color .2s,color .2s;
}
.footer-payments__item.icon-arrow-right__after:after
{
    content: "";
    filter: invert();
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    display: block;
}
.footer-payments__item.icon-arrow-right__after:hover
{
    border-color: #fff;
}
.footer-payments__item.icon-arrow-right__after:active
{
    color: #0b0833;
    background-color: #fff;
}
.footer-payments__item.icon-arrow-right__after:active:after
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.footer-payments__item:not(.icon-arrow-right__after)
{
    background-color: #fff;
    border: 1px solid #eeecff;
    padding: 6.5px 5.5px;
    transition: all .2s;
}
.footer-payments__item:not(.icon-arrow-right__after):hover
{
    border-color: #2962ff;
}
.footer-payments__item:not(.icon-arrow-right__after):active
{
    background-color: #dedede;
    border-color: #2962ff;
}
.footer
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 60px 32px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.footer:before
{
    z-index: 0;
    content: "";
    opacity: .5;
    pointer-events: none;
    background-image: url(../../willbetgambling/image/bubbles_trustly.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1536px;
    height: 768px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.footer__btns
{
    z-index: 1;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    margin-block-end: 40px;
    display: grid;
    position: relative;
}
.footer__btn
{
    width: 100%;
}
.footer__menu
{
    z-index: 1;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 40px;
    width: 100%;
    display: grid;
    position: relative;
}
.footer__content
{
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.footer__icon-row
{
    flex-shrink: 0;
    margin-bottom: 20px;
}
.footer__text
{
    color: #757388;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.footer__copyright
{
    margin-top: 18px;
}
.footer__copyright p:first-of-type
{
    margin-bottom: 18px;
}
.footer .footerLicense-icons
{
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 38px;
    display: flex;
}
.footer .footerLicense-icons li
{
    height: 40px;
}
.footer .footerLicense-icons__license
{
    max-width: 40px;
    height: 40px;
}
.footer .footerLicense-text
{
    text-align: center;
}
.footer .footerLicense-text p
{
    color: #757388;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.footer .footerLicense-text p:first-of-type
{
    margin-bottom: 18px;
}
.freespins-filter
{
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    margin-bottom: 20px;
    position: relative;
    overflow-x: auto;
}
.freespins-filter::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.is-gamepage .freespins-filter
{
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100% + 24px);
    margin-inline: -12px;
}
.freespins-filter__scroll
{
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    gap: 8px;
    padding-inline: 20px;
    display: inline-grid;
}
.is-gamepage .freespins-filter__scroll
{
    padding-inline: 12px;
}
.freespins-filter__item
{
    flex-shrink: 0;
    min-width: 72px;
    padding-inline: 16px;
}
.freespins-list
{
    grid-template-columns: repeat(6,calc(16.6667% - 13.3333px));
    grid-auto-columns: minmax(calc(16.6667% - 13.3333px),1fr);
    gap: 20px 16px;
    display: grid;
}
.is-gamepage .freespins-list
{
    grid-template-columns: repeat(2,calc(50% - 6px));
    grid-auto-columns: minmax(calc(50% - 6px),1fr);
    gap: 16px 12px;
}
@media screen and (min-width: 1920px)
{
    .freespins-list
    {
        grid-template-columns: repeat(8,calc(12.5% - 14px));
        grid-auto-columns: minmax(calc(12.5% - 14px),1fr);
    }
}
.fun-id
{
    text-align: center;
    font-family: Roboto,sans-serif;
}
.fun-id__divider
{
    justify-content: center;
    margin: 20px 0 12px;
    display: flex;
    position: relative;
}
.fun-id__divider:before
{
    content: "";
    background-color: #9b9ab2;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
}
.fun-id__divider-text
{
    color: #757388;
    z-index: 2;
    background-color: #0e1147;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
}
.fun-id__button
{
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #e2e1f666;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    margin-bottom: 20px;
    padding: 6px;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    display: flex;
    position: relative;
}
.fun-id__button-text
{
    position: relative;
}
.fun-id__button:hover:before
{
    animation: 1s forwards fanIdMoveColor;
}
.fun-id__button:hover:after
{
    animation: 1s forwards fanIdMoveIcon;
}
.fun-id__button:before
{
    content: "";
    background-color: #3f38dd;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
}
.fun-id__button:after
{
    content: "";
    background-image: url(../../willbetgambling/image/funid_logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 6px;
}
.fun-id__link
{
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    text-decoration: underline;
    transition: color .2s;
    position: relative;
}
.fun-id__link:hover
{
    color: #757388;
}
.fun-id__link:hover:before
{
    filter: brightness(.5);
}
.fun-id__link:before
{
    content: "";
    background-image: url(../../willbetgambling/image/funid-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    transition: filter .2s;
    display: inline-block;
    position: relative;
    top: 2px;
}
.fun-id__title
{
    max-width: 100%!important;
}
.fun-id__frame
{
    min-height: 305px;
}
@keyframes fanIdMoveColor
{
    0%
    {
        width: 0;
    }
    25%
    {
        width: 0;
    }
    75%
    {
        width: 100%;
    }
    to
    {
        width: 100%;
    }
}
@keyframes fanIdMoveIcon
{
    0%
    {
        transform: scale(1);
    }
    25%
    {
        left: 6px;
        transform: scale(1.3);
    }
    75%
    {
        left: calc(100% - 42px);
        transform: scale(1.3);
    }
    to
    {
        left: calc(100% - 42px);
        transform: scale(1);
    }
}
.game-box-empty
{
    background-color: #0b0833;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 400px;
    margin-inline: 20px;
    padding: 20px 0;
    display: flex;
    position: relative;
}
.game-box-empty__icon
{
    background: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#5e76ff 3.59%,#2a5cf0 16.54%,#1d1d92 59.83%,#131b67 82.21%,#0c49d6 100%) 0 0/100%;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    position: relative;
}
.game-box-empty__icon:before
{
    content: "";
    filter: invert();
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.game-box-empty__icon.is-favourite:before
{
    background-image: var(--icon-heart);
}
.game-box-empty__icon.is-last-played:before
{
    background-image: var(--icon-all-games);
}
.game-box-empty__text
{
    margin-bottom: 20px;
}
.game-box-empty__text p
{
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.game-box
{
    max-width: 100vw;
}
.game-box__container
{
    margin-bottom: 15px;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    display: inline-block;
}
@media screen and (min-width: 1680px)
{
    .game-box__container
    {
        margin-bottom: 0;
    }
}
.game-box__container:empty
{
    display: none;
}
.game-box__scroll
{
    width: 100%;
    max-width: 100vw;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
}
.game-box__scroll:not(.preloader):before, .game-box__scroll:not(.preloader):after
{
    content: "";
    z-index: 11;
    background-image: linear-gradient(90deg,#0e1147 0%,#0e114700 100%);
    width: 20px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}
.game-box__scroll:not(.preloader):before
{
    inset-inline-start: 0;
}
.game-box__scroll:not(.preloader):after
{
    inset-inline-end: 0;
    transform: scale(-1);
}
.game-box__header
{
    align-items: center;
    padding-inline: 20px;
    display: flex;
}
.on-tournament-page .game-box__header
{
    padding-inline: 0;
}
.game-box__back.size-icon-20.icon-background, .game-box__back.popup__close, .game-box__back.popup__back
{
    margin-inline-end: 12px;
    padding: 4px;
}
.game-box__title
{
    color: #fff;
    letter-spacing: .05em;
    padding-block: 5.5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
@media screen and (min-width: 1920px)
{
    .game-box__title
    {
        font-size: 28px;
        line-height: 34px;
    }
}
.game-box__title.is-gamepage
{
    margin-top: 12px;
    font-size: 20px;
    line-height: 120%;
}
.game-box__link
{
    color: #507eff;
    margin-inline: auto 4px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition-property: all;
    transition-duration: .2s;
}
.game-box__link:hover
{
    color: #fff;
    letter-spacing: .05em;
    font-weight: 500;
}
.game-box__control
{
    cursor: pointer;
}
.game-box__control.is-disable
{
    pointer-events: none;
    cursor: default;
}
.game-box__control.is-disable .icon-background:after, .game-box__control.is-disable .popup__close:after, .game-box__control.is-disable .popup__back:after
{
    filter: invert(61%) sepia(9%) saturate(270%) hue-rotate(182deg) brightness(88%) contrast(85%);
}
.game-box__grid
{
    z-index: 5;
    grid-template-columns: repeat(8,calc(12.5% - 14px));
    grid-auto-columns: minmax(calc(12.5% - 14px),1fr);
    gap: 16px;
    padding: 20px 20px 0;
    display: grid;
    position: relative;
}
.on-tournament-page .game-box__grid
{
    padding-inline: 0;
}
.game-box__grid.is-gamepage
{
    grid-template-columns: repeat(3,calc(33.3333% - 10.6667px));
    grid-auto-columns: minmax(calc(33.3333% - 10.6667px),1fr);
    padding-inline: 0;
}
.game-box__grid.is-row-gap-11
{
    row-gap: 11px;
}
.game-box__grid.is-8-columns.is-scrolled, .game-box__grid.is-8-columns
{
    grid-template-columns: repeat(8,calc(12.5% - 14px));
    grid-auto-columns: minmax(calc(12.5% - 14px),1fr);
    column-gap: 16px;
}
.game-box__grid.is-3-columns.is-scrolled, .game-box__grid.is-3-columns
{
    grid-template-columns: repeat(3,calc(33.3333% - 26.6667px));
    grid-auto-columns: minmax(calc(33.3333% - 26.6667px),1fr);
    column-gap: 40px;
}
.game-box__grid.is-4-columns.is-scrolled, .game-box__grid.is-4-columns
{
    grid-template-columns: repeat(4,calc(25% - 12px));
    grid-auto-columns: minmax(calc(25% - 12px),1fr);
    column-gap: 16px;
}
.game-box__grid.is-7-columns.is-scrolled, .game-box__grid.is-7-columns
{
    grid-template-columns: repeat(7,calc(14.2857% - 13.7143px));
    grid-auto-columns: minmax(calc(14.2857% - 13.7143px),1fr);
    column-gap: 16px;
}
.game-box__grid.is-scrolled
{
    -webkit-overflow-scrolling: touch;
    grid-template-rows: repeat(2,1fr);
    grid-template-columns: repeat(8,calc(12.5% - 14px));
    grid-auto-columns: minmax(calc(12.5% - 14px),1fr);
    grid-auto-flow: column;
    overflow: auto hidden;
}
.game-box__grid.is-scrolled::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.template-column--4 .game-box__grid.is-scrolled
{
    grid-template-columns: repeat(4,calc(25% - 12px));
    grid-auto-columns: minmax(calc(25% - 12px),1fr);
}
.game-box__grid.template-row--1
{
    grid-template-rows: repeat(1,1fr);
}
.game-box__item:hover
{
    z-index: 100;
}
.game-box__btns
{
    justify-content: center;
    display: flex;
    position: relative;
}
.game-box__btns:before
{
    content: "";
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(#fdfeff00 0%,#0e1147 70%);
    justify-content: center;
    height: 356px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.game-box__btns button
{
    z-index: 6;
}
.game-box__btns.is-gamepage button:before
{
    background-position: left -33px bottom;
    background-size: 33px 3px;
}
.game-box__onegame
{
    width: 100%;
    max-width: 320px;
}
.game-box__onegame .game-item__wrap
{
    padding-top: 72%;
}
.game-hall
{
    row-gap: 10px;
    width: 100%;
    display: grid;
}
@media screen and (min-width: 1680px)
{
    .game-hall
    {
        row-gap: 0;
    }
}
.game-bar
{
    z-index: 3;
    background-color: #0e1147;
    flex-direction: column;
    width: 360px;
    height: calc(100% - 56px);
    transition-property: transform;
    transition-duration: .2s;
    display: flex;
    position: fixed;
    inset-block: 56px 0;
    inset-inline-end: 0;
    overflow: hidden;
    transform: translate(100%);
}
.game-bar.is-active
{
    z-index: 4;
    transform: translate(0);
}
.game-bar__tabs-block
{
    gap: 12px;
    padding: 12px 12px 0;
}
.game-bar__tab
{
    text-transform: capitalize;
    flex-grow: 1;
    width: 50%;
}
.game-bar__container
{
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-block: 8px;
    transition-property: transform;
    transition-duration: .2s;
    display: flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    overflow: auto;
    transform: translate(100%);
}
.game-bar__container::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.game-bar__container.is-active
{
    z-index: 2;
    transform: translate(0);
}
.game-bar__block
{
    padding: 12px;
}
.game-bar__container-item
{
    height: 100%;
}
.game-bar__header
{
    padding-inline: 12px;
    border-bottom: 1px solid #0b0833;
    flex-shrink: 0;
    padding-top: 4px;
}
.is-tournament .game-bar__header
{
    border-bottom: 0;
    padding: 0;
}
.game-bar__icon
{
    top: 12px;
    left: 12px;
    position: absolute!important;
}
.game-bar__title
{
    letter-spacing: .8px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    max-width: 295px;
    padding-bottom: 20px;
    padding-left: 48px;
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
    overflow: hidden;
}
.game-bar__search-notification
{
    text-align: center;
    color: #e7e7e4;
    margin-inline: 20px;
    margin-bottom: 12px;
}
.game-bar__scroll
{
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden auto;
}
.game-bar__scroll::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.game-bar__coin-balance
{
    background: #0b0833;
    border-radius: 8px;
    flex: 1 0 0;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-bottom: 16px;
    padding: 10px 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
}
.game-bar__coin-balance strong
{
    letter-spacing: .8px;
    font-size: 16px;
    font-weight: 900;
}
.game-bar__coin-balance .shop-coin
{
    width: 20px;
    height: 20px;
    margin-inline-start: 0;
}
.game-bar__content
{
    flex-direction: column;
    width: 100%;
    margin-top: 12px;
    display: flex;
}
.game-bar__content.is-search .game-box__header
{
    padding-inline: 12px;
}
.game-bar__content.is-search .game-box__title
{
    font-size: 20px;
    line-height: 120%;
}
@media screen and (min-width: 1920px)
{
    .game-bar__content.is-search .game-box__title
    {
        font-size: 20px;
        line-height: 120%;
    }
}
.game-bar__content.is-search .game-box__link
{
    margin-inline-end: 0;
    font-size: 16px;
    line-height: 120%;
}
.game-bar__content.is-search .game-box__grid
{
    padding: 16px 12px 0;
}
.game-bar__content.is-search .game-box__grid.is-scrolled
{
    grid-template-columns: repeat(11,134px);
    gap: 0 12px;
    margin-block-end: 25px;
}
.game-bar__content.is-search .game-box__grid:not(.is-scrolled)
{
    grid-template-columns: repeat(2,calc(50% - 8px));
    grid-auto-columns: minmax(calc(50% - 8px),1fr);
    gap: 16px;
}
.game-bar__content .game-item
{
    padding-bottom: 0;
}
.game-bar .search-game-item
{
    flex-direction: column;
}
.game-bar .search-game-item.is-no-poster .search-game-item__content, .game-bar .search-game-item.is-provider
{
    padding-bottom: 0;
}
.game-bar .search-game-item__img
{
    border-radius: 2px;
    width: 100%;
    height: 240px;
    margin-right: 0;
}
.game-bar .search-game-item__icon
{
    width: 100px;
    height: 100px;
}
.game-bar .search-game-item__icon.is-category:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
}
.game-bar .search-game-item__over:before
{
    width: 100px;
    height: 100px;
}
.game-bar .search-game-item__content
{
    max-width: 100%;
}
.game-bar .search-game-item__name
{
    color: #868a92;
    letter-spacing: .05em;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
}
.game-category-list
{
    grid-gap: 12px;
    z-index: 99;
    background: #0c092f;
    grid-template-columns: repeat(3,1fr);
    width: 748px;
    padding: 32px;
    display: none;
    position: absolute;
    top: 40px;
    right: -40px;
    box-shadow: 0 4px 12px #0c092fbf;
}
.open-categories .game-category-list.is-categories, .open-providers .game-category-list.is-providers
{
    display: grid;
}
.game-category-list__item
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding: 0 12px;
    animation: .4s linear showCatItem;
    display: flex;
    position: relative;
}
.game-category-list__item.is-provider
{
    background-color: #0a1044;
}
.game-category-list__item:before
{
    content: "";
    background-image: linear-gradient(#0b083380,#0b083380);
    width: 100%;
    height: 100%;
    transition: all .2s;
    position: absolute;
    top: 0;
    left: 0;
}
.game-category-list__item:hover
{
    cursor: pointer;
}
.game-category-list__item:hover:before
{
    opacity: 0;
    transition: all .2s;
}
.game-category-list__item.is-active
{
    border: 1px solid #fff;
}
.game-category-list__item.is-active:before
{
    opacity: 0;
}
.game-category-list__name, .game-category-list__logo
{
    z-index: 2;
    position: relative;
}
.game-category-list__name
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
}
.game-category-list__logo
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 104px;
    height: 48px;
}
@keyframes showCatItem
{
    0%
    {
        opacity: .2;
    }
    to
    {
        opacity: 1;
    }
}
.game-category
{
    justify-content: center;
    display: flex;
}
.loaded .game-category
{
    animation: .3s ease-in-out .2s both showBnrForm;
}
.game-category__item
{
    text-transform: capitalize;
    color: #fff;
    background-color: #0e1147;
    background-position: 50% 70%;
    background-size: 100%;
    width: 132px;
    height: 132px;
    margin: 0 10px;
    padding: 20px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: all .2s;
}
.game-category__item:hover
{
    background-color: #2962ff;
    background-size: 120%;
}
@media screen and (min-width: 1440px)
{
    .game-category__item
    {
        width: 200px;
        height: 200px;
        font-size: 16px;
    }
}
@media screen and (min-width: 1680px)
{
    .game-category__item
    {
        width: 244px;
        height: 244px;
        font-size: 24px;
    }
}
@keyframes showCategoryNan
{
    0%
    {
        opacity: 0;
        transform: translateY(20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.game-cp
{
    position: relative;
}
.game-cp:before
{
    content: "";
    padding-top: 150%;
    display: block;
}
.game-cp__wrap
{
    background: #0e1147;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.game-cp__text
{
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}
.game-cp__count
{
    margin: 20px 0;
    font-size: 36px;
    font-weight: 900;
}
.game-cp__btn
{
    margin-top: 16px;
}
.game-grid
{
    grid-gap: 20px 0;
    grid-template-columns: repeat(6,1fr);
    display: grid;
}
.game-grid__btns
{
    text-align: center;
    grid-column: 1/-1;
    height: 40px;
}
.game-grid__item:hover
{
    z-index: 100;
}
.game-grid.in-home
{
    position: relative;
}
.game-grid.in-home:hover
{
    z-index: 50;
}
@media screen and (min-width: 1680px)
{
    .game-grid
    {
        grid-gap: 32px 0;
    }
}
@media screen and (min-width: 1920px)
{
    .game-grid
    {
        grid-template-columns: repeat(7,1fr);
    }
}
@media screen and (min-width: 2200px)
{
    .game-grid
    {
        grid-template-columns: repeat(9,1fr);
    }
}
@media screen and (max-width: 1919px)
{
    .game-grid__item:nth-of-type(6n+1) .game-item, .game-grid__item:nth-of-type(6n+1)
    {
        transform-origin: 0;
    }
    .game-grid__item:nth-of-type(6n+6) .game-item, .game-grid__item:nth-of-type(6n+6)
    {
        transform-origin: 100%;
    }
    .game-grid.in-home .game-grid__item:nth-of-type(9), .game-grid.in-home .game-grid__item:nth-of-type(8), .game-grid.in-home .game-grid__item:nth-of-type(7)
    {
        display: none;
    }
}
@media screen and (min-width: 1920px) and (max-width: 2199px)
{
    .game-grid__item:nth-of-type(7n+1) .game-item, .game-grid__item:nth-of-type(7n+1)
    {
        transform-origin: 0;
    }
    .game-grid__item:nth-of-type(7n+7) .game-item, .game-grid__item:nth-of-type(7n+7)
    {
        transform-origin: 100%;
    }
    .game-grid.in-home .game-grid__item:nth-of-type(9), .game-grid.in-home .game-grid__item:nth-of-type(8)
    {
        display: none;
    }
}
@media screen and (min-width: 2200px)
{
    .game-grid__item:nth-of-type(9n+1) .game-item, .game-grid__item:nth-of-type(9n+1)
    {
        transform-origin: 0;
    }
    .game-grid__item:nth-of-type(9n+9) .game-item, .game-grid__item:nth-of-type(9n+9)
    {
        transform-origin: 100%;
    }
}
.game-item-empty
{
    width: 100%;
    height: 100%;
}
.game-item-empty__content
{
    background-color: #0b0833;
    border-radius: 2px;
    grid-template: 1fr/minmax(0,1fr);
    place-items: center;
    width: 100%;
    display: grid;
    position: relative;
}
.game-item-empty__content:before
{
    content: "";
    grid-area: 1/1/-1/-1;
    padding-bottom: 150%;
}
.is-horizontal .game-item-empty__content:before
{
    padding-bottom: 71%;
}
.game-item-empty__icon
{
    grid-area: 1/1/-1/-1;
    align-content: center;
    justify-items: center;
    width: 32px;
    height: 32px;
    display: inline-grid;
}
.game-item-link
{
    width: 100%;
    height: 100%;
}
.game-item-link__inner
{
    background-color: #0b0833;
    border-radius: 2px;
    grid-template: 1fr/minmax(0,1fr);
    place-items: center;
    width: 100%;
    display: grid;
    position: relative;
}
.game-item-link__inner>*
{
    grid-area: 1/1/-1/-1;
    align-content: center;
    justify-items: center;
    width: fit-content;
    display: inline-grid;
}
.game-item-link__inner:before
{
    content: "";
    grid-area: 1/1/-1/-1;
    padding-bottom: 150%;
}
.is-vertical .game-item-link__inner:before
{
    padding-bottom: 234%;
}
.is-horizontal .game-item-link__inner:before
{
    padding-bottom: 71%;
}
.game-item-link__button.btn.is-secondary.is-medium, .game-item-link__button.is-secondary.bonus-dice-banner__btn
{
    height: auto;
    padding: 23px 12px;
}
.game-item-link__icon
{
    width: 32px;
    height: 32px;
}
.game-item-link__icon.btn-fav:before
{
    background-size: 16px;
}
.game-item-link__title
{
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
}
.game-item-link__title.is-small
{
    max-width: 71px;
}
.game-item-top
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    height: 500px;
    padding: 80px 233px 20px 40px;
    display: flex;
    position: relative;
}
.game-item-top__section
{
    flex-shrink: 0;
    width: calc(50% - 14px);
    position: relative;
}
.game-item-top__section:nth-of-type(2)
{
    margin-left: auto;
}
.game-item-top__rate
{
    color: #ffffff80;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    display: flex;
}
.game-item-top__rate:before
{
    content: attr(data-index);
    color: #fff;
    background: #2962ff;
    height: 36px;
    margin-right: 12px;
    padding: 0 6px;
    display: block;
}
.game-item-top__logo
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 277px;
    height: 100px;
    margin-top: 8px;
}
.game-item-top__desc
{
    color: #fff;
    min-height: 84px;
    margin-top: 8px;
    font-size: 20px;
    line-height: 28px;
}
.game-item-top__row
{
    align-items: center;
    margin-top: 8px;
    display: flex;
}
.game-item-top__play
{
    margin-left: auto;
}
.game-item-top__label
{
    font-size: 0;
}
.game-item-top__label.is-new
{
    color: #63df7f;
    flex-shrink: 0;
    margin-right: 5px;
    font-size: 20px;
    line-height: 24px;
    display: block;
}
.game-item-top__provider
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 104px;
    height: 48px;
    margin-left: 8px;
}
.game-item-top__btns
{
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
}
.game-item-top__btn
{
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
}
.game-item-top__video
{
    width: 100%;
    height: auto;
}
@media screen and (min-width: 1280px)
{
    .game-item-top
    {
        height: 520px;
        padding: 100px 285px 20px 40px;
    }
    .game-item-top__logo
    {
        width: 400px;
        height: 144px;
    }
}
@media screen and (min-width: 1440px)
{
    .game-item-top
    {
        height: 560px;
        padding: 100px 317px 20px 40px;
    }
}
@media screen and (min-width: 1680px)
{
    .game-item-top
    {
        height: 680px;
        padding: 150px 380px 20px 60px;
    }
    .game-item-top__logo
    {
        width: 500px;
        height: 180px;
    }
    .game-item-top__row
    {
        margin-top: 16px;
    }
    .game-item-top__desc
    {
        padding-right: 48px;
    }
}
@media screen and (min-width: 1920px)
{
    .game-item-top
    {
        padding: 150px 427px 20px 60px;
    }
    .game-item-top__row
    {
        margin-top: 44px;
    }
}
@media screen and (min-width: 2200px)
{
    .game-item-top
    {
        height: 834px;
        padding: 120px 483px 20px 60px;
    }
    .game-item-top__logo
    {
        width: 667px;
        height: 240px;
    }
}
@media screen and (min-width: 2500px)
{
    .game-item-top
    {
        padding: 120px 543px 20px 60px;
    }
}
.game-item
{
    --scalePoster: 1.15;
    --scaleText: 2;
    z-index: 5;
    transform-origin: 50% 50px;
    border-radius: 2px;
    transition: all .2s;
    display: block;
    position: relative;
}
.game-item.is-vertical
{
    --scalePoster: 1.1;
}
.game-item.is-small
{
    --scaleText: 2.27;
    padding-bottom: 18px;
}
@media screen and (min-width: 1280px)
{
    .game-item
    {
        --scaleText: 1.6;
    }
}
@media screen and (min-width: 1440px)
{
    .game-item
    {
        --scaleText: 1.4;
    }
}
@media screen and (min-width: 1680px)
{
    .game-item
    {
        --scaleText: 1.27;
        padding-bottom: 35px;
    }
}
.game-item:hover
{
    z-index: 100;
}
.game-item:not(.no-scale):hover
{
    transform: scale(var(--scalePoster));
}
.game-item__wrap
{
    padding-top: 150%;
    position: relative;
}
.game-item__wrap:before
{
    content: "";
    background-color: #0b0833;
    background-image: var(--icon-view);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}
.is-vertical .game-item__wrap
{
    padding-top: 234%;
}
.is-horizontal .game-item__wrap
{
    padding-top: 71%;
}
.game-item__img
{
    z-index: 5;
    object-fit: cover;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.game-item__jackpot
{
    text-align: center;
    letter-spacing: .05em;
    color: #fff;
    z-index: 5;
    background-color: #2962ff;
    border-radius: 0 0 2px 2px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.game-item__name
{
    color: #868a92;
    letter-spacing: .05em;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
}
.game-item:hover .game-item__name
{
    opacity: 0;
    pointer-events: none;
}
.game-item__hover
{
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: calc(20px / var(--scaleText));
    background-image: linear-gradient(to top,#0b0833b3 0,#0b0833b3 calc(178px / var(--scalePoster)),#0b083300 calc(278px / var(--scalePoster)),transparent calc(278px / var(--scalePoster)),transparent 100%);
    opacity: 1;
    border-radius: 2px;
    flex-direction: column;
    justify-content: flex-end;
    transition: all .25s cubic-bezier(.5,0,.1,1);
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(0);
}
.game-item:not(:hover) .game-item__hover
{
    opacity: 0;
    transform: translateY(40px);
}
.game-item__back
{
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.game-item__hover-name
{
    font-weight: 500;
    font-size: calc(20px / var(--scaleText));
    letter-spacing: .05em;
    color: #ffffffe6;
    line-height: 120%;
}
.game-item__labels
{
    margin-top: calc(10px / var(--scaleText));
    z-index: 2;
    align-items: center;
    display: flex;
}
.game-item__new
{
    font-size: 0;
}
.game-item__new.is-new
{
    color: #63df7f;
    margin-right: calc(5px / var(--scaleText));
    font-size: calc(14px / var(--scaleText));
    line-height: calc(20px / var(--scaleText));
    flex-shrink: 0;
    display: block;
}
.game-item__label
{
    color: #fff;
    z-index: 5;
    text-align: center;
    text-transform: capitalize;
    min-width: 32px;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 900;
    line-height: 16px;
    display: none;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
}
.game-item__label.is-new
{
    background: #ff4e4e;
    border-radius: 2px;
    display: block;
}
.game-item__label.is-exclusive
{
    background: linear-gradient(#fcc546 0%,#efa300 47.4%,#d39001 100%);
    border-radius: 2px;
    display: block;
}
.game-item__label.is-dropAndWins
{
    border: 34px solid #0000;
    border-block-start-color: #000;
    border-inline-start-color: #000;
    border-top-left-radius: 2px;
    width: 68px;
    height: 68px;
    padding: 0;
    font-size: 0;
    display: block;
}
.game-item__label.is-dropAndWins:before
{
    content: "";
    background-image: var(--icon-dropAndWins);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 45px;
    display: block;
    position: absolute;
    inset-block-start: -33.16px;
    inset-inline-start: -29.9px;
}
.game-item__brand
{
    font-size: calc(14px / var(--scaleText));
    padding: calc(10px / var(--scaleText)) calc(12px / var(--scaleText));
    min-height: calc(40px / var(--scaleText));
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #0e1147;
    border-radius: 2px;
    flex-grow: 1;
    font-weight: 500;
    line-height: 140%;
    overflow: hidden;
}
.game-item__brand span
{
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #757388;
    max-width: 100%;
    display: block;
    overflow: hidden;
}
.game-item__fav
{
    width: calc(40px / var(--scaleText));
    height: calc(40px / var(--scaleText));
    margin-left: calc(12px / var(--scaleText));
}
.game-item__fav:before
{
    background-size: calc(16px / var(--scaleText));
}
.game-item__play
{
    z-index: 2;
    width: calc(64px / var(--scaleText));
    height: calc(64px / var(--scaleText));
    background-image: var(--icon-play);
    filter: invert();
    margin-bottom: calc(16px / var(--scaleText));
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 98% 98%;
    display: block;
    position: relative;
}
.game-item__play:hover
{
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
}
.game-item__demo
{
    font-size: calc(16px / var(--scaleText));
    line-height: calc(28px / var(--scaleText));
    text-transform: uppercase;
    color: #fff;
    padding: calc(5px / var(--scaleText)) calc(16px / var(--scaleText));
    z-index: 2;
    margin-bottom: calc(20px / var(--scaleText));
    border: 1px solid #ffffff4d;
    border-radius: 2px;
    align-self: flex-start;
    display: inline-block;
}
.game-page
{
    background-image: linear-gradient(0deg,#000c,#000c),var(--bg);
    background-color: #0b0833;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    inset-block: 0;
    inset-inline: 0;
    overflow: hidden;
}
.game-page.is-crab
{
    gap: 0;
}
.game-page__frame-container
{
    flex-shrink: 0;
    width: calc(100% - 72px);
    height: 100%;
    transition-property: all;
    transition-duration: .2s;
    display: block;
    position: relative;
}
.game-page:not(.is-crab) .game-page__frame-container
{
    margin-inline: 20px 52px;
}
.game-page.is-crab .game-page__frame-container
{
    width: 100%;
    height: calc(100vh - 56px);
}
.game-page.is-real .game-page__frame-container
{
    height: calc(100vh - 96px);
}
.game-page.is-demo .game-page__frame-container
{
    height: calc(100vh - 148px);
}
.game-page.is-active .game-page__frame-container
{
    min-width: calc(100% - 432px);
    max-width: calc(100% - 432px);
    margin-inline: 20px 412px;
}
.game-page__frame
{
    border: none;
    width: 100%;
    height: 100%;
}
.game-page__fullscreen-btn
{
    opacity: .5;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    transition-property: opacity;
    transition-duration: .2s;
    display: flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: calc(100% + 4px);
}
.game-page__fullscreen-btn:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22.4px;
    width: 100%;
    height: 100%;
    transition-property: background-size;
    transition-duration: .2s;
    display: block;
}
.game-page__fullscreen-btn:hover
{
    opacity: 1;
}
.game-page__fullscreen-btn:hover:before
{
    background-size: 100%;
}
.game-page__fullscreen-btn:-webkit-full-screen
{
    z-index: 2147483647;
}
.game-page__frame:-webkit-full-screen+.game-page__fullscreen-btn
{
    z-index: 2147483647;
    position: fixed;
    inset-block-start: 20px;
    inset-inline-end: 20px;
}
.game-page__frame:-webkit-full-screen+.game-page__fullscreen-btn:before
{
    background-size: 100%;
}
.game-page__frame:-webkit-full-screen+.game-page__fullscreen-btn:hover
{
    opacity: 1;
}
.game-page__frame:-webkit-full-screen+.game-page__fullscreen-btn:hover:before
{
    background-size: 22.4px;
}
.game-page__footer
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-block-start: auto;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.game-page.is-active .game-page__footer
{
    width: calc(100% - 360px);
}
.game-page.is-crab .game-page__footer
{
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
}
.game-page__cta
{
    background-color: #069e83;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 52px;
    display: flex;
}
.game-page__cta-text
{
    color: #fff;
    padding-inline: 32px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.game-page__cta-text strong
{
    font-weight: 700;
}
.game-page__cta-content
{
    flex-direction: column;
    max-width: 70%;
    display: flex;
}
.game-page__cta-terms
{
    color: #fff;
    align-items: center;
    font-size: 12px;
    font-weight: 300;
    line-height: 140%;
    display: flex;
}
.game-page__cta-terms strong
{
    margin-right: 4px;
    font-weight: 400;
}
.game-page__cta-terms span
{
    margin-inline: 4px;
}
.game-page__cta-terms a
{
    color: #fff;
    opacity: .8;
    text-decoration: underline;
    transition: all .2s;
}
.game-page__cta-terms a:hover
{
    opacity: 1;
}
.game-row
{
    z-index: 1;
    margin: 40px 0;
    padding: 0 40px;
    position: relative;
}
.game-row:hover
{
    z-index: 100;
}
.game-row__title
{
    z-index: 1;
    margin-bottom: 22px;
    position: relative;
}
.game-row__games
{
    z-index: 100;
    position: relative;
}
.game-row .slider-dots
{
    opacity: 0;
    justify-content: flex-end;
    transition: all .25s;
    position: absolute;
    top: -40px;
    right: 0;
}
.game-row .slick-list
{
    overflow: visible!important;
}
@media screen and (min-width: 1680px)
{
    .game-row
    {
        padding: 0 60px;
    }
}
.game-row .slick-slide
{
    transition: all .4s cubic-bezier(.5,0,.1,1);
}
.game-row .slick-list:hover .slick-slide:not(.slick-active)
{
    transform: translate(0);
}
.game-row .slick-list:hover .slick-slide.slick-active
{
    transform: translate(-50%);
}
.game-row .slick-list:hover .slick-active:hover
{
    transition-timing-function: .4s cubic-bezier(.5,0,.1,1);
    transform: translate(25%) scale(1.5);
}
.game-row .slick-list:hover .slick-active:hover~.slick-slide
{
    transform: translate(50%);
}
.game-row .slick-list:hover .slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active:hover, .game-row .slick-list:hover .slick-active+.slick-active+.slick-active+.slick-active:hover, .game-row .slick-list:hover .slick-active+.slick-active+.slick-active:hover, .game-row .slick-list:hover .slick-active+.slick-active:hover
{
    transition-timing-function: .4s cubic-bezier(.5,0,.1,1);
    transform: translate(-25%) scale(1.5);
}
.game-row .slick-list:hover .slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active:hover~.slick-slide, .game-row .slick-list:hover .slick-active+.slick-active+.slick-active+.slick-active:hover~.slick-slide, .game-row .slick-list:hover .slick-active+.slick-active+.slick-active:hover~.slick-slide, .game-row .slick-list:hover .slick-active+.slick-active:hover~.slick-slide
{
    transform: translate(0);
}
.game-row .slick-list:hover .slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active:hover
{
    transition-timing-function: .4s cubic-bezier(.5,0,.1,1);
    transform: translate(-25%) scale(1.5);
}
.game-row .slick-list:hover .slick-active+.slick-active+.slick-active+.slick-active+.slick-active+.slick-active:hover~.slick-active
{
    transform: translate(0);
}
.game-tab
{
    background-image: var(--icon-arrow-down);
    box-sizing: border-box;
    color: #000;
    filter: invert();
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 12px;
    border: 1px solid #000;
    border-radius: 2px;
    min-width: 200px;
    height: 40px;
    margin-left: 8px;
    padding: 0 38px 0 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
}
.game-tab:hover
{
    cursor: pointer;
}
.open-categories .game-tab.is-categories
{
    background-image: var(--icon-arrow-up);
}
.open-categories .game-tab.is-providers
{
    opacity: .3;
}
.game-tab__wrap
{
    justify-content: flex-end;
    display: flex;
    position: relative;
}
.in-gh .game-tab__key, .game-tab__cat
{
    display: none;
}
.in-gh .game-tab__cat
{
    display: inline;
}
.open-providers .game-tab.is-providers
{
    background-image: var(--icon-arrow-up);
}
.open-providers .game-tab.is-categories
{
    opacity: .3;
}
.game-top-nav
{
    width: 194px;
    height: 100%;
    padding: 80px 0;
    position: absolute;
    top: 0;
    right: 40px;
}
.game-top-nav .slick-list
{
    overflow: visible!important;
}
.game-top-nav__item
{
    cursor: pointer;
    background-image: linear-gradient(#2962ff,#2962ff);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 0 132px;
    justify-content: flex-end;
    width: 100%;
    height: 144px;
    padding-bottom: 12px;
    transition: all .25s;
    display: flex;
}
.game-top-nav__item:hover
{
    opacity: .9;
}
.slick-current .game-top-nav__item
{
    background-size: 100% 132px;
}
.game-top-nav__img
{
    z-index: 20;
    background-size: cover;
    flex-shrink: 0;
    width: 88px;
    height: 132px;
    position: relative;
}
.game-top-nav__index
{
    text-align: right;
    white-space: nowrap;
    color: #fff3;
    font-size: 96px;
    font-weight: 900;
    line-height: 144px;
    transform: translate(16px,27px);
}
.slick-current .game-top-nav__index
{
    color: #0b0833;
}
@media screen and (min-width: 1280px)
{
    .game-top-nav
    {
        width: 245px;
        padding: 100px 0;
    }
}
@media screen and (min-width: 1440px)
{
    .game-top-nav
    {
        width: 277px;
    }
}
@media screen and (min-width: 1680px)
{
    .game-top-nav
    {
        width: 320px;
        padding: 150px 0;
        right: 60px;
    }
}
@media screen and (min-width: 1920px)
{
    .game-top-nav
    {
        width: 368px;
    }
}
@media screen and (min-width: 2200px)
{
    .game-top-nav
    {
        width: 424px;
        padding: 120px 0;
    }
}
@media screen and (min-width: 2500px)
{
    .game-top-nav
    {
        width: 484px;
    }
}
.game-top
{
    position: relative;
    overflow: hidden;
}
.game-top:before, .game-top:after
{
    content: "";
    z-index: 250;
    background: linear-gradient(#0b0833 0%,#0b083300 100%);
    width: 100%;
    height: 60px;
    display: block;
    position: absolute;
    left: 0;
}
.game-top:before
{
    top: 0;
}
.game-top:after
{
    bottom: 0;
    transform: rotate(180deg);
}
.game-tournaments-board__title
{
    color: #fff;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.game-tournaments-board__item
{
    cursor: pointer;
    margin-bottom: 12px;
    display: block;
}
.game-tournaments-board__item:empty
{
    display: none;
}
.header-cashier
{
    gap: 8px;
    display: flex;
}
.header-cashier__item
{
    text-align: center;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding-block: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    transition: all .2s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.header-cashier__count
{
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #0000;
    border-color: #fff;
    padding-inline: 16px;
    overflow: hidden;
}
.header-cashier__btn
{
    background-color: #069e83;
    border-color: #0000;
    width: 40px;
    padding-inline: 10px;
}
.header-cashier__btn:before
{
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: var(--icon-cashier);
    filter: invert();
    width: 100%;
    height: 100%;
    display: block;
}
.header-cashier:hover .header-cashier__count
{
    background-color: #0e1147;
}
.header-cashier:hover .header-cashier__count:active
{
    background-color: #0000;
}
.header-cashier:hover .header-cashier__btn
{
    background-color: #0bbf9f;
}
.header-cashier:hover .header-cashier__btn:active
{
    background-color: #069e83;
}
.header-game
{
    z-index: 5;
    background-color: #0b0833;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding-inline: 12px;
    display: flex;
}
.header-game__btns, .header-game__wrap
{
    align-items: center;
    gap: 8px;
    display: flex;
}
.header-game__name
{
    color: #fff;
    letter-spacing: .05em;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
}
.header-game__favorite
{
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: relative;
}
.header-game__favorite .header-game__icon
{
    position: absolute;
    top: 0;
    left: 0;
}
.header-game__icon
{
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition-property: background-color;
    transition-duration: .2s;
    display: flex;
    position: relative;
}
.header-game__icon:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.header-game__icon:hover
{
    background-color: #fff3;
}
.header-game__icon:active
{
    background-color: #ffffff80;
}
.header-game__icon.icon-heart__before:hover:before
{
    background-image: var(--icon-heart-full);
}
.header-game__icon.icon-heart__before.is-active:before
{
    background-image: var(--icon-heart-full);
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
}
.header-game__icon:not(.icon-heart__before).is-active
{
    background-color: #0e1147;
}
.header-game__icon:not(.icon-heart__before).is-active:before
{
    background-image: var(--icon-close);
}
.header-game__icon:not(.icon-heart__before).is-active:hover
{
    background-color: #fff3;
}
.header-game__icon-trigger
{
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
}
.header-game .quick-dep__select-wrap
{
    height: 40px;
}
.header-game .quick-dep .btn-with-icon.is-medium, .header-game .quick-dep .btn-with-icon.bonus-dice-banner__btn
{
    height: 40px;
    padding-inline: 12px;
}
.header-game .quick-dep-form__input
{
    padding-block: 10px;
}
.header-game .quick-dep-form__amount
{
    width: 120px;
    height: 40px;
}
.header-game .quick-dep-form__btn
{
    width: fit-content;
}
.header-menu
{
    display: flex;
}
.header-menu__link
{
    color: #fff;
    white-space: nowrap;
    opacity: .9;
    margin-right: 32px;
    font-size: 14px;
    line-height: 24px;
}
.header-menu__link:hover
{
    opacity: 1;
}
.header-menu__link.active
{
    opacity: 1;
    font-weight: 900;
}
.header-menu__link.is-crab
{
    align-items: center;
    display: flex;
}
@media screen and (min-width: 1680px)
{
    .header-menu
    {
        margin-right: auto;
    }
    .header-menu__link
    {
        font-size: 16px;
        line-height: 32px;
    }
}
.header-user-balance
{
    background-color: #0b0833;
    flex-direction: column;
    width: 100%;
    padding-block-start: 8px;
    display: flex;
}
.header-user-balance__row
{
    width: 100%;
    height: 20px;
    padding-inline: var(--sidebar-inline-space);
    justify-content: space-between;
    align-items: center;
    margin-block-end: 8px;
    font-size: 14px;
    line-height: 18px;
    display: flex;
}
.header-user-balance__row:not(.is-total)
{
    color: #868a92;
    cursor: pointer;
}
.header-user-balance__row:not(.is-total) .header-user-balance__title
{
    font-weight: 400;
    transition-property: all;
    transition-duration: .2s;
}
.header-user-balance__row:not(.is-total) .header-user-balance__value
{
    font-weight: 500;
}
.header-user-balance__row:not(.is-total):hover .header-user-balance__title, .header-user-balance__row.is-total
{
    color: #fff;
}
.header-user-balance__row.is-total .header-user-balance__title
{
    font-weight: 500;
}
.header-user-balance__row.is-total .header-user-balance__value
{
    font-weight: 700;
}
.header-user-balance__btn
{
    flex-direction: row;
    margin-block-end: 16px;
    margin-inline: 16px;
    position: relative;
}
.header-user-balance__btn:after
{
    content: "";
    background-image: var(--icon-cashier);
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-inline-start: 8px;
    display: block;
}
.header-user-balance__gamification
{
    width: 100%;
    padding-inline: var(--sidebar-inline-space);
    border-top: 1px solid #ffffff1a;
    flex-direction: column;
    gap: 4px;
    padding-block: 12px;
    display: flex;
}
.header-user-balance__gamification-row
{
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: flex;
}
.header-user-balance__gamification-value
{
    color: #868a92;
    align-items: center;
    gap: 4px;
    display: flex;
}
.header-user-balance__gamification-value b
{
    margin-inline-start: 4px;
    font-weight: 500;
}
.header-user-balance__gamification-icon
{
    filter: invert(61%) sepia(9%) saturate(270%) hue-rotate(182deg) brightness(88%) contrast(85%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-flex;
}
.header-user-balance__gamification-link
{
    color: #507eff;
    align-items: center;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.header-user-balance__gamification-link:after
{
    content: "";
    background-image: var(--icon-arrow-right);
    filter: invert(61%) sepia(91%) saturate(5339%) hue-rotate(213deg) brightness(108%) contrast(102%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-inline-start: 4px;
    display: inline-flex;
}
.header-user-balance__gamification-link:hover
{
    color: #fff;
    font-weight: 500;
}
.header-user-balance__gamification-link:hover:after
{
    filter: invert();
}
.header-user-menu
{
    z-index: 4;
    pointer-events: none;
    flex-direction: column;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
}
.header-user-menu__container
{
    z-index: 3;
    background-color: #0e1147;
    flex-direction: column;
    width: 100%;
    min-width: 320px;
    max-width: 420px;
    height: 100%;
    transition: all .2s;
    display: flex;
    position: absolute;
    right: 0;
    transform: translate(100%);
}
.header-user-menu__content
{
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-block: 60px;
    display: flex;
    overflow: hidden auto;
}
.header-user-menu__content::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.header-user-menu__info
{
    padding-inline: var(--sidebar-inline-space);
    text-transform: capitalize;
    color: #dedede;
    flex-direction: column;
    gap: 4px;
    padding-block-start: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    display: flex;
}
.header-user-menu__logout
{
    z-index: 2;
    width: 100%;
    height: 44px;
    padding-inline: var(--sidebar-inline-space);
    color: #e7e7e4;
    background-color: #0b0833;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    transition: all .2s;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.header-user-menu__logout:before
{
    filter: invert();
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}
.header-user-menu__logout:hover
{
    color: #fff;
    background-color: #0e1147;
}
.is-user-menu-open .header-user-menu
{
    pointer-events: all;
}
.is-user-menu-open .header-user-menu__container
{
    transform: translate(0);
}
.header-user-nav
{
    flex-direction: column;
    display: flex;
}
.header-user-nav__title
{
    width: 100%;
    height: 57px;
    padding-inline: var(--sidebar-inline-space);
    cursor: pointer;
    color: #dedede;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.header-user-nav__title:before, .header-user-nav__title:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    transition: all .2s;
    display: inline-flex;
}
.header-user-nav__title:after
{
    background-image: var(--icon-arrow-right);
    transform: rotate(90deg);
}
.header-user-nav__title span
{
    margin-inline-end: auto;
}
.header-user-nav__title:link:after
{
    display: none;
}
.header-user-nav__title:hover, .header-user-nav__title.is-active
{
    color: #fff;
    background-color: #141776;
}
.header-user-nav__title.is-active:after
{
    transform: rotate(270deg);
}
.header-user-nav__title.is-active+.header-user-nav__list
{
    display: flex;
}
.header-user-nav__notice
{
    aspect-ratio: 1;
    color: #fff;
    background-color: #ff4e4e;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    min-width: 24px;
    min-height: 24px;
    margin-inline-start: auto;
    padding: 3px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: flex;
    position: relative;
}
.header-user-nav__list
{
    background-color: #0b0833;
    flex-direction: column;
    gap: 4px;
    padding-block-start: 4px;
    display: none;
}
.header-user-nav__list-link
{
    color: #e7e7e4;
    background-color: #0b0833;
    align-items: center;
    width: 100%;
    height: 48px;
    padding-inline: 40px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.header-user-nav__list-link.active, .header-user-nav__list-link:hover
{
    color: #fff;
    background-color: #0e1147;
}
.header
{
    z-index: 5;
    background-color: #0b0833;
    align-items: center;
    width: 100%;
    height: 60px;
    padding-block: 12px;
    padding-inline: 16px 20px;
    display: flex;
    position: relative;
}
.header__link-euro
{
    align-items: center;
    display: flex;
}
.header__label-new
{
    text-transform: capitalize;
    background: #ff4e4e;
    border-radius: 2px;
    margin-left: 6px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
}
.header__burger
{
    cursor: pointer;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    transition-property: background-color;
    transition-duration: .2s;
    display: flex;
    position: relative;
}
.header__burger:before, .header__burger:after
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    transition-property: transform;
    transition-duration: .2s;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.header__burger:before
{
    background-image: var(--icon-burger);
    background-size: contain;
}
.header__burger:after
{
    background-image: var(--icon-close);
    background-size: 22px;
    transform: translate(-50%,-50%) scale(0);
}
.header__burger:hover
{
    background-color: #0e1147;
}
.is-sidemenu-open .header__burger:before
{
    transform: translate(-50%,-50%) scale(0);
}
.is-sidemenu-open .header__burger:after
{
    transform: translate(-50%,-50%) scale(1);
}
.header__logo
{
    cursor: pointer;
    background-image: var(--icon-logo);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 188px;
    height: 29px;
    margin-inline: 8px 20px;
}
.header__menu
{
    gap: 20px;
    margin-right: auto;
    display: flex;
}
.header__menu-link
{
    color: #dedede;
    white-space: nowrap;
    opacity: .9;
    padding: 7px 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.header__menu-link.is-uppercase
{
    text-transform: uppercase;
}
.header__menu-link:hover, .header__menu-link:active, .header__menu-link.active
{
    opacity: 1;
    color: #fff;
}
.header__btn
{
    position: relative;
}
.header__btn.is-search
{
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: flex-start;
    width: 40px;
    margin-inline: 8px;
    padding-inline: 0;
    overflow: hidden;
}
.header__btn.is-search:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: var(--icon-search);
    width: 40px;
    height: 40px;
    transition: none;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.header__btn.is-search:active:before
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.header__btn.is-search span
{
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
    display: none;
    overflow: hidden;
}
@media screen and (min-width: 1440px)
{
    .header__btn.is-search span
    {
        display: inline-block;
    }
    .header__btn.is-search
    {
        width: fit-content;
        min-width: 150px;
        margin-left: 20px;
        padding-inline: 16px 40px;
    }
}
@media screen and (min-width: 1680px)
{
    .header__btn.is-search
    {
        min-width: 300px;
    }
}
.header__btns
{
    gap: 8px;
    display: flex;
}
.header.is-homepage .header__btn.is-entrance.is-green:not(.is-scrolled)
{
    background-color: #fff0;
    border: 1px solid #ffffff4d;
}
.header.is-homepage .header__btn.is-entrance.is-green:not(.is-scrolled):hover
{
    border-color: #fff;
}
.header.is-homepage .header__btn.is-entrance.is-green:not(.is-scrolled):active
{
    color: #0b0833;
    background-color: #fff;
}
.home-card
{
    z-index: 10;
    height: 1660px;
    position: relative;
}
.home-card__wrap
{
    z-index: 20;
    width: 100%;
    padding-top: 180px;
    position: absolute;
    top: 0;
}
.home-card__item
{
    box-sizing: border-box;
    z-index: 200;
    color: #fff;
    background-size: contain;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 760px;
    height: 440px;
    margin: 0 auto 40px;
    padding: 60px;
    display: flex;
    position: relative;
}
.home-card__item.is-1
{
    background-image: url(../../willbetgambling/image/features-1-desktop.png),linear-gradient(171.24deg,#29aeff 8.91%,#296aff 95.32%);
}
.home-card__item.is-2
{
    background-image: url(../../willbetgambling/image/features-2-desktop.png),linear-gradient(171.24deg,#296bff 8.91%,#1e40b1 95.32%);
}
.home-card__item.is-3
{
    background-image: url(../../willbetgambling/image/features-3-desktop.png),linear-gradient(171.24deg,#1e40b1 8.91%,#08237d 95.32%);
}
.home-card__text
{
    width: 308px;
    font-size: 48px;
    font-weight: 300;
    line-height: 56px;
}
.home-card__text strong
{
    font-weight: 900;
}
.home-card__link
{
    color: #000;
    letter-spacing: .05em;
    background: right center/16px no-repeat var(--icon-arrow-right);
    filter: invert();
    margin-top: 28px;
    padding-right: 20px;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    text-decoration-line: underline;
}
.home-card__link:hover
{
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
}
.home-card__title
{
    z-index: 2;
    text-align: center;
    color: #fff;
    width: 100%;
    margin: 58px 0 40px;
    font-size: 48px;
    font-weight: 900;
    line-height: 56px;
    position: absolute;
}
.home-card__paralax
{
    z-index: -1;
}
.home-card__layer
{
    z-index: -2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 80px;
}
.home-card__layer.is-1
{
    background-image: url(../../willbetgambling/image/paralax-1.png);
    height: 140%;
}
.home-card__layer.is-2
{
    background-image: url(../../willbetgambling/image/paralax-2.png);
}
.home-cat
{
    z-index: 15;
    margin-top: 32px;
    position: relative;
}
.home-gh
{
    flex-direction: column;
    display: flex;
}
.home-gh__unlogged-top
{
    z-index: 10;
    position: relative;
}
.home-gh__unlogged-top .game-top:before, .home-gh__unlogged-top .game-top:after
{
    z-index: 20;
}
.home-gh__t20
{
    z-index: 20;
    order: 6;
    position: relative;
}
.home-gh__filters
{
    margin-right: 40px;
}
.home-gh__item
{
    z-index: 40;
    order: 7;
    position: relative;
}
.home-gh__item:first-of-type
{
    order: 1;
}
.home-gh__item:nth-of-type(2)
{
    order: 2;
}
.home-gh__item:nth-of-type(3)
{
    order: 3;
}
.home-gh__item:nth-of-type(4)
{
    order: 4;
}
.home-gh__item:nth-of-type(5)
{
    order: 5;
}
.home-gh__item:hover
{
    z-index: 60;
}
.home-moregame
{
    text-align: center;
    padding: 20px 0 60px;
}
@media screen and (min-width: 1680px)
{
    .home-moregame
    {
        padding: 32px 0 60px;
    }
}
.homepage
{
    flex-direction: column;
    display: flex;
}
.info_contact-us>div>div
{
    padding-inline: 20px;
    background: #141776;
    border-radius: 2px;
    gap: 12px;
    margin-bottom: 12px;
    padding-top: 14px;
    padding-bottom: 20px;
    display: flex;
}
.info_contact-us>div>div>a
{
    color: #fff;
    border: 1px solid #ffffff4d;
    border-radius: 2px;
    flex-grow: 1;
    align-items: center;
    width: 50%;
    padding: 13px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-decoration-line: none;
    display: flex;
}
.info_contact-us>div>div>a:hover
{
    border-color: #fff;
}
.info_contact-us>div>div>a:hover img
{
    filter: #fff;
}
.info_contact-us>div>div>a:active
{
    color: #0b0833;
    background-color: #fff;
    border: 1px solid #fff;
}
.info_contact-us>div>div>a:active img
{
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
}
.info_contact-us>div>div>a div div:last-child
{
    display: none;
}
.info_contact-us>div>div>a div div:first-child
{
    font-weight: 500;
}
.info_contact-us>div>div>a img
{
    filter: invert();
    width: 16px;
    height: 16px;
    min-height: 0;
    margin-left: 10px;
    margin-right: 8px;
    transition: all .2s;
    display: flex;
}
.info-page
{
    background-color: #0e1147;
    position: relative;
}
.info-page__wrap
{
    flex-direction: column;
    justify-content: space-between;
    padding: 0 20px;
    display: flex;
}
.info-page__content
{
    width: 1016px;
    margin-inline: auto;
}
@media screen and (min-width: 1920px)
{
    .info-page__content
    {
        width: 1400px;
    }
}
.info-page__menu
{
    border-right: 1px solid #dedede;
    flex-direction: row;
    flex-shrink: 0;
    width: 252px;
    height: fit-content;
    padding-right: 19px;
    display: flex;
}
.info-page__user-menu
{
    flex-direction: column;
    display: flex;
}
.info-page__user-link
{
    color: #0b0833;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #0000;
    margin-bottom: 12px;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
}
.info-page__user-link:hover:not(.is-big)
{
    border-color: #dedede;
}
.info-page__user-link.active
{
    background-color: #dedede;
}
.info-page__user-link.is-big
{
    color: #757388;
    padding: 4px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}
.info-page__user-link.icon-logout__before
{
    align-items: center;
    display: flex;
}
.info-page__user-link.icon-logout__before:before
{
    content: "";
    filter: invert(9%) sepia(28%) saturate(2288%) hue-rotate(209deg) brightness(97%) contrast(112%);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-right: 23px;
    display: block;
}
.info-page__link
{
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    padding: 6px 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
}
.info-page__link:hover:not(.is-big)
{
    color: #0b0833;
    font-weight: 500;
}
.info-page__link.active
{
    color: #0b0833;
    font-weight: 900;
}
.info-page__link.is-big
{
    padding: 4px 0;
    font-size: 18px;
    line-height: 32px;
}
.info
{
    padding-top: 25px;
    padding-bottom: 20px;
}
.info .seo h2:before
{
    display: none;
}
.info>div>p
{
    color: #868a92;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.info>div>p:last-child
{
    margin-bottom: 20px;
}
.info>div>p span
{
    text-align: left;
    font-weight: 400;
}
.info>div>div:first-child p
{
    color: #868a92;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.info>div>div:first-child p:last-child
{
    margin-bottom: 20px;
}
.info>div>div:first-child p span
{
    text-align: left;
    font-weight: 400;
}
.info h1
{
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.info h2, .info h3
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 23px;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.info p
{
    color: #e7e7e4;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.info p:not(:last-child)
{
    margin-bottom: 12px;
}
.info p strong
{
    margin-right: 4px;
}
.info p>span
{
    margin-right: 3px;
    font-weight: 700;
    display: inline-block;
}
.info p+ul
{
    margin-top: 0;
}
.info a
{
    color: #33a9ff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    transition: all .2s;
}
.info a>*
{
    transition: all .2s;
}
.info a:hover
{
    text-decoration: underline;
}
.info ul, .info ol
{
    margin: 12px 0;
}
.info ul li, .info ol li
{
    color: #e7e7e4;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.info ul li
{
    list-style-type: disc;
    list-style-position: outside;
}
.info ul li:not(:last-child)
{
    margin-bottom: 10px;
}
.info ul li::marker
{
    color: #e7e7e4;
}
.info section
{
    border: 1px solid #fff3;
    border-radius: 2px;
    padding: 23px 20px 19px;
    overflow: hidden;
}
.info section:not(:last-child)
{
    margin-bottom: 20px;
}
.info table
{
    border-collapse: collapse;
    table-layout: fixed;
    border-radius: 2px;
    width: 100%;
    overflow: auto;
    box-shadow: inset 0 0 0 1px #141776;
}
.info table::-webkit-scrollbar
{
    border-bottom: 2px solid #0e1147;
    border-radius: 2px;
    height: 4px;
}
.info table::-webkit-scrollbar-thumb
{
    border-bottom: 4px solid #141776;
    border-radius: 4px;
}
.info table::-webkit-scrollbar-track-piece
{
    border-bottom: 1px solid #0e1147;
}
.info table::-webkit-scrollbar-track
{
    background-color: #0e1147;
    border-bottom: 3px solid #0e1147;
}
.info table a
{
    font-size: 14px;
    line-height: 18px;
}
.info table td, .info table th
{
    color: #e7e7e4;
    vertical-align: top;
    word-break: break-word;
    border-top: 1px solid #141776;
    border-bottom: #141776;
    border-left: #141776;
    border-right: 1px solid #141776;
    padding: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.info table td:first-child, .info table th:first-child
{
    border-left-width: 1px;
}
.info table thead
{
    border: #507eff;
    border-left: 1px solid #507eff;
    border-right: 1px solid #507eff;
}
.info table thead tr th, .info table thead tr td
{
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    background-color: #141776;
    border-color: currentColor #141776;
    border-top-style: none;
    border-top-width: medium;
    border-bottom-style: none;
    border-bottom-width: medium;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.info table thead tr th:last-child, .info table thead tr td:last-child
{
    border-right: none;
}
.info table tbody tr:first-child td
{
    border-top: none;
}
.info.accordion, .info.is-accordion, .info .accordion, .info .is-accordion
{
    counter-reset: list-counter;
}
.info.accordion section, .info.is-accordion section, .info .accordion section, .info .is-accordion section
{
    background: 0 0;
    border-radius: 0;
    padding: 0;
}
.info.accordion section:not(:last-child), .info.is-accordion section:not(:last-child), .info .accordion section:not(:last-child), .info .is-accordion section:not(:last-child)
{
    margin-bottom: 18px;
}
.info.accordion section.is-open, .info.accordion section.open, .info.is-accordion section.is-open, .info.is-accordion section.open, .info .accordion section.is-open, .info .accordion section.open, .info .is-accordion section.is-open, .info .is-accordion section.open
{
    background-color: #0b0833;
}
.info.accordion section.is-open h1:after, .info.accordion section.is-open h2:after, .info.accordion section.open h1:after, .info.accordion section.open h2:after, .info.is-accordion section.is-open h1:after, .info.is-accordion section.is-open h2:after, .info.is-accordion section.open h1:after, .info.is-accordion section.open h2:after, .info .accordion section.is-open h1:after, .info .accordion section.is-open h2:after, .info .accordion section.open h1:after, .info .accordion section.open h2:after, .info .is-accordion section.is-open h1:after, .info .is-accordion section.is-open h2:after, .info .is-accordion section.open h1:after, .info .is-accordion section.open h2:after
{
    transform: translateY(-50%) rotate(-180deg);
}
.info.accordion section.is-open h1~*, .info.accordion section.is-open h2~*, .info.accordion section.open h1~*, .info.accordion section.open h2~*, .info.is-accordion section.is-open h1~*, .info.is-accordion section.is-open h2~*, .info.is-accordion section.open h1~*, .info.is-accordion section.open h2~*, .info .accordion section.is-open h1~*, .info .accordion section.is-open h2~*, .info .accordion section.open h1~*, .info .accordion section.open h2~*, .info .is-accordion section.is-open h1~*, .info .is-accordion section.is-open h2~*, .info .is-accordion section.open h1~*, .info .is-accordion section.open h2~*
{
    display: block;
}
.info.accordion table td, .info.accordion table th, .info.is-accordion table td, .info.is-accordion table th, .info .accordion table td, .info .accordion table th, .info .is-accordion table td, .info .is-accordion table th
{
    width: 33%;
}
.info.accordion table.info-page-vip-table, .info.is-accordion table.info-page-vip-table, .info .accordion table.info-page-vip-table, .info .is-accordion table.info-page-vip-table
{
    box-shadow: none;
    border: 0;
    width: 966px;
    margin: 0 auto 12px;
    display: block;
}
.info.accordion table.info-page-vip-table thead, .info.is-accordion table.info-page-vip-table thead, .info .accordion table.info-page-vip-table thead, .info .is-accordion table.info-page-vip-table thead
{
    counter-reset: section -1;
    border: none;
}
.info.accordion table.info-page-vip-table thead td, .info.accordion table.info-page-vip-table thead th, .info.is-accordion table.info-page-vip-table thead td, .info.is-accordion table.info-page-vip-table thead th, .info .accordion table.info-page-vip-table thead td, .info .accordion table.info-page-vip-table thead th, .info .is-accordion table.info-page-vip-table thead td, .info .is-accordion table.info-page-vip-table thead th
{
    text-align: center;
    counter-increment: section;
    border-left: 2px solid #0b0833;
    border-right: 2px solid #0b0833;
    height: 54px;
    padding-bottom: 10px;
    font-size: 0;
    position: relative;
}
.info.accordion table.info-page-vip-table thead td:first-child, .info.accordion table.info-page-vip-table thead th:first-child, .info.is-accordion table.info-page-vip-table thead td:first-child, .info.is-accordion table.info-page-vip-table thead th:first-child, .info .accordion table.info-page-vip-table thead td:first-child, .info .accordion table.info-page-vip-table thead th:first-child, .info .is-accordion table.info-page-vip-table thead td:first-child, .info .is-accordion table.info-page-vip-table thead th:first-child
{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
.info.accordion table.info-page-vip-table thead td strong, .info.accordion table.info-page-vip-table thead th strong, .info.is-accordion table.info-page-vip-table thead td strong, .info.is-accordion table.info-page-vip-table thead th strong, .info .accordion table.info-page-vip-table thead td strong, .info .accordion table.info-page-vip-table thead th strong, .info .is-accordion table.info-page-vip-table thead td strong, .info .is-accordion table.info-page-vip-table thead th strong
{
    line-height: 35px;
}
.info.accordion table.info-page-vip-table thead td:not(:first-child):after, .info.accordion table.info-page-vip-table thead th:not(:first-child):after, .info.is-accordion table.info-page-vip-table thead td:not(:first-child):after, .info.is-accordion table.info-page-vip-table thead th:not(:first-child):after, .info .accordion table.info-page-vip-table thead td:not(:first-child):after, .info .accordion table.info-page-vip-table thead th:not(:first-child):after, .info .is-accordion table.info-page-vip-table thead td:not(:first-child):after, .info .is-accordion table.info-page-vip-table thead th:not(:first-child):after
{
    color: #fff;
    content: counter(section);
    background-image: radial-gradient(92.57% 96.99% at 23.81% 12.21%,#5582fb .01%,#8193ff 3.59%,#2455d7 27.15%,#141776 59.83% 82.21%,#2354d6 100%);
    background-size: cover;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.info.accordion table.info-page-vip-table td, .info.accordion table.info-page-vip-table th, .info.is-accordion table.info-page-vip-table td, .info.is-accordion table.info-page-vip-table th, .info .accordion table.info-page-vip-table td, .info .accordion table.info-page-vip-table th, .info .is-accordion table.info-page-vip-table td, .info .is-accordion table.info-page-vip-table th
{
    background-color: #0e1147;
    border-top: 0;
    border-left: 2px solid #0b0833;
    border-right: 2px solid #0b0833;
    width: 174px;
    padding: 12px;
}
.info.accordion table.info-page-vip-table td:first-child, .info.accordion table.info-page-vip-table th:first-child, .info.is-accordion table.info-page-vip-table td:first-child, .info.is-accordion table.info-page-vip-table th:first-child, .info .accordion table.info-page-vip-table td:first-child, .info .accordion table.info-page-vip-table th:first-child, .info .is-accordion table.info-page-vip-table td:first-child, .info .is-accordion table.info-page-vip-table th:first-child
{
    width: 74px;
}
.info.accordion table.info-page-vip-table th, .info.is-accordion table.info-page-vip-table th, .info .accordion table.info-page-vip-table th, .info .is-accordion table.info-page-vip-table th
{
    color: #e7e7e4;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.info.accordion table.info-page-vip-table td, .info.is-accordion table.info-page-vip-table td, .info .accordion table.info-page-vip-table td, .info .is-accordion table.info-page-vip-table td
{
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}
.info.accordion table.info-page-vip-table td strong, .info.is-accordion table.info-page-vip-table td strong, .info .accordion table.info-page-vip-table td strong, .info .is-accordion table.info-page-vip-table td strong
{
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}
.info.accordion .seo h1, .info.accordion h2, .info.is-accordion .seo h1, .info.is-accordion h2, .info .accordion .seo h1, .info .accordion h2, .info .is-accordion .seo h1, .info .is-accordion h2
{
    color: #fff;
    letter-spacing: .05em;
    text-align: left;
    cursor: pointer;
    z-index: 0;
    text-transform: none;
    margin-bottom: 0;
    padding: 21px 30px 19px 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
    position: relative;
}
.info.accordion .seo h1:after, .info.accordion h2:after, .info.is-accordion .seo h1:after, .info.is-accordion h2:after, .info .accordion .seo h1:after, .info .accordion h2:after, .info .is-accordion .seo h1:after, .info .is-accordion h2:after
{
    content: "";
    background-image: var(--icon-arrow-down-alt);
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    transition: all .2s linear;
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
}
.info.accordion .seo h1~*, .info.accordion h2~*, .info.is-accordion .seo h1~*, .info.is-accordion h2~*, .info .accordion .seo h1~*, .info .accordion h2~*, .info .is-accordion .seo h1~*, .info .is-accordion h2~*
{
    z-index: 1;
    margin: 0;
    padding: 0 20px 12px;
    display: none;
    position: relative;
}
.info.accordion .seo h1~:first-child, .info.accordion h2~:first-child, .info.is-accordion .seo h1~:first-child, .info.is-accordion h2~:first-child, .info .accordion .seo h1~:first-child, .info .accordion h2~:first-child, .info .is-accordion .seo h1~:first-child, .info .is-accordion h2~:first-child
{
    padding-top: 12px;
}
.info.accordion .seo h1~:last-child, .info.accordion h2~:last-child, .info.is-accordion .seo h1~:last-child, .info.is-accordion h2~:last-child, .info .accordion .seo h1~:last-child, .info .accordion h2~:last-child, .info .is-accordion .seo h1~:last-child, .info .is-accordion h2~:last-child
{
    padding: 0 20px 20px;
}
.info.accordion .seo h1~:only-child, .info.accordion h2~:only-child, .info.is-accordion .seo h1~:only-child, .info.is-accordion h2~:only-child, .info .accordion .seo h1~:only-child, .info .accordion h2~:only-child, .info .is-accordion .seo h1~:only-child, .info .is-accordion h2~:only-child
{
    padding: 12px 20px 20px;
}
.info.accordion .seo h1~*+table, .info.accordion h2~*+table, .info.is-accordion .seo h1~*+table, .info.is-accordion h2~*+table, .info .accordion .seo h1~*+table, .info .accordion h2~*+table, .info .is-accordion .seo h1~*+table, .info .is-accordion h2~*+table
{
    margin-top: 6px;
}
.info.accordion .seo h1~* ul:last-child, .info.accordion h2~* ul:last-child, .info.is-accordion .seo h1~* ul:last-child, .info.is-accordion h2~* ul:last-child, .info .accordion .seo h1~* ul:last-child, .info .accordion h2~* ul:last-child, .info .is-accordion .seo h1~* ul:last-child, .info .is-accordion h2~* ul:last-child
{
    margin-bottom: 0;
}
.info.accordion .seo h1~ul, .info.accordion h2~ul, .info.is-accordion .seo h1~ul, .info.is-accordion h2~ul, .info .accordion .seo h1~ul, .info .accordion h2~ul, .info .is-accordion .seo h1~ul, .info .is-accordion h2~ul
{
    padding-left: 24px;
    padding-right: 20px;
}
.info_rules .info.accordion .seo h1~ul, .info_rules .info.accordion h2~ul, .info_rules .info.is-accordion .seo h1~ul, .info_rules .info.is-accordion h2~ul, .info_rules .info .accordion .seo h1~ul, .info_rules .info .accordion h2~ul, .info_rules .info .is-accordion .seo h1~ul, .info_rules .info .is-accordion h2~ul
{
    padding-left: 28px;
}
.info.accordion .seo h1.is-open, .info.accordion .seo h1.open, .info.accordion h2.is-open, .info.accordion h2.open, .info.is-accordion .seo h1.is-open, .info.is-accordion .seo h1.open, .info.is-accordion h2.is-open, .info.is-accordion h2.open, .info .accordion .seo h1.is-open, .info .accordion .seo h1.open, .info .accordion h2.is-open, .info .accordion h2.open, .info .is-accordion .seo h1.is-open, .info .is-accordion .seo h1.open, .info .is-accordion h2.is-open, .info .is-accordion h2.open
{
    color: #fff;
    background-color: #0b0833;
    margin-bottom: 0;
    padding-bottom: 39px;
}
.info.accordion .seo h1.is-open:after, .info.accordion .seo h1.open:after, .info.accordion h2.is-open:after, .info.accordion h2.open:after, .info.is-accordion .seo h1.is-open:after, .info.is-accordion .seo h1.open:after, .info.is-accordion h2.is-open:after, .info.is-accordion h2.open:after, .info .accordion .seo h1.is-open:after, .info .accordion .seo h1.open:after, .info .accordion h2.is-open:after, .info .accordion h2.open:after, .info .is-accordion .seo h1.is-open:after, .info .is-accordion .seo h1.open:after, .info .is-accordion h2.is-open:after, .info .is-accordion h2.open:after
{
    transform: translateY(-110%) rotate(-180deg);
}
.info.accordion .seo h1.is-open+:before, .info.accordion .seo h1.open+:before, .info.accordion h2.is-open+:before, .info.accordion h2.open+:before, .info.is-accordion .seo h1.is-open+:before, .info.is-accordion .seo h1.open+:before, .info.is-accordion h2.is-open+:before, .info.is-accordion h2.open+:before, .info .accordion .seo h1.is-open+:before, .info .accordion .seo h1.open+:before, .info .accordion h2.is-open+:before, .info .accordion h2.open+:before, .info .is-accordion .seo h1.is-open+:before, .info .is-accordion .seo h1.open+:before, .info .is-accordion h2.is-open+:before, .info .is-accordion h2.open+:before
{
    content: "";
    border-bottom: 1px solid #fff3;
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: -19px;
    left: 0;
    right: 0;
}
.info.accordion .seo h1.is-open~*, .info.accordion .seo h1.open~*, .info.accordion h2.is-open~*, .info.accordion h2.open~*, .info.is-accordion .seo h1.is-open~*, .info.is-accordion .seo h1.open~*, .info.is-accordion h2.is-open~*, .info.is-accordion h2.open~*, .info .accordion .seo h1.is-open~*, .info .accordion .seo h1.open~*, .info .accordion h2.is-open~*, .info .accordion h2.open~*, .info .is-accordion .seo h1.is-open~*, .info .is-accordion .seo h1.open~*, .info .is-accordion h2.is-open~*, .info .is-accordion h2.open~*
{
    background-color: #0b0833;
    display: block;
}
.info.accordion .seo h1:hover, .info.accordion h2:hover, .info.is-accordion .seo h1:hover, .info.is-accordion h2:hover, .info .accordion .seo h1:hover, .info .accordion h2:hover, .info .is-accordion .seo h1:hover, .info .is-accordion h2:hover
{
    color: #e7e7e4;
    background-color: #0b0833;
}
.info.accordion h2:before, .info.is-accordion h2:before, .info .accordion h2:before, .info .is-accordion h2:before
{
    content: counter(list-counter)".";
    counter-increment: list-counter;
    margin-right: 6px;
}
.info .change-cookies-link-wrapper a
{
    color: #507eff;
    letter-spacing: .8px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
    text-decoration: underline;
}
.info .change-cookies-link-wrapper a:hover
{
    text-decoration: none;
}
.sitemap__block
{
    border: 1px solid #fff;
    padding: 14px 16px 40px;
}
.sitemap__block:not(:last-child)
{
    margin-bottom: 20px;
}
.sitemap__block h2
{
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 33px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.sitemap__list
{
    grid-gap: 39px;
    grid-template-columns: repeat(4,1fr);
    display: grid;
}
.sitemap .link
{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    text-decoration: none;
}
.sitemap .link:hover
{
    color: #757388;
    text-decoration: underline;
}
.lang-item
{
    background-color: #0000;
    border: 1px solid #ffffff4d;
    border-radius: 2px;
    align-items: center;
    width: 100%;
    padding: 14px 16px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.lang-item:hover, .lang-item.active
{
    background-color: #0b0833;
    border-color: #fff;
}
.lang-item:not(:last-child)
{
    margin-bottom: 12px;
}
.lang-item__title
{
    color: #fff;
    margin-inline-start: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.lang-item__img
{
    border-radius: 50%;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.payments-list
{
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    display: grid;
}
.payments-list__item
{
    text-align: center;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 2px;
    flex-direction: column;
    min-height: 328px;
    padding: 20px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.payments-list__item:hover .payments-list__info
{
    opacity: .2;
    transition-property: opacity;
    transition-duration: .2s;
}
.payments-list__item:hover .payments-list__button
{
    display: flex;
}
.payments-list__logo
{
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 160px;
    width: 100%;
    height: 56px;
    margin-bottom: 8px;
}
.payments-list__info
{
    text-align: center;
    opacity: 1;
    border: 1px solid #e7e7e4;
    flex-direction: column;
    margin-bottom: 9px;
    padding-bottom: 3px;
    transition-property: opacity;
    transition-duration: .2s;
    display: flex;
}
.payments-list__info:last-of-type
{
    margin-bottom: 0;
}
.payments-list__info p
{
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0c15337a;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
}
.payments-list__info span
{
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #0c1533cc;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
}
button.payments-list__button
{
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    border: 1px solid #2962ff;
    min-width: 173px;
    max-width: 100%;
    height: auto;
    display: none;
    position: absolute;
    bottom: 108px;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%);
}
.payments
{
    padding-top: 25px;
}
.payments h1
{
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.payments__tabs
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    margin-inline: auto;
    display: flex;
}
.payments__tabs>div
{
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding: 20px 0;
    display: flex;
}
.payments__currency-tabs
{
    border-top: 1px solid #fff3;
}
.payments__tab
{
    min-width: 154px;
    height: 56px;
    padding: 18px 16px;
    font-weight: 500;
}
.payments__tab input
{
    display: none;
}
.payments__tab.active-deposit, .payments__tab.active-withdraw
{
    background: #0b0833;
    border-color: #fff;
}
.payments__select
{
    width: 154px;
}
.payments__select.is-disabled
{
    pointer-events: none;
}
.paynplay-popup__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 12px;
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
}
.paynplay-popup__img
{
    width: 146px;
    height: 40px;
    margin-bottom: 20px;
}
.paynplay-popup__form
{
    max-width: 400px;
    margin: 0 auto;
}
.paynplay-popup__choose
{
    justify-content: center;
    display: flex;
}
.paynplay-popup__choose .form-choose
{
    margin: 0 10px 20px;
}
.paynplay-popup__input
{
    margin-bottom: 40px;
}
.paynplay-popup .btn-big
{
    width: 100%;
    margin-bottom: 48px;
}
.paynplay-popup__info
{
    color: #dedede;
    text-align: center;
    margin-bottom: 24px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.paynplay-popup__info a
{
    color: #fff;
    text-decoration: underline;
}
.paynplay-popup__icon-box
{
    justify-content: center;
}
.popup-login__restoration-link
{
    margin-top: 12px;
}
.has-remembered-name .popup-login__restoration-link
{
    order: -1;
    margin-top: 0;
}
.popup-login__registration-link
{
    margin-top: 26px;
}
.has-remembered-name .popup-login__registration-link
{
    order: 1;
}
.popup-login .hide-if-has-remembered
{
    display: block;
}
.popup-login .show-if-has-remembered, .popup-login.has-remembered-name .hide-if-has-remembered
{
    display: none;
}
.popup-login.has-remembered-name .show-if-has-remembered
{
    display: block;
}
.popup-paynplay .popup__wrap
{
    padding-block: 24px 0;
    padding-inline: 0;
}
.popup-paynplay .popup__header, .popup-paynplay .popup__content, .popup-paynplay .popup-registration__wrap
{
    padding-inline: 70px;
}
.popup-paynplay .link
{
    line-height: 24px;
}
.popup-paynplay__text
{
    text-align: start;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.popup-paynplay__list
{
    padding-inline-start: 42px;
    list-style-position: inside;
}
.popup-paynplay__item
{
    text-indent: -18px;
}
.popup-paynplay__item:not(:last-child)
{
    margin-bottom: 12px;
}
.popup-paynplay__item::marker
{
    font-weight: 900;
}
.popup-paynplay__footer
{
    text-align: center;
    background-color: #0b0833;
    padding-block: 12px;
    padding-inline: 24px;
}
.popup-registration__wrap.preloader
{
    min-height: 376px;
}
.popup-search
{
    --container-width: 944px;
}
.popup-search.popup
{
    background-color: #0b0833;
    background-position: 50%;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 0;
    animation-name: none;
    overflow: hidden;
}
.popup-search .popup__wrap
{
    background-color: #0000;
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 0;
    animation-name: none;
    display: flex;
}
.popup-search .popup__close
{
    top: 0;
    right: 0;
}
.popup-search__wrap
{
    transform-origin: top;
    width: 100%;
    height: 100%;
    transition-delay: .2s;
    animation-name: slideDown;
    animation-duration: .4s;
    animation-timing-function: ease-out;
    display: flex;
    position: relative;
    overflow: hidden;
}
.popup-search__container
{
    width: 100%;
    max-width: var(--container-width);
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 60px);
    margin-inline: auto;
    overflow-y: auto;
}
.popup-search__container::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.popup-search__content
{
    -webkit-overflow-scrolling: touch;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
}
.popup-search__content::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.popup-search__content .preloader
{
    display: block;
}
.popup-search__result
{
    padding-bottom: 40px;
}
.popup-search__header
{
    max-width: var(--container-width);
    margin-inline: auto;
    display: flex;
    position: relative;
}
.popup-search__notification
{
    text-align: left;
    color: #fff;
    letter-spacing: .05em;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.popup-search__notification.no-result
{
    color: #e7e7e4;
    margin-top: 29px;
    margin-bottom: 34px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.popup-search__notification a
{
    padding-left: 4px;
    font-weight: 600;
    text-decoration: underline;
}
.popup-search__notification strong
{
    padding-right: 4px;
}
.popup
{
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    background-color: #0b083300;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 64px 0;
    transition-property: all;
    transition-duration: .2s;
    animation-name: popupShowBg;
    animation-duration: .2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden auto;
}
.popup::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.popup.is-modal-missed
{
    padding-top: 148px;
}
.popup__wrap
{
    text-align: center;
    background-color: #0e1147;
    width: 500px;
    margin: auto;
    padding-block: 24px 40px;
    padding-inline: 70px;
    transition: all .2s;
    animation: .2s linear popupShowWrap;
    position: relative;
    overflow: hidden;
}
.popup__wrap.is-wide
{
    width: 640px;
    padding: 32px;
}
.popup__wrap.is-fullscreen
{
    width: 100%;
    height: 100%;
    margin: 0;
}
.popup__wrap.is-border
{
    border: 1px solid #75738880;
}
.popup__wrap.is-modal
{
    padding-top: 64px;
    padding-bottom: 52px;
}
.popup__wrap.ach-preview
{
    padding: 40px 70px;
}
.popup__wrap.is-bonus .popup__title
{
    max-width: 265px;
    margin-bottom: 9px;
}
.popup__wrap.is-bonus .popup__close
{
    top: 0;
    right: -1px;
}
.popup__wrap.is-bonus .popup__list
{
    width: auto;
    margin: 0 auto 22px;
}
.popup__wrap.is-bonus .popup__list-item
{
    margin-bottom: 11px;
}
.popup__wrap.is-bonus .popup__list-item:before
{
    margin-right: 9px;
}
.is-bankid .popup__wrap
{
    width: 480px;
    padding-inline: 98px;
}
.is-login .popup__wrap, .is-restoration .popup__wrap
{
    padding-top: 29px;
}
.is-modal-missed .popup__wrap
{
    background-color: #0b0833;
}
.popup__header
{
    position: relative;
}
.popup__content.is-terms p
{
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
}
.popup__content.is-terms p span
{
    text-align: right;
    flex-shrink: 0;
    width: 28px;
    margin-right: 10px;
    font-weight: 900;
}
.popup__content.is-terms table
{
    border: 1px solid #868a92;
    width: 100%;
    margin-bottom: 20px;
}
.popup__content.is-terms table tr:first-child td
{
    background: #e7e7e41a;
}
.popup__content.is-terms table tr:last-child td
{
    border-bottom: none;
}
.popup__content.is-terms table td
{
    text-align: start;
    border-bottom: 1px solid #868a92;
    border-inline-end: 1px solid #868a92;
    width: 50%;
    height: 32px;
    padding: 8px;
    font-size: 14px;
    line-height: 17px;
}
.popup__content.is-terms table td:last-child
{
    border-inline-end: none;
}
.popup__back
{
    z-index: 10;
    width: 20px;
    height: 20px;
    top: 24px;
    left: 24px;
    position: absolute!important;
}
.is-rega .popup__back
{
    top: -6px;
    left: -46px;
}
.popup__back:after
{
    content: "";
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--icon-arrow-left);
    width: 100%;
    height: 100%;
    display: block;
}
.popup__close
{
    z-index: 10;
    cursor: pointer;
    transition: all .2s;
    top: 24px;
    right: 24px;
    position: absolute!important;
}
.is-rega .popup__close
{
    top: -5px;
    right: -46px;
}
.is-shop .popup__close
{
    top: -8px;
    right: 0;
}
.popup__close:after
{
    content: "";
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: var(--icon-close);
    width: 100%;
    height: 100%;
    display: block;
}
.popup__divider
{
    color: #757388;
    align-items: center;
    width: calc(100% + 24px);
    margin: 0 -12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
}
.popup__divider:before, .popup__divider:after
{
    content: "";
    background: #2d2d32;
    flex-grow: 1;
    height: 1px;
    margin: 0 12px;
}
.popup__top
{
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
}
.popup__description
{
    color: #757388;
    text-align: center;
    letter-spacing: .05em;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.popup__list
{
    text-align: left;
    counter-reset: list;
    width: 280px;
    margin: 0 auto 20px;
}
.popup__list-item
{
    color: #fff;
    counter-increment: list;
    padding-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
}
.popup__list-item:before
{
    content: counter(list)".";
    min-width: 28px;
    margin-right: 4px;
    font-weight: 900;
}
.popup__flex
{
    justify-content: space-between;
    display: flex;
}
.popup__flex>div
{
    width: calc(50% - 8px);
}
.popup__flex.is-small>div
{
    width: calc(50% - 4px);
}
.popup__flex.is-full>div
{
    width: 100%;
}
.popup__flex.is-row
{
    gap: 8px;
}
.popup__form
{
    flex-direction: column;
    display: flex;
}
.popup__form.is-small
{
    max-width: 280px;
    margin: 0 auto;
}
.popup__form .form-box
{
    margin-bottom: 20px;
}
.popup__form .form-box:not(.is-center)
{
    text-align: start;
}
.popup__logo
{
    cursor: pointer;
    background-image: var(--icon-logo);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    height: 20px;
    margin: 0 auto 24px;
    display: block;
}
.popup__tabs
{
    margin: 20px 0;
}
.popup__title
{
    color: #fff;
    letter-spacing: .02em;
    text-align: center;
    max-width: 290px;
    margin: 0 auto 20px;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
}
.popup__title.is-small
{
    font-size: 18px;
    line-height: 24px;
}
.is-rega .popup__title
{
    max-width: 212px;
}
.is-rega .popup__title.is-full
{
    max-width: calc(100% - 80px);
}
.is-info .popup__title
{
    color: #fff;
    letter-spacing: .05em;
    max-width: 100%;
    font-size: 36px;
    font-weight: 500;
    line-height: 32px;
}
.popup__subtitle
{
    color: #757388;
    text-align: center;
    letter-spacing: .05em;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.popup__text
{
    color: #e7e7e4;
    text-align: center;
    letter-spacing: .03em;
    max-width: 480px;
    margin: 0 auto 24px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.is-restoration .popup__text
{
    padding: 0 5px;
}
.auth-deposit-popup .popup__text, .is-rega .popup__text, .is-login .popup__text, .is-restoration .popup__text, .selfcontrol-deposit-form .popup__text, .is-modal .popup__text
{
    color: #fff;
    font-weight: 400;
    line-height: 17px;
}
.auth-deposit-popup .popup__text.is-pnp, .is-rega .popup__text.is-pnp, .is-login .popup__text.is-pnp, .is-restoration .popup__text.is-pnp, .selfcontrol-deposit-form .popup__text.is-pnp, .is-modal .popup__text.is-pnp
{
    margin-bottom: 0;
    padding-block: 12px;
}
.popup__text.is-small-text
{
    color: #fff;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.popup__text.is-white
{
    color: #fff;
    font-weight: 400;
}
.is-modal.is-lang .popup__text
{
    color: #e7e7e4;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 20px;
}
.popup__text.is-grey
{
    color: #e7e7e4;
}
.popup__text.is-no-spacing
{
    letter-spacing: 0;
}
.popup__text.is-center
{
    text-align: center;
}
.popup__text.is-left
{
    text-align: left;
}
.popup__text.is-bankid .popup__text, .auth-with-deposit-login .popup__text, .popup__text span
{
    font-weight: 500;
}
.popup__text b
{
    font-size: 16px;
    font-weight: 900;
}
.popup__text-link
{
    margin-inline-start: 6px;
}
.auth-with-deposit-login .popup__text-link
{
    margin-inline-start: 4px;
}
.popup__btns
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.popup__btn
{
    text-align: center;
    width: fit-content;
}
.is-info .popup__btn
{
    padding-inline: 39px;
}
.popup__footer-link
{
    color: #507eff;
    cursor: pointer;
    background-color: #0000;
    border: none;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
}
.popup__footer-link:hover
{
    text-decoration-line: none;
}
.popup__footer-link[disabled]
{
    color: #ffffff73;
    pointer-events: none;
}
.popup__collections
{
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}
.popup__content
{
    margin: auto;
}
.ach-preview .popup__content
{
    z-index: 3;
    position: relative;
}
.popup .bonus-card
{
    padding: 23px 32px 24px;
}
.popup .bonus-card__label, .popup .bonus-card__title
{
    margin-bottom: 12px;
}
.popup .bonus-card__name
{
    margin-bottom: 16px;
}
.popup__link-bonuses
{
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-decoration: underline;
}
@keyframes popupShowBg
{
    to
    {
        background-color: #0b0833b3;
    }
}
@keyframes popupShowWrap
{
    0%
    {
        transform: translateY(30px);
    }
    to
    {
        transform: translateY(0);
    }
}
.profile-balance
{
    background-color: #fff;
    border-radius: 2px;
    grid-template-columns: repeat(4,1fr);
    margin-top: 16px;
    display: grid;
    overflow: hidden;
}
@media screen and (min-width: 1440px)
{
    .profile-balance
    {
        grid-template-columns: repeat(5,1fr);
    }
}
.profile-balance__item
{
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 20px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    overflow: hidden;
}
.profile-balance__item:not(:last-child)
{
    border-right: 1px solid #e7e7e4;
}
@media screen and (max-width: 1439px)
{
    .profile-balance__item:first-child
    {
        border-bottom: 1px solid #e7e7e4;
        border-right: 0;
        grid-column: 1/-1;
    }
}
.profile-balance__item:hover
{
    background-color: #2962ff;
}
.profile-balance__item:hover .profile-balance__name
{
    color: #dedede;
}
.profile-balance__item:hover .profile-balance__name:after
{
    filter: invert();
}
.profile-balance__item:hover .profile-balance__sum
{
    color: #fff;
}
.profile-balance__item.linda-has-preloader .profile-balance__name:after
{
    animation: 1s linear infinite rotate360;
}
.profile-balance__name
{
    text-align: left;
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    overflow: hidden;
}
.profile-balance__name:after
{
    content: "";
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
}
.profile-balance__sum
{
    letter-spacing: .02em;
    color: #2962ff;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: center;
    margin-top: 12px;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    display: flex;
    overflow: hidden;
}
.profile-balance__sum.is-total
{
    color: #141776;
}
.profile-balance__icon
{
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-inline-start: 8px;
    display: flex;
    transform: scale(.2);
}
.profile-balance__icon:after
{
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 500%;
    height: 500%;
    display: block;
}
.profile-board-verification
{
    background: #ff4e4e1a;
    border: 1px solid #e12d2d;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 104px;
    margin-bottom: 35px;
    padding: 8px 12px;
    display: flex;
}
.profile-board-verification__text
{
    color: #e12d2d;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.profile-board-verification__link
{
    text-decoration: underline;
}
.profile-board-verification__link:hover
{
    color: #2962ff;
}
.profile-board-verification.is-disabled
{
    pointer-events: none;
}
.profile-board
{
    max-width: 1240px;
    margin-bottom: 10px;
}
.profile-board__header
{
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.profile-board__title
{
    color: #fff;
    letter-spacing: .05em;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    display: flex;
}
.profile-board__title span
{
    color: #868a92;
    letter-spacing: 0;
    margin-left: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.profile-bonus-empty
{
    flex-direction: column;
    align-items: center;
    display: flex;
}
.profile-bonus-empty__text
{
    text-align: center;
    color: #fff;
    background: #ffffff1a;
    border: 1px solid #fff;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 132px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    display: flex;
    position: relative;
}
.profile-bonus
{
    color: #000;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    display: flex;
}
.profile-bonus__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-top: -42px;
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.profile-bonus__subtitle
{
    color: #868a92;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.profile-bonus__wrapper
{
    grid-template-columns: repeat(3,minmax(302px,1fr));
    gap: 20px 26px;
    display: grid;
}
.profile-bonus__wrap
{
    flex-direction: column;
    align-items: center;
    margin-top: 8px;
    display: flex;
}
.profile-bonus__decorator
{
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 17px auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    display: block;
}
.is-last .profile-bonus__decorator
{
    display: none;
}
.profile-cashbox__row
{
    color: #0b0833;
    align-items: center;
    margin: 20px 0 28px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
}
.profile-cashbox__balance
{
    margin-left: auto;
}
.profile-cashbox__reload
{
    cursor: pointer;
    background: var(--icon-reload);
    z-index: 12;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 40px;
    height: 40px;
    margin-left: 8px;
}
.profile-cashbox__reload:hover
{
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    cursor: pointer;
}
.profile-cashbox__reload.linda-has-preloader
{
    animation: .7s linear infinite rotate360;
}
.profile-cashbox__box
{
    background-color: #2962ff;
    padding: 36px 86px;
    position: relative;
}
.profile-cashbox__tabs
{
    justify-content: center;
    display: flex;
}
.profile-cashbox__tab
{
    color: #fff;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
    height: 48px;
    margin: 0 auto;
    padding: 0 24px;
    font-size: 32px;
    font-weight: 900;
    line-height: 48px;
    display: block;
    overflow: hidden;
}
.profile-cashbox__tab-side
{
    color: #fff;
    letter-spacing: .01em;
    align-items: center;
    height: 48px;
    font-size: 20px;
    font-weight: 500;
    line-height: 48px;
    display: flex;
    position: absolute;
    top: 39px;
    left: 20px;
}
.profile-cashbox__tab-side:not(.is-right):before, .profile-cashbox__tab-side.is-right:after
{
    content: "";
    background: left center/16px no-repeat var(--icon-arrow-left);
    filter: invert();
    width: 24px;
    height: 24px;
    display: inline-block;
}
.profile-cashbox__tab-side:hover, .profile-cashbox__tab-side:active
{
    text-shadow: 0 0 1px #fff;
}
.profile-cashbox__tab-side.is-right
{
    left: auto;
    right: 20px;
}
.profile-cashbox__tab-side.is-right:after
{
    transform: rotate(180deg);
}
.profile-cashbox__img
{
    width: 146px;
    height: 40px;
    margin: 20px auto;
    display: block;
}
.profile-cashbox__block
{
    display: block;
}
.profile-cashbox__flex
{
    flex-direction: column;
    align-items: center;
    display: flex;
}
.profile-cashbox__info
{
    color: #dedede;
    text-align: center;
    margin-bottom: 24px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.profile-cashbox__info a
{
    color: #fff;
    text-decoration: underline;
}
.profile-cashbox__icon-box
{
    justify-content: center;
}
.profile-history__header
{
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.profile-info
{
    background-color: #fff;
    border-radius: 2px;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 12px;
    padding: 30px 24px 24px;
    display: grid;
}
.profile-info__security, .profile-info__data
{
    flex-direction: column;
    display: flex;
}
.profile-info__title
{
    color: #0e1147;
    letter-spacing: .05em;
    margin-bottom: 22px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.profile-info__item
{
    word-break: break-word;
    color: #65697b;
    border: 1px solid #e7e7e4;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding: 11px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    position: relative;
}
.profile-info__item:not(:last-child)
{
    margin-bottom: 16px;
}
.profile-info__error
{
    color: #e12d2d;
    background-image: var(--icon-warning);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    width: fit-content;
    margin-left: auto;
    padding-left: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}
.profile-info__value
{
    color: #0e1147;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    max-width: 85%;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
    overflow: hidden;
}
.profile-info__text
{
    color: #757388;
    text-align: center;
    margin-block: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.profile-nav__menu
{
    flex-direction: column;
    margin-bottom: 23px;
    display: flex;
}
.profile-nav__menu-link
{
    color: #dedede;
    transition-property: background-color;
    transition-duration: color;
    background-color: #0b0833;
    padding: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
}
.profile-nav__menu-link.active, .profile-nav__menu-link:hover, .profile-nav__menu-link:active
{
    color: #fff;
    background-color: #141776;
}
.profile-nav__menu-link.active:before, .profile-nav__menu-link:hover:before, .profile-nav__menu-link:active:before
{
    filter: invert();
}
.profile-nav__menu-link:before
{
    content: "";
    filter: invert(96%) sepia(3%) saturate(704%) hue-rotate(46deg) brightness(108%) contrast(81%);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-inline-end: 8px;
    transition-property: filter;
    transition-duration: .2s;
    transform: translateZ(0);
}
.profile-nav__link
{
    color: #868a92;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    transition-property: color;
    transition-duration: .2s;
    display: flex;
}
.profile-nav__link:before, .profile-nav__link:after
{
    content: "";
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-size: cover;
    width: 16px;
    height: 16px;
    margin-inline-end: 8px;
    transition-property: filter;
    transition-duration: .2s;
}
.profile-nav__link:after
{
    margin-inline: auto 0;
}
.profile-nav__link:hover, .profile-nav__link:active
{
    color: #fff;
}
.profile-nav__link:hover:before, .profile-nav__link:hover:after, .profile-nav__link:active:before, .profile-nav__link:active:after
{
    filter: invert();
}
.profile-nav__link.is-white
{
    color: #fff;
}
.profile-nav__link.is-white:hover, .profile-nav__link.is-white:active
{
    color: #757388;
}
.profile-nav__link.is-white:hover:before, .profile-nav__link.is-white:active:before
{
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
}
.profile-nav__link.is-white:before
{
    filter: invert();
}
.profile-responsible
{
    position: relative;
}
.profile-responsible__session
{
    color: #868a92;
    inset-inline-end: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    position: absolute;
    top: 20px;
}
.profile-responsible .info
{
    padding-top: 12px;
    padding-bottom: 0;
}
.profile-responsible .info section
{
    border: 1px solid #e7e7e4;
    padding: 20px;
}
.profile-responsible .info h1
{
    text-align: start;
}
.profile-responsible .info h2, .profile-responsible .info h3
{
    color: #0e1147;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.profile-responsible .info h1+div
{
    background-color: #fff;
    border-radius: 2px 2px 0 0;
    padding: 24px;
}
.profile-responsible .info h1+div p, .profile-responsible .info h1+div li
{
    color: #757388;
}
.profile-responsible .info h1+div li::marker
{
    color: #757388;
}
.profile-responsible__limits
{
    color: #757388;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
    padding: 0 24px 10px;
}
.profile-responsible__limits section
{
    border: 1px solid #e7e7e4;
    border-radius: 2px;
    margin-bottom: 13px;
    padding: 20px;
}
.profile-responsible__limits h2
{
    color: #0e1147;
    letter-spacing: .05em;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.profile-responsible__limits ol, .profile-responsible__limits ul, .profile-responsible__limits p
{
    color: #757388;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.profile-responsible__limits ol, .profile-responsible__limits ul
{
    padding-inline-start: 16px;
}
.profile-withdrawal
{
    background-color: #dedede;
    width: 100%;
    min-height: 92px;
    margin-bottom: 20px;
    padding: 12px 20px 20px;
    display: flex;
}
.profile-withdrawal form.ng-invalid .btn, .profile-withdrawal form.ng-invalid .bonus-dice-banner__btn
{
    color: #dedede;
    pointer-events: none;
    background: #757388;
}
.profile-withdrawal .btn, .profile-withdrawal .bonus-dice-banner__btn
{
    margin: 20px 0 0 20px;
}
.profile
{
    max-width: 1520px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
}
@media screen and (min-width: 1440px)
{
    .profile
    {
        padding-top: 10px;
        padding-inline: 13px;
    }
}
.profile__sidebar
{
    flex-shrink: 0;
    width: 260px;
}
.profile__content
{
    flex-grow: 1;
    padding-left: 20px;
}
.promo-card
{
    border-radius: 8px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.promo-card:hover:after
{
    opacity: 0;
}
.promo-card:hover:before
{
    opacity: 1;
}
.promo-card:before, .promo-card:after
{
    content: "";
    border-radius: inherit;
    transition-property: opacity;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.promo-card:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
}
.promo-card:after
{
    z-index: 2;
    opacity: 1;
    background: linear-gradient(136.27deg,#024ffd 3.14%,#00095e 80.38%);
}
.promo-card__video
{
    z-index: 3;
    object-position: right;
    object-fit: contain;
    pointer-events: none;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.promo-card__label
{
    z-index: 4;
    color: #fff;
    background-color: #ff4e4e;
    border-radius: 2px 8px 2px 2px;
    padding-inline: 8px;
    font-size: 13px;
    font-weight: 900;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.promo-card__label.is-sport
{
    color: #2962ff;
    background-color: #fff;
}
.promo-card__label.is-special
{
    background-color: #069e83;
}
.promo-card__content
{
    flex-direction: column;
    height: 100%;
    padding: 20px;
    display: flex;
    position: relative;
}
.promo-card__title
{
    z-index: 3;
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 900;
    line-height: 19px;
}
.promo-card__text
{
    z-index: 3;
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    max-width: 350px;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
}
@media screen and (min-width: 1680px)
{
    .promo-card__text
    {
        max-width: 460px;
    }
}
.promo-card__btns
{
    z-index: 4;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    display: flex;
}
.promo-card__baner-link
{
    z-index: 4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.promo-card__link
{
    color: #fff;
    justify-content: center;
    align-items: center;
    min-width: 152px;
    height: 48px;
    padding-inline: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    display: flex;
}
.promo-card__link:hover
{
    text-decoration: underline;
}
.promo-card__btn button
{
    min-width: 152px;
}
.promo-card__snowflake
{
    z-index: 3;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
}
.promo-card.is-euro
{
    border-radius: initial;
    flex-shrink: 0;
    width: 432px;
    height: 242px;
    margin-right: 16px;
}
@media screen and (min-width: 1680px)
{
    .promo-card.is-euro
    {
        width: 560px;
    }
}
.promo-card.is-euro .promo-card__label
{
    border-top-right-radius: 2px;
}
.promo-card.is-euro .promo-card__text
{
    max-width: 200px;
}
.promo-card.is-euro .promo-card__btn:hover button
{
    color: #0b0833;
    background-color: #fff;
}
.promo-card.is-future
{
    margin-right: 0;
}
.promo-card.is-future .promo-card__label
{
    color: #507eff;
    background-color: #0b0833;
}
.promo-card.is-future .promo-card__title, .promo-card.is-future .promo-card__text
{
    opacity: .5;
}
.promo-card.is-future .promo-card__video
{
    filter: opacity(.5);
}
.promo-card.is-future .promo-card__baner-link
{
    pointer-events: none;
}
.promo-card__description
{
    z-index: 3;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #fff;
    max-width: 200px;
    margin-top: auto;
    font-size: 14px;
    font-weight: 900;
    line-height: 16.8px;
}
.promo-optout
{
    text-align: center;
    color: #fff;
    background-color: #0b0833;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding-block: 16px;
    padding-inline: 40px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    display: flex;
}
.promo-optout__title
{
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}
.promo-optout__text
{
    color: #757388;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
}
.promo-optout__link
{
    text-decoration: none;
}
.promo-optout .icon-check__before
{
    background-color: #fff3;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
}
.promo-optout .icon-check__before:before
{
    content: "";
    filter: invert(82%) sepia(36%) saturate(673%) hue-rotate(71deg) brightness(92%) contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: block;
}
.promo-page
{
    max-width: 1016px;
    margin-inline: auto;
}
@media screen and (min-width: 1920px)
{
    .promo-page
    {
        max-width: 1136px;
    }
}
.promo-page .promo-card__video
{
    object-position: center;
    width: 480px;
    height: 480px;
    right: -20px;
}
.promo-page .promo-card__title
{
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 39px;
}
.promo-page .promo-card__text
{
    color: #fff;
    max-width: 616px;
    margin-bottom: 32px;
    font-size: 64px;
    font-weight: 900;
    line-height: 70px;
}
@media screen and (min-width: 1920px)
{
    .promo-page .promo-card__text
    {
        max-width: 736px;
    }
}
.promo-page .promo-card__content
{
    min-height: 320px;
    padding: 40px;
}
.promo-page__header
{
    cursor: pointer;
    align-items: center;
    margin-block: 0 20px;
    padding-block: 8px;
    display: flex;
}
.promo-page__back.size-icon-20.icon-background, .promo-page__back.popup__back, .promo-page__back.popup__close
{
    padding: 4px;
}
.promo-page__title
{
    color: #fff;
    margin-left: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.promo-step
{
    cursor: pointer;
    border-radius: 8px;
    height: 100%;
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.is-no-action .promo-step
{
    pointer-events: none;
}
.promo-step:hover:after
{
    opacity: 0;
}
.promo-step:hover:before
{
    opacity: 1;
}
.promo-step:hover .promo-step__num
{
    background: radial-gradient(91.24% 91.24% at 8.75% 25%,#023092 3.59%,#00095e 56.07%,#031556 100%);
    scale: 1.2;
}
.promo-step:before, .promo-step:after
{
    content: "";
    border-radius: inherit;
    transition-property: all;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
}
.promo-step:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
}
.promo-step:after
{
    z-index: 2;
    opacity: 1;
    background: linear-gradient(#141776 0%,#14177600 100%);
}
.promo-step__content
{
    z-index: 3;
    padding-inline: 44px;
    position: relative;
}
.promo-step__num
{
    color: #fff;
    background: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#5e76ff 3.59%,#2a5cf0 16.54%,#1d1d92 59.83%,#131b67 101.21%,#0c49d6 122%);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    position: absolute;
    top: -8px;
    left: -8px;
    scale: 1;
}
.promo-step__title
{
    color: #fff;
    letter-spacing: .04em;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.promo-step__text
{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.promo-step__link
{
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
}
.promo-step .size-icon-18.icon-background, .promo-step .size-icon-18.popup__back, .promo-step .size-icon-18.popup__close
{
    padding: 3px;
    position: absolute;
    top: 0;
    right: 0;
}
.is-no-action .promo-step .size-icon-18.icon-background, .is-no-action .promo-step .size-icon-18.popup__back, .is-no-action .promo-step .size-icon-18.popup__close
{
    display: none;
}
.promo-steps
{
    flex-wrap: wrap;
    gap: 20px;
    padding-block: 20px;
    display: flex;
}
@media screen and (min-width: 1920px)
{
    .promo-steps
    {
        max-width: 1016px;
        margin-inline: auto;
    }
}
.promo-steps__title
{
    color: #fff;
    letter-spacing: .06em;
    text-align: center;
    width: 100%;
    padding-block: 20px 0;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
}
.promo-steps__item
{
    flex: 1;
}
.promo-terms
{
    flex-direction: column;
    padding-block: 20px 0;
    display: flex;
    position: relative;
}
@media screen and (min-width: 1920px)
{
    .promo-terms
    {
        max-width: 1016px;
        margin-inline: auto;
    }
}
.promo-terms__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    padding-block: 2px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.promo-terms__content.info
{
    width: 100%;
}
.promo-terms__content.info p
{
    color: #e7e7e4;
    padding-inline: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.promo-terms__content.info p:not(:last-child)
{
    margin-bottom: 20px;
}
.promo-terms__content.info section
{
    padding: 0;
}
.promo-terms__content.info table
{
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    margin-block: 20px;
    padding-inline: 12px;
}
.promo-terms__content.info table::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.promo-terms__content.info table thead
{
    border-right-color: #868a92;
}
.promo-terms__content.info table thead th
{
    background-color: #e7e7e41a;
}
.promo-terms__content.info table thead th:not(:last-child)
{
    border-right: 1px solid #868a9233;
}
.promo-terms__content.info table td, .promo-terms__content.info table th
{
    color: #e7e7e4;
    border: 1px solid #868a92;
    width: 30%;
    padding: 8px;
    font-weight: 400;
    line-height: 17px;
}
.promos
{
    max-width: 1240px;
    margin-inline: auto;
    padding: 0 0 20px;
}
.promos__wrapp
{
    height: 100%;
}
.promos .promo-card__content
{
    min-height: 240px;
}
.promos .promo-card__btn:hover button
{
    color: #0b0833;
    background-color: #fff;
}
@media screen and (min-width: 1680px)
{
    .promos
    {
        max-width: 1496px;
    }
}
@media screen and (min-width: 1920px)
{
    .promos
    {
        max-width: 1520px;
    }
}
.promos__title
{
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    padding-block: 5.5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.promos__filter
{
    margin-block: 20px;
}
.promos__filter .tabs__item
{
    padding-block: 11px;
}
.promos__list
{
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    height: auto;
    min-height: 480px;
    margin: 0 auto;
    display: grid;
}
.providers
{
    margin-block: 20px 28px;
    margin-inline: 20px;
}
@media screen and (min-width: 1280px)
{
    .providers
    {
        max-width: 1116px;
        margin-inline: auto;
    }
}
.providers__header
{
    align-items: center;
    padding-block: 3.5px;
    display: flex;
}
.providers__back.size-icon-20.icon-background, .providers__back.popup__back, .providers__back.popup__close
{
    padding: 4px;
}
.providers__title
{
    color: #fff;
    margin-left: 12px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.providers__tabs
{
    column-gap: 12px;
    padding-block: 28px;
    display: flex;
}
.providers__tabs-item
{
    color: #757388;
    background-color: #0000;
    border: 1px solid #fff3;
    border-radius: 2px;
    justify-content: space-between;
    align-items: center;
    padding: 7px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    transition: all .2s;
    display: flex;
}
.providers__tabs-item:hover, .providers__tabs-item:active, .providers__tabs-item.is-active
{
    color: #fff;
    border-color: #fff;
}
.providers__tabs-item:hover.icon-arrow__after:after, .providers__tabs-item:active.icon-arrow__after:after, .providers__tabs-item.is-active.icon-arrow__after:after
{
    filter: invert();
}
.providers__tabs-item.is-active
{
    background-color: #0b0833;
}
.providers__tabs-item.icon-arrow__after:after
{
    content: "";
    filter: invert(44%) sepia(10%) saturate(605%) hue-rotate(206deg) brightness() contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    margin-left: 12px;
    transition: all .2s;
    display: block;
}
.providers__tabs-item.linda-brands-ordered-by-name-desc.icon-arrow__after:after, .providers__tabs-item.linda-brands-ordered-by-count-desc.icon-arrow__after:after
{
    transform: rotate(180deg);
}
.providers__tabs-item.linda-brands-ordered-by-name-ssc.icon-arrow__after:after, .providers__tabs-item.linda-brands-ordered-by-count-ssc.icon-arrow__after:after
{
    transform: rotate(0);
}
.providers__list
{
    grid-gap: 8px 28px;
    grid-template-columns: repeat(4,1fr);
    display: grid;
}
.providers__item
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #0000;
    border: 1px solid #fff3;
    border-radius: 2px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 56px;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    transition: all .2s;
    display: flex;
    position: relative;
    overflow: hidden;
}
.providers__item:hover
{
    border-color: #fff;
}
.providers__item:active, .providers__item.is-active
{
    background-color: #0b0833;
    border-color: #fff;
}
.providers__item:active .providers__item-logo, .providers__item.is-active .providers__item-logo
{
    background-color: #0000;
}
.providers__item:active .providers__item-amount, .providers__item.is-active .providers__item-amount
{
    color: #fff;
}
.providers__item-logo
{
    background-color: #2962ff;
    border-radius: 50%;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    transition: all .2s;
    transform: translateZ(0);
}
.providers__item-logo span
{
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}
.providers__item-name
{
    max-width: 75%;
    margin-right: 12px;
}
.providers__item-amount
{
    color: #757388;
    margin-left: auto;
    font-weight: 500;
    transition: all .2s;
}
.quick-dep-form
{
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    display: flex;
}
.quick-dep-form__container
{
    flex-shrink: 0;
    width: 100%;
    display: flex;
}
.quick-dep-form__container.is-frame.preloader
{
    flex-shrink: 1;
    min-height: 500px;
    margin-block: 24px;
    margin-inline: 20px;
}
.quick-dep-form__amount
{
    flex-shrink: 0;
    width: 278px;
    height: 48px;
    position: relative;
}
.quick-dep-form__currency
{
    text-align: center;
    opacity: .6;
    color: #757388;
    cursor: pointer;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    display: inline-flex;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}
.quick-dep-form__input
{
    text-align: right;
    letter-spacing: .05em;
    color: #0b0833;
    background: #fff;
    border: 1px solid #e7e7e4;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    padding-block: 14px;
    padding-inline: 26px 12px;
    font-size: 16px;
    font-weight: 900;
    line-height: 140%;
    transition-property: all;
    transition-duration: .2s;
}
.quick-dep-form__input:hover, .quick-dep-form__input:active
{
    border-width: 2px;
    border-color: #2962ff;
}
.quick-dep-form__input.ng-invalid-min.ng-touched, .quick-dep-form__input.ng-invalid-max.ng-touched, .quick-dep-form__input.ng-invalid.ng-invalid-required.ng-touched
{
    border-width: 2px;
    border-color: #ff4e4e;
}
.quick-dep-form__error
{
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    width: fit-content;
    max-width: 100%;
    transition-property: all;
    transition-duration: .2s;
    position: absolute;
    top: 100%;
    left: 0;
}
.quick-dep-form__error span
{
    color: #ff4e4e;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: none;
}
.quick-dep-form__input.ng-invalid-min.ng-touched~.quick-dep-form__error, .quick-dep-form__input.ng-invalid-max.ng-touched~.quick-dep-form__error, .quick-dep-form__input.ng-invalid.ng-invalid-required.ng-touched~.quick-dep-form__error
{
    opacity: 1;
}
.quick-dep-form__input.ng-invalid-min.ng-touched~.quick-dep-form__error .quick-dep-form__error__min, .quick-dep-form__input.ng-invalid-max.ng-touched~.quick-dep-form__error .quick-dep-form__error__max, .quick-dep-form__input.ng-invalid.ng-invalid-required.ng-touched~.quick-dep-form__error .quick-dep-form__error__required
{
    display: inline-block;
}
.quick-dep-form__btn
{
    flex-shrink: 0;
    width: 421px;
}
.quick-dep-notification
{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex;
}
.quick-dep-notification__title
{
    color: #0b0833;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.quick-dep-notification:not(.is-fast-deposit-frame)
{
    background-color: #e7e7e4;
    padding: 20px;
}
.quick-dep
{
    gap: 6px;
    display: flex;
}
.quick-dep__select-wrap
{
    color: #757388;
    flex-shrink: 0;
    width: 273px;
    height: 48px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    position: relative;
}
.quick-dep__item, .quick-dep__selected
{
    background-color: #fff;
    border: 1px solid #e7e7e4;
    border-radius: 2px;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding-block: 6px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.quick-dep__selected
{
    justify-content: space-between;
    height: 100%;
    padding-inline: 4px 12px;
}
.quick-dep__selected.has-dropdown:hover
{
    cursor: pointer;
    border-width: 2px;
    border-color: #2962ff;
}
.quick-dep__selected.has-dropdown:after
{
    content: "";
    background-image: var(--icon-arrow-down-alt);
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    transition-property: all;
    transition-duration: .2s;
    display: inline-flex;
}
.quick-dep__selected.is-open.has-dropdown:after
{
    transform: rotate(180deg);
}
.quick-dep__icon
{
    object-position: center;
    object-fit: contain;
    flex-shrink: 0;
    display: inline-flex;
}
.quick-dep__icon:not(.is-add)
{
    object-fit: contain;
    width: 96px;
    height: 32px;
}
.quick-dep__icon.is-add
{
    background-image: var(--icon-card-add);
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}
.quick-dep__name
{
    white-space: nowrap;
    text-overflow: ellipsis;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: inline-flex;
    overflow: hidden;
}
.quick-dep__name.is-add
{
    color: #2962ff;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.quick-dep__select
{
    z-index: 2;
    flex-direction: column;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
.quick-dep__select.ng-hide
{
    transition-property: "";
    opacity: 0;
    transition-duration: 0s;
}
.quick-dep__item
{
    height: 44px;
}
.quick-dep__item:not(.is-add)
{
    padding-inline: 4px 32px;
}
.quick-dep__item.is-add
{
    padding-inline: 30px 38px;
}
.quick-dep__item:hover
{
    cursor: pointer;
    border-width: 2px;
    border-color: #2962ff;
}
.is-fast-deposit-frame .quick-dep, .quick-dep .cashbox-frame
{
    width: 100%;
}
.quick-dep .cashbox-callback
{
    width: 100%;
    padding-bottom: 36px;
}
.quick-registration-dropdown
{
    z-index: 2;
    background-color: #0e1147;
    border-radius: 2px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding-block: 12px;
    padding-inline: 10px;
    display: flex;
    inset-block-start: 0;
    inset-inline: 0;
    box-shadow: 0 0 0 1px #fff3;
}
@media screen and (min-width: 1920px)
{
    .quick-registration-dropdown
    {
        padding: 20px;
    }
}
.quick-registration-dropdown:not(.is-open)
{
    min-height: 72px;
}
@media screen and (min-width: 1920px)
{
    .quick-registration-dropdown:not(.is-open)
    {
        min-height: 88px;
        padding-block: 20px;
        padding-inline: 20px;
    }
}
.quick-registration-dropdown.is-open
{
    height: fit-content;
    padding-block: 12px;
    padding-inline: 10px;
    position: absolute;
}
.quick-registration-dropdown__container
{
    width: 100%;
    min-height: 72px;
    display: flex;
    position: relative;
}
@media screen and (min-width: 1920px)
{
    .quick-registration-dropdown__container
    {
        min-height: 88px;
    }
}
.quick-registration-dropdown__item
{
    border-radius: 2px;
    width: 100%;
    min-height: 48px;
    display: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 1px #0000;
}
.quick-registration-dropdown__item input[type=radio]
{
    display: none;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__item, .quick-registration-dropdown__item.is-active
{
    display: block;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__item:hover
{
    box-shadow: 0 0 0 1px #757388;
}
.quick-registration-dropdown__label
{
    cursor: pointer;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    display: flex;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__label
{
    background-color: #0b0833;
    padding: 8px 12px 8px 8px;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__label:hover
{
    border-color: #757388;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__item.is-active .quick-registration-dropdown__label
{
    background: linear-gradient(135deg,#024ffd 0%,#00095e 100%);
}
.quick-registration-dropdown__bind
{
    cursor: pointer;
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
}
.quick-registration-dropdown__img
{
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
    scale: .2;
}
.quick-registration-dropdown__img.is-no-bonus:before
{
    content: "";
    background-image: var(--icon-close);
    filter: invert(96%) sepia(81%) saturate(264%) hue-rotate(43deg) brightness(122%) contrast(93%);
    opacity: .6;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 250%;
    height: 250%;
}
.quick-registration-dropdown__img-source
{
    flex-shrink: 0;
    width: 500%;
    max-width: 500%;
    height: 500%;
}
.quick-registration-dropdown__content
{
    flex-direction: column;
    flex: 1 0 0;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
    padding-inline-end: 12px;
    display: flex;
}
.quick-registration-dropdown__title
{
    color: #fff;
    letter-spacing: .8px;
    font-size: 16px;
    font-weight: 900;
    line-height: 140%;
}
.quick-registration-dropdown__title.is-chosen
{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    display: none;
}
@media screen and (min-width: 1920px)
{
    .quick-registration-dropdown__title
    {
        color: #fff;
        font-size: 20px;
        font-weight: 900;
        line-height: 120%;
    }
}
.quick-registration-dropdown__text
{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.quick-registration-dropdown__icon
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    display: block;
    position: relative;
}
.quick-registration-dropdown__icon:before, .quick-registration-dropdown__icon:after
{
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
}
.quick-registration-dropdown__icon:before
{
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
}
.quick-registration-dropdown:not(.is-open) .quick-registration-dropdown__icon:before
{
    display: none;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__icon:before
{
    display: block;
}
.quick-registration-dropdown__item.is-active .quick-registration-dropdown__icon:before
{
    background-color: #069e83;
}
.quick-registration-dropdown__icon:after
{
    mask-size: cover;
    mask-image: var(--icon-arrow-down-alt);
    background-color: #fff;
    mask-position: 50%;
    mask-repeat: no-repeat;
}
.quick-registration-dropdown:not(.is-open) .quick-registration-dropdown__icon:after
{
    display: block;
}
.quick-registration-dropdown.is-open .quick-registration-dropdown__icon:after
{
    display: none;
}
.quick-registration-dropdown__input
{
    color: #0b0833;
    background-color: #fff;
    border: none;
    border-radius: 2px;
    align-self: stretch;
    align-items: center;
    height: 40px;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    display: flex;
}
.quick-registration-dropdown__promocode
{
    text-align: start;
    letter-spacing: .8px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    height: fit-content;
    font-size: 20px;
    font-weight: 900;
    line-height: 140%;
    display: none;
    overflow: hidden;
}
.quick-registration
{
    z-index: 12;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 540px;
    display: flex;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 68px;
    transform: translateY(-50%);
}
@media screen and (min-width: 1440px)
{
    .quick-registration
    {
        inset-inline-start: 145px;
    }
}
@media screen and (min-width: 1680px)
{
    .quick-registration
    {
        inset-inline-start: 200px;
    }
}
@media screen and (min-width: 1920px)
{
    .quick-registration
    {
        gap: 24px;
        width: 600px;
        inset-inline-start: 260px;
    }
}
.quick-registration__title
{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    font-size: 44px;
    font-weight: 900;
    line-height: 110%;
}
@media screen and (min-width: 1920px)
{
    .quick-registration__title
    {
        letter-spacing: 3.2px;
        font-size: 64px;
        line-height: 110%;
    }
}
.quick-registration__form
{
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 480px;
    display: flex;
}
@media screen and (min-width: 1920px)
{
    .quick-registration__form
    {
        width: 540px;
    }
}
.quick-registration__row
{
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    display: flex;
}
.quick-registration__row .form-box
{
    width: 100%;
}
.quick-registration__row .form-input, .quick-registration__row .form-select
{
    letter-spacing: .8px;
    text-transform: uppercase;
    flex: 1 0 0;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 10px 10px 10px 16px;
    font-size: 20px;
    font-weight: 900;
    line-height: 120%;
    display: flex;
}
.quick-registration__row .form-select
{
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}
.quick-registration__btn
{
    justify-content: center;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    width: 100%;
    display: flex;
}
.quick-registration__btn:before
{
    content: attr(name);
    white-space: nowrap;
}
.registration-banner
{
    z-index: 1;
    text-align: left;
    background-color: #0b0833;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: fit-content;
    min-height: 58px;
    margin-bottom: 20px;
    padding: 8px 12px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.registration-banner__title
{
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.registration-banner__title.is-no-bonus
{
    max-width: 60%;
}
.registration-banner__value
{
    color: #fff;
    letter-spacing: .04em;
    margin-top: 2px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.is-empty-bonus .registration-banner__value
{
    margin-top: 0;
}
.registration-banner__terms
{
    color: #fff;
    border-bottom: 1px solid #0000;
    width: fit-content;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    transition: all .12s linear;
    display: inline-block;
}
.registration-banner__terms:hover
{
    color: #fff;
    border-bottom-color: #fff;
}
.registration-banner__terms:active, .registration-banner__terms:focus
{
    color: #fff;
}
.registration-bonus
{
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}
.registration-bonus__item
{
    width: 100%;
    display: flex;
    position: relative;
}
.registration-bonus__item:not(:nth-last-child(2))
{
    margin-bottom: 20px;
}
.registration-bonus__item input[type=radio]
{
    display: none;
}
.registration-bonus__label
{
    text-align: left;
    z-index: 1;
    cursor: pointer;
    background-color: #0b0833;
    border: 1px solid #0b0833;
    border-radius: 2px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 12px 16px 12px 43px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.registration-bonus__label:before
{
    content: "";
    background-color: #fff;
    border: 1px solid #0000;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
}
.registration-bonus__label:hover
{
    border-color: #524e72;
}
.registration-bonus__label:hover:before
{
    background-color: #757388;
    border-color: #fff;
}
.registration-bonus__label:active
{
    border-color: #fff;
}
.registration-bonus__label:active:before
{
    background-color: #069e83;
    border-color: #fff;
}
.registration-bonus__title
{
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}
.registration-bonus__value
{
    color: #fff;
    letter-spacing: .04em;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.registration-bonus__text
{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.registration-bonus__terms
{
    margin-top: 4px;
}
.registration-bonus__promocode-input
{
    width: 100%;
    margin-top: 4px;
    display: none;
}
input:checked+.registration-bonus__label
{
    background-color: #050978;
    border-color: #fff;
}
input:checked+.registration-bonus__label:before
{
    background-color: #069e83;
    border-color: #fff;
}
.registration-bonus.is-display-promo-code .is-promo-code .registration-bonus__label .registration-bonus__promocode-input
{
    display: block;
}
.registration-bonus.is-display-promo-code .popup__btns .popup__btn:not(.is-active)
{
    pointer-events: none;
    color: #dedede!important;
    background-color: #757388!important;
}
.registration-cancellation
{
    width: 100%;
    max-width: 360px;
    margin: 17px auto 7px;
}
.registration-cancellation__wrap
{
    text-align: center;
    flex-direction: column;
    width: 100%;
    display: flex;
}
.registration-cancellation__title
{
    color: #fff;
    align-self: center;
    max-width: 332px;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
}
.registration-cancellation .registration-banner
{
    text-align: left;
    margin-bottom: 24px;
}
.registration-cancellation .registration-banner__button
{
    display: none;
}
.registration-cancellation .popup__btn
{
    margin-bottom: 26px;
}
.search-game-item
{
    width: 100%;
    height: max-content;
    display: flex;
}
.search-game-item.is-provider
{
    padding-bottom: 17px;
}
@media screen and (min-width: 1680px)
{
    .search-game-item.is-provider
    {
        padding-bottom: 35px;
    }
}
.search-game-item__img
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    width: 50px;
    height: 75px;
    margin-right: 12px;
    position: relative;
}
.search-game-item__img:before
{
    content: "";
    z-index: -1;
    background-color: #0b0833;
    background-image: var(--icon-view);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}
.is-no-poster .search-game-item__img
{
    background-color: #2962ff;
    background-size: 30px;
}
.search-game-item__icon
{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.is-category .search-game-item__icon, .is-provider .search-game-item__icon
{
    filter: invert();
}
.is-category .search-game-item__icon
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.search-game-item__content
{
    flex-direction: column;
    justify-content: flex-end;
    max-width: calc(100% - 70px);
    display: flex;
}
.is-no-poster .search-game-item__content
{
    padding-bottom: 5px;
}
.is-category .search-game-item__content
{
    justify-content: center;
}
.search-game-item__name
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    overflow: hidden;
}
.search-game-item__label
{
    color: #757388;
    text-align: left;
    text-transform: capitalize;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.is-no-poster .search-game-item__label
{
    margin-left: 0;
}
.search-game-item__provider
{
    color: #757388;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
}
.search-game-item__provider a
{
    color: #757388;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #0e1147;
    padding: 4px 8px;
    overflow: hidden;
}
.search-game-item__over
{
    opacity: 0;
    background-image: linear-gradient(#0b0833cc,#0b0833cc);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.is-no-poster .search-game-item__over
{
    background-image: none;
}
.is-no-poster .search-game-item__over:after
{
    content: "";
    z-index: 1;
    background-color: #2962ff;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
}
.search-game-item__over:hover
{
    opacity: 1;
    cursor: pointer;
}
.search-game-item__over:before
{
    content: "";
    background-image: var(--icon-play);
    filter: invert();
    z-index: 2;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
}
.search
{
    position: relative;
}
.search__text
{
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}
.search__empty
{
    color: #ff4e4e;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    display: none;
}
.linda-not-found .search__empty
{
    display: block;
}
.linda-not-found .search__text
{
    display: none;
}
.search__input
{
    width: calc(100% - 48px);
    position: relative;
}
.search__input .form-input, .search__input .form-select
{
    background-image: var(--icon-search);
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: 0 auto 24px;
    animation: .15s linear forwards inputSearchShow;
}
.search__input .form-input.ng-not-empty:not(:active), .search__input .ng-not-empty.form-select:not(:active)
{
    background-image: none;
}
.search__input .form-input.ng-not-empty:not(:active)+.search__clear, .search__input .ng-not-empty.form-select:not(:active)+.search__clear
{
    display: block;
}
.search__clear
{
    color: #0b0833;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
    display: none;
    position: absolute;
    top: 8px;
    right: 12px;
}
.search__clear:hover
{
    cursor: pointer;
    opacity: .9;
}
.search__result-text
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}
.search__box
{
    grid-column-gap: 40px;
    grid-row-gap: 12px;
    grid-template-columns: repeat(3,1fr);
    display: grid;
}
@keyframes inputSearchShow
{
    0%
    {
        width: 0;
    }
    to
    {
        width: 100%;
    }
}
.selfcontrol-deposit-form
{
    margin: 0 auto;
}
.selfcontrol-deposit-form .popup__title
{
    margin-top: 6px;
    margin-bottom: 25px;
}
.selfcontrol-deposit-form__input-box
{
    min-height: 72px;
    margin-bottom: 10px;
}
.selfcontrol-deposit-form__text
{
    color: #868a92;
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.selfcontrol-deposit-form__text span
{
    color: #fff;
}
.selfcontrol-deposit-form__increase-message
{
    color: #c8c7d4;
    padding-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.selfcontrol-deposit-form__increase-message.is-red
{
    color: #ff4e4e;
}
.selfcontrol-deposit-form__increase-message
{
    opacity: 1;
}
.selfcontrol-deposit-form__increase-message.ng-hide
{
    opacity: 0;
    position: absolute;
}
.selfcontrol-deposit-form__increase-message.ng-hide-add, .selfcontrol-deposit-form__increase-message.ng-hide-remove
{
    position: absolute;
    bottom: 0;
}
.seo-nav
{
    width: 100%;
    max-width: 1204px;
    margin-inline: auto;
    padding-inline: 20px;
    position: relative;
    overflow: hidden;
}
.seo-nav__scroll
{
    -webkit-overflow-scrolling: touch;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
    column-gap: 8px;
    display: grid;
    overflow: auto hidden;
}
.seo-nav__scroll::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.seo-nav__control
{
    z-index: 1;
    pointer-events: initial;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.seo-nav__control:before
{
    content: "";
    width: 88px;
    height: 100%;
    position: absolute;
    top: 0;
}
.seo-nav__control i
{
    z-index: 2;
}
.seo-nav__control.is-left
{
    left: 0;
}
.seo-nav__control.is-left:before
{
    background: linear-gradient(90deg,#0e1147 30%,#fdfeff00 100%);
}
.seo-nav__control.is-right
{
    right: 0;
}
.seo-nav__control.is-right:before
{
    background: linear-gradient(-90deg,#0e1147 50%,#fdfeff00 100%);
}
.seo-nav__control.is-disable
{
    opacity: 0;
    pointer-events: none;
}
.seo-nav__item
{
    color: #e7e7e4;
    cursor: pointer;
    border: 1px solid #fff3;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 48px;
    padding-block: 4px;
    padding-inline: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
}
.seo-nav__item.active, .seo-nav__item:active
{
    color: #faf9ff;
    background-color: #0b0833;
    border-color: #fff;
}
.seo-nav__item:hover
{
    color: #faf9ff;
    border-color: #fff;
}
.shop-card
{
    border-radius: 8px;
    width: 100%;
    padding-block: 15px 20px;
    padding-inline: 16px;
    position: relative;
}
.is-gamepage .shop-card
{
    border-radius: 12px;
    padding-block: 13px;
    padding-inline: 12px;
}
.shop-card.is-sport:hover:before
{
    opacity: 0;
}
.shop-card.is-sport:hover:after
{
    opacity: 1;
    animation-play-state: paused;
}
.shop-card.is-sport:before
{
    background: linear-gradient(130deg,#fff,#ffe7c4);
}
.shop-card.is-sport:after
{
    background-image: linear-gradient(130deg,#fff,#fff,#ffe7c4);
    border: 1px solid #fff3;
}
.shop-card:hover:before
{
    opacity: 1;
}
.shop-card:hover:after
{
    opacity: 0;
    animation-play-state: paused;
}
.shop-card:before, .shop-card:after
{
    content: "";
    border-radius: inherit;
    transition-property: opacity;
    transition-duration: .75s;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.shop-card:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(130deg,#29aeff,#296aff) 0 0/200% 200%;
}
.shop-card:after
{
    z-index: 2;
    opacity: 1;
    background-image: linear-gradient(130deg,#296bff,#296bff,#1e40b1);
    background-size: 200% 200%;
    animation: 5s infinite card-bg;
}
.shop-card__image
{
    z-index: 3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    height: 95px;
    margin-inline: auto;
    position: relative;
}
.is-shop .is-freespin .shop-card__image
{
    background-size: cover;
    width: 120px;
    height: 120px;
}
.is-gamepage .shop-card__image
{
    height: 80px;
}
.shop-card__title
{
    z-index: 3;
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    margin-block: 4px 8px;
    font-size: 32px;
    font-weight: 900;
    line-height: 38px;
    position: relative;
}
.is-sport .shop-card__title
{
    color: #2962ff;
}
.shop-card__text
{
    z-index: 3;
    text-align: center;
    flex-direction: column;
    margin-bottom: 4px;
    display: flex;
    position: relative;
}
.shop-card__text label
{
    color: #dedede;
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.is-sport .shop-card__text label
{
    color: #757388;
}
.shop-card__text span
{
    color: #fbfbff;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.is-sport .shop-card__text span
{
    color: #0b0833;
}
.shop-card__btn
{
    z-index: 3;
    margin-top: 12px;
    position: relative;
}
.is-gamepage .shop-card__btn
{
    margin-top: 6px;
}
.shop-card__btn:hover .is-transparent
{
    color: #0b0833;
    background-color: #fff;
}
.shop-card__btn .btn, .shop-card__btn .bonus-dice-banner__btn
{
    flex-direction: row;
    align-self: center;
    width: 100%;
}
.shop-card__btn-text
{
    margin-inline-end: 4px;
}
.is-gamepage .shop-card__btn-text
{
    display: none;
}
.shop-card__name
{
    z-index: 3;
    color: #fff;
    margin-block: 8px 11px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    position: relative;
}
.is-shop .shop-card__link
{
    font-weight: 400;
}
.is-shop .shop-card__link:hover
{
    color: #fff;
    text-decoration: none;
}
.is-shop .shop-card
{
    padding-block: 12px 20px;
}
.is-shop .shop-card:hover:before
{
    opacity: 0;
}
.is-shop .shop-card:hover:after
{
    opacity: 1;
    animation-play-state: running;
}
.is-shop .shop-card.is-casino:before, .is-shop .shop-card.is-casino:after, .is-shop .shop-card.is-sport:before, .is-shop .shop-card.is-sport:after
{
    display: none;
}
.is-shop .shop-card.is-casino
{
    background: linear-gradient(130deg,#29aeff,#296aff);
}
.is-shop .shop-card.is-sport
{
    background: linear-gradient(#fff 39%,#ffe7c3 140%);
}
.is-shop .is-current .shop-card
{
    pointer-events: none;
}
.is-shop .is-current .shop-card:after
{
    z-index: 3;
    opacity: .5;
    background: linear-gradient(#000 0 100%);
    display: block;
}
.shop-cards-list
{
    grid-template-columns: repeat(6,calc(16.6667% - 16.6667px));
    grid-auto-columns: minmax(calc(16.6667% - 16.6667px),1fr);
    gap: 0 20px;
    display: grid;
}
.is-gamepage .shop-cards-list
{
    grid-template-columns: repeat(2,calc(50% - 6px));
    grid-auto-columns: minmax(calc(50% - 6px),1fr);
    gap: 16px 12px;
}
@media screen and (min-width: 1920px)
{
    .is-gamepage .shop-cards-list
    {
        padding-inline: 0;
    }
    .shop-cards-list
    {
        padding-inline: 212px;
    }
}
.shop-fs-item
{
    background-color: #2962ff;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-block: 8px;
    padding-inline: 16px;
    display: flex;
}
.shop-fs-item:not(:last-child)
{
    margin-bottom: 16px;
}
.shop-fs-item__title
{
    color: #fff;
    text-align: start;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
}
.shop-fs-item__price
{
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.shop-fs-item__btn
{
    margin-inline-start: 12px;
}
.shop-fs-item.is-low-balance
{
    opacity: .5;
    pointer-events: none;
}
.shop-fs-item .shop-coin
{
    width: 20px;
    height: 20px;
    margin-inline-start: 4px;
}
.shop-game
{
    cursor: pointer;
    background-color: #141776;
    transition-property: all;
    transition-duration: .2s;
    position: relative;
}
.shop-game:hover
{
    background-color: #2962ff;
}
.shop-game:hover .shop-game__provider
{
    background-color: #fff;
}
.shop-game:hover .shop-game__provider span
{
    filter: invert(30%) sepia(35%) saturate(5946%) hue-rotate(220deg) brightness() contrast();
}
.shop-game:hover .shop-game__btn
{
    border-color: #fff;
}
.shop-game__action-button
{
    z-index: 5;
    background-color: #0000;
    border: none;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    inset: 0;
}
.shop-game__content
{
    text-align: left;
    padding-block: 20px 12px;
    padding-inline: 12px;
    position: relative;
}
.shop-game__provider
{
    background-color: #2962ff;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    position: absolute;
    top: -28px;
    left: 12px;
}
.shop-game__provider span
{
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
}
.shop-game__name
{
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    overflow: hidden;
}
.shop-game__value
{
    margin-bottom: 8px;
}
.shop-game__value label
{
    color: #dedede;
    letter-spacing: .05em;
    padding-inline-end: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.shop-game__value span
{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}
.shop-game__btn .btn, .shop-game__btn .bonus-dice-banner__btn
{
    width: 100%;
}
.shop-game__poster
{
    position: relative;
}
.shop-game__poster:before
{
    content: "";
    background-image: #141776,#141776,#000abe;
    background-size: 200% 200%;
    padding-bottom: 150%;
    animation: 5s infinite card-bg;
    display: block;
}
.shop-game__image
{
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    transition: all .2s;
    display: inline-block;
    position: absolute;
    inset: 0;
}
.shop-info-step
{
    cursor: pointer;
    border-radius: 8px;
    height: 100%;
    padding-block: 24px 18px;
    padding-inline: 24px;
    position: relative;
    overflow: hidden;
}
.shop-info-step:hover:after
{
    opacity: 0;
}
.shop-info-step:hover:before
{
    opacity: 1;
}
.shop-info-step:hover .shop-info-step__icon
{
    background: radial-gradient(91.24% 91.24% at 8.75% 25%,#023092 3.59%,#00095e 56.07%,#031556 100%);
    scale: 1.2;
}
.shop-info-step:before, .shop-info-step:after
{
    content: "";
    border-radius: inherit;
    transition-property: all;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
}
.shop-info-step:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
}
.shop-info-step:after
{
    z-index: 2;
    opacity: 1;
    background: linear-gradient(#141776 0%,#14177600 100%);
}
.shop-info-step__btn
{
    z-index: 4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.shop-info-step__content
{
    z-index: 3;
    padding-inline: 44px;
    position: relative;
}
.shop-info-step__icon
{
    color: #fff;
    background: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#5e76ff 3.59%,#2a5cf0 16.54%,#1d1d92 59.83%,#131b67 101.21%,#0c49d6 122%);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
    transition-property: all;
    transition-duration: .2s;
    display: flex;
    position: absolute;
    top: -8px;
    left: -8px;
    scale: 1;
}
.shop-info-step__icon:before
{
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
}
.shop-info-step__title
{
    color: #fff;
    letter-spacing: .04em;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.shop-info-step__text
{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.shop-info-step .size-icon-18.icon-background, .shop-info-step .size-icon-18.popup__back, .shop-info-step .size-icon-18.popup__close
{
    padding: 3px;
    position: absolute;
    top: 0;
    right: 0;
}
.shop-info
{
    z-index: 1;
    padding-inline: 112px;
    position: relative;
}
@media screen and (min-width: 1680px)
{
    .shop-info
    {
        padding-inline: 240px;
    }
}
@media screen and (min-width: 1920px)
{
    .shop-info
    {
        padding-inline: 432px;
    }
}
.shop-info__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.shop-info__list
{
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    display: grid;
}
.shop-info__terms
{
    margin-block: 40px;
    display: block;
}
.shop-popup-balance
{
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    color: #fff;
    background: #00148699;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 178px;
    height: 39px;
    margin-inline: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    display: flex;
}
.shop-popup-balance label
{
    color: #fff;
    letter-spacing: .05em;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.shop-popup-balance__min
{
    color: #757388;
}
.shop-popup-balance .shop-coin
{
    width: 20px;
    height: 20px;
    margin-inline: 2px 0;
}
.shop-section
{
    z-index: 1;
    text-align: center;
    position: relative;
}
.shop-section.is-gamepage
{
    text-align: left;
}
.shop-section__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.is-gamepage .shop-section__title
{
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
}
.shop-section__text
{
    color: #fff;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}
.is-gamepage .shop-section__text
{
    margin-bottom: 16px;
}
.shop-section__content.is-spins:before, .shop-section__content.is-spins:after
{
    content: "";
    z-index: 11;
    background-image: linear-gradient(90deg,#0e1147 0%,#0e114700 100%);
    background-size: 100%;
    width: 16px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}
.shop-section__content.is-spins:before
{
    inset-inline-start: -12px;
}
.shop-section__content.is-spins:after
{
    inset-inline-end: -12px;
    transform: scale(-1);
}
.shop-terms
{
    color: #e7e7e4;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.shop-terms h2
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.shop-terms section:not(:last-child)
{
    margin-bottom: 40px;
}
.shop
{
    padding-inline: 20px;
    position: relative;
}
.shop.hide-after:after
{
    opacity: 0;
}
.shop:before, .shop:after
{
    z-index: 0;
    content: "";
    pointer-events: none;
    width: 1536px;
    height: 768px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-100px);
}
.shop:before
{
    opacity: .5;
    background-image: url(../../willbetgambling/image/bubbles_trustly.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.shop:after
{
    background: linear-gradient(360deg,#0e1147 0%,#0b083300 120px);
}
.shop__title
{
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    z-index: 1;
    flex-grow: 1;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
    position: relative;
}
.shop__filter
{
    z-index: 1;
    margin-bottom: 40px;
    position: relative;
}
.shop__balance
{
    z-index: 1;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    color: #fff;
    background: #00148699;
    border-radius: 2px;
    align-items: center;
    padding: 9.5px 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    display: flex;
    position: absolute;
    top: 0;
    right: 20px;
}
.shop__balance label
{
    color: #fff;
    letter-spacing: .05em;
    margin-inline-start: 2px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.shop__balance i
{
    width: 20px;
    height: 20px;
    margin-inline-start: 2px;
}
.sidemenu
{
    z-index: 4;
    pointer-events: none;
    flex-direction: column;
    display: flex;
    position: fixed;
    inset: 0;
    overflow: hidden;
}
.sidemenu__euro-grand
{
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}
.sidemenu__item.is-background-euro
{
    background: linear-gradient(136deg,#024ffd1f 3.14%,#00095e1f 80.38%);
    border-radius: 4px;
}
.sidemenu__euro-tournament
{
    color: #fff;
    letter-spacing: .48px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.sidemenu__euro
{
    position: relative;
}
.sidemenu__label-new
{
    text-transform: capitalize;
    color: #fff;
    background: #ff4e4e;
    border-radius: 2px;
    margin-left: 6px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 900;
    line-height: 16px;
    position: absolute;
    right: 16px;
}
.sidemenu__wrap
{
    z-index: 3;
    background-color: #0b0833;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    height: 100%;
    padding-block: 60px 66px;
    transition: all .2s;
    display: flex;
    position: relative;
    transform: translate(-100%);
}
.sidemenu__nav
{
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    height: 100%;
    padding-block: 16px;
    display: flex;
    position: relative;
    overflow: hidden auto;
}
.sidemenu__nav::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.sidemenu__group
{
    margin-inline: var(--sidebar-inline-space);
    background-color: #0e1147;
    border-radius: 4px;
    flex-direction: column;
    gap: 4px;
    padding: 4px;
    display: flex;
    position: relative;
}
.sidemenu__link
{
    z-index: 1;
    color: #f6f6f499;
    letter-spacing: .03em;
    text-transform: uppercase;
    border-radius: 2px;
    align-items: center;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    transition: all .2s;
    display: flex;
    position: relative;
}
.sidemenu__link.is-padding-euro
{
    min-height: 48px;
    padding-block: 6px;
}
.sidemenu__link:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-inline-end: 12px;
    display: block;
}
.sidemenu__link:hover
{
    color: #fff;
}
.sidemenu__link:active, .sidemenu__link.active
{
    color: #fff;
    background-color: #050978;
}
.sidemenu__footer
{
    z-index: 4;
    background-color: #0b0833;
    border-top: 1px solid #000;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.sidemenu__btn
{
    cursor: pointer;
    border: 1px solid #0000;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    padding-block: 11.5px;
    transition: all .2s;
    display: flex;
}
.sidemenu__btn:hover
{
    background-color: #0e1147;
    border-color: #fff;
}
.sidemenu__btn:active
{
    border-color: #0000;
}
.sidemenu__btn-image, .sidemenu__btn-icon
{
    border-radius: 100px;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    overflow: hidden;
}
.sidemenu__btn-icon
{
    border: 1px solid #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}
.sidemenu__btn-icon:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
}
.is-sidemenu-open .sidemenu
{
    pointer-events: all;
}
.is-sidemenu-open .sidemenu__wrap
{
    transform: translate(0);
}
.sidemenu__label-new
{
    color: #fff;
    background-color: #ff4e4e;
    border-radius: 2px;
    flex-shrink: 0;
    margin-left: auto;
    padding: 0 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}
.event__time
{
    color: #0e1147;
    letter-spacing: 2.2px;
    margin-bottom: 6px;
    font-size: 44px;
    font-weight: 900;
    line-height: 48px;
}
@media screen and (max-width: 1439px)
{
    .event__time
    {
        color: #0e1147;
        letter-spacing: 1.4px;
        margin-bottom: 4px;
        font-size: 28px;
        font-weight: 900;
        line-height: 32px;
    }
}
.event__date
{
    color: #2962ff;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
@media screen and (max-width: 1439px)
{
    .event__date
    {
        color: #2962ff;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
    }
}
.event__name
{
    color: #868a92;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
}
@media screen and (max-width: 1439px)
{
    .event__name
    {
        color: #868a92;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
}
.event__logos
{
    pointer-events: none;
    display: flex;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
}
.event__logo
{
    background-color: #fff;
    border: 1px solid #e7e7e4;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    padding: 12px;
    display: flex;
    position: relative;
}
.event__logo:first-of-type
{
    z-index: 1;
    translate: 12px;
}
.event__logo:last-of-type
{
    z-index: 2;
}
@media screen and (max-width: 1439px)
{
    .event__logo
    {
        width: 60px;
        height: 60px;
    }
}
.event__logo-image
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}
@media screen and (max-width: 1439px)
{
    .event__logo-image
    {
        width: 36px;
        height: 36px;
    }
}
.event__teams
{
    flex-direction: column;
    gap: 2px;
    display: flex;
}
.event__team
{
    color: #0e1147;
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
@media screen and (max-width: 1439px)
{
    .event__team
    {
        color: #0e1147;
        letter-spacing: .56px;
        font-size: 14px;
        font-weight: 900;
        line-height: 16px;
    }
}
.event__price
{
    text-align: center;
    cursor: pointer;
    color: #0e1147;
    background-color: #dedede;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 6px 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    display: flex;
}
.event__price span
{
    color: #868a92;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    overflow: hidden;
}
@media screen and (max-width: 1439px)
{
    .event__price span
    {
        color: #868a92;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
    }
    .event__price
    {
        color: #0e1147;
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
    }
}
.event__price.is-euro-prize
{
    min-width: 75px;
    max-width: 100%;
}
.sport-widget
{
    z-index: 6;
    margin-top: 12px;
    margin-bottom: 24px;
    padding-inline: 20px;
    position: relative;
}
.sport-widget:empty
{
    display: none;
}
.sport-widget__header
{
    align-items: center;
    display: flex;
}
.sport-widget__title
{
    color: #fff;
    letter-spacing: .05em;
    padding-block: 5.5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
@media screen and (min-width: 1920px)
{
    .sport-widget__title
    {
        font-size: 28px;
        line-height: 34px;
    }
}
.sport-widget__link
{
    color: #507eff;
    justify-content: center;
    align-items: center;
    margin-inline: auto 4px;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    transition: all .2s;
    display: flex;
}
.sport-widget__link:hover
{
    color: #fff;
    letter-spacing: .05em;
    font-weight: 500;
}
.sport-widget__grid
{
    -webkit-overflow-scrolling: touch;
    grid-template-columns: repeat(4,calc(25% - 12px));
    grid-auto-columns: minmax(calc(25% - 12px),1fr);
    grid-auto-flow: column;
    column-gap: 16px;
    padding-top: 20px;
    display: grid;
    overflow: auto hidden;
}
.sport-widget__grid::-webkit-scrollbar
{
    width: 0;
    height: 0;
    display: none;
}
.sport-widget__grid.is-flex-euro
{
    display: flex;
}
.sport-widget__item
{
    background-color: #fff;
    border-radius: 2px;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    display: flex;
}
@media screen and (max-width: 1439px)
{
    .sport-widget__item
    {
        padding: 16px;
    }
}
.sport-widget__item.is-euro
{
    flex-shrink: 0;
    width: 282px;
}
@media screen and (min-width: 1440px)
{
    .sport-widget__item.is-euro
    {
        width: 338px;
    }
}
.sport-widget__item.is-euro .event__date
{
    margin-bottom: 0;
}
@media screen and (min-width: 1440px)
{
    .sport-widget__item.is-euro .event__date
    {
        margin-bottom: 4px;
    }
}
.sport-widget__item.is-euro .event__price
{
    height: auto;
    min-height: 40px;
    padding: 4px;
}
@media screen and (min-width: 1440px)
{
    .sport-widget__item.is-euro .event__price
    {
        min-height: 48px;
    }
}
.sport-widget__list
{
    grid-template-columns: repeat(3,1fr);
    column-gap: 8px;
    margin-top: 12px;
    display: grid;
}
.sport-widget__row
{
    position: relative;
}
.sport-widget__block
{
    width: 100%;
}
.tournament-card-details
{
    z-index: 3;
    flex-direction: column;
    margin-top: auto;
    display: flex;
    position: relative;
}
.tournament-card-details.on-tournament-page
{
    flex-direction: row;
    gap: 40px;
}
.is-gamepage .tournament-card-details
{
    z-index: unset;
    margin-bottom: -12px;
}
.tournament-card-details__item
{
    align-items: center;
    max-width: 100%;
    margin-bottom: 8px;
    padding-block: 1.5px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.sport .tournament-card-details__item, .on-tournament-page .tournament-card-details__item
{
    margin-bottom: 0;
}
.is-gamepage .tournament-card-details__item
{
    z-index: 4;
}
.tournament-card-details__item:before
{
    content: "";
    filter: invert();
    opacity: .5;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-inline-end: 4px;
    display: inline-block;
}
.on-tournament-page .tournament-card-details__item:before
{
    margin-inline-end: 8px;
}
.tournament-card-details__item-title
{
    color: #fff;
    opacity: .7;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.sport .tournament-card-details__item-title
{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}
.is-gamepage .tournament-card-details__item-title
{
    opacity: .5;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.tournament-card-details__item-value
{
    color: #fff;
    margin-inline-start: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.sport .tournament-card-details__item-value
{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
}
.on-tournament-page .tournament-card-details__item-value
{
    margin-inline-start: 8px;
    font-size: 16px;
    line-height: 20px;
}
.is-gamepage .tournament-card-details__item-value
{
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
.sport .tournament-card-details
{
    flex-direction: row;
    gap: 12px;
    margin-top: 48px;
    padding-inline-start: 6px;
}
.tournament-card-timer
{
    color: #fff;
    margin-inline-start: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
}
.on-tournament-page .tournament-card-timer, .tournament-card-timer.is-gamepage-timer
{
    gap: 11px;
    margin-inline-start: 0;
}
.tournament-card-timer__item.days
{
    text-transform: lowercase;
    margin-inline-end: 4px;
}
.on-tournament-page .tournament-card-timer__item
{
    text-align: center;
    border: 1px solid #fff3;
    border-radius: 2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 86px;
    padding-block: 4px;
    padding-inline: 20px;
    display: flex;
    position: relative;
}
.on-tournament-page .tournament-card-timer__item:nth-child(2):after, .on-tournament-page .tournament-card-timer__item:nth-child(3):after
{
    content: ":";
    position: absolute;
    top: 50%;
    right: -8.5px;
    transform: translateY(-50%);
}
.is-gamepage-timer .tournament-card-timer__item
{
    width: 75px;
    padding-block: 8px 3px;
}
.tournament-card-timer__digit
{
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    line-height: 32px;
}
.tournament-card-timer__letter
{
    color: #fff;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
}
.is-gamepage-timer .tournament-card-timer__letter
{
    margin-top: 5px;
    font-size: 8px;
}
.tournament-card
{
    border-radius: 8px;
    height: 100%;
    min-height: 290px;
    position: relative;
    overflow: hidden;
}
.tournament-card__euro-grand-banner
{
    letter-spacing: .28px;
    text-transform: uppercase;
    z-index: 4;
    width: fit-content;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
}
.tournament-card:hover:after
{
    opacity: 0;
}
.tournament-card:hover:before
{
    opacity: 1;
}
.tournament-card:before, .tournament-card:after
{
    content: "";
    border-radius: inherit;
    transition-property: opacity;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.tournament-card:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
}
.tournament-card:after
{
    z-index: 2;
    opacity: 1;
    background: linear-gradient(136.27deg,#024ffd 3.14%,#00095e 80.38%);
}
.tournament-card.on-tournament-page.is-finished
{
    pointer-events: none;
}
.tournament-card.on-tournament-page
{
    min-height: 461px;
}
.tournament-card.is-banner-test
{
    justify-content: center;
    align-items: center;
    font-size: 30px;
    display: flex;
}
.tournament-card.is-banner-test div
{
    z-index: 9999;
}
.tournament-card.is-gamepage
{
    min-height: 186px;
}
.tournament-card__wrap
{
    height: 100%;
}
.tournament-card__wrap:empty
{
    display: none;
}
.tournament-card__label
{
    z-index: 5;
    color: #fff;
    background-color: #ff4e4e;
    border-radius: 2px 8px 2px 2px;
    padding-block: 4px;
    padding-inline: 8px;
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.tournament-card__label.is-sport
{
    color: #2962ff;
    background-color: #fff;
}
.is-finished .tournament-card__label
{
    color: #507eff;
    background-color: #0b0833;
}
.tournament-card__img
{
    z-index: 4;
    top: 50%;
    background-position: 50%;
    background-size: contain;
    width: 320px;
    height: 320px;
    position: absolute;
    inset-inline-end: 0;
    transform: translateY(-50%);
}
@media screen and (min-width: 1680px)
{
    .tournament-card__img
    {
        inset-inline-end: 64px;
    }
}
.sport .tournament-card__img
{
    width: 440px;
    height: 440px;
    transform: unset;
    top: 0;
    inset-inline-end: -40px;
}
.on-tournament-page .tournament-card__img
{
    width: 440px;
    height: 440px;
}
.game-tournaments-board .tournament-card__img, .game-leader-board .tournament-card__img
{
    width: 180px;
    height: 180px;
    inset-inline-end: -10px;
}
.is-finished .tournament-card__img
{
    opacity: .5;
}
.tournament-card__content
{
    height: 100%;
    min-height: inherit;
    flex-direction: column;
    max-width: 50%;
    padding: 24px;
    display: flex;
}
.sport .tournament-card__content, .is-gamepage .tournament-card__content
{
    max-width: 100%;
}
.on-tournament-page .tournament-card__content
{
    padding: 32px;
}
.is-gamepage .tournament-card__content
{
    padding: 16px;
}
.tournament-card__title
{
    color: #fff;
    letter-spacing: .02em;
    z-index: 3;
    width: fit-content;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 900;
    line-height: 29px;
    position: relative;
}
.sport .tournament-card__title
{
    z-index: 4;
    margin-bottom: 12px;
}
.sport:not(.is-euro2024) .tournament-card__title
{
    color: #fff;
    letter-spacing: 0;
    font-size: 44px;
    font-weight: 900;
    line-height: 48px;
}
.sport.is-euro2024 .tournament-card__title
{
    color: #fff;
    letter-spacing: 1.4px;
    font-size: 28px;
    font-weight: 900;
    line-height: 130%;
}
.on-tournament-page .tournament-card__title
{
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 12px;
    font-size: 44px;
    font-weight: 900;
    line-height: 48px;
}
.is-gamepage .tournament-card__title
{
    color: #fff;
    letter-spacing: .8px;
    text-transform: uppercase;
    max-width: 60%;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 900;
    line-height: 140%;
}
.tournament-card__prize
{
    z-index: 5;
    flex-wrap: wrap;
    align-items: center;
    width: fit-content;
    margin-bottom: 8px;
    display: flex;
    position: relative;
}
.tournament-card__prize label
{
    color: #fff;
    letter-spacing: .02em;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.on-tournament-page .tournament-card__prize label
{
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
}
.tournament-card__prize span
{
    color: #fff;
    letter-spacing: .05em;
    font-size: 44px;
    font-weight: 900;
    line-height: 48px;
}
.sport:not(.is-euro2024) .tournament-card__prize span
{
    font-size: 64px;
    line-height: 70px;
}
.sport.is-euro2024 .tournament-card__prize span
{
    color: #fff;
    font-size: 44px;
    font-weight: 900;
    line-height: 110%;
}
.on-tournament-page .tournament-card__prize span
{
    font-size: 64px;
    line-height: 70px;
}
.is-gamepage .tournament-card__prize span
{
    letter-spacing: 1.4px;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 140%;
}
.tournament-card__prize i
{
    background-image: url(../../willbetgambling/image/gold-coin.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    margin-inline-start: 6px;
    display: block;
}
.is-finished .tournament-card__prize i
{
    background-image: url(https://frumzi.com/img/blue-coin.png);
}
.on-tournament-page .tournament-card__prize i
{
    width: 44px;
    height: 44px;
    margin-inline-start: 8px;
}
.is-gamepage .tournament-card__prize i
{
    width: 24px;
    height: 24px;
    margin-inline-start: 6px;
}
.tournament-card__btn
{
    z-index: 3;
    align-self: flex-start;
    position: relative;
}
.tournament-card__btn:hover
{
    color: #0b0833;
    background-color: #fff;
}
.sport .tournament-card__btn
{
    margin-top: auto;
}
.on-tournament-page .tournament-card__btn
{
    width: 100%;
}
.tournament-card__timer
{
    z-index: 3;
    width: 380px;
    margin-top: auto;
    position: relative;
}
.game-leader-board .tournament-card__timer
{
    width: 100%;
}
.tournament-card__timer-title
{
    color: #fff;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
}
.game-leader-board .tournament-card__timer-title
{
    letter-spacing: .2px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 8px;
    font-size: 10px;
    line-height: 16px;
}
.tournament-description
{
    border: 1px solid #fff3;
    border-radius: 8px;
    padding-block: 20px;
    padding-inline: 32px;
}
.tournament-description__title
{
    color: #fff;
    letter-spacing: .04em;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.tournament-description__text
{
    color: #e7e7e4;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
}
.tournament-description__text .read-more
{
    color: #507eff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    left: 0;
}
.tournament-description__text .read-more:hover
{
    color: #fff;
}
.tournament-description__text .read-more:hover:after
{
    height: 0;
}
.tournament-description__text .read-more.is-hide
{
    position: relative;
}
.tournament-description__text.is-cropped
{
    height: 96px;
}
@media screen and (min-width: 1680px)
{
    .tournament-description__text.is-cropped
    {
        height: 73px;
    }
}
.tournament-description__text.is-cropped p
{
    height: 68px;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1680px)
{
    .tournament-description__text.is-cropped p
    {
        height: 45px;
    }
}
.tournament-description__terms
{
    color: #507eff;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.tournament-guide
{
    border: 1px solid #fff3;
    border-radius: 8px;
    padding-block: 20px;
    padding-inline: 20px;
}
.tournament-guide__title
{
    color: #fff;
    letter-spacing: .04em;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.tournament-guide__list
{
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    display: grid;
}
.tournament-guide__item
{
    align-items: center;
    gap: 16px;
    display: flex;
}
.tournament-guide__text
{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.tournament-guide__icon
{
    background: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#5e76ff 3.59%,#2a5cf0 16.54%,#1d1d92 59.83%,#131b67 101.21%,#0c49d6 122%);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
}
.tournament-guide__icon:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.tournament-info
{
    border: 1px solid #fff3;
    width: 100%;
    max-width: 800px;
    margin: 40px auto;
}
.tournament-leaderboard
{
    z-index: 3;
    margin-top: 12px;
    margin-bottom: 10px;
    position: relative;
}
.tournament-leaderboard.on-tournament-page
{
    height: 100%;
    margin-top: 0;
}
.tournament-leaderboard.is-gamepage
{
    border: 1px solid #fff3;
    border-radius: 8px;
    padding: 16px 12px 6px;
}
.tournament-leaderboard__list
{
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
}
.tournament-leaderboard__item
{
    white-space: nowrap;
    grid-template-columns: 28px 1.5fr 1fr;
    align-items: center;
    width: 100%;
    min-height: 35px;
    margin-bottom: 6px;
    padding-inline: 3px 6px;
    display: grid;
    position: relative;
    overflow: hidden;
}
.tournament-leaderboard__item.is-empty
{
    grid-template-columns: 28px 1fr minmax(100px,auto);
}
.tournament-leaderboard__item.is-current-user
{
    background: #fff3;
    border-radius: 2px;
}
.tournament-leaderboard__item.is-header
{
    min-height: 17px;
}
.is-gamepage .tournament-leaderboard__item.is-header
{
    min-height: 28px;
}
.on-tournament-page .tournament-leaderboard__item
{
    margin-top: 12px;
    margin-bottom: 0;
}
.is-gamepage .tournament-leaderboard__item
{
    min-height: 41px;
}
.tournament-leaderboard__right
{
    grid-template-columns: 1fr auto;
    grid-template-areas: "divider prize";
    align-items: center;
    display: grid;
}
.tournament-leaderboard__right:before
{
    content: "";
    background-image: repeating-linear-gradient(90deg,#ffffff1a 0 6px,#0000 6px 11px);
    grid-area: divider;
    height: 1px;
    margin-right: 4px;
    display: block;
}
.is-header .tournament-leaderboard__right:before
{
    opacity: 0;
}
.tournament-leaderboard__left
{
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "name divider score";
    align-items: center;
    display: grid;
}
.tournament-leaderboard__left:before
{
    content: "";
    background-image: repeating-linear-gradient(90deg,#ffffff1a 0 6px,#0000 6px 11px);
    grid-area: divider;
    width: calc(100% + 8px);
    height: 1px;
    display: block;
}
.is-header .tournament-leaderboard__left:before
{
    opacity: 0;
}
.is-empty .tournament-leaderboard__left:before
{
    margin-left: 8px;
}
.tournament-leaderboard__value
{
    padding-inline: 8px;
}
.tournament-leaderboard__value.place
{
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-inline-end: 6px;
    padding-inline: 0;
    display: flex;
}
.tournament-leaderboard__value.place span
{
    color: #fff;
    text-align: center;
    background-color: #fff3;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    display: flex;
}
.tournament-leaderboard__value.place-1, .tournament-leaderboard__value.place-2, .tournament-leaderboard__value.place-3
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.on-tournament-page .tournament-leaderboard__value.place-1 span, .is-gamepage .tournament-leaderboard__value.place-1 span, .on-tournament-page .tournament-leaderboard__value.place-2 span, .is-gamepage .tournament-leaderboard__value.place-2 span, .on-tournament-page .tournament-leaderboard__value.place-3 span, .is-gamepage .tournament-leaderboard__value.place-3 span
{
    display: none;
}
.tournament-leaderboard__value.place-1
{
    background-image: url(../../willbetgambling/image/gold-cup.png);
}
.tournament-leaderboard__value.place-2
{
    background-image: url(../../willbetgambling/image/silver-cup.png);
}
.tournament-leaderboard__value.place-3
{
    background-image: url(../../willbetgambling/image/bronze-cup.png);
}
.tournament-leaderboard__value.login
{
    color: #fff;
    padding-inline: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.tournament-leaderboard__value.score
{
    text-align: center;
    color: #e1e0e1;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.tournament-leaderboard__value.prize
{
    color: #fff;
    text-align: end;
    letter-spacing: .05em;
    padding-inline-end: 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.tournament-leaderboard__value.prize.is-coin
{
    align-items: center;
    display: flex;
}
.tournament-leaderboard__value.prize.is-coin:after
{
    content: "";
    background-image: url(../../willbetgambling/image/gold-coin.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-inline-start: 4px;
    display: block;
}
.is-header .tournament-leaderboard__value
{
    color: #ffffff4d;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.tournament-leaderboard__header
{
    justify-content: space-between;
    align-items: center;
    padding-block: 0 20px;
    display: flex;
}
.is-gamepage .tournament-leaderboard__header, .tournament-page.is-sport .tournament-leaderboard__header
{
    padding-block: 0 8px;
}
.tournament-leaderboard__title
{
    color: #fff;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding-inline-start: 6px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
}
.tournament-leaderboard__icon
{
    background-image: url(../../willbetgambling/image/prizepool.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 40px;
}
.is-finished .tournament-leaderboard__icon
{
    background-image: url(../../willbetgambling/image/prizepool_finished.png);
}
.tournament-leaderboard__body
{
    border-top: 1px solid #f9f7fa1a;
    padding-top: 8px;
}
.is-gamepage .tournament-leaderboard__body
{
    padding-top: 0;
}
.tournament-card .tournament-leaderboard__position
{
    z-index: 3;
    position: relative;
}
.tournament-leaderboard__position-title
{
    color: #fff;
    text-align: center;
    opacity: .2;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.tournament-card .tournament-leaderboard__position-title
{
    text-align: left;
    opacity: 1;
}
.tournament-leagues-category
{
    margin-top: 20px;
}
.tournament-leagues-category__name
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 900;
    line-height: 30px;
}
.tournament-leagues-category__list
{
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
    display: grid;
}
.tournament-leagues-category__item
{
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    min-width: 186px;
    min-height: 148px;
    padding-block: 16px;
    padding-inline: 8px;
    display: flex;
    position: relative;
}
.tournament-leagues-category__item:hover:after
{
    opacity: 0;
}
.tournament-leagues-category__item:hover:before
{
    opacity: 1;
}
.tournament-leagues-category__item:before, .tournament-leagues-category__item:after
{
    content: "";
    border-radius: inherit;
    transition-property: opacity;
    transition-duration: .2s;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.tournament-leagues-category__item:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(136.27deg,#024ffd 3.14%,#00095e 80.38%);
}
.tournament-leagues-category__item:after
{
    z-index: 2;
    opacity: 1;
    background: #141776;
}
.tournament-leagues-category__item-name
{
    color: #fff;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-align: center;
    z-index: 3;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.tournament-leagues-category__item-image
{
    z-index: 3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
}
.tournament-leagues
{
    border: 1px solid #fff3;
    border-radius: 8px;
    padding-block: 20px;
    padding-inline: 20px;
}
.tournament-leagues__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-bottom: 20px;
    padding-block: 5.5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.tournament-leagues__text
{
    color: #e7e7e4;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.tournament-page-wrapper.preloader
{
    min-height: 700px;
}
.tournament-page
{
    max-width: 1240px;
    margin-inline: auto;
}
@media screen and (min-width: 1680px)
{
    .tournament-page
    {
        max-width: 1496px;
    }
}
@media screen and (min-width: 1920px)
{
    .tournament-page
    {
        max-width: 1520px;
    }
}
.tournament-page__header
{
    cursor: pointer;
    align-items: center;
    margin-block: 0 20px;
    padding-block: 3px;
    display: flex;
}
.tournament-page__back.size-icon-20.icon-background, .tournament-page__back.popup__back, .tournament-page__back.popup__close
{
    padding: 4px;
}
.tournament-page__title
{
    color: #fff;
    letter-spacing: .05em;
    margin-inline-start: 12px;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}
.tournament-page__content
{
    flex-wrap: wrap;
    gap: 28px 20px;
    display: flex;
}
.is-sport .tournament-page__content
{
    flex-wrap: nowrap;
    gap: 20px;
}
.tournament-page__info
{
    flex-grow: 1;
    align-self: flex-start;
    width: 880px;
}
.is-sport .tournament-page__info
{
    flex-direction: column;
    gap: 28px;
    display: flex;
}
.tournament-page__leaderboard
{
    border: 1px solid #fff3;
    border-radius: 8px;
    width: 340px;
    padding: 16px;
}
.is-sport .tournament-page__leaderboard
{
    height: fit-content;
}
.tournament-page__games
{
    width: 100%;
}
.tournament-prizepool
{
    flex-direction: column;
    height: 100%;
    padding-block: 4px;
    padding-inline: 16px;
    display: flex;
}
.tournament-prizepool.is-gamepage
{
    border: 1px solid #fff3;
    border-radius: 8px;
    margin-top: 23px;
    padding: 27px 32px;
}
.tournament-prizepool__title
{
    color: #fff;
    letter-spacing: .04em;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.is-gamepage .tournament-prizepool__title
{
    letter-spacing: 0;
}
.tournament-prizepool__content
{
    justify-content: center;
    align-items: flex-end;
    gap: 16px;
    display: flex;
}
.is-gamepage .tournament-prizepool__content
{
    margin-bottom: 60px;
}
.tournament-prizepool__text
{
    color: #fff;
    letter-spacing: .02em;
    text-align: center;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
    padding-inline: 24px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    display: flex;
}
.is-gamepage .tournament-prizepool__text
{
    margin-bottom: 25px;
}
.tournament-prizepool__item
{
    text-align: center;
}
.tournament-prizepool__item-icon
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 72px;
    margin-inline: auto;
}
.is-position-1 .tournament-prizepool__item-icon
{
    background-image: url(../../willbetgambling/image/gold-cup.png);
    width: 100px;
    height: 100px;
    margin-bottom: 8px;
}
.is-position-2 .tournament-prizepool__item-icon
{
    background-image: url(../../willbetgambling/image/silver-cup.png);
    margin-bottom: 12px;
}
.is-position-3 .tournament-prizepool__item-icon
{
    background-image: url(../../willbetgambling/image/bronze-cup.png);
    margin-bottom: 12px;
}
.tournament-prizepool__item-label
{
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
}
.tournament-prizepool__item-amount
{
    color: #edeaed;
    letter-spacing: .02em;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
}
.is-position-1 .tournament-prizepool__item-amount
{
    font-size: 20px;
    line-height: 27px;
}
.tournament-welcome-popup
{
    color: #fff;
    width: 100%;
    max-width: 600px;
    padding-block: 24px;
    padding-inline: 0;
}
.tournament-welcome-popup__close
{
    top: 0;
    right: 0;
}
.tournament-welcome-popup__title
{
    text-align: center;
    letter-spacing: .48px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 16px;
    font-size: 24px;
    font-weight: 900;
    line-height: 120%;
}
.tournament-welcome-popup__text
{
    color: #e7e7e4;
    letter-spacing: .48px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 20px;
    font-size: 16px;
    line-height: 24px;
}
.tournament-welcome-popup__title-euro
{
    text-transform: uppercase;
    color: #e7e7e4;
    letter-spacing: 1.4px;
    font-size: 28px;
    font-weight: 900;
    line-height: 130%;
}
.tournament-welcome-popup__prize
{
    text-align: center;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 64px;
    font-weight: 900;
    line-height: 110%;
}
.tournament-welcome-popup__btn
{
    color: #0b0833;
    cursor: pointer;
    padding: 6px 16px;
    background-color: #fff;
    border: 1px solid #eeecff;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 0 auto 18px;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    display: flex;
}
.tournament-welcome-popup__btn:hover
{
    border-color: #2962ff;
    border-radius: 2px;
}
.tournament-welcome-popup__btn:active
{
    background-color: #dedede;
    border-color: #2962ff;
}
.tournament-welcome-popup__btn-details
{
    color: #507eff;
    text-align: center;
    width: 100%;
    max-width: 280px;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: underline;
}
.tournament-welcome-popup__btn-details:hover
{
    color: #fff;
}
.image-popup
{
    background: linear-gradient(136deg,#024ffd 3.14%,#00095e 80.38%);
    border-radius: 2px;
    height: 180px;
    margin-bottom: 20px;
}
.image-popup__img
{
    background-image: url(../../willbetgambling/image/popup-euro24.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 274px;
    height: 274px;
    margin: 0 auto;
    position: relative;
    top: -49px;
}
.tournaments
{
    margin-inline: auto;
    padding-inline: 20px;
}
@media screen and (min-width: 1680px)
{
    .tournaments
    {
        max-width: 1496px;
    }
}
@media screen and (min-width: 1920px)
{
    .tournaments
    {
        max-width: 1520px;
    }
}
.tournaments__title
{
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    padding-block: 5.5px;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}
.tournaments__filter
{
    margin-block: 20px;
}
.tournaments__filter .tabs__item
{
    width: 209px;
    padding-block: 11px;
}
.tournaments__list
{
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin: 0 auto;
    display: grid;
}
.tournaments__list.is-empty
{
    justify-content: center;
    align-items: center;
    display: flex;
}
.tournaments__item:empty
{
    display: none;
}
.tournaments__item.sport
{
    grid-row: 1/span 2;
    min-height: 600px;
}
.tournaments__item.sport:empty
{
    display: none;
}
.is-empty .tournaments__item-img
{
    margin-bottom: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 320px;
    height: 200px;
    margin-inline: auto;
}
.is-empty .tournaments__item-text
{
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 2px;
    max-width: 480px;
    padding-block: 24px;
    padding-inline: 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.document-item
{
    border: 1px solid #8c87b333;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 12px;
    padding: 12px;
    transition: all .2s;
    display: flex;
}
.document-item__icon
{
    filter: invert(62%) sepia(12%) saturate(913%) hue-rotate(207deg) brightness(87%) contrast(85%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 48px;
    width: 48px;
    height: 48px;
    margin-inline-end: 8px;
}
.document-item__info
{
    flex: auto;
}
.document-item__title
{
    color: #524e72;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.document-item__size
{
    color: #8c87b3;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.document-item__close
{
    cursor: pointer;
    filter: invert(31%) sepia(11%) saturate(1490%) hue-rotate(207deg) brightness(93%) contrast(87%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 20px;
    height: 20px;
}
.document-item__errors
{
    color: #f44336;
    flex: 0 100%;
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
}
.document-item:hover
{
    background: #8c87b31a;
}
.document-item.has-error
{
    color: #f44336;
    border-color: #f44336;
}
.document-item.has-error .document-item__title, .document-item.has-error .document-item__size
{
    color: #f44336;
}
.drag-and-drop
{
    text-align: center;
    background-color: #8c87b333;
    border: 1px dashed #8c87b3;
    padding: 32px 0 40px;
}
.drag-and-drop__icon
{
    filter: invert(62%) sepia(12%) saturate(913%) hue-rotate(207deg) brightness(87%) contrast(85%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
    margin: 0 auto 8px;
}
.drag-and-drop__title
{
    color: #524e72;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}
.drag-and-drop__label
{
    color: #8c87b3;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}
.drag-and-drop__label label
{
    color: #3586ff;
    cursor: pointer;
    text-decoration: underline;
    transition: all .2s;
}
.drag-and-drop__label label:hover
{
    font-weight: 700;
}
.drag-and-drop__label label:active
{
    color: #8c87b3;
}
.drag-and-drop__file-types
{
    color: #8c87b3;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.drag-and-drop.dragging
{
    background: #eee;
}
.drag-and-drop.error
{
    background: #f4433614;
}
.verification-btn, .verification-btn-secondary, .verification-btn-primary
{
    white-space: nowrap;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: 44px;
    padding: 12px 24px;
    transition: all .2s;
    display: flex;
    position: relative;
}
.verification-btn .icon-loader, .verification-btn-secondary .icon-loader, .verification-btn-primary .icon-loader
{
    filter: invert();
    opacity: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    transition: opacity .2s;
    animation: .2s linear infinite forwards spin;
    display: inline-block;
    position: absolute;
}
.verification-btn.is-loading>*, .is-loading.verification-btn-secondary>*, .is-loading.verification-btn-primary>*
{
    opacity: 0;
}
.verification-btn.is-loading [class*=icon], .is-loading.verification-btn-secondary [class*=icon], .is-loading.verification-btn-primary [class*=icon]
{
    opacity: 1;
}
.verification-btn[disabled], [disabled].verification-btn-secondary, [disabled].verification-btn-primary
{
    display: none;
}
.verification-btn-primary
{
    color: #fff;
    background-color: #3586ff;
    border: none;
    min-width: 187px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    box-shadow: 0 3px 4px #1e88e54d;
}
.verification-btn-primary:hover
{
    box-shadow: 0 6px 8px #1e88e566;
}
.verification-btn-primary:active
{
    background: #8ec3f1;
}
.verification-btn-secondary
{
    color: #3586ff;
    background-color: #0000;
    border: 2px solid #8c87b333;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.verification-btn-secondary:hover
{
    background: #8c87b31a;
}
.verification-btn-secondary:active
{
    background: #8c87b366;
}
@keyframes spin
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@keyframes shine
{
    to
    {
        background-position: 0 200%;
    }
}
.verification-content
{
    color: #524e72;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.verification-content__doc-list
{
    margin-top: 8px;
}
.verification-content__doc-list-item
{
    padding-inline-start: 20px;
    position: relative;
}
.verification-content__doc-list-item:before
{
    content: "";
    background: #524e72;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    inset-block-start: 7px;
    inset-inline-start: 7px;
}
.verification-content__doc-list-item:not(:last-child)
{
    margin-bottom: 8px;
}
.verification-item
{
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-block: 20px 24px;
    padding-inline: 88px 20px;
    display: flex;
    position: relative;
}
.verification-item__wrap
{
    display: block;
}
.verification-item__wrap:not(:last-of-type)
{
    border-bottom: 1px solid #8c87b333;
}
.verification-item__icon
{
    top: 20px;
    background: #faf9ff;
    border: 1px solid #eeecff;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: inline-flex;
    position: absolute;
    inset-inline-start: 20px;
}
.verification-item__icon:before
{
    content: "";
    filter: invert(31%) sepia(11%) saturate(1490%) hue-rotate(207deg) brightness(93%) contrast(87%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
}
.verification-item__icon-status
{
    top: -8px;
    background-color: #fff;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    position: absolute;
    inset-inline-end: -8px;
    overflow: hidden;
}
.verification-item__icon-status:before
{
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
}
.verification-item__title
{
    color: #1f2126;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 656px;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    overflow: hidden;
}
.verification-item__status
{
    margin-bottom: 12px;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    line-height: 20px;
}
.verification-item__comment
{
    color: #524e72;
    background: #fbc02d14;
    border: 1px solid #fbc02d80;
    width: 100%;
    margin-bottom: 12px;
    padding: 10px 16px;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
}
.verification-item__comment strong
{
    font-weight: 600;
}
.verification-item__date
{
    color: #524e72;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    inset-block-start: 33px;
    inset-inline-end: 20px;
}
.verification-item__date strong
{
    font-weight: 700;
}
.verification-item__description
{
    color: #524e72;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.verification-item__btn
{
    margin-top: 12px;
}
.verification-item.is-proof_of_address .verification-item__icon:before
{
    background-image: var(--icon-location-alt);
}
.verification-item.is-transaction_history .verification-item__icon:before
{
    background-image: var(--icon-history-alt);
}
.verification-item.is-proof_of_wealth_or_funds .verification-item__icon:before
{
    background-image: var(--icon-money-alt);
}
.verification-item.is-e_wallet .verification-item__icon:before
{
    background-image: var(--icon-wallet);
}
.verification-item.is-credit_or_debit_card .verification-item__icon:before
{
    background-image: var(--icon-creditcard);
}
.verification-item.is-bank_details .verification-item__icon:before
{
    background-image: var(--icon-bank-alt);
}
.verification-item.is-selfie .verification-item__icon:before
{
    background-image: var(--icon-selfie);
}
.verification-item[class*=identity] .verification-item__icon:before
{
    background-image: var(--icon-doc);
}
.verification-item.is-other .verification-item__icon:before
{
    background-image: var(--icon-other);
}
.verification-item.is-not_required .verification-item__icon-status:before
{
    background-image: var(--icon-not-verify);
    filter: invert(10%) sepia(110%) saturate(360%) hue-rotate(139deg) brightness(409%) contrast(260%);
}
.verification-item.is-not_required .verification-item__status
{
    color: #55c9ff;
}
.verification-item.is-required .verification-item__icon-status:before
{
    background-image: var(--icon-require);
    filter: invert(78%) sepia(59%) saturate(736%) hue-rotate(335deg) brightness(105%) contrast(97%);
}
.verification-item.is-required .verification-item__status
{
    color: #fbc02d;
}
.verification-item.is-re_upload_required .verification-item__icon-status:before
{
    background-image: var(--icon-reupload);
    filter: invert(78%) sepia(59%) saturate(736%) hue-rotate(335deg) brightness(105%) contrast(97%);
}
.verification-item.is-re_upload_required .verification-item__status
{
    color: #fbc02d;
}
.verification-item.is-pending .verification-item__icon-status:before
{
    background-image: var(--icon-pending);
    filter: invert(70%) sepia(62%) saturate(4221%) hue-rotate(2deg) brightness(108%) contrast(104%);
}
.verification-item.is-pending .verification-item__status
{
    color: #ffa000;
}
.verification-item.is-approved .verification-item__icon-status:before
{
    background-image: var(--icon-accepted);
    filter: saturate() invert(67%) sepia(61%) saturate(6349%) hue-rotate(120deg) brightness(101%) contrast(101%);
}
.verification-item.is-approved .verification-item__status
{
    color: #00c853;
}
.verification-popup
{
    text-align: start;
    color: #524e72;
    background-color: #fff;
    border-radius: 0;
    width: 580px;
    padding: 0;
    font-family: Inter,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.verification-popup__close
{
    filter: invert(31%) sepia(11%) saturate(1490%) hue-rotate(207deg) brightness(93%) contrast(87%);
    top: 32px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    inset-inline-end: 40px;
}
.verification-popup__header
{
    min-height: 76px;
    padding-block: 32px 20px;
}
.verification-popup__title
{
    color: #1f2126;
    max-width: 100%;
    margin-bottom: 0;
    padding-inline: 84px;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}
.verification-popup__form
{
    flex-direction: column;
    padding: 0 40px 32px;
    display: flex;
}
.verification-popup__frame
{
    min-height: 640px;
    padding: 0 40px 40px;
}
.verification-popup__frame-content
{
    width: 100%;
    height: 100%;
    display: flex;
}
.verification-popup__text
{
    text-align: center;
    margin-block-end: 12px;
}
.verification-popup__list
{
    margin-block-end: 12px;
}
.verification-popup__list-item
{
    padding-inline-start: 20px;
    position: relative;
}
.verification-popup__list-item:before
{
    content: "";
    inset-inline-start: 7px;
    background: #524e72;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.verification-popup__list-item:not(:last-child)
{
    margin-block-end: 4px;
}
.verification-popup__success
{
    flex-direction: column;
    align-items: center;
    padding: 0 40px 32px;
    display: flex;
}
.verification-popup__btn-wrap
{
    justify-content: center;
    align-items: center;
    margin-block-start: 20px;
    display: flex;
}
.verification-popup__error
{
    color: #524e72;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f4433614;
    border: 1px solid #f4433680;
    width: 100%;
    height: 40px;
    margin-block-start: 12px;
    padding: 10px 16px;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
}
.is-success .verification-popup__text
{
    margin-block-end: 20px;
}
.verification-status
{
    color: #1f2126;
    background-color: #0000;
    border-style: solid;
    border-width: 10px;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 88px;
    padding: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    display: flex;
}
.verification-status:before
{
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 48px;
    height: 48px;
    margin-inline-end: 20px;
    display: inline-block;
}
.verification-status:not(:last-of-type)
{
    margin-bottom: 16px;
}
.verification-status.is-not_required
{
    border-color: #4fc3f733;
}
.verification-status.is-not_required:before
{
    background-image: var(--icon-not-verify);
    filter: invert(10%) sepia(110%) saturate(360%) hue-rotate(139deg) brightness(409%) contrast(260%);
}
.verification-status.is-required
{
    border-color: #fbc02d33;
}
.verification-status.is-required:before
{
    background-image: var(--icon-require);
    filter: invert(78%) sepia(59%) saturate(736%) hue-rotate(335deg) brightness(105%) contrast(97%);
}
.verification-status.is-pending
{
    border-color: #ffa00033;
}
.verification-status.is-pending:before
{
    background-image: var(--icon-pending);
    filter: invert(70%) sepia(62%) saturate(4221%) hue-rotate(2deg) brightness(108%) contrast(104%);
}
.verification-status.is-verified
{
    border-color: #00c85333;
}
.verification-status.is-verified:before
{
    background-image: var(--icon-accepted);
    filter: saturate() invert(67%) sepia(61%) saturate(6349%) hue-rotate(120deg) brightness(101%) contrast(101%);
}
.verification
{
    background-color: #fff;
    border-radius: 2px;
    flex-direction: column;
    padding: 24px 20px;
    font-family: Inter,sans-serif;
    display: flex;
}
.verification__title
{
    color: #1f2126;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}
.verification__description
{
    color: #524e72;
    text-align: center;
    margin-block: 16px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.icon-dvs-close
{
    transition: all .2s;
}
.icon-dvs-close:hover
{
    opacity: .6;
}
.vip-card
{
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: radial-gradient(140.37% 53.46% at 59.88% 59.67%,#030352 37.5%,#03025100 100%);
    border: 1px solid #fff3;
    border-radius: 2px;
    padding-bottom: 20px;
}
.active .vip-card
{
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
}
.vip-card__row
{
    padding-block: 8px;
    padding-inline: 20px;
}
.vip-card__key
{
    color: #dedede;
    letter-spacing: .03em;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.vip-card__value
{
    color: #fff;
    letter-spacing: .04em;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.vip-card__layer
{
    width: 232px;
    height: 232px;
    margin-inline: auto;
    position: relative;
    overflow: hidden;
}
.vip-card__level
{
    z-index: -1;
    width: auto;
    max-width: fit-content;
    height: 100%;
    position: absolute;
    inset: 0;
}
.vip-page__title
{
    color: #fff;
    letter-spacing: .05em;
    text-align: center;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 900;
    line-height: 36px;
}
.vip-page__levels
{
    justify-content: center;
    gap: 16px;
    padding-inline: 20px;
    display: flex;
}
.vip-page__level
{
    flex: 1;
    min-width: 235px;
    max-width: 300px;
}
.vip-page__rules
{
    justify-content: center;
    gap: 20px;
    display: flex;
}
.vip-page__rule
{
    width: 325px;
}
.vip-page__btn
{
    margin-inline: auto;
    width: fit-content;
    margin-top: 20px;
}
.vip-page__privileges
{
    flex-direction: column;
    align-items: center;
    gap: 20px;
    display: flex;
}
.vip-page__wrap
{
    background: linear-gradient(347deg,#1e40b1 1.71%,#0e1147 59.08%);
    padding-block: 32px;
}
.vip-privilege
{
    border: 1px solid #fff3;
    border-radius: 2px;
    width: 800px;
    padding-block: 8px;
    padding-inline: 24px;
}
.vip-privilege__title
{
    color: #fff;
    cursor: pointer;
    align-items: center;
    min-height: 56px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    display: flex;
    position: relative;
}
.vip-privilege__title:after
{
    content: "";
    width: 20px;
    height: 20px;
    mask-image: var(--icon-arrow-down-alt);
    top: 50%;
    background-color: #2962ff;
    position: absolute;
    inset-inline-end: 0;
    transform: translateY(-50%);
    mask-size: cover;
    mask-repeat: no-repeat;
}
.vip-privilege__title.is-group-active+.vip-privilege__text
{
    display: block;
}
.vip-privilege__title.is-group-active:after
{
    background-color: #757388;
    transform: rotate(180deg) translateY(50%);
}
.vip-privilege__text
{
    color: #757388;
    max-width: 724px;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    display: none;
}
.vip-rule
{
    cursor: pointer;
    border-radius: 8px;
    height: 100%;
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.vip-rule:hover:after
{
    opacity: 0;
}
.vip-rule:hover:before
{
    opacity: 1;
}
.vip-rule__title
{
    z-index: 3;
    color: #fff;
    letter-spacing: .04em;
    max-width: 80%;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
    position: relative;
}
.vip-rule__text
{
    z-index: 3;
    color: #fff;
    max-width: 80%;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
}
.vip-rule__btn
{
    z-index: 3;
    width: fit-content;
    position: relative;
}
.vip-rule__btn:hover .btn, .vip-rule__btn:hover .bonus-dice-banner__btn
{
    color: #0b0833;
    background-color: #fff;
}
.vip-rule__btn button
{
    min-width: 115px;
}
.vip-rule__icon
{
    z-index: 3;
    inset-inline-end: 11px;
    background: radial-gradient(76.18% 76.18% at 23.81% 12.21%,#5e76ff 3.59%,#2a5cf0 16.54%,#1d1d92 59.83%,#131b67 101.21%,#0c49d6 122%);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 58px;
    display: flex;
    position: absolute;
    top: 11px;
}
.vip-rule__icon:before
{
    content: "";
    filter: invert();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.vip-rule:before, .vip-rule:after
{
    content: "";
    border-radius: inherit;
    top: 0;
    inset-inline: 0;
    transition-property: all;
    transition-duration: .2s;
    position: absolute;
    bottom: 0;
}
.vip-rule:before
{
    z-index: 1;
    opacity: 0;
    background: linear-gradient(317.41deg,#296bff 2.02%,#1e40b1 96.08%);
}
.vip-rule:after
{
    z-index: 2;
    opacity: 1;
    background: linear-gradient(#141776 0%,#14177600 100%);
}
.datepicker
{
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    transform: translateY(10px);
}
.datepicker.active
{
    opacity: 1;
    visibility: visible;
    transform: translateY(-15px);
}
.datepicker-dropdown
{
    z-index: 110;
    padding-top: 22px;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-top
{
    padding-top: 0;
    padding-bottom: 4px;
}
.datepicker-dropdown.datepicker-orient-top .datepicker-picker
{
    bottom: 12px;
    left: 0;
    right: 0;
}
.datepicker-dropdown.datepicker-orient-top .datepicker-picker:before
{
    top: auto;
    bottom: -8px;
    transform: rotate(-135deg);
}
.datepicker-orient-right .datepicker-picker
{
    position: relative;
    right: -15px;
}
.datepicker-orient-left .datepicker-picker
{
    position: relative;
    left: -36px;
}
.datepicker-orient-left .datepicker-picker:before
{
    left: 24px;
    right: auto;
}
.datepicker-picker
{
    color: #0e1147;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #2962ff;
    border-radius: 2px;
    flex-direction: column;
    width: 346px;
    height: 346px;
    padding: 7px;
    display: flex;
}
.days-of-week span
{
    cursor: default;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    border: 0;
    margin-bottom: 3px;
}
.days
{
    width: 100%;
}
.datepicker-main
{
    margin-top: 10px;
    margin-bottom: auto;
    padding: 4px;
}
.datepicker-footer
{
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 1px #0a0a0a1a;
}
.datepicker-controls, .datepicker-view
{
    display: flex;
}
.datepicker-grid
{
    grid-template-columns: repeat(7,1fr);
    gap: 12px;
    width: 100%;
    display: grid;
}
.days-of-week
{
    grid-template-columns: repeat(7,1fr);
    margin-bottom: 9px;
    display: grid;
}
.datepicker-view .dow
{
    color: #757388;
    vertical-align: text-top;
    margin-left: 0;
    width: 24px;
    height: 17px;
    margin-inline: auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    display: block;
}
.datepicker-view.datepicker-grid .datepicker-cell
{
    flex-basis: 25%;
}
.datepicker-cell, .datepicker-view .week
{
    letter-spacing: .03em;
    color: #0e1147;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
}
.datepicker-title
{
    text-align: center;
    background-color: #f5f5f5;
    padding: .375rem .75rem;
    font-weight: 700;
    box-shadow: inset 0 -1px 1px #0a0a0a1a;
}
.datepicker-header .datepicker-controls
{
    padding: 2px 2px 0;
}
.datepicker-controls .button
{
    box-shadow: none;
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    color: #0e1147;
    text-transform: uppercase;
    border: none;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin: 0;
    padding: calc(.375em - 1px) .75em;
    font-size: 14px;
    font-weight: 900;
    line-height: 120%;
    display: inline-flex;
    position: relative;
}
.datepicker-controls .button:active, .datepicker-controls .button:focus
{
    outline: none;
}
.datepicker-header .datepicker-controls .button:hover:not(.view-switch), .datepicker-header .datepicker-controls .button:focus, .datepicker-header .datepicker-controls .button:active
{
    background: #2962ff;
    border-radius: 2px;
}
.datepicker-controls .button:focus:not(:active)
{
    box-shadow: 0 0 0 .125em #3273dc40;
}
.datepicker-controls .button:active
{
    color: #363636;
    border-color: #b5b5b5;
}
.datepicker-controls .button[disabled]
{
    cursor: not-allowed;
}
.datepicker-header .datepicker-controls .button
{
    background-color: #0000;
    font-weight: 600;
}
.datepicker-header .datepicker-controls .button:focus:not(:active)
{
    box-shadow: 0 0 0 .125em #ffffff40;
}
.datepicker-header .datepicker-controls .button[disabled]
{
    box-shadow: none;
}
.datepicker-footer .datepicker-controls .button
{
    border-radius: 2px;
    width: 100%;
    margin: calc(.375rem - 1px) .375rem;
    font-size: .75rem;
}
.datepicker-controls .view-switch
{
    flex: auto;
}
.datepicker-controls .next-btn, .datepicker-controls .prev-btn
{
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
    position: relative;
}
.datepicker-controls .next-btn:before, .datepicker-controls .prev-btn:before
{
    content: "";
    filter: invert(64%) sepia(10%) saturate(350%) hue-rotate(240deg) brightness(95%) contrast(90%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.datepicker-controls .next-btn:hover:before, .datepicker-controls .prev-btn:hover:before
{
    filter: invert() sepia() saturate(0%) hue-rotate(194deg) brightness(103%) contrast(101%);
}
.datepicker-controls .next-btn:before
{
    background-image: var(--icon-arrow-right);
}
.datepicker-controls .prev-btn:before
{
    background-image: var(--icon-arrow-left);
}
.datepicker-controls .next-btn.disabled, .datepicker-controls .prev-btn.disabled
{
    visibility: hidden;
}
.datepicker-view .week
{
    color: #b5b5b5;
    width: 2.25rem;
    font-size: .75rem;
}
.datepicker-grid.years, .datepicker-grid.decades, .datepicker-grid.months
{
    grid-template-columns: repeat(4,1fr);
    display: grid;
}
.datepicker-grid.years span, .datepicker-grid.decades span, .datepicker-grid.months span
{
    width: 100%;
    margin: 0;
}
.datepicker-cell:not(.disabled):hover
{
    color: #fff;
    cursor: pointer;
    background: #2962ff;
    border-radius: 2px;
}
.datepicker-cell.range:not(.disabled):hover, .datepicker-cell.focused:not(.selected)
{
    color: #2962ff;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover
{
    color: #fff;
    background: #2962ff;
    border-radius: 2px;
}
.datepicker-cell.disabled
{
    color: #dbdbdb;
}
.datepicker-cell.disabled.next
{
    display: none;
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled)
{
    opacity: .3;
}
.datepicker-cell.next.selected, .datepicker-cell.prev.selected
{
    color: #e6e6e6;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today)
{
    background-color: #f5f5f5;
    border-radius: 0;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover
{
    background-color: #eee;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused
{
    background-color: #e8e8e8;
}
.datepicker-cell.today:not(.selected)
{
    color: #2962ff;
    background-color: #0000;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected)
{
    color: #fff;
    background: #2962ff;
    border-radius: 2px;
}
.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected)
{
    opacity: .8;
}
.datepicker-cell.range.day
{
    z-index: 1;
    background: #e9ebf7;
    border-radius: 0;
    position: relative;
}
.datepicker-cell.range.day:after
{
    content: "";
    z-index: -1;
    background: #e9ebf7;
    width: 48px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -8px;
}
.datepicker-cell.range-start.range-end:before
{
    display: none;
}
.datepicker-cell.range-start.day, .datepicker-cell.range-end.day
{
    position: relative;
}
.datepicker-cell.range-start.day:before, .datepicker-cell.range-end.day:before
{
    content: "";
    z-index: 1;
    background: #e9ebf7;
    width: 8px;
    height: 100%;
    position: absolute;
    top: 0;
}
.datepicker-cell.range-start.day:before
{
    right: -8px;
}
.datepicker-cell.range-end.day:before
{
    left: -8px;
    right: auto;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover
{
    background: #2962ff;
}
.datepicker-cell.range.disabled
{
    color: #c2c2c2;
}
.datepicker-cell.range.focused
{
    background-color: #cfcfcf;
}
.datepicker-view.datepicker-grid .datepicker-cell
{
    height: 3.5rem;
    line-height: 3.5rem;
}
.datepicker-input.in-edit, .datepicker-input.in-edit:active, .datepicker-input.in-edit:focus
{
    color: #695a72;
}/*# sourceMappingURL=index.d57dbbf2.css.map */