.error-page {
    background-position: 25%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.error-page:after {
    background-color: rgba(15, 15, 20, .5);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.error-page__content {
    padding: 132px 0 112px;
    position: relative;
    text-align: center;
    z-index: 2
}

@media (min-width: 768px) {
    .error-page__content {
        padding: 185px 0 93px
    }
}

.error-page__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 66px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -3.301px;
    line-height: .5;
    margin: 0 0 16px
}

@media (min-width: 480px) {
    .error-page__title {
        font-size: 82px;
        letter-spacing: -4.111px
    }
}

@media (min-width: 768px) {
    .error-page__title {
        font-size: 128px;
        letter-spacing: -6.4px
    }
}

.error-page__text {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -1.651px;
    line-height: 1;
    margin: 0 auto 30px;
    max-width: 330px
}

@media (min-width: 480px) {
    .error-page__text {
        font-size: 41px;
        letter-spacing: -2.056px;
        margin-bottom: 40px;
        max-width: 410px
    }
}

@media (min-width: 768px) {
    .error-page__text {
        font-size: 64px;
        letter-spacing: -3.2px;
        margin-bottom: 45px;
        max-width: 640px
    }
}

.error-page .error-page__button {
    border-radius: 8px;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    min-width: 200px;
    padding: 12px 20px;
    text-transform: uppercase
}

@font-face {
    font-display: block;
    font-family: font-icons;
    font-style: normal;
    font-weight: 400;
    src: url(font-icons.c3e4189f..ttf) format("truetype")
}

.font-icons {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: font-icons !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.font-icons--default:before {
    content: "\e966"
}

.font-icons--open-link:before {
    content: "\e986"
}

.font-icons--stopwatch:before {
    content: "\e985"
}

.font-icons--clock:before {
    content: "\e984"
}

.font-icons--location-pin-slash:before {
    content: "\e983"
}

.font-icons--hall-of-fame:before {
    content: "\e982"
}

.font-icons--flip:before {
    content: "\e97d"
}

.font-icons--gift:before {
    content: "\e97c"
}

.font-icons--cancel-circle:before {
    content: "\e97b"
}

.font-icons--big-wilds:before {
    content: "\e964"
}

.font-icons--cascading:before {
    content: "\e965"
}

.font-icons--collections:before {
    content: "\e968"
}

.font-icons--drops-and-wins-live:before {
    content: "\e967"
}

.font-icons--drops-and-wins-slots:before {
    content: "\e969"
}

.font-icons--football-games:before {
    content: "\e96a"
}

.font-icons--hold-and-win:before {
    content: "\e96c"
}

.font-icons--live-baccarat:before {
    content: "\e96b"
}

.font-icons--live-blackjack:before {
    content: "\e96d"
}

.font-icons--live-other:before {
    content: "\e96e"
}

.font-icons--live-poker:before {
    content: "\e96f"
}

.font-icons--live-roulette:before {
    content: "\e970"
}

.font-icons--live-shows:before {
    content: "\e971"
}

.font-icons--live-top:before {
    content: "\e973"
}

.font-icons--lucky-kick:before {
    content: "\e972"
}

.font-icons--re-spin:before {
    content: "\e974"
}

.font-icons--scratch:before {
    content: "\e97a"
}

.font-icons--space-day:before {
    content: "\e975"
}

.font-icons--sport-games:before {
    content: "\e976"
}

.font-icons--st-patrick:before {
    content: "\e977"
}

.font-icons--st-valentains:before {
    content: "\e978"
}

.font-icons--tournament-games:before {
    content: "\e979"
}

.font-icons--bonus-refues:before {
    content: "\e961"
}

.font-icons--summer-calendar:before {
    content: "\e960"
}

.font-icons--add-new:before {
    content: "\e95e"
}

.font-icons--trash:before {
    content: "\e95f"
}

.font-icons--twitter:before {
    content: "\e95d"
}

.font-icons--key:before {
    content: "\e95b"
}

.font-icons--shield-check:before {
    content: "\e95c"
}

.font-icons--email-thin:before {
    content: "\e95a"
}

.font-icons--caret-up:before {
    content: "\e958"
}

.font-icons--user-dollar:before {
    content: "\e959"
}

.font-icons--user-check-alt:before {
    content: "\e956"
}

.font-icons--info-rounded:before {
    content: "\e963"
}

.font-icons--power-off:before {
    content: "\e954"
}

.font-icons--more-circle:before {
    content: "\e955"
}

.font-icons--copy-alt:before {
    content: "\e957"
}

.font-icons--info:before {
    content: "\e953"
}

.font-icons--time-small:before {
    content: "\e952"
}

.font-icons--fullscreen-close:before {
    content: "\e950"
}

.font-icons--screen-4:before {
    content: "\e94c"
}

.font-icons--screen-2:before {
    content: "\e94d"
}

.font-icons--screen:before {
    content: "\e94e"
}

.font-icons--fullscreen:before {
    content: "\e94f"
}

.font-icons--chat:before {
    content: "\e94b"
}

.font-icons--register:before {
    content: "\e949"
}

.font-icons--login:before {
    content: "\e94a"
}

.font-icons--responsible-game:before {
    content: "\e948"
}

.font-icons--top:before {
    content: "\e939"
}

.font-icons--playedGames:before {
    content: "\e947"
}

.font-icons--plus:before {
    content: "\e946"
}

.font-icons--no-bonus:before {
    content: "\e945"
}

.font-icons--lock:before {
    content: "\e944"
}

.font-icons--copy:before {
    content: "\e942"
}

.font-icons--show:before {
    content: "\e940"
}

.font-icons--hide:before {
    content: "\e941"
}

.font-icons--arrow-left-small:before {
    content: "\e93e"
}

.font-icons--arrow-right-small:before {
    content: "\e93f"
}

.font-icons--favorite-add:before {
    content: "\e93b"
}

.font-icons--favorite:before {
    content: "\e93c"
}

.font-icons--play:before {
    content: "\e93d"
}

.font-icons--angle-left-small:before {
    content: "\e933"
}

.font-icons--aviator:before {
    content: "\e951"
}

.font-icons--st-partrick:before {
    content: "\e926"
}

.font-icons--christmas:before {
    content: "\e927"
}

.font-icons--cashback:before {
    content: "\e928"
}

.font-icons--jackpot:before {
    content: "\e929"
}

.font-icons--happy-hours:before {
    content: "\e92a"
}

.font-icons--halloween:before {
    content: "\e92b"
}

.font-icons--easter:before {
    content: "\e92c"
}

.font-icons--high-bets:before {
    content: "\e92d"
}

.font-icons--octoberfest:before {
    content: "\e92e"
}

.font-icons--instant-win:before {
    content: "\e92f"
}

.font-icons--table:before {
    content: "\e930"
}

.font-icons--favoritesGames:before {
    content: "\e931"
}

.font-icons--bingo:before {
    content: "\e932"
}

.font-icons--lottery:before {
    content: "\e934"
}

.font-icons--bonus-buy:before {
    content: "\e935"
}

.font-icons--drops-and-wins:before {
    content: "\e936"
}

.font-icons--megaways:before {
    content: "\e937"
}

.font-icons--new:before {
    content: "\e938"
}

.font-icons--all:before {
    content: "\e93a"
}

.font-icons--angle-right-small:before {
    content: "\e924"
}

.font-icons--verification-not-confirmed:before {
    content: "\e913"
}

.font-icons--close-circle:before {
    content: "\e923"
}

.font-icons--telegram:before {
    content: "\e921"
}

.font-icons--facebook:before {
    content: "\e922"
}

.font-icons--daily-cashback:before {
    content: "\e91d"
}

.font-icons--favoriteGames:before {
    content: "\e919"
}

.font-icons--slots:before {
    content: "\e91a"
}

.font-icons--livegames:before {
    content: "\e91b"
}

.font-icons--bonus-store:before {
    content: "\e91c"
}

.font-icons--mystery-drops:before {
    content: "\e925"
}

.font-icons--mystery-drops-happy-hours:before {
    content: "\e91f"
}

.font-icons--lucky-spin:before {
    content: "\e920"
}

.font-icons--close:before {
    content: "\e918"
}

.font-icons--angle-down-small:before {
    content: "\e916"
}

.font-icons--angle-down-small1:before {
    content: "\e91e"
}

.font-icons--select:before {
    content: "\e943"
}

.font-icons--check:before {
    color: #1adb4a;
    content: "\e917"
}

.font-icons--verification-confirmed:before {
    content: "\e914"
}

.font-icons--logout:before {
    content: "\e915"
}

.font-icons--game-history:before {
    content: "\e90f"
}

.font-icons--support:before {
    content: "\e910"
}

.font-icons--bonuses:before {
    content: "\e911"
}

.font-icons--verification:before {
    content: "\e912"
}

.font-icons--lobby:before {
    content: "\e90e"
}

.font-icons--withdraw:before {
    content: "\e900"
}

.font-icons--wallet:before {
    content: "\e901"
}

.font-icons--providers:before {
    content: "\e902"
}

.font-icons--casino:before {
    content: "\e903"
}

.font-icons--sport:before {
    content: "\e904"
}

.font-icons--casino-promotions:before {
    content: "\e905"
}

.font-icons--new-tournaments:before {
    content: "\e906"
}

.font-icons--payments:before {
    content: "\e907"
}

.font-icons--vip:before {
    content: "\e908"
}

.font-icons--search:before {
    content: "\e909"
}

.font-icons--notifications:before {
    content: "\e90a"
}

.font-icons--user:before {
    content: "\e90b"
}

.font-icons--install-app:before {
    content: "\e90c"
}

.font-icons--menu-left:before {
    content: "\e90d"
}

.font-icons--flag:before {
    content: "\e962"
}

.font-icons--location-crosshairs:before {
    content: "\e97e"
}

.font-icons--location-crosshairs-slash:before {
    content: "\e97f"
}

.font-icons--location-crosshairs1:before {
    content: "\e980"
}

.font-icons--location-crosshairs-slash1:before {
    content: "\e981"
}

.text-btn {
    background: transparent none;
    border: none;
    box-shadow: none;
    display: flex;
    font-size: 20px;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    transition: color .3s ease;
    vertical-align: top
}

.text-btn:not(:disabled) {
    cursor: pointer
}

.text-btn:disabled {
    opacity: .5
}

.text-btn:active, .text-btn:focus, .text-btn:hover {
    background: transparent none;
    color: hsla(0, 0%, 100%, .65);
    outline: none
}

.text-btn:hover {
    color: #fff
}

.text-btn--secondary {
    color: hsla(0, 0%, 100%, .65)
}

.text-btn--secondary:hover {
    color: #fff
}

.text-btn--primary {
    color: hsla(0, 0%, 100%, .65)
}

.text-btn--primary:hover {
    color: #fff
}

.text-btn--danger {
    color: hsla(0, 0%, 100%, .65)
}

.text-btn--danger:hover {
    color: #fff
}

.btn, .link-btn {
    align-items: center;
    background: #fc311d;
    border: none;
    color: #fff;
    display: inline-flex;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: background .3s ease, border-color .3s ease, color .3s ease;
    white-space: nowrap
}

.btn:active, .btn:focus, .btn:hover, .link-btn:active, .link-btn:focus, .link-btn:hover {
    background: #ff442b
}

.btn:not(:disabled), .link-btn:not(:disabled) {
    cursor: pointer
}

.btn:disabled, .link-btn:disabled {
    background: rgba(46, 46, 59, .4);
    color: hsla(0, 0%, 100%, .2);
    cursor: not-allowed
}

.btn--secondary, .link-btn--secondary {
    background: #22222b
}

.btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover, .link-btn--secondary:active, .link-btn--secondary:focus, .link-btn--secondary:hover {
    background: #282833
}

.btn--secondary:disabled, .link-btn--secondary:disabled {
    background: rgba(46, 46, 59, .4)
}

.btn--outline, .link-btn--outline {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .12)
}

.btn--outline:active, .btn--outline:focus, .btn--outline:hover, .link-btn--outline:active, .link-btn--outline:focus, .link-btn--outline:hover {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .2)
}

.btn--outline:disabled, .link-btn--outline:disabled {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .12)
}

.btn--lg, .link-btn--lg {
    border-radius: 10px;
    height: 56px;
    padding: 16px 24px
}

.btn--lg, .btn--md, .link-btn--lg, .link-btn--md {
    font-size: 16px;
    line-height: 24px;
    min-width: 100px
}

.btn--md, .link-btn--md {
    border-radius: 2px;
    height: 48px;
    padding: 12px 20px
}

.btn--sm, .link-btn--sm {
    height: 40px;
    padding: 10px 16px
}

.btn--sm, .btn--xs, .link-btn--sm, .link-btn--xs {
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    min-width: 80px
}

.btn--xs, .link-btn--xs {
    height: 36px;
    padding: 8px 12px
}

.link-btn {
    text-decoration: none
}

.loading {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1080
}

.loading__spinner-border {
    animation: spinner-border .75s linear infinite;
    border: 5px solid #fc311d;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 40px;
    vertical-align: text-bottom;
    width: 40px
}

.pop-ups {
    bottom: 76px;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: fixed;
    row-gap: 8px;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    z-index: 90
}

.pop-ups--landing {
    bottom: 8px
}

.pop-ups:has(.bonus-pop-up) {
    width: calc(100% - 32px)
}

.pop-ups:has(.bonus-pop-up) .notification-cookies-policy {
    left: 50%;
    position: absolute;
    top: -56px;
    transform: translate(-50%)
}

@media (min-width: 768px) {
    .pop-ups {
        max-width: 720px;
        width: unset
    }
}

@media (min-width: 960px) {
    .pop-ups {
        bottom: 8px
    }
}

.layout {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    overflow: hidden
}

.layout__main {
    flex: 1;
    max-width: 100vw;
    overflow: hidden;
    padding-top: 56px
}

@media (min-width: 960px) {
    .layout__main {
        max-width: inherit;
        overflow: inherit
    }
}

@media (min-width: 1200px) {
    .layout__main {
        padding-top: 64px
    }
}

.layout__main--install-app {
    padding-top: 116px
}

@media (min-width: 768px) {
    .layout__main--install-app {
        padding-top: 56px
    }
}

@media (min-width: 1200px) {
    .layout__main--install-app {
        padding-top: 64px
    }
}

.layout--overflow-visible {
    overflow: visible
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.header__wrapper {
    align-items: center;
    background: #1a1a22;
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 0 16px
}

@media (min-width: 1200px) {
    .header__wrapper {
        height: 64px;
        padding: 0 32px
    }
}

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

.header__block--left {
    -moz-column-gap: 10px;
    column-gap: 10px
}

.header .header__icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

.header .header__icon:hover:before {
    color: #fff
}

@media (min-width: 480px) {
    .header .header__icon--menu {
        margin-right: 16px
    }
}

.header .header__icon--search {
    display: none;
    margin-left: 14px
}

@media (min-width: 960px) {
    .header .header__icon--search {
        display: block
    }
}

.header__logo {
    display: none
}

@media (min-width: 1200px) {
    .header__logo {
        display: block;
        flex-shrink: 0;
        height: 36px;
        height: 50px;
        width: 133px
    }
}

.header__logo--mobile {
    display: block;
    margin-right: 10px;
    max-width: 102px
}

@media (min-width: 1200px) {
    .header__logo--mobile {
        display: none
    }
}

.header__logo--signed-mobile {
    max-width: 32px
}

.header__logo img {
    height: 100%
}

.header__switcher {
    display: none;
    margin: 0 20px;
    min-width: 256px
}

@media (min-width: 1200px) {
    .header__switcher {
        display: flex
    }
}

.header__menu {
    display: none;
    margin: 0 24px
}

@media (min-width: 1200px) {
    .header__menu {
        display: flex
    }
}

.header__utils {
    align-items: center;
    display: flex;
    margin-right: 12px
}

@media (min-width: 1200px) {
    .header__utils {
        margin-right: 20px
    }
}

.header__buttons {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

@media (min-width: 1200px) {
    .header__buttons {
        -moz-column-gap: 12px;
        column-gap: 12px
    }

    .header .header__button {
        height: 40px;
        padding: 10px 16px
    }
}

.header .header__button--deposit {
    min-width: unset;
    padding: 6px
}

@media (min-width: 480px) {
    .header .header__button--deposit {
        padding: 8px 12px
    }
}

@media (min-width: 1200px) {
    .header .header__button--deposit {
        height: 40px;
        padding: 10px 16px
    }
}

.install-app-widget {
    align-items: center;
    background: #282833;
    display: flex;
    height: 60px;
    justify-content: space-between;
    padding: 9px 24px 9px 16px;
    width: 100%
}

.install-app-widget-left {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.install-app-widget-logo {
    border-radius: 8px;
    height: auto;
    max-width: 40px;
    width: 100%
}

.install-app-widget-text {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.install-app-widget-right {
    display: flex
}

@media (min-width: 768px) {
    .install-app-widget {
        display: none
    }
}

.image--hidden {
    display: none !important
}

.logo {
    vertical-align: top
}

.logo, .logo:active, .logo:focus, .logo:hover {
    outline: none;
    text-decoration: none
}

.logo__img {
    border: none;
    display: inline-block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    vertical-align: top;
    width: 100%
}

.logo--footer .logo__img {
    width: 128px
}

@media (min-width: 768px) {
    .logo--footer .logo__img {
        width: 155px
    }
}

.link {
    text-decoration: none
}

.sportsbook-switcher {
    border-radius: 8px;
    height: 40px;
    overflow: hidden;
    width: 100%
}

.sportsbook-switcher__item {
    align-items: center;
    background: #0f0f14;
    -moz-column-gap: 8px;
    column-gap: 8px;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    transition: background .3s ease;
    width: 100%
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__icon:before {
    color: #fff !important
}

.sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__title {
    color: #fff
}

.sportsbook-switcher__item--active {
    background: #282833
}

.sportsbook-switcher__item--active .sportsbook-switcher__icon:before {
    color: #fc311d !important
}

.sportsbook-switcher__item--active .sportsbook-switcher__title {
    color: #fff
}

.sportsbook-switcher__icon:before {
    color: hsla(0, 0%, 100%, .4) !important;
    transition: color .3s ease
}

.sportsbook-switcher__title {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase;
    transition: color .3s ease
}

.header-menu {
    -moz-column-gap: 24px;
    column-gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 1200px) {
    .header-menu {
        display: flex
    }
}

.header-menu__item {
    white-space: nowrap
}

.header-menu__link {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    transition: color .3s ease
}

.header-menu__link--current, .header-menu__link:hover {
    color: #fff
}

.header-menu__link--current:after {
    background: #fc311d;
    bottom: -23px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.notification-center__container::-webkit-scrollbar {
    width: 4px
}

.notification-center__container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.notification-center, .notification-center .notification-center__button {
    position: relative
}

.notification-center__modal {
    height: 100%;
    overflow: auto
}

.notification-center__count {
    background: #ff230a;
    border: 2px solid #1a1a22;
    border-radius: 50%;
    height: 7.5px;
    position: absolute;
    right: 3px;
    top: 0;
    width: 7.5px
}

.notification-center .notification-center__icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

.notification-center .notification-center__icon:hover:before {
    color: #fff
}

@media (min-width: 768px) {
    .notification-center__list {
        height: unset;
        overflow: unset
    }
}

.notification-center__title {
    color: #fff;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 56px 0 16px;
    text-align: center
}

.notification-center__container {
    background: #22222b;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    max-height: 592px;
    min-height: 160px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 32px;
    width: 320px;
    z-index: 100
}

.notification-center__container-mobile .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

.notification-center__container-mobile .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.notification-center-card--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.notification-center-card--empty__image {
    height: 100px;
    margin-bottom: 20px;
    width: 100px
}

@media (min-width: 768px) {
    .notification-center-card--empty__image {
        height: 64px;
        margin-bottom: 12px;
        width: 64px
    }
}

.notification-center-card--empty__text {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    white-space: nowrap
}

.game-panel__section .notification-center-card--empty {
    top: 162px
}

.game-panel__section .notification-center-card--empty__image {
    height: 100px;
    margin-bottom: 20px;
    width: 100px
}

.notification-center-card--jackpot-win .notification-center-card__container {
    background: transparent;
    border: none;
    display: flex;
    flex: 1;
    gap: 12px;
    margin: 0;
    padding: 0
}

.notification-center-card--jackpot-win .notification-center-card__block-icon {
    flex: 0 0 40px;
    height: 40px;
    width: 40px
}

.notification-center-card--jackpot-win .notification-center-card__block-icon img {
    max-width: 100%
}

.notification-center-card--jackpot-win .notification-center-card__content {
    cursor: pointer;
    flex: 1;
    overflow: hidden;
    text-align: left
}

.notification-center-card--jackpot-win .notification-center-card__title {
    color: hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notification-center-card--jackpot-win .notification-center-card__description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.notification-center-card--level {
    background: transparent;
    border: none
}

.btn {
    align-items: center;
    background: #fc311d;
    border: none;
    color: #fff;
    display: inline-flex;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    margin: 0;
    outline: none;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    transition: background .3s ease, border-color .3s ease, color .3s ease;
    white-space: nowrap
}

.btn:active, .btn:focus, .btn:hover {
    background: #ff442b
}

.btn:not(:disabled) {
    cursor: pointer
}

.btn:disabled {
    background: rgba(46, 46, 59, .4);
    color: hsla(0, 0%, 100%, .2);
    cursor: not-allowed
}

.btn--secondary {
    background: #22222b
}

.btn--secondary:active, .btn--secondary:focus, .btn--secondary:hover {
    background: #282833
}

.btn--secondary:disabled {
    background: rgba(46, 46, 59, .4)
}

.btn--outline {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .12)
}

.btn--outline:active, .btn--outline:focus, .btn--outline:hover {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .2)
}

.btn--outline:disabled {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .12)
}

.btn--lg {
    border-radius: 10px;
    height: 56px;
    padding: 16px 24px
}

.btn--lg, .btn--md {
    font-size: 16px;
    line-height: 24px;
    min-width: 100px
}

.btn--md {
    border-radius: 2px;
    height: 48px;
    padding: 12px 20px
}

.btn--sm {
    height: 40px;
    padding: 10px 16px
}

.btn--sm, .btn--xs {
    border-radius: 2px;
    font-size: 14px;
    line-height: 20px;
    min-width: 80px
}

.btn--xs {
    height: 36px;
    padding: 8px 12px
}

.notification-center-card--payment {
    pointer-events: none
}

.notification-center-card {
    background: transparent;
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    cursor: pointer;
    display: flex;
    padding: 12px 32px 12px 16px;
    position: relative;
    transition: background .3s ease
}

.notification-center-card:hover {
    background: #282833
}

.notification-center-card__content {
    display: flex;
    flex-direction: column
}

.notification-center-card__title {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px
}

.notification-center-card__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.notification-center-card__block-icon {
    align-self: flex-start;
    display: flex;
    min-width: 40px
}

.notification-center-card--new:after {
    background: #fc311d;
    border-radius: 50%;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.notification-center-card--new .notification-center-card__description {
    color: #fff !important
}

.modal, .modal__scroller {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.modal::-webkit-scrollbar, .modal__scroller::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.modal::-webkit-scrollbar-track, .modal__scroller::-webkit-scrollbar-track {
    background: transparent
}

.modal::-webkit-scrollbar-thumb, .modal__scroller::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.modal::-webkit-scrollbar-thumb:hover, .modal:hover::-webkit-scrollbar-thumb, .modal__scroller::-webkit-scrollbar-thumb:hover, .modal__scroller:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.sign-in-modal.modal--pnp .modal__content-wrapper, .sign-up-modal.modal--pnp .modal__content-wrapper {
    max-width: 462px
}

.search-modal .modal__content-wrapper {
    margin-top: 0;
    width: 100%
}

.search-modal .modal__content {
    background: transparent;
    display: block;
    margin: 64px auto 20px;
    max-width: 340px;
    padding: 0;
    width: 100%
}

@media (min-width: 768px) {
    .search-modal .modal__content {
        margin-top: 160px;
        max-width: 720px
    }
}

.search-modal.modal .modal__close-button {
    right: 26px;
    top: 26px;
    z-index: 1030
}

@media (min-width: 768px) {
    .limits-modal.modal .modal__close-button {
        right: 15px;
        top: 15px
    }
}

.welcome-modal-wrapper.modal .modal__content-wrapper {
    max-width: 420px
}

@media (min-width: 1440px) {
    .welcome-modal-wrapper.modal .modal__content-wrapper {
        max-width: 480px
    }
}

.notification-center-modal--lootbox.modal .modal__content-wrapper {
    max-width: 1140px
}

.notification-center-modal--lootbox.modal .modal__content {
    padding: 0
}

.game-panel-info-modal .modal__content-wrapper {
    max-width: 480px
}

.game-panel-info-modal .modal__content {
    border-radius: 20px;
    overflow: hidden
}

.game-panel-info-modal.modal .modal__close-button {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 2
}

@media (min-width: 768px) {
    .game-panel-info-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-info-modal .modal__content-wrapper {
    max-width: 480px
}

.game-info-modal .modal__content {
    border-radius: 20px;
    overflow: hidden;
    padding: 56px 16px
}

@media (min-width: 768px) {
    .game-info-modal .modal__content {
        padding: 56px 48px 48px
    }
}

.game-info-modal.modal .modal__close-button {
    z-index: 2
}

@media (min-width: 768px) {
    .game-info-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-panel-modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-align: center
}

.game-panel-modal .modal__content-wrapper {
    max-width: 480px
}

.game-panel-modal .modal__content {
    background: #1a1a22;
    border-radius: 20px
}

.game-panel-modal .modal__scroller {
    padding: 56px 16px 16px
}

@media (min-width: 768px) {
    .game-panel-modal .modal__scroller {
        max-height: calc(100vh - 120px);
        padding: 56px 32px 48px
    }
}

.game-panel-modal.modal .modal__close-button {
    z-index: 2
}

@media (min-width: 768px) {
    .game-panel-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-panel-modal--currency .modal__scroller {
    max-height: calc(100vh - 48px)
}

@media (min-width: 768px) {
    .game-panel-modal--currency .modal__scroller {
        max-height: calc(100vh - 120px)
    }
}

.support-modal .modal__content-wrapper {
    max-width: 500px
}

.support-modal .modal__content {
    border-radius: 20px;
    overflow: hidden;
    padding: 56px 16px
}

@media (min-width: 768px) {
    .support-modal .modal__content {
        padding: 56px 48px 48px
    }
}

.support-modal.modal .modal__close-button {
    z-index: 2
}

@media (min-width: 768px) {
    .support-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.cms-modal .modal__content {
    border-radius: 20px;
    overflow: hidden
}

.cms-modal .modal__scroller {
    padding: 56px 16px
}

@media (min-width: 768px) {
    .cms-modal .modal__scroller {
        max-height: calc(100vh - 120px);
        padding: 56px 32px
    }
}

.cms-modal.modal .modal__close-button {
    z-index: 2
}

@media (min-width: 768px) {
    .cms-modal.modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.sumsub-modal .modal__content, .sumsub-modal .sumsub-container {
    background: #fff
}

.sumsub-modal .modal__content {
    border-radius: 10px;
    padding: 24px 0 0
}

.sumsub-modal .modal__content-wrapper {
    max-width: 450px;
    padding-left: var(--baseSpace)
}

.modal {
    align-items: flex-start;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050
}

.modal--install-app#profile {
    margin-top: 116px
}

@media (min-width: 768px) {
    .modal--install-app#profile {
        margin-top: 56px
    }
}

.modal__backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-property: opacity;
    z-index: -1
}

.modal__content-wrapper {
    margin: auto;
    max-width: 720px;
    width: calc(100% - 20px)
}

.modal__scroller {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-height: 100vh;
    overflow: auto
}

@media (min-width: 768px) {
    .modal__scroller {
        max-height: unset
    }
}

.modal__content {
    background-color: #1a1a22;
    border-radius: 4px;
    margin: 40px 10px;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transform: translateY(-20px);
    transition-property: opacity, transform
}

.modal .modal__close-button {
    align-items: center;
    background: rgba(10, 10, 13, .65);
    border-radius: 50%;
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: color .3s ease;
    width: 40px;
    z-index: 10
}

.modal .modal__close-button--desktop {
    display: none
}

@media (min-width: 480px) {
    .modal .modal__close-button--desktop {
        display: flex
    }
}

.modal .modal__close-button--mobile {
    opacity: 0;
    transform: translateY(-20px);
    transition: color .3s ease, opacity, transform
}

@media (min-width: 480px) {
    .modal .modal__close-button--mobile {
        display: none
    }
}

@media (min-width: 768px) {
    .modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.modal .modal__close-button i {
    font-size: 24px
}

.modal .modal__close-button:hover {
    background: rgba(10, 10, 13, .65) !important;
    color: #fff
}

.modal--entered .modal__backdrop {
    opacity: .7;
    transition-timing-function: ease-in
}

.modal--entered .modal__close-button--mobile, .modal--entered .modal__content {
    opacity: 1;
    transform: translateY(0);
    transition-timing-function: ease-in
}

.modal--exiting .modal__backdrop {
    opacity: 0;
    transition-timing-function: ease-out
}

.modal--exiting .modal__close-button--mobile, .modal--exiting .modal__content {
    opacity: 0;
    transform: translateY(20px);
    transition-timing-function: ease-out
}

.modal--jackpot-promo .modal__content-wrapper {
    max-width: 1200px
}

.modal--jackpot-promo .modal__content {
    padding: 30px 20px
}

@media (max-width: 768px) {
    .modal--fs-mobile-sm .modal__content-wrapper {
        max-width: 100%;
        width: 100%
    }

    .modal--fs-mobile-sm .modal__content {
        border-radius: 0;
        display: flex;
        flex-direction: column;
        margin: 0;
        min-height: 100vh
    }
}

#profile {
    height: calc(100% - 112px);
    margin-top: 56px;
    z-index: 99
}

#profile .modal__backdrop {
    display: none
}

@media (min-width: 960px) {
    #profile .modal__backdrop {
        display: block
    }
}

#profile .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 960px) {
    #profile .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

#profile .modal__content {
    background: #0f0f14;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: auto
}

#search-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    #search-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

#search-modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    #search-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

#fast-deposit .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    #fast-deposit .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px;
        width: calc(100% - 20px)
    }
}

#fast-deposit .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: auto
}

@media (min-width: 768px) {
    #fast-deposit .modal__content {
        border-radius: 20px;
        margin: 32px auto;
        overflow: hidden
    }
}

#sign-in .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 480px) {
    #sign-in .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

#sign-in .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media (min-width: 480px) {
    #sign-in .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

#sign-in .modal__close-button {
    right: 16px;
    top: 16px
}

@media (min-width: 480px) {
    #sign-in .modal__close-button {
        right: 24px;
        top: 24px
    }
}

#sign-up .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 480px) {
    #sign-up .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

@media (min-width: 1200px) {
    #sign-up .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 1024px
    }
}

#sign-up .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 480px) {
    #sign-up .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

#sign-up .modal__close-button {
    right: 16px;
    top: 16px
}

#sign-up .modal__close-button--mobile {
    position: fixed
}

@media (min-width: 480px) {
    #sign-up .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.game-session-close-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 480px) {
    .game-session-close-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.game-session-close-modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 480px) {
    .game-session-close-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    .game-session-close-modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

#responsible-game .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 480px) {
    #responsible-game .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

#responsible-game .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 480px) {
    #responsible-game .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    #responsible-game .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.after-close-deposit-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    .after-close-deposit-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.after-close-deposit-modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 768px) {
    .after-close-deposit-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    .after-close-deposit-modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.limit-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    .limit-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.limit-modal .modal__content {
    height: 100%;
    margin: 0;
    padding: 56px 15px 15px
}

@media (min-width: 768px) {
    .limit-modal .modal__content {
        border-radius: 20px;
        padding: 56px 48px 48px
    }

    .limit-modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.select-user-menu {
    display: none;
    position: relative
}

@media (min-width: 960px) {
    .select-user-menu {
        display: block
    }
}

.select-user-menu__button {
    cursor: pointer;
    display: flex;
    margin-left: 16px
}

.select-user-menu .select-user-menu__icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

.select-user-menu .select-user-menu__icon:hover:before {
    color: #fff
}

.select-user-menu__dropdown {
    background: #22222b;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 32px;
    width: 280px
}

.user-menu__utils {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (min-width: 768px) {
    .user-menu__utils {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width: 960px) {
    .user-menu__utils {
        background: #282833;
        gap: 24px;
        padding: 16px
    }

    .user-menu__utils > :not(:last-child):after {
        background: hsla(0, 0%, 100%, .12);
        bottom: -12px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

.user-menu__player-level, .user-menu__rcp {
    background: #1a1a22;
    border-radius: 8px;
    padding: 16px;
    position: relative
}

@media (min-width: 960px) {
    .user-menu__player-level, .user-menu__rcp {
        background: #282833;
        padding: 0
    }
}

.user-menu__rcp {
    min-height: 76px;
    width: 100%
}

@media (min-width: 960px) {
    .user-menu__rcp {
        min-height: unset
    }
}

.user-menu .user-menu__balance, .user-menu .user-menu__player-level {
    width: 100%
}

@media (min-width: 768px) {
    .user-menu .user-menu__balance, .user-menu .user-menu__player-level {
        width: calc(50% - 6px)
    }
}

@media (min-width: 960px) {
    .user-menu .user-menu__balance, .user-menu .user-menu__player-level {
        width: 100%
    }
}

.user-menu__balance {
    align-items: center;
    background: #1a1a22;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    width: 100%
}

@media (min-width: 960px) {
    .user-menu__balance {
        display: none
    }
}

.user-menu__text {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.user-menu__select .select-header-currency__button {
    margin-left: 0 !important
}

.user-menu__select .select-header-currency__wrapper {
    left: 0;
    right: unset
}

@media (min-width: 768px) {
    .user-menu__select .select-header-currency__wrapper {
        left: unset;
        right: 0
    }
}

.user-menu .user-menu__deposit-button {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    min-height: unset;
    min-width: unset;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase
}

.user-menu__list {
    list-style: none;
    margin: 16px 0;
    padding: 0
}

@media (min-width: 960px) {
    .user-menu__list {
        margin: 8px
    }
}

.user-menu .user-menu__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

.user-menu .user-menu__link:hover {
    background: #22222b
}

@media (min-width: 768px) {
    .user-menu .user-menu__link:hover {
        background: #282833
    }
}

.user-menu .user-menu__link span {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize
}

.user-menu .user-menu__link:active, .user-menu .user-menu__link:focus {
    background: transparent
}

.user-menu .user-menu__icon:before {
    color: hsla(0, 0%, 100%, .4)
}

.user-menu .user-menu__icon--right {
    margin: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.user-menu .user-menu__icon--verification-confirmed:before {
    color: hsla(0, 0%, 100%, .4)
}

.user-menu .user-menu__icon--verification-not-confirmed:before {
    color: #ffc736
}

.player-level-user-menu {
    border-radius: 8px;
    display: flex;
    width: 100%
}

@media (min-width: 960px) {
    .player-level-user-menu {
        border-radius: 0
    }
}

.player-level-user-menu__image {
    height: 56px;
    margin-right: 16px
}

.player-level-user-menu__content {
    width: 100%
}

.player-level-user-menu__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px
}

.player-level-user-menu__progress {
    background: #0f0f14;
    border-radius: 4px;
    height: 4px;
    margin-bottom: 8px;
    width: 100%
}

.player-level-user-menu__bar {
    background: #00dccd;
    border-radius: 4px;
    height: 100%
}

.player-level-user-menu__value {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.player-level-user-menu__points--current {
    color: #fff
}

.select-header-currency__wrapper::-webkit-scrollbar {
    width: 4px
}

.select-header-currency__wrapper::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.select-header-currency {
    position: relative
}

.select-header-currency--open .select-header-currency__icon {
    transform: rotate(180deg)
}

.select-header-currency .select-header-currency__button {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-left: 20px
}

.select-header-currency .select-header-currency__button:hover .select-header-currency__icon:before {
    color: #fff
}

.select-header-currency__balance {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

@media (min-width: 1200px) {
    .select-header-currency__balance {
        font-size: 16px;
        line-height: 24px
    }
}

.select-header-currency .select-header-currency__icon {
    font-size: 24px;
    transition: transform .3s ease
}

.select-header-currency .select-header-currency__icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

.select-header-currency__wrapper {
    background: #22222b;
    border-radius: 12px;
    max-height: 320px;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 32px;
    width: 140px;
    z-index: 100
}

.header-currency-item {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 8px 12px 16px;
    transition: background .3s ease;
    width: 100%
}

.header-currency-item:hover {
    background: #282833
}

.header-currency-item__code {
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

@media (min-width: 1200px) {
    .header-currency-item__code {
        font-size: 16px;
        line-height: 24px
    }
}

.header-currency-item__code--selected {
    color: #fff
}

.header-currency-item__icon {
    font-size: 24px
}

.profile-menu-rcp {
    align-items: center;
    display: flex
}

.profile-menu-rcp__icon {
    height: 40px;
    margin: 0 10px;
    width: 40px
}

.profile-menu-rcp__icon .image {
    height: auto;
    width: 100%
}

.profile-menu-rcp__info {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    row-gap: 4px
}

.profile-menu-rcp__text {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.profile-menu-rcp__num {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.profile-menu-rcp .profile-menu-rcp__button {
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    line-height: 20px;
    margin-left: auto;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 10px 16px
}

@media (min-width: 960px) {
    .profile-menu-rcp .profile-menu-rcp__button {
        font-size: 12px;
        padding: 8px 12px
    }
}

.sign-out-menu-button.menu-button {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: #fff;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase;
    transition: background .3s ease;
    width: 100%
}

.sign-out-menu-button.menu-button:hover {
    background: #282833
}

@media (min-width: 960px) {
    .sign-out-menu-button.menu-button {
        border-radius: 0;
        border-top: 1px solid hsla(0, 0%, 100%, .12);
        font-size: 16px;
        font-weight: 400;
        justify-content: flex-start;
        line-height: 24px;
        padding: 20px 24px;
        text-transform: capitalize
    }
}

.sign-out-menu-button .sign-out-menu-button__icon:before {
    color: hsla(0, 0%, 100%, .4)
}

.menu-button {
    align-items: center;
    background: transparent none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    margin: 0;
    min-height: 36px;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: none;
    transition: color .3s ease, background-color .3s ease;
    width: 100%
}

.menu-button, .menu-button:active, .menu-button:focus {
    color: hsla(0, 0%, 100%, .65);
    outline: none;
    text-decoration: none
}

.menu-button:hover {
    background-color: #000;
    color: #fff
}

@media (min-width: 480px) {
    .header-deposit-button__icon {
        display: none
    }
}

.header-deposit-button__text {
    display: none
}

@media (min-width: 480px) {
    .header-deposit-button__text {
        display: block
    }
}

.bar {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1100
}

.bar--open {
    height: 100vh;
    width: 100%
}

.bar__background {
    background: rgba(0, 0, 0, .8);
    height: 100%;
    width: 100%
}

.bar__content {
    -ms-overflow-style: none;
    background: #1a1a22;
    height: 100vh;
    left: 0;
    overflow-y: auto;
    padding: 88px 16px 24px;
    position: absolute;
    scrollbar-width: none;
    top: 0;
    transform: translateX(-300px);
    transition: transform .3s ease;
    width: 300px;
    z-index: 1100
}

.bar__content--open {
    transform: translate(0)
}

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

@media (min-width: 960px) {
    .bar__content {
        padding: 64px 16px 24px
    }
}

.bar__switcher {
    display: flex;
    margin-bottom: 16px
}

.bar .bar__close-icon {
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px
}

@media (min-width: 960px) {
    .bar .bar__close-icon {
        left: 32px;
        right: unset;
        top: 20px
    }
}

.bar .bar__close-icon:hover:before {
    color: #fff
}

.bar .bar__close-icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

.bar .bar__logo {
    height: 43px;
    left: 30px;
    position: absolute;
    top: 12px;
    width: 122px
}

@media (min-width: 960px) {
    .bar .bar__logo {
        display: none
    }
}

.bar__divider {
    background: hsla(0, 0%, 100%, .12);
    height: 1px;
    margin: 16px auto;
    width: 236px
}

.bar__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 16px;
    text-transform: uppercase;
    transition: background .3s ease
}

.bar__link:hover {
    background: #22222b
}

.bar__link--current .bar__icon:before {
    color: #fc311d !important
}

.bar .bar__icon:before {
    color: hsla(0, 0%, 100%, .4)
}

.bar .bar__image {
    margin-right: 12px
}

.sidebar-menu-main {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.sidebar-menu-main__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 12px 16px;
    text-transform: uppercase;
    transition: background .3s ease
}

.sidebar-menu-main__link:hover {
    background: #22222b
}

.sidebar-menu-main__link--current .sidebar-menu-main__icon:before {
    color: #fc311d !important
}

.sidebar-menu-main__link--mystery-drops {
    margin-bottom: 8px;
    margin-top: 8px
}

.sidebar-menu-main__link--mystery-drops, .sidebar-menu-main__link--mystery-drops:hover {
    background: linear-gradient(268.9deg, rgba(72, 26, 255, .08), rgba(127, 26, 255, .38))
}

.sidebar-menu-main__link--lucky-spin {
    background: linear-gradient(269deg, rgba(182, 26, 255, .08), rgba(255, 26, 150, .3));
    margin-bottom: 8px
}

.sidebar-menu-main__link--lucky-spin img {
    animation: rotate 4s linear infinite
}

.sidebar-menu-main__link--lucky-spin:hover {
    background: linear-gradient(268.9deg, rgba(182, 26, 255, .08), rgba(255, 26, 150, .3))
}

.sidebar-menu-main .sidebar-menu-main__icon {
    font-size: 24px
}

.sidebar-menu-main .sidebar-menu-main__icon:before {
    color: hsla(0, 0%, 100%, .4)
}

.sidebar-menu-main .sidebar-menu-main__image {
    height: 36px;
    width: 36px
}

.sidebar-menu-main__image-wrapper {
    display: flex;
    overflow: hidden;
    position: relative
}

.sidebar-menu-main__line {
    animation: line 10s linear infinite;
    left: 0;
    position: absolute;
    top: -30px;
    transform: translate(-100%)
}

@keyframes line {
    0% {
        transform: translate(-100%)
    }
    3% {
        transform: translate(100%, 100%)
    }
    to {
        transform: translate(100%, 100%)
    }
}

.select-language-icons-with-name__container::-webkit-scrollbar {
    width: 4px
}

.select-language-icons-with-name__container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.select-language-icons-with-name {
    position: relative
}

.select-language-icons-with-name__button {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    transition: background .3s ease;
    width: 100%
}

.select-language-icons-with-name__button:hover {
    background: #22222b
}

.select-language-icons-with-name__button-inner {
    align-items: center;
    color: #fff;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.select-language-icons-with-name .option-link__content {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.select-language-icons-with-name__icon {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    width: 24px
}

.select-language-icons-with-name__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.select-language-icons-with-name__icon--selected {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.select-language-icons-with-name .select-language-icons-with-name__caret {
    font-size: 24px;
    transition: transform .3s ease
}

.select-language-icons-with-name .select-language-icons-with-name__caret:before {
    color: hsla(0, 0%, 100%, .4)
}

.select-language-icons-with-name .select-language-icons-with-name__caret--open {
    transform: rotate(180deg)
}

.select-language-icons-with-name__container {
    background: #22222b;
    border-radius: 12px;
    bottom: calc(100% + 8px);
    display: none;
    left: 0;
    max-height: 320px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.select-language-icons-with-name--open .select-language-icons-with-name__container {
    display: inline-block
}

.select-language-icons-with-name__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.select-language-icons-with-name .select-language-icons-with-name__item .option-link--highlighted {
    background: transparent
}

.select-language-icons-with-name .select-language-icons-with-name__link {
    border-radius: 8px;
    margin: 0 !important;
    padding: 12px 16px;
    transition: background .3s ease
}

.select-language-icons-with-name .select-language-icons-with-name__link:hover {
    background: #282833
}

.select-language-icons-with-name__name {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.select-language-icons-with-name__item-name {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.option-link {
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    overflow: hidden;
    padding: 12px 16px;
    white-space: normal
}

.option-link, .option-link__content {
    align-items: center;
    display: flex
}

.sidebar-menu-info {
    list-style: none;
    margin: 0;
    padding: 24px 16px 0
}

.sidebar-menu-info__item {
    margin-bottom: 16px
}

.sidebar-menu-info__item:last-child {
    margin-bottom: 0
}

.sidebar-menu-info__link {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    transition: color .3s ease
}

.sidebar-menu-info__link:hover {
    color: #fff
}

.container {
    margin: 0 auto;
    width: calc(100% - 32px)
}

@media (min-width: 768px) {
    .container {
        width: calc(100% - 48px)
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1616px;
        width: calc(100% - 64px)
    }
}

.container--jackpots {
    margin: 0 auto;
    max-width: 1272px;
    position: relative
}

.container--jackpots.container--grand-prizes-main {
    max-width: 1180px
}

@media (min-width: 1200px) {
    .container--jackpots {
        padding: 0 48px
    }
}

.container--jackpots .section-title {
    margin-bottom: 32px;
    margin-top: 64px
}

.footer {
    padding-bottom: 56px
}

@media (min-width: 960px) {
    .footer {
        padding-bottom: 0
    }
}

.footer__logo {
    height: 56px;
    width: 160px
}

@media (min-width: 1200px) {
    .footer__logo {
        height: 55px;
        width: 150px
    }
}

@media (min-width: 1440px) {
    .footer__logo {
        height: 62px;
        width: 164px
    }
}

@media (min-width: 1680px) {
    .footer__logo {
        height: 64px;
        width: 200px
    }
}

.footer__navigation {
    display: flex;
    flex-direction: column-reverse
}

@media (min-width: 1200px) {
    .footer__navigation {
        border-bottom: 1px solid hsla(0, 0%, 100%, .12);
        border-top: 1px solid hsla(0, 0%, 100%, .12);
        flex-direction: row;
        padding: 56px 0
    }
}

.footer__utils .footer__language-select {
    display: flex
}

@media (min-width: 1200px) {
    .footer__utils .footer__language-select {
        display: none
    }

    .footer__utils {
        flex-basis: 20%
    }
}

.footer__brand-links {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    margin-top: 32px
}

@media (min-width: 1200px) {
    .footer__brand-links {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 0;
        margin-top: 0
    }

    .footer__social-links {
        margin-top: 40px
    }
}

.footer__social-link {
    color: hsla(0, 0%, 100%, .4);
    margin-right: 16px;
    transition: color .3s ease
}

.footer__social-link:last-child {
    margin-right: 0
}

.footer__social-link:hover {
    color: #fff
}

@media (min-width: 1200px) {
    .footer__menus {
        display: flex;
        flex-basis: 80%
    }
}

.footer__responsibility {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-bottom: 54px
}

@media (min-width: 1200px) {
    .footer__responsibility {
        justify-content: space-between
    }
}

.footer__responsibility .footer__language-select {
    display: none
}

@media (min-width: 1200px) {
    .footer__responsibility .footer__language-select {
        display: flex
    }

    .footer__responsibility .footer__language-select .select-language-icons-with-name-footer__container {
        left: unset;
        right: 0
    }
}

.footer__responsibility-logos {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 28px
}

.footer__responsibility-logo {
    height: 32px;
    opacity: .6;
    transition: opacity .3s ease
}

.footer__responsibility-logo:hover {
    opacity: 1
}

.footer__responsibility-logo--mga {
    height: 56px;
    opacity: 1
}

.footer__responsibility-logo--mga img {
    height: 56px !important;
    max-width: 56px !important
}

.footer-payments {
    margin-bottom: 32px;
    margin-top: 32px;
    overflow: hidden;
    position: relative
}

.footer-payments:after, .footer-payments:before {
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    z-index: 10
}

.footer-payments:after {
    background: linear-gradient(270deg, #0f0f14, rgba(15, 15, 20, 0));
    left: unset;
    right: 0
}

@media (min-width: 1200px) {
    .footer-payments {
        margin-bottom: 40px;
        margin-top: 40px
    }
}

.footer-payments__link {
    opacity: .3;
    transition: opacity .3s ease
}

.footer-payments__link:hover {
    opacity: 1
}

.footer-payments__image {
    min-height: 32px
}

.footer-slider.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.footer-slider.slick-slider:hover .slick-next, .footer-slider.slick-slider:hover .slick-prev {
    display: block;
    opacity: 1
}

.footer-slider.slick-slider .slick-list {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative
}

.footer-slider.slick-slider .slick-list:focus {
    outline: none
}

.footer-slider.slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.footer-slider.slick-slider .slick-list, .footer-slider.slick-slider .slick-track {
    transform: translateZ(0)
}

.footer-slider.slick-slider .slick-track {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.footer-slider.slick-slider .slick-track:after, .footer-slider.slick-slider .slick-track:before {
    content: "";
    display: table
}

.footer-slider.slick-slider .slick-track:after {
    clear: both
}

.slick-loading .footer-slider.slick-slider .slick-track {
    visibility: hidden
}

.footer-slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin-left: 12px;
    min-height: 1px
}

.footer-slider.slick-slider .slick-slide:first-child {
    margin-left: 0
}

[dir=rtl] .footer-slider.slick-slider .slick-slide {
    float: right
}

.footer-slider.slick-slider .slick-slide img:not(.image--hidden) {
    display: block
}

.footer-slider.slick-slider .slick-slide.slick-loading img {
    display: none
}

.footer-slider.slick-slider .slick-slide.dragging img {
    pointer-events: none
}

.footer-slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

.footer-slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

.footer-slider.slick-slider.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.footer-slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.footer-slider.slick-slider .slick-next, .footer-slider.slick-slider .slick-prev {
    background: rgba(10, 10, 13, .65);
    color: #fff;
    height: 48px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background .3s ease, opacity .3s ease;
    width: 48px;
    z-index: 11
}

.footer-slider.slick-slider .slick-next:hover, .footer-slider.slick-slider .slick-prev:hover {
    background: rgba(15, 15, 20, .65)
}

.footer-slider.slick-slider .slick-prev {
    left: 0
}

.footer-slider.slick-slider .slick-next {
    right: 0
}

.slick-arrow {
    align-items: center;
    background-color: #22242c;
    background-image: none;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: hsla(0, 0%, 100%, .65);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 32px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    transition: background-color .3s ease, opacity .3s ease;
    width: 32px
}

.slick-arrow:hover, .slick-arrow__control--active .slick-arrow {
    background-color: #2b2d32
}

.slick-arrow.slick-disabled {
    background-color: #22242c !important;
    cursor: not-allowed;
    opacity: .5
}

.slick-arrow.slick-next {
    right: 0;
    top: -20px;
    transform: translateY(-100%)
}

.slick-arrow.slick-prev {
    right: 38px;
    top: -20px;
    transform: translateY(-100%)
}

.providers-preview-list .slick-arrow.slick-next, .providers-preview-list .slick-arrow.slick-prev {
    top: -10px
}

.game-slider .slick-arrow {
    left: calc(100% + 10px);
    position: absolute;
    top: 50%;
    transform: translateY(calc(-100% - 5px))
}

.game-slider .slick-arrow.slick-next {
    transform: translateY(5px)
}

.select-language-icons-with-name-footer__container::-webkit-scrollbar {
    width: 4px
}

.select-language-icons-with-name-footer__container::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.select-language-icons-with-name-footer {
    position: relative
}

.select-language-icons-with-name-footer__button {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    min-width: 176px;
    padding: 12px 12px 12px 16px;
    transition: background .3s ease
}

.select-language-icons-with-name-footer__button:hover {
    background: #282833
}

.select-language-icons-with-name-footer__button-inner {
    align-items: center;
    color: #fff;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.select-language-icons-with-name-footer__icon {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    width: 24px
}

.select-language-icons-with-name-footer__icon img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.select-language-icons-with-name-footer__icon--selected {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__caret {
    font-size: 24px;
    transition: transform .3s ease
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__caret:before {
    color: hsla(0, 0%, 100%, .4)
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__caret--open {
    transform: rotate(180deg)
}

.select-language-icons-with-name-footer__container {
    background: #22222b;
    border-radius: 12px;
    bottom: calc(100% + 8px);
    display: none;
    left: 0;
    max-height: 320px;
    overflow: auto;
    padding: 8px;
    position: absolute;
    width: 240px;
    z-index: 1
}

.select-language-icons-with-name-footer--open .select-language-icons-with-name-footer__container {
    display: inline-block
}

.select-language-icons-with-name-footer__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__item .option-link--highlighted {
    background: transparent
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__link {
    border-radius: 8px;
    margin: 0 !important;
    padding: 12px 16px;
    transition: background .3s ease
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__link:hover {
    background: #282833
}

.select-language-icons-with-name-footer .select-language-icons-with-name-footer__link .option-link__content {
    -moz-column-gap: 12px;
    column-gap: 12px
}

.select-language-icons-with-name-footer__name {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: capitalize;
    white-space: nowrap
}

.footer-menu {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.footer-menu:last-child {
    border-bottom: none
}

@media (min-width: 1200px) {
    .footer-menu {
        border-bottom: none;
        flex: 1
    }
}

.footer-menu .text-btn {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    text-align: left;
    width: 100%
}

@media (min-width: 1200px) {
    .footer-menu .text-btn {
        cursor: auto;
        pointer-events: none
    }
}

.footer-menu .text-btn:hover .footer-menu__icon:before {
    color: #fff
}

.footer-menu--open .footer-menu__icon {
    transform: rotate(180deg)
}

.footer-menu .footer-menu__icon {
    font-size: 24px;
    transition: transform .3s ease
}

@media (min-width: 1200px) {
    .footer-menu .footer-menu__icon {
        display: none
    }
}

.footer-menu .footer-menu__icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

@media (min-width: 1200px) {
    .footer-menu__collapse {
        display: none
    }
}

.footer-menu__title {
    color: #fff;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 16px 0
}

@media (min-width: 1200px) {
    .footer-menu__title {
        font-weight: 700;
        padding: 0 0 12px
    }
}

.footer-menu__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-menu__item {
    margin-bottom: 8px
}

.footer-menu__link {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    transition: color .3s ease
}

.footer-menu__link--current, .footer-menu__link:hover {
    color: #fff
}

.footer-menu__links {
    display: none
}

@media (min-width: 1200px) {
    .footer-menu__links {
        display: block
    }
}

.collapse {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition-property: height, opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.collapse--entering {
    opacity: 1
}

.collapse--entered {
    opacity: 1;
    overflow: unset
}

.collapse--exiting {
    height: 0;
    opacity: 0
}

.collapse__content-wrapper {
    display: flex
}

.collapse__content {
    width: 100%
}

.licence-logos {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 28px
}

.licence-logos__responsibility-logo {
    height: 32px;
    opacity: .6;
    transition: opacity .3s ease
}

.licence-logos__responsibility-logo:hover {
    opacity: 1
}

.licence-logos__item {
    display: inline-flex;
    justify-content: center
}

.licence-logos__item img {
    height: auto;
    max-height: 46px;
    width: 100%
}

.panel {
    background: #1a1a22;
    bottom: 0;
    display: block;
    height: 56px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

@media (min-width: 960px) {
    .panel {
        display: none
    }
}

.panel__list {
    flex-wrap: nowrap;
    height: 100%;
    margin: 0;
    padding: 0
}

.panel__item, .panel__list {
    align-items: center;
    display: flex
}

.panel__item {
    justify-content: center;
    width: 20%
}

.panel__item--main .panel__link {
    flex-direction: column !important;
    font-size: 10px !important;
    line-height: 12px !important
}

.panel__item--main .panel__link .panel__icon {
    align-items: center;
    background: #fc311d;
    border-radius: 50%;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-bottom: 6px !important;
    margin-right: 0 !important;
    margin-top: -20px;
    transition: background .3s ease;
    width: 44px
}

.panel__item--main .panel__link .panel__icon:before {
    color: #fff !important
}

.panel__item--main .panel__link .panel__icon:hover {
    background: #ff442b
}

.panel__link {
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    flex-direction: column;
    font-family: Futura PT, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    row-gap: 6px;
    text-align: center;
    text-transform: capitalize;
    transition: color .3s ease
}

@media (min-width: 768px) {
    .panel__link {
        align-items: center;
        -moz-column-gap: 8px;
        column-gap: 8px;
        flex-direction: row;
        font-size: 12px;
        line-height: 18px
    }
}

.panel__link--active, .panel__link:hover, .panel__link:hover .panel__icon:before {
    color: #fff
}

.panel__link--active .panel__icon:before {
    color: #fc311d !important
}

.panel .panel__icon:before {
    color: hsla(0, 0%, 100%, .65);
    transition: color .3s ease
}

.layout-help-center {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.layout-help-center__main {
    flex: 1;
    margin-bottom: 80px;
    padding-top: 56px
}

@media (min-width: 1200px) {
    .layout-help-center__main {
        margin-bottom: 120px;
        padding-top: 64px
    }
}

.layout-help-center__main--install-app {
    padding-top: 116px
}

@media (min-width: 768px) {
    .layout-help-center__main--install-app {
        padding-top: 56px
    }
}

@media (min-width: 1200px) {
    .layout-help-center__main--install-app {
        padding-top: 64px
    }
}

.layout-help-center__inner {
    display: flex;
    flex-direction: column;
    padding-top: 16px
}

@media (min-width: 768px) {
    .layout-help-center__inner {
        padding-top: 24px
    }
}

@media (min-width: 1200px) {
    .layout-help-center__inner {
        flex-direction: row;
        gap: 16px;
        padding-top: 0
    }
}

.layout-help-center__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 24px 0 8px
}

@media (min-width: 480px) {
    .layout-help-center__title {
        font-size: 26px;
        line-height: 32px;
        margin: 32px 0 16px
    }
}

@media (min-width: 768px) {
    .layout-help-center__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 1200px) {
    .layout-help-center__title {
        margin: 40px 0
    }
}

@media (min-width: 1440px) {
    .layout-help-center__title {
        font-size: 42px;
        line-height: 52px
    }
}

.layout-help-center__title--secondary {
    display: none
}

@media (min-width: 1200px) {
    .layout-help-center__title--secondary {
        display: block
    }
}

.layout-help-center__nav {
    margin: 0 0 32px
}

@media (min-width: 768px) {
    .layout-help-center__nav {
        margin: 0 0 40px
    }
}

@media (min-width: 1200px) {
    .layout-help-center__nav {
        flex: 1 1 256px;
        margin: 0;
        max-width: 256px
    }
}

.layout-help-center__back {
    margin: 0 0 24px
}

@media (min-width: 768px) {
    .layout-help-center__back {
        margin: 0 0 32px
    }
}

@media (min-width: 1200px) {
    .layout-help-center__back {
        display: none
    }
}

.layout-help-center__body {
    flex: 1
}

@media (min-width: 1200px) {
    .layout-help-center__body {
        background: #1a1a22;
        border-radius: 12px;
        padding: 40px 40px 56px
    }
}

.help-center-back-button {
    align-items: center;
    background: #1a1a22;
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 12px;
    height: 48px;
    line-height: 24px;
    padding: 12px 16px
}

.help-center-back-button__icon {
    align-items: center;
    color: hsla(0, 0%, 100%, .4);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px
}

.help-center-menu {
    background: #1a1a22;
    border-radius: 12px;
    list-style: none;
    margin: 0;
    padding: 16px
}

@media (min-width: 960px) {
    .help-center-menu {
        position: sticky;
        top: 80px
    }
}

.help-center-menu__link {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    gap: 16px;
    justify-content: space-between;
    line-height: 24px;
    min-height: 48px;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease
}

.help-center-menu__link:before {
    background: transparent;
    content: "";
    height: 100%;
    left: -16px;
    position: absolute;
    top: 0;
    transition: background .3s ease;
    width: 2px
}

@media (min-width: 1200px) {
    .help-center-menu__link:hover {
        background: #282833
    }
}

.help-center-menu__link--current {
    font-weight: 700
}

@media (min-width: 1200px) {
    .help-center-menu__link--current:before {
        background: #fc311d
    }
}

.help-center-menu__icon {
    color: hsla(0, 0%, 100%, .4);
    height: 24px;
    width: 24px
}

@media (min-width: 1200px) {
    .help-center-menu__icon {
        display: none
    }
}

.landing {
    min-height: 100vh;
    min-width: 100vw;
    position: relative
}

.landing__bg-image {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.landing__content {
    padding: 40px 16px;
    position: relative;
    z-index: 2
}

@media (min-width: 768px) {
    .landing__content {
        padding: 48px 24px
    }
}

@media (min-width: 960px) {
    .landing__content {
        padding: 48px
    }
}

@media (min-width: 1200px) {
    .landing__content {
        padding: 64px 48px
    }
}

@media (min-width: 1440px) {
    .landing__content {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.landing .container {
    max-width: 1488px
}

.landing__logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 32px
}

@media (min-width: 600px) {
    .landing__logo-wrap {
        justify-content: flex-start
    }
}

@media (min-width: 1200px) {
    .landing__logo-wrap {
        margin-bottom: 64px
    }
}

.landing__logo {
    max-width: 106px;
    width: 100%
}

@media (min-width: 1200px) {
    .landing__logo {
        max-width: 184px
    }
}

.landing__pretitile {
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    font-family: DrukCyr, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .landing__pretitile {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 600px) {
    .landing__pretitile {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .landing__pretitile {
        font-size: 64px;
        font-weight: 900;
        line-height: 74px
    }
}

.landing__title {
    color: #fff;
    font-family: DrukCyr, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .landing__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 600px) {
    .landing__title {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .landing__title {
        font-size: 64px;
        font-weight: 900;
        line-height: 74px
    }
}

.landing__subtitle {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width: 600px) {
    .landing__subtitle {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .landing__subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.landing__button-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

@media (min-width: 600px) {
    .landing__button-wrap {
        justify-content: flex-start
    }
}

.landing__button {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 16px 24px;
    text-align: center;
    text-transform: uppercase
}

.landing__subtext {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

@media (min-width: 600px) {
    .landing__subtext {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .landing__subtext {
        font-size: 16px;
        line-height: 24px
    }
}

.landing + .notification-cookies-policy {
    bottom: 8px
}

.layout__inner {
    position: relative
}

.lt-second__bg {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

.lt-second__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.lt-second__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media (min-width: 768px) {
    .lt-second__inner {
        align-items: flex-start;
        margin-top: 56px
    }
}

@media (min-width: 1200px) {
    .lt-second__inner {
        margin-top: 64px
    }
}

.lt-second__logo {
    width: 98px
}

@media (min-width: 768px) {
    .lt-second__logo {
        width: 184px
    }
}

.lt-second__subtitle {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-top: 56px
}

@media (min-width: 768px) {
    .lt-second__subtitle {
        margin-top: 64px
    }
}

.lt-second__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 16px;
    text-align: center
}

@media (min-width: 480px) {
    .lt-second__title {
        font-size: 42px;
        line-height: 52px
    }
}

@media (min-width: 768px) {
    .lt-second__title {
        text-align: left
    }
}

@media (min-width: 1200px) {
    .lt-second__title {
        font-size: 54px;
        font-weight: 900;
        line-height: 64px
    }
}

.lt-second .lt-second__btn {
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px;
    margin-top: 32px;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 12px 20px;
    width: 100%
}

@media (min-width: 480px) {
    .lt-second .lt-second__btn {
        padding: 16px 24px
    }
}

@media (min-width: 1440px) {
    .lt-second .lt-second__btn {
        margin-top: 40px
    }
}

.lt-second__steps {
    display: flex;
    flex-direction: column;
    margin-top: 100px;
    row-gap: 12px;
    width: 100%
}

@media (min-width: 768px) {
    .lt-second__steps {
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row;
        margin-top: 64px
    }
}

.lt-second__step {
    align-items: center;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(0, 0, 0, .44);
    border-radius: 12px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    padding: 13px 21px;
    width: 100%
}

@media (min-width: 768px) {
    .lt-second__step {
        flex-basis: 33.33333%;
        max-width: 256px
    }

    .lt-second__step:not(:last-child) {
        padding: 13px 14px
    }
}

.lt-second__step-img-wrap {
    margin-right: 8px;
    max-height: 56px;
    max-width: 56px
}

.lt-second__step-img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.lt-second__step-content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.lt-second__step-name {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.lt-second__step-desc {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.footer-landing {
    border-top: 1px solid hsla(0, 0%, 100%, .12);
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-bottom: 24px
}

@media (min-width: 768px) {
    .footer-landing {
        margin-top: 40px
    }
}

.footer-landing__responsibility-logos {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 28px
}

.footer-landing__license-icon {
    width: 56px
}

.footer-landing__license-icon a {
    display: flex
}

.footer-landing__responsibility-logo {
    height: 32px;
    opacity: .6;
    transition: opacity .3s ease
}

.footer-landing__responsibility-logo:hover {
    opacity: 1
}

.footer-landing__responsibility-logo--mga {
    height: 56px;
    opacity: 1
}

.footer-landing__responsibility-logo--mga img {
    height: 56px !important;
    max-width: 56px !important
}

.search-modal {
    -ms-overflow-style: none;
    background: #1a1a22;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none
}

.search-modal::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .search-modal {
        max-height: 800px;
        min-height: 800px
    }
}

.select-games-search-for-modal {
    height: 100%
}

.select-games-search-for-modal__dropdown {
    padding: 140px 8px 56px
}

@media (min-width: 768px) {
    .select-games-search-for-modal__dropdown {
        padding: 160px 16px 64px
    }
}

.select-games-search-for-modal__dropdown--no-button {
    padding: 140px 8px 8px
}

@media (min-width: 768px) {
    .select-games-search-for-modal__dropdown--no-button {
        padding: 160px 16px 16px
    }
}

.select-games-search-for-modal__dropdown .option--highlighted {
    background: transparent;
    color: unset
}

.select-games-search-for-modal .select-games-search-for-modal__option {
    border-radius: 8px;
    padding: 12px 8px;
    position: relative;
    transition: background .3s ease
}

@media (min-width: 768px) {
    .select-games-search-for-modal .select-games-search-for-modal__option {
        padding: 12px 16px
    }
}

.select-games-search-for-modal .select-games-search-for-modal__option:hover {
    background: #22222b
}

.select-games-search-for-modal .select-games-search-for-modal__option:hover .select-games-search-for-modal__game-icon {
    opacity: 1
}

.select-games-search-for-modal__option-link {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

.select-games-search-for-modal__option-image {
    border-radius: 8px;
    height: 56px;
    width: 56px
}

.select-games-search-for-modal__option-name {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.select-games-search-for-modal__name {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 2px
}

.select-games-search-for-modal__provider {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: capitalize
}

.select-games-search-for-modal__game-icon {
    color: hsla(0, 0%, 100%, .65);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.select-games-search-for-modal__footer {
    align-items: center;
    background: #1a1a22;
    border-top: 1px solid #0f0f14;
    bottom: 0;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 0;
    position: fixed;
    transition: background .3s ease;
    width: 100%
}

.select-games-search-for-modal__footer:hover {
    background: #22222b
}

.select-games-search-for-modal__footer .text-btn {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%
}

.select-games-search-for-modal__not-found {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 0 8px 16px
}

@media (min-width: 768px) {
    .select-games-search-for-modal__not-found {
        padding: 0 16px 32px
    }
}

.search-modal-header {
    background: #1a1a22;
    left: 0;
    padding: 16px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (min-width: 768px) {
    .search-modal-header {
        padding: 24px 32px
    }
}

.search-modal-header__search-bar {
    margin-top: 20px;
    position: relative
}

@media (min-width: 768px) {
    .search-modal-header__search-bar {
        margin-top: 24px
    }
}

.search-modal-header__clear-icon {
    color: hsla(0, 0%, 100%, .4);
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.search-modal-header .search-modal-header__input {
    border-radius: 8px;
    height: 48px;
    overflow: hidden;
    padding: 0
}

.search-modal-header .search-modal-header__input .input__native {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 48px;
    line-height: 24px;
    margin: 0;
    padding: 0 48px 0 12px !important
}

.search-modal-header .search-modal-header__input .input__left-container {
    margin-right: 0;
    padding-left: 16px
}

.search-modal-tabs {
    display: flex
}

.search-modal-tabs__wrapper {
    background: rgba(10, 10, 13, .65);
    border-radius: 100px;
    display: flex;
    padding: 4px
}

.search-modal-tabs .search-modal-tabs__tab {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 6px 16px;
    text-transform: uppercase
}

.search-modal-tabs .search-modal-tabs__tab--active {
    background: #2e2e3b !important;
    border-radius: 51px;
    color: #fff !important
}

.input {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: #fff;
    cursor: text;
    display: flex;
    height: 56px;
    padding: 0 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

.input--placeholder .input__native {
    padding: 0 !important
}

.input:hover {
    background: #282833
}

.input:has(.input__native:focus) {
    background: #282833
}

.input__left-container, .input__right-container {
    display: flex
}

.input__placeholder {
    color: hsla(0, 0%, 100%, .4);
    left: 16px;
    line-height: 24px;
    pointer-events: none;
    position: absolute;
    top: 16px;
    transition: all .3s ease
}

.input__native, .input__placeholder {
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700
}

.input__native {
    background: transparent;
    background-color: transparent;
    border: none;
    color: #fff;
    display: block;
    height: 100%;
    line-height: 1;
    line-height: 24px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    transition: color .3s ease;
    white-space: nowrap;
    width: 100%
}

.input__native:active, .input__native:focus, .input__native:hover {
    background-color: transparent;
    box-shadow: none;
    outline: none
}

.input__native:not(:-moz-placeholder-shown) {
    padding: 24px 0 8px
}

.input__native:not(:placeholder-shown) {
    padding: 24px 0 8px
}

.input__native:not(:-moz-placeholder-shown) + .input__placeholder {
    font-size: 12px;
    line-height: 16px;
    top: 8px !important
}

.input__native:not(:placeholder-shown) + .input__placeholder {
    font-size: 12px;
    line-height: 16px;
    top: 8px !important
}

.input__native:focus {
    outline: none;
    padding: 24px 0 8px
}

.input__native:focus + .input__placeholder {
    font-size: 12px;
    line-height: 16px;
    top: 8px !important
}

.input__native:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    background: #22222b !important;
    background-clip: content-box !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 100px #22222b !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 24px !important;
    -webkit-transition: color .3s ease, background-color .3s ease, box-shadow .3s ease !important;
    transition: color .3s ease, background-color .3s ease, box-shadow .3s ease !important
}

.input__native:-webkit-autofill:active, .input__native:-webkit-autofill:active:hover, .input__native:-webkit-autofill:focus, .input__native:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 0 0 100px #282833 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 24px !important
}

.input__native:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: #fff !important
}

.input--disabled {
    background: #22222b !important
}

.select__input .input__native:not(:-moz-placeholder-shown) {
    padding: 8px 0
}

.select__input .input__native:not(:placeholder-shown) {
    padding: 8px 0
}

.select__input .input__native:not(:-moz-placeholder-shown) + .input__placeholder {
    opacity: 0
}

.select__input .input__native:not(:placeholder-shown) + .input__placeholder {
    opacity: 0
}

.option {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

.option__icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.option:hover {
    background: #282833
}

.games-block-recommended__title {
    color: #fff;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding: 0 8px 16px
}

@media (min-width: 768px) {
    .games-block-recommended__title {
        padding: 0 16px 16px
    }
}

.games-block-recommended__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.games-block-recommended__item {
    border-radius: 8px;
    position: relative;
    transition: background .3s ease
}

.games-block-recommended__item:hover {
    background: #22222b
}

.games-block-recommended__item:hover .games-block-recommended__game-icon {
    opacity: 1
}

.games-block-recommended__link {
    -moz-column-gap: 16px;
    column-gap: 16px;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 12px 8px;
    width: 100%
}

@media (min-width: 768px) {
    .games-block-recommended__link {
        padding: 12px 16px
    }
}

.games-block-recommended__image {
    border-radius: 8px;
    height: 56px;
    width: 56px
}

.games-block-recommended__content {
    display: flex;
    flex-direction: column
}

.games-block-recommended__name {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 2px
}

.games-block-recommended__name, .games-block-recommended__provider {
    font-family: Futura PT, sans-serif;
    font-style: normal;
    font-weight: 500
}

.games-block-recommended__provider {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    line-height: 18px;
    text-transform: capitalize
}

.games-block-recommended__game-icon {
    color: hsla(0, 0%, 100%, .65);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.games-page-providers {
    height: 100%
}

.games-page-providers__dropdown {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 140px 8px 16px
}

@media (min-width: 768px) {
    .games-page-providers__dropdown {
        -moz-column-gap: 8px;
        column-gap: 8px;
        display: grid;
        grid-template-columns:1fr 1fr 1fr;
        padding: 160px 32px 24px;
        row-gap: 8px
    }
}

.games-page-providers__dropdown .option--highlighted {
    background: transparent;
    color: unset
}

@media (min-width: 768px) {
    .games-page-providers__dropdown .option--highlighted {
        background: #22222b
    }
}

.games-page-providers .games-page-providers__item {
    border-radius: 8px;
    height: 56px;
    padding: 0;
    transition: background .3s ease
}

.games-page-providers .games-page-providers__item:hover {
    background: #22222b
}

@media (min-width: 768px) {
    .games-page-providers .games-page-providers__item {
        background: #22222b
    }

    .games-page-providers .games-page-providers__item:hover {
        background: #282833
    }
}

.games-page-providers .games-page-providers__link {
    align-items: center;
    color: #fff;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    line-height: 20px;
    padding: 12px 8px;
    width: 100%
}

@media (min-width: 768px) {
    .games-page-providers .games-page-providers__link {
        padding: 12px 16px
    }
}

.games-page-providers__image {
    height: 32px;
    width: 32px
}

.games-page-providers__not-found {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    grid-column-end: 3;
    grid-column-start: 1;
    line-height: 24px;
    padding: 0 8px
}

@media (min-width: 768px) {
    .games-page-providers__not-found {
        padding: 0
    }
}

.limits-modal {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 32px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .limits-modal {
        font-size: 20px;
        padding: 32px 120px
    }
}

.limits-modal .link {
    color: #fc311d;
    text-decoration: none
}

.limits-modal .link:hover {
    text-decoration: underline
}

.profile-modal {
    padding: 24px 16px
}

@media (min-width: 768px) {
    .profile-modal {
        padding: 24px
    }
}

.profile-modal__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    .profile-modal__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.modal--install-app .profile-modal {
    padding: 24px 16px 80px
}

.responsible-game-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 48px 48px
}

.responsible-game-modal__buttons {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    margin-top: 32px;
    width: 100%
}

.responsible-game-modal__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    margin-top: 24px;
    text-align: center
}

.responsible-game-modal__text {
    color: hsla(0, 0%, 100%, .65);
    font-weight: 500
}

.responsible-game-modal .responsible-game-modal__button, .responsible-game-modal__text {
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    text-align: center
}

.responsible-game-modal .responsible-game-modal__button {
    color: #fff;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    text-transform: uppercase;
    width: 100%
}

.responsible-game-modal .responsible-game-modal__button--cancel {
    background: #22222b;
    border: none;
    transition: background .3s ease
}

.responsible-game-modal .responsible-game-modal__button--cancel:active, .responsible-game-modal .responsible-game-modal__button--cancel:focus, .responsible-game-modal .responsible-game-modal__button--cancel:hover {
    background: #282833;
    border: none
}

.fast-deposit-modal {
    background: #1a1a22
}

.fast-deposit-modal__header {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 56px 0 24px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .fast-deposit-modal__header {
        padding: 28px 0 32px
    }
}

.fast-deposit-modal__wrap {
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px;
    row-gap: 32px
}

@media (min-width: 768px) {
    .fast-deposit-modal__wrap {
        -moz-column-gap: 24px;
        column-gap: 24px;
        flex-direction: row;
        padding: 0 32px 40px
    }
}

.fast-deposit-modal__left {
    width: 100%
}

@media (min-width: 768px) {
    .fast-deposit-modal__left {
        max-width: 198px
    }
}

.fast-deposit-modal__right {
    width: 100%
}

@media (min-width: 768px) {
    .fast-deposit-modal__right {
        width: calc(100% - 222px)
    }
}

.fast-deposit-modal__balance {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.fast-deposit-modal__balance-label {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding-bottom: 16px;
    text-transform: uppercase
}

.fast-deposit-modal__add-currency {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    height: 48px;
    justify-content: center;
    margin-left: 8px;
    min-width: 48px;
    transition: background .3s ease
}

.fast-deposit-modal__add-currency:hover {
    background: #282833
}

.fast-deposit-modal__section {
    margin-bottom: 32px
}

.fast-deposit-modal__section--empty {
    display: none
}

.fast-deposit-modal__section--amount {
    margin-bottom: 12px
}

.fast-deposit-modal__payment-method {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.fast-deposit-modal__payment-method span {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.fast-deposit-modal__footer {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.fast-deposit-modal__footer, .fast-deposit-modal__footer .text-btn {
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.fast-deposit-modal__footer .text-btn {
    color: #00dccd;
    margin-left: 4px
}

.fast-deposit-modal__footer .text-btn:hover {
    color: #1df0e2
}

.fast-deposit-modal .bonus-refuse {
    align-items: center;
    background: rgba(255, 199, 54, .08);
    border-radius: 8px;
    color: #ffc736;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    line-height: 20px;
    margin-top: 16px;
    padding: 16px
}

.fast-deposit-modal .mercuryo-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 16px 0 32px
}

@media (min-width: 768px) {
    .fast-deposit-modal .mercuryo-info {
        gap: 16px;
        margin: 16px 0 32px
    }
}

.fast-deposit-modal .mercuryo-info__details {
    background-color: #22222b;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px
}

.fast-deposit-modal .mercuryo-info__details-text {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    margin: 0
}

.fast-deposit-modal .mercuryo-info__details-text span {
    color: #fff
}

.fast-deposit-modal .mercuryo-info__logo-wrap {
    display: flex;
    gap: 6px
}

.fast-deposit-modal .mercuryo-info__description {
    border: 1px dashed hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    margin: 0;
    padding: 12px
}

.fast-deposit-modal .mercuryo-info__description span {
    color: #fff;
    font-weight: 700
}

.fast-deposit-bonus-code__list {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns:1fr;
    margin-top: 16px;
    row-gap: 12px
}

@media (min-width: 480px) {
    .fast-deposit-bonus-code__list {
        grid-template-columns:1fr 1fr
    }
}

.fast-deposit-bonus-code__no-bonus {
    align-items: center;
    color: hsla(0, 0%, 100%, .4);
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px
}

.fast-deposit-bonus-code__icon {
    margin-right: 12px
}

.fast-deposit-bonus-code__link {
    color: #00dccd;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px;
    transition: color .3s ease
}

.fast-deposit-bonus-code__link:hover {
    color: #1df0e2
}

.deposit-bonus-settings-default {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.deposit-bonus-settings-default__title {
    color: #fff;
    display: inline-block;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.switcher {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    max-width: 100%;
    width: auto
}

.switcher__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.switcher__block {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: auto
}

.switcher__block:focus {
    outline: none
}

.switcher__block-text {
    color: hsla(0, 0%, 100%, .4);
    display: inline-block;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-right: 16px;
    pointer-events: none;
    text-align: right
}

.switcher__container {
    align-items: center;
    border: 1.5px solid #2e2e3b;
    border-radius: 20px;
    display: inline-flex;
    flex-direction: row;
    height: 22px;
    justify-content: flex-start;
    padding: 2.5px;
    transition: border-color .3s ease, background .3s ease;
    width: 38px
}

.switcher__container:hover {
    border-color: #363645
}

.switcher__container:hover .switcher__button {
    background: #363645
}

.switcher__button {
    background: #2e2e3b;
    border-radius: 50%;
    height: 14px;
    transition: background .3s ease;
    width: 14px
}

.switcher__input:checked + .switcher__block .switcher__container {
    background: #00dccd;
    justify-content: flex-end
}

.switcher__input:checked + .switcher__block .switcher__container:hover {
    background: #1df0e2
}

.switcher__input:checked + .switcher__block .switcher__button {
    background: #1a1a22
}

.switcher--disabled, .switcher[disabled] {
    cursor: not-allowed
}

.switcher--disabled .switcher__container, .switcher[disabled] .switcher__container {
    background: #2e2e3b !important;
    border-color: #2e2e3b !important
}

.switcher--disabled .switcher__button, .switcher[disabled] .switcher__button {
    background: #1a1a22 !important
}

.fast-deposit-bonus-code-card {
    background: linear-gradient(130.96deg, #03a096 1.93%, #3e20b7 63.95%, #83189e 108.25%);
    border-radius: 8px;
    padding: 12px 32px 12px 12px;
    position: relative;
    width: 100%
}

.fast-deposit-bonus-code-card__icon {
    position: absolute;
    right: 6px;
    top: 6px
}

.fast-deposit-bonus-code-card__icon--active:before {
    color: #fff !important
}

.fast-deposit-bonus-code-card__icon--disabled:before {
    color: hsla(0, 0%, 100%, .2) !important
}

.fast-deposit-bonus-code-card__title {
    color: hsla(0, 0%, 100%, .65);
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 4px
}

.fast-deposit-bonus-code-card__description {
    color: #fff;
    display: block;
    font-weight: 700;
    margin-bottom: 8px
}

.fast-deposit-bonus-code-card__code, .fast-deposit-bonus-code-card__description {
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.fast-deposit-bonus-code-card__code {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    font-weight: 500;
    position: relative;
    z-index: 1
}

.fast-deposit-bonus-code-card__code--value {
    align-items: center;
    color: #00dccd;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-left: 4px
}

.fast-deposit-bonus-code-card__code--value i {
    font-size: 16px;
    margin-left: 4px
}

.fast-deposit-bonus-code-card__code--no-value {
    color: #ffc736;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.fast-deposit-bonus-code-card__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.fast-deposit-bonus-code-card__no-bonus {
    align-items: center;
    color: hsla(0, 0%, 100%, .4);
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap
}

.fast-deposit-bonus-code-card__no-bonus-icon {
    margin-right: 12px
}

.clipboard {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer;
    display: flex;
    position: relative
}

.clipboard__tooltip {
    background: #282833;
    border-radius: 8px;
    box-shadow: 0 16px 32px -12px rgba(0, 0, 0, .44);
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    left: 50%;
    line-height: 20px;
    padding: 8px 12px;
    position: absolute;
    top: -50px;
    transform: translate(-50%) scale(0);
    transition: all .3s ease
}

.clipboard__tooltip:after {
    background-size: cover;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #282833;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    width: 0
}

.clipboard__tooltip--active {
    transform: translate(-50%) scale(1)
}

.bonus-code-form-default, .bonus-code-form-default.form {
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 16px;
    position: relative
}

.bonus-code-form-default .bonus-code-form-default__input {
    height: 48px;
    padding: 0 64px 0 16px
}

.bonus-code-form-default .bonus-code-form-default__input .input__native {
    padding: 0
}

.bonus-code-form-default .bonus-code-form-default__button {
    color: hsla(0, 0%, 100%, .2);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    position: absolute;
    right: 16px;
    text-align: right;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: color .3s ease;
    z-index: 10
}

.bonus-code-form-default .bonus-code-form-default__button:before {
    content: attr(title)
}

.bonus-code-form-default .bonus-code-form-default__button--active {
    color: #00dccd
}

.bonus-code-form-default .bonus-code-form-default__button--active:hover {
    color: #1df0e2
}

.bonus-code-form-default .bonus-code-form-default__button--saved {
    color: #ffc736
}

.form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.form__title {
    color: hsla(0, 0%, 100%, .65);
    text-align: center;
    text-transform: uppercase
}

.balance-select__dropdown::-webkit-scrollbar {
    width: 4px
}

.balance-select__dropdown::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.balance-select, .balance-select__button {
    position: relative;
    width: 100%
}

.balance-select__button {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    padding: 12px 12px 12px 16px;
    transition: background .3s ease
}

.balance-select__button:hover {
    background: #282833
}

.balance-select__balance {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.balance-select__bottom-line {
    height: 0;
    position: relative;
    top: 100%;
    width: 100%
}

.balance-select__dropdown {
    background: #22222b;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.balance-select__caret {
    color: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 0;
    transform-origin: center;
    transition: transform .3s ease;
    vertical-align: top
}

.balance-select__caret--open {
    transform: rotate(180deg)
}

.payment-methods {
    display: block
}

.payment-methods__saved {
    margin-bottom: 16px
}

.payment-methods__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.payment-methods__crypto-title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 16px 0 8px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .payment-methods__crypto-title {
        margin: 16px 0
    }
}

.payment-methods-list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    row-gap: 8px
}

@media (min-width: 480px) {
    .payment-methods-list {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (min-width: 768px) {
    .payment-methods-list {
        grid-template-columns:repeat(2, 1fr)
    }
}

.payment-methods-list__method {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    height: 62px;
    opacity: .7;
    padding: 8px;
    transition: opacity .3s ease
}

.payment-methods-list__method:hover {
    opacity: 1
}

@media (min-width: 480px) {
    .payment-methods-list__method {
        height: 66px
    }
}

@media (min-width: 768px) {
    .payment-methods-list__method {
        height: 62px
    }
}

.payment-methods-list__method--selected {
    border: 2px solid #00dccd;
    opacity: 1
}

.payment-methods-list__method--hidden, .payment-methods-list__method--no-info .payment-method-item__info {
    display: none
}

.payment-method-item {
    align-self: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    line-height: normal;
    max-height: 100%;
    text-align: center
}

.payment-method-item, .payment-method-item__block-img {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.payment-method-item__block-img {
    flex: 1;
    overflow: hidden
}

.payment-method-item__img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.payment-method-item__info {
    color: #0a0a0d;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin: 2px 0 0;
    width: 100%
}

.verified-by-card {
    margin-top: 0
}

@media (min-width: 768px) {
    .verified-by-card {
        margin-top: -16px
    }
}

.verified-by-card__list {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.verified-by-card__item {
    align-items: center;
    background-color: #fff;
    border-radius: 4px;
    display: inline-flex;
    flex-direction: row;
    height: 40px;
    justify-content: center;
    padding: 4px
}

.verified-by-card__img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.payment-fields-default__player-field-form {
    margin-top: 12px !important
}

.payment-fields-default .dynamic-form {
    padding: 0
}

.payment-fields-default .dynamic-form__label {
    display: none
}

.payment-fields-default .dynamic-form .payment-fields-default .dynamic-form__element {
    margin-top: 12px
}

.payment-dynamic-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.payment-dynamic-form__element + .payment-dynamic-form__element {
    margin-top: 12px
}

.payment-dynamic-form__element--tag {
    margin-top: 0 !important;
    width: 100%
}

.payment-dynamic-form__element--banner {
    border: 1px dashed hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 24px !important;
    padding: 12px
}

.payment-dynamic-form__element--address {
    width: 100%
}

.payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--card_expiry_date, .payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--cvv, .payment-dynamic-form--cvv-expiry-date .payment-dynamic-form__element--expiry_date {
    width: calc(50% - 6px)
}

.payment-dynamic-form .payments-js-lib__wrapper {
    border: 1px dashed hsla(0, 0%, 100%, .4);
    border-radius: 8px;
    padding: 12px
}

.payment-dynamic-form .payments-js-lib__img-wrapper {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .7);
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    margin: 0 10px 0 0;
    padding: 5px
}

.payment-dynamic-form .payments-js-lib__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.payment-dynamic-form__card-info {
    cursor: pointer;
    display: inline-flex
}

.payment-dynamic-form__card-number-hint {
    height: 230px;
    width: 300px
}

.payment-dynamic-form__card-number-hint img {
    width: 100%
}

.payment-dynamic-form__credit-card-number .input__right-container {
    margin-left: 10px
}

.payment-dynamic-form__card-icon {
    border-radius: 4px;
    max-height: 40px;
    max-width: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.player-crypto-currency-select {
    width: 100%
}

.player-crypto-currency-select__title {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
    line-height: 20px;
    margin: 0;
    padding-bottom: 8px
}

.player-crypto-currency-select__select.player-crypto-currency-select__select {
    margin-bottom: 32px
}

.player-crypto-currency-select__select .select__option.option:hover {
    background: #282833
}

.player-crypto-currency-select .player-crypto-currency-select__button {
    min-height: 48px !important;
    width: 100%
}

.payment-form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.payment-form-element .form-element__error, .payment-form-element__error {
    color: #fc311d;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px
}

.payment-form-element .form-element__error:first-letter, .payment-form-element__error:first-letter {
    text-transform: capitalize
}

.protocols {
    margin-top: 24px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 768px) {
    .protocols {
        max-width: 480px
    }
}

.protocols:after, .protocols:before {
    bottom: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: width .3s linear;
    width: 0
}

.protocols:before {
    background-image: linear-gradient(90deg, #000, transparent);
    left: 0
}

.protocols:after {
    background-image: linear-gradient(270deg, #000, transparent);
    right: 0
}

.protocols--end-gradient:after, .protocols--start-gradient:before {
    width: 40px
}

.protocols__wrapper {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth
}

.protocol-item {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding: 10px;
    white-space: pre
}

.protocol-item--active {
    border-color: #fc311d
}

.protocol-item:active, .protocol-item:focus {
    outline: none
}

.protocol-item:not(:last-child) {
    margin-right: 10px
}

.crypto-address__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.crypto-address__code {
    margin: 32px 0;
    text-align: center
}

@media (min-width: 768px) {
    .crypto-address__code {
        text-align: left
    }
}

.crypto-address__code .qr-code {
    border-radius: 8px;
    padding: 11px
}

.crypto-address__hint {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.crypto-address__address {
    background: #22222b;
    border-radius: 8px;
    margin: 16px 0;
    overflow: hidden;
    padding: 16px 48px 16px 16px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.crypto-address__button {
    color: #00dccd;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.crypto-address__button:hover {
    color: #1df0e2
}

.crypto-address__amount-hint {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.crypto-address__amount-hint .amount-hint {
    display: inline
}

.qr-code {
    background: #fff;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    padding: 10px
}

.qr-code__spinner {
    align-items: center;
    display: flex;
    height: 128px;
    justify-content: center;
    width: 128px
}

.qr-code__spinner:before {
    animation: spinner .75s linear infinite;
    border: 5px solid hsla(0, 0%, 100%, .65);
    border-radius: 50%;
    border-right-color: transparent;
    content: "";
    display: block;
    height: 40px;
    width: 40px
}

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

.amount-hint__item {
    display: inline-block
}

.amount-hint__item:not(:first-child) {
    margin-left: 3px
}

.amount-hint__item:not(:last-child):after {
    content: ","
}

.deposit-hint {
    position: relative
}

.deposit-hint .deposit-hint__button--open {
    color: hsla(0, 0%, 100%, .2)
}

.deposit-hint .deposit-hint__button--open:active, .deposit-hint .deposit-hint__button--open:hover, .deposit-hint .deposit-hint__button--open:target {
    color: hsla(0, 0%, 100%, .4)
}

.deposit-hint .deposit-hint__button--close {
    position: absolute;
    right: 4px;
    top: 4px
}

.deposit-hint__container {
    background: #282833;
    border-radius: 8px;
    bottom: calc(100% + 12px);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2);
    padding: 12px;
    position: absolute;
    right: -8px;
    z-index: 1;
    z-index: 10
}

.deposit-hint__container:after {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #282833;
    bottom: -8px;
    content: "";
    position: absolute;
    right: 4px
}

.deposit-hint__container--card-holder, .deposit-hint__container--credit-card-number, .deposit-hint__container--cvv {
    right: -32px
}

.deposit-hint__container--card-holder:after, .deposit-hint__container--credit-card-number:after, .deposit-hint__container--cvv:after {
    right: 28px
}

@media (min-width: 768px) {
    .deposit-hint__container--card-holder, .deposit-hint__container--credit-card-number, .deposit-hint__container--cvv {
        right: -8px
    }

    .deposit-hint__container--card-holder:after, .deposit-hint__container--credit-card-number:after, .deposit-hint__container--cvv:after {
        right: 4px
    }
}

.deposit-hint__container--card-expiry-date {
    right: -180px
}

.deposit-hint__container--card-expiry-date:after {
    left: 95px;
    right: unset
}

@media (min-width: 768px) {
    .deposit-hint__container--card-expiry-date {
        right: -8px
    }

    .deposit-hint__container--card-expiry-date:after {
        left: unset;
        right: 4px
    }
}

.deposit-hint__image {
    height: 174px;
    min-height: 174px;
    min-width: 280px;
    width: 280px
}

.deposit-hint__text {
    margin: 0
}

.deposit-hint__text--description {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.textarea::-webkit-scrollbar {
    width: 4px
}

.textarea::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.textarea {
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 200px;
    letter-spacing: normal;
    line-height: 1.2;
    overflow: hidden;
    overflow-y: auto;
    padding: 16px;
    resize: vertical;
    text-align: left;
    text-transform: none;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    vertical-align: middle;
    white-space: normal;
    width: 100%
}

.textarea, .textarea:active, .textarea:focus, .textarea:hover {
    background: #22222b none;
    color: hsla(0, 0%, 100%, .4);
    outline: none
}

.textarea:active, .textarea:focus, .textarea:hover {
    border-color: transparent
}

.textarea:focus, .textarea:hover {
    background: #282833 none;
    border-color: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.textarea--empty, .textarea--empty:focus, .textarea--empty:hover {
    background: #22222b none none;
    border-color: transparent;
    color: hsla(0, 0%, 100%, .4)
}

.textarea--disabled {
    background: #22222b none none !important;
    border-color: transparent !important;
    color: hsla(0, 0%, 100%, .65) !important;
    cursor: not-allowed
}

.textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .4) !important;
    line-height: 1.5;
    opacity: 1;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .4) !important;
    line-height: normal;
    opacity: 1;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.textarea:hover::-moz-placeholder {
    color: hsla(0, 0%, 100%, .4) !important;
    opacity: 1
}

.textarea:hover::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .4) !important;
    opacity: 1
}

.textarea:-webkit-autofill {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .4) !important;
    background: #22222b none !important;
    background-clip: content-box !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: inset 0 0 0 100px #22222b none !important;
    color: hsla(0, 0%, 100%, .4) !important;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.textarea:-webkit-autofill:active, .textarea:-webkit-autofill:active:focus, .textarea:-webkit-autofill:active:hover, .textarea:-webkit-autofill:focus, .textarea:-webkit-autofill:focus:hover, .textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .4) !important;
    border-color: transparent !important;
    box-shadow: inset 0 0 0 100px #282833 none !important;
    color: hsla(0, 0%, 100%, .4) !important
}

.textarea:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: hsla(0, 0%, 100%, .4) !important
}

.textarea--error {
    border-color: rgba(252, 49, 29, .3) !important
}

.textarea--error:-webkit-autofill {
    border-color: rgba(252, 49, 29, .3) !important
}

.textarea--error:-webkit-autofill:active, .textarea--error:-webkit-autofill:active:focus, .textarea--error:-webkit-autofill:active:hover, .textarea--error:-webkit-autofill:focus, .textarea--error:-webkit-autofill:focus:hover, .textarea--error:-webkit-autofill:hover {
    border-color: rgba(252, 49, 29, .3) !important
}

.dynamic-form {
    display: flex;
    padding: 16px
}

.dynamic-form .form-element__error {
    font-size: 10px;
    margin-top: 7px;
    text-align: left
}

.dynamic-form__group-wrapper {
    display: flex;
    flex-basis: 33.3333333333%;
    flex-direction: column;
    width: 100%
}

.dynamic-form__group-wrapper + .dynamic-form__group-wrapper {
    margin-left: 16px
}

.dynamic-form__group-wrapper:only-child {
    flex-basis: 100%
}

.dynamic-form__group-title {
    margin-bottom: 16px
}

.dynamic-form__element + .dynamic-form__element {
    margin-top: 12px
}

.dynamic-form__label {
    color: #fff;
    display: block;
    font-size: 13px;
    margin-bottom: 5px
}

.dynamic-form__label-star {
    display: none
}

.dynamic-form__buttons-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center
}

@media (min-width: 480px) {
    .dynamic-form__buttons-wrapper {
        flex-direction: row
    }
}

.form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.form-element__error {
    color: #fc311d;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    width: 100%
}

.form-element__error:first-letter {
    text-transform: uppercase
}

.checkbox {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.checkbox__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.checkbox a {
    color: #00dccd;
    transition: color .3s ease, -webkit-text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease;
    transition: color .3s ease, text-decoration .3s ease, -webkit-text-decoration .3s ease
}

.checkbox a:hover {
    text-decoration: underline
}

.checkbox__block {
    align-items: flex-start;
    -moz-column-gap: 14px;
    column-gap: 14px;
    cursor: pointer;
    display: flex
}

.checkbox__block:hover .checkbox__point {
    border-color: #363645
}

.checkbox__block:hover .checkbox__label {
    color: #fff
}

.checkbox__block:hover a {
    color: #1df0e2
}

.checkbox__point {
    align-items: center;
    border: 1.5px solid #2e2e3b;
    border-radius: 4px;
    display: flex;
    height: 20px;
    justify-content: center;
    transition: border-color .3s ease, background .3s ease;
    width: 20px
}

.checkbox__point i {
    opacity: 0
}

.checkbox__point i:before {
    color: #0f0f14
}

.checkbox__label {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    transition: color .3s ease
}

.checkbox__label sup {
    color: #00dccd;
    top: 0
}

.checkbox__input:checked + .checkbox__block .checkbox__point {
    background: #00dccd;
    border-color: #00dccd
}

.checkbox__input:checked + .checkbox__block .checkbox__point:hover {
    background: #1df0e2
}

.checkbox__input:checked + .checkbox__block .checkbox__point i {
    opacity: 1
}

.checkbox__input:checked + .checkbox__block:hover .checkbox__point {
    border-color: #1df0e2
}

.checkbox--disabled, .checkbox[disabled] {
    cursor: not-allowed
}

.checkbox--disabled .checkbox__block, .checkbox[disabled] .checkbox__block {
    pointer-events: none
}

.checkbox--error .checkbox__point {
    border-color: #fc311d !important
}

.checkbox--error .checkbox__label {
    color: #fc311d !important
}

.radio-group {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.radio-group__radio:not(:first-child) {
    margin-top: 5px
}

.radio-group--inline {
    flex-direction: row
}

.radio-group--inline .radio-group__radio:not(:first-child) {
    margin-left: 26px;
    margin-top: 0
}

.radio__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.radio__block {
    align-items: flex-start;
    align-self: stretch;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: auto
}

.radio__point {
    align-items: center;
    border: 1.5px solid #2e2e3b;
    border-radius: 50%;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    transition: border-color .3s ease;
    width: 20px
}

.radio__point:before {
    background: transparent none;
    border-radius: 50%;
    content: "";
    display: block;
    height: 12px;
    transition: background .3s ease;
    width: 12px
}

.radio__block:hover .radio__point {
    border-color: #363645
}

.radio__label {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: flex-start;
    letter-spacing: normal;
    line-height: 1.2;
    margin-left: 12px;
    min-height: 20px;
    padding: 0;
    text-align: left;
    text-transform: none;
    transition: color .3s ease;
    width: 100%;
    word-break: break-all
}

.radio__block:hover .radio__label {
    color: #fff
}

.radio__input:checked + .radio__block .radio__point {
    border-color: #00dccd
}

.radio__input:checked + .radio__block .radio__point:before {
    background: #00dccd
}

.radio__input:checked + .radio__block:hover .radio__point {
    border-color: #1df0e2
}

.radio__input:checked + .radio__block:hover .radio__point:before {
    background: #1df0e2
}

.radio--disabled, .radio[disabled] {
    cursor: not-allowed
}

.radio--disabled .radio__item, .radio[disabled] .radio__item {
    pointer-events: none
}

.radio--disabled .radio__point, .radio[disabled] .radio__point {
    background: tranparent none;
    border-color: hsla(0, 0%, 100%, .65)
}

.radio--disabled .radio__label, .radio[disabled] .radio__label {
    color: hsla(0, 0%, 100%, .65)
}

.radio--disabled .radio__input:checked + .radio__block .radio__point, .radio[disabled] .radio__input:checked + .radio__block .radio__point {
    background: tranparent none;
    border-color: hsla(0, 0%, 100%, .65)
}

.radio--disabled .radio__input:checked + .radio__block .radio__point:before, .radio[disabled] .radio__input:checked + .radio__block .radio__point:before {
    background: hsla(0, 0%, 100%, .65) none
}

.radio--disabled .radio__input:checked + .radio__block .radio__label, .radio[disabled] .radio__input:checked + .radio__block .radio__label {
    color: hsla(0, 0%, 100%, .65)
}

.radio--error .radio__point {
    border-color: #fc311d !important
}

.radio--error .radio__point:before {
    background: #fc311d !important
}

.radio--error .radio__label {
    color: #fc311d !important
}

.simple-date {
    color: #fff;
    display: flex
}

.simple-date__day, .simple-date__month {
    margin-right: 12px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
    width: 4px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.terms-acceptance-with-preview__content-wrapper {
    background: unset;
    border-radius: 4px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    margin-bottom: 16px;
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__container {
    padding: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__title {
    margin: 0
}

.terms-acceptance-with-preview__content-wrapper .page-cms__content h5 {
    margin: 10px 0
}

.terms-acceptance-with-preview .form-element__error {
    font-size: 10px;
    text-align: left
}

.terms-acceptance-with-preview__content:first-child {
    padding-bottom: 16px
}

.terms-acceptance-with-preview__content + .terms-acceptance-with-preview__content {
    border-top: 2px solid #353639;
    padding-top: 16px
}

.tel {
    display: flex;
    width: 100%
}

.tel__code-select {
    max-width: 148px
}

.tel__code-select .input__left-container {
    margin-right: 12px
}

.tel__code-select + .tel__number-input {
    margin-left: 12px
}

.select-with-country-icons__dropdown::-webkit-scrollbar, .select__dropdown::-webkit-scrollbar {
    width: 4px
}

.select-with-country-icons__dropdown::-webkit-scrollbar-thumb, .select__dropdown::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.select, .select-with-country-icons {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.select .input, .select-with-country-icons .input {
    padding: 0 12px 0 16px
}

.select-with-country-icons__dropdown, .select__dropdown {
    background: #22222b;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.select-with-country-icons__arrow-icon-wrapper, .select__arrow-icon-wrapper {
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    display: flex;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s ease, color .3s ease
}

.select-with-country-icons__arrow-icon-wrapper--open, .select__arrow-icon-wrapper--open {
    transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select-with-country-icons__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select-with-country-icons__bottom-line, .dynamic-form-pnp .select--one .select__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select__bottom-line {
    display: none
}

.select-with-country-icons__input-country-icon, .select-with-country-icons__option-country-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.select-with-country-icons__option-country-icon {
    margin-right: 12px
}

.select-with-country-icons__globe-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    opacity: .6;
    width: 24px
}

.password-input .password-input__input {
    height: 56px
}

.password-input .password-input__visibility-button {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.password-input__strength {
    display: block;
    margin: 0;
    padding: 5px 0 0;
    width: 100%
}

.password-input__strength-bar {
    background-color: #22222b;
    border-radius: 4px;
    display: block;
    height: 3px;
    margin: 0 0 2px;
    padding: 0;
    position: relative;
    width: 100%
}

.password-input__strength-progress {
    border-radius: 10px;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .3s ease, width .3s ease
}

.password-input__strength--bad .password-input__strength-progress {
    background-color: #fc311d
}

.password-input__strength--weak .password-input__strength-progress {
    background-color: #ffc736
}

.password-input__strength--strong .password-input__strength-progress {
    background-color: #00dccd
}

.password-input__strength--great .password-input__strength-progress {
    background-color: #1adb4a
}

.password-input__strength-description {
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-align: right;
    text-transform: capitalize;
    transition: color .3s ease
}

.password-input__strength--bad .password-input__strength-description {
    color: #fc311d
}

.password-input__strength--weak .password-input__strength-description {
    color: #ffc736
}

.password-input__strength--strong .password-input__strength-description {
    color: #00dccd
}

.password-input__strength--great .password-input__strength-description {
    color: #1adb4a
}

.file-input__native-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.payment-amount-default--empty {
    display: none
}

.payment-amount-default__hint {
    color: hsla(0, 0%, 100%, .4);
    display: inline-block;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 8px;
    text-align: right
}

.payment-amount-default__error {
    color: #fc311d
}

.payment-amount-default__preset {
    display: block;
    width: 100%
}

.payment-amount-default__input {
    position: relative
}

.payment-amount-default__input--amount .input {
    padding-right: 55px
}

.payment-amount-default__currency {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    position: absolute;
    right: 16px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.select__dropdown::-webkit-scrollbar {
    width: 4px
}

.select__dropdown::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.select {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.select .input {
    padding: 0 12px 0 16px
}

.select__dropdown {
    background: #22222b;
    border-radius: 8px;
    display: block;
    left: 0;
    margin: 0;
    max-height: 240px;
    overflow: hidden;
    overflow-y: auto;
    padding: 8px;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    z-index: 100
}

.select__arrow-icon-wrapper {
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    display: flex;
    padding: 0;
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform .3s ease, color .3s ease
}

.select__arrow-icon-wrapper--open {
    transform: rotate(180deg)
}

.dynamic-form-pnp .select--one .select__arrow-icon-wrapper, .dynamic-form-pnp .select--one .select__bottom-line {
    display: none
}

.payment-amount-default__input .select.select--amount .input.select__input .input__native {
    padding: 24px 0 8px
}

.payment-amount-default__input .select.select--amount .input.select__input .input__placeholder {
    opacity: 1;
    top: 4px !important
}

.amount-preset-list {
    grid-gap: 8px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(2, 1fr);
    margin-top: 12px;
    padding: 0;
    width: 100%
}

@media (min-width: 480px) {
    .amount-preset-list {
        grid-template-columns:repeat(5, 1fr);
        grid-template-rows:repeat(1, 1fr)
    }
}

.amount-preset-item {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

.amount-preset-item__input {
    display: none;
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute
}

.amount-preset-item__block {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    transition: color .3s ease, background .3s ease;
    width: 100%
}

.amount-preset-item__block:hover {
    background: #282833;
    color: #fff
}

.amount-preset-item__currency {
    display: inline-block;
    margin-right: 3px;
    text-align: center;
    width: auto
}

.amount-preset-item__input:checked + .amount-preset-item__block, .amount-preset-item__input:checked + .amount-preset-item__block:hover {
    background: #282833;
    color: #fff
}

.payment-saved-profiles {
    margin-bottom: 12px !important
}

.payment-saved-profiles__text {
    margin: 0
}

.payment-saved-profiles__text--title {
    font-weight: 700
}

.payment-saved-profiles__text--title, .payment-saved-profiles__text--value {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    line-height: 24px
}

.payment-saved-profiles__title {
    display: flex;
    justify-content: space-between;
    margin: 32px 0 16px
}

.payment-saved-profiles .payment-saved-profiles__button {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: right;
    text-transform: uppercase;
    transition: color .3s ease
}

.payment-saved-profiles .payment-saved-profiles__button--add-new {
    color: #00dccd
}

.payment-saved-profiles .payment-saved-profiles__button--add-new:hover {
    color: #1df0e2
}

.payment-saved-profiles__item, .payment-saved-profiles__item-wrapper {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.payment-saved-profiles__item {
    background: #22222b;
    border-radius: 8px;
    cursor: pointer;
    height: 48px;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    text-overflow: ellipsis;
    transition: background .3s ease;
    white-space: nowrap;
    width: 100%
}

.payment-saved-profiles__item:hover {
    background: #282833
}

.payment-saved-profiles__delete {
    background: #22222b;
    border-radius: 8px;
    color: hsla(0, 0%, 100%, .65);
    cursor: pointer;
    display: flex;
    padding: 12px;
    transition: background .3s ease
}

.payment-saved-profiles__delete:hover {
    background: #282833
}

.deposit-lotteries__control {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px
}

.deposit-lotteries__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.deposit-lotteries__tickets {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns:1fr;
    row-gap: 12px
}

@media (min-width: 480px) {
    .deposit-lotteries__tickets {
        grid-template-columns:1fr 1fr
    }
}

.deposit-lotteries__no-bonus {
    align-items: center;
    color: hsla(0, 0%, 100%, .4);
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 16px
}

.deposit-lotteries__icon {
    margin-right: 12px
}

.loader {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 10px;
    z-index: 1080
}

.loader--provider-preview {
    min-height: 199px
}

@media (min-width: 960px) {
    .loader--provider-preview {
        min-height: 265px
    }
}

.loader--home-game-slider {
    min-height: 50vw
}

@media (min-width: 768px) {
    .loader--home-game-slider {
        min-height: 25vw;
        min-height: 17vw
    }
}

.loader--home-game-slider-big-slider {
    min-height: 47vw
}

@media (min-width: 768px) {
    .loader--home-game-slider-big-slider {
        min-height: calc(25vw - 32.5px)
    }
}

@media (min-width: 1440px) {
    .loader--home-game-slider-big-slider {
        min-height: calc(20vw - 26px)
    }
}

.loader--jackpot-list {
    min-height: 110px
}

.loader__box {
    animation: spinner-border .75s linear infinite;
    border: 5px solid #fc311d;
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 40px;
    vertical-align: text-bottom;
    width: 40px
}

.loader--winners {
    min-height: 470px
}

@media (min-width: 768px) {
    .loader--winners {
        min-height: 135px
    }
}

.loader--winners-in-game {
    min-height: 110px
}

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

.deposit-lottery-card {
    background: #22222b;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    padding: 12px;
    position: relative;
    transition: background .3s ease
}

.deposit-lottery-card--selected {
    background: linear-gradient(130.96deg, #03a02f 1.93%, #583d93 63.95%, #9d00c5 108.25%)
}

.deposit-lottery-card__content {
    height: 100%
}

.deposit-lottery-card__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    row-gap: 12px
}

.deposit-lottery-card__radio .radio__input:checked + .radio__block .radio__point:before {
    background: #fff
}

.deposit-lottery-card__radio .radio__input:checked + .radio__block .radio__point {
    border-color: #fff
}

.deposit-lottery-card__title {
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 18px;
    margin-bottom: 4px
}

.deposit-lottery-card__new-tickets-wrap {
    display: flex
}

.deposit-lottery-card__new-tickets {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.deposit-lottery-card__deposit-rules {
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    flex-direction: column;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.deposit-lottery-card__image {
    bottom: 0;
    position: absolute;
    right: 0
}

.payment-submit-default .btn {
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.sofort-info {
    font-size: 8px;
    font-weight: 500
}

@media (min-width: 360px) {
    .sofort-info {
        font-size: 10px
    }
}

.sofort-info__top {
    background: #22222b;
    border-radius: 4px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 16px 0;
    padding: 12px 16px
}

.sofort-info__cell {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.sofort-info__cell--time {
    justify-content: flex-end;
    white-space: nowrap
}

.sofort-info__cell--time .sofort-info__cell-wrap {
    flex-wrap: nowrap
}

.sofort-info__cell-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.sofort-info__name {
    color: #fff;
    flex: 1;
    font-size: 11px;
    font-weight: 450;
    line-height: 20px
}

.sofort-info__name--grey {
    color: hsla(0, 0%, 100%, .65)
}

@media (min-width: 480px) {
    .sofort-info__name {
        font-size: 14px
    }
}

.sofort-info__info {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    gap: 12px;
    margin-bottom: 16px
}

.sofort-info__data {
    flex: 1;
    font-weight: 400;
    line-height: 1.2
}

.sofort-info__title {
    color: hsla(0, 0%, 100%, .65);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding-bottom: 2px
}

.sofort-info__description {
    color: hsla(0, 0%, 100%, .4);
    font-size: 12px;
    font-weight: 450;
    line-height: 18px
}

.sofort-info__icon {
    display: flex;
    font-size: 18px
}

.sofort-info__icon--required {
    font-size: 40px
}

.sofort-info__icon--grey {
    color: hsla(0, 0%, 100%, .4)
}

.payment-common-errors-default {
    color: #fc311d;
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    margin-top: 4px;
    text-align: center
}

.payment-banners {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
    margin-top: 16px
}

.payment-banners .payments-js-lib__wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.payment-banners .payments-js-lib__img-wrapper {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-right: 12px
}

.payment-banners .payments-js-lib__description {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.credit-card-payment-fallback__content-wrapper {
    padding: 30px
}

.credit-card-payment-fallback__header {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px
}

.credit-card-payment-fallback__warning-icon {
    color: #fc311d;
    margin-right: 20px
}

.credit-card-payment-fallback__text {
    background: #22242c;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px 30px;
    text-align: center
}

.credit-card-payment-fallback__methods-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

@media (max-width: 480px) {
    .credit-card-payment-fallback__methods-container {
        flex-direction: column
    }
}

.credit-card-payment-fallback__method-container {
    align-items: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 10px
}

@media (max-width: 480px) {
    .credit-card-payment-fallback__method-container {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
        min-width: 240px
    }
}

.credit-card-payment-fallback__method {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    display: flex;
    height: 50px;
    justify-content: center;
    max-width: 100px;
    padding: 5px
}

@media (min-width: 480px) {
    .credit-card-payment-fallback__method {
        margin-bottom: 10px
    }
}

.reset-password-modal-content {
    width: 100%
}

.reset-password-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.reset-password-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-transform: uppercase
}

.reset-password-modal-content__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 32px
}

.reset-password-modal-content__text:last-child {
    margin: 0
}

.reset-password-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

.reset-password-modal-content__link:hover {
    color: #1df0e2
}

.reset-password-modal-content__form {
    margin: 0 0 20px
}

.reset-password-modal-content__footer {
    align-items: center;
    display: flex;
    flex-direction: column
}

.reset-password-modal-content .reset-password-modal-content__login-link {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.reset-password-modal-content__login-arr {
    font-size: 22px;
    line-height: 22px
}

.reset-password-modal-content__resend-info {
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.auth-form {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.auth-form__description {
    margin: 0 0 20px;
    text-align: center
}

@media (min-width: 480px) {
    .auth-form__description {
        margin: 0 0 60px
    }
}

.auth-form__description-text {
    color: #fff;
    margin: 0
}

.auth-form__captcha {
    display: none !important
}

.auth-form__description-help {
    color: #fff;
    margin: 0
}

.auth-form__description-help--link {
    color: #fc311d;
    transition: color .3s ease
}

.auth-form__description-help--link:hover {
    color: #ffe458;
    text-decoration: underline
}

.auth-form__buttons, .auth-form__submit {
    width: 100%
}

.auth-form__form-element-wrap {
    margin-bottom: 16px;
    margin-top: 0;
    width: 100%
}

.auth-form__instructions {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    text-align: center
}

.auth-form__instructions > * + * {
    margin-top: 8px
}

.auth-form__instruction-link {
    color: #fc311d;
    transition: color .3s ease
}

.auth-form__instruction-link:hover {
    color: #ffe458;
    text-decoration: underline
}

.errors__error {
    color: #fc311d;
    font-size: 12px
}

.captcha-term-and-policy {
    color: #fff;
    font-size: 14px;
    margin: 10px 0
}

.captcha-term-and-policy__link {
    color: hsla(0, 0%, 100%, .65)
}

.reset-password-confirm-modal-content {
    width: 100%
}

.reset-password-confirm-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.reset-password-confirm-modal-content__icon {
    align-items: center;
    background: rgba(0, 220, 205, .08);
    border-radius: 50%;
    color: #00dccd;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto 24px;
    width: 100px
}

.reset-password-confirm-modal-content__icon i {
    font-size: 48px !important
}

.reset-password-confirm-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-transform: uppercase
}

.reset-password-confirm-modal-content__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 32px
}

.reset-password-confirm-modal-content__text:last-child {
    margin: 0
}

.reset-password-confirm-modal-content__text span {
    color: #fff;
    display: block;
    width: 100%
}

.reset-password-confirm-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

.reset-password-confirm-modal-content__link:hover {
    color: #ffe458
}

.reset-password-confirm-modal-content__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.reset-password-confirm-modal-content .reset-password-confirm-modal-content__login-link {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.reset-password-confirm-modal-content__login-arr {
    font-size: 22px;
    line-height: 22px
}

.reset-password-confirm-modal-content__resend-info {
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.resend-confirmation-instructions-modal-content {
    width: 100%
}

.resend-confirmation-instructions-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.resend-confirmation-instructions-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    padding: 0 45px;
    text-transform: uppercase
}

.resend-confirmation-instructions-modal-content__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 32px
}

.resend-confirmation-instructions-modal-content__text:last-child {
    margin: 0
}

.resend-confirmation-instructions-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

.resend-confirmation-instructions-modal-content__link:hover {
    color: #ffe458
}

.resend-confirmation-instructions-modal-content__form {
    margin: 0 0 16px
}

.resend-confirmation-instructions-modal-content__footer {
    text-align: center
}

.resend-confirmation-instructions-modal-content .resend-confirmation-instructions-modal-content__login-link {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.resend-confirmation-instructions-modal-content__login-arr {
    font-size: 10px;
    line-height: 10px
}

.resend-confirmation-instructions-modal-content__resend-info {
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.unlock-instructions-modal-content {
    width: 100%
}

.unlock-instructions-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.unlock-instructions-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-transform: uppercase
}

.unlock-instructions-modal-content__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 32px
}

.unlock-instructions-modal-content__text:last-child {
    margin: 0
}

.unlock-instructions-modal-content__link {
    text-replace: none;
    color: #00dccd;
    transition: color .3s ease
}

.unlock-instructions-modal-content__link:hover {
    color: #1df0e2
}

.unlock-instructions-modal-content__form {
    margin: 0 0 16px
}

.unlock-instructions-modal-content__footer {
    text-align: center
}

.unlock-instructions-modal-content .unlock-instructions-modal-content__login-link {
    align-items: center;
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px
}

.unlock-instructions-modal-content__login-arr {
    font-size: 22px;
    line-height: 22px
}

.unlock-instructions-modal-content__resend-info {
    color: hsla(0, 0%, 100%, .65);
    display: inline-flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin: 16px auto 0
}

.sumsub-data {
    border-radius: 0 0 10px
}

.sumsub-data__top {
    padding: 0 24px;
    text-align: center
}

.sumsub-data__top-wrap {
    border-bottom: 1px solid #436589;
    padding: 0 50px 15px;
    position: relative
}

.sumsub-data__title {
    color: #133f6c;
    font-size: 16px;
    font-weight: 700
}

.sumsub-data__btn.text-btn {
    color: #133f6c;
    display: flex;
    font-size: 20px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-10px, calc(-50% - 10px));
    transition: .3s ease
}

.sumsub-data__btn.text-btn:hover {
    opacity: .5
}

.sumsub-data__btn.text-btn .font-icons {
    font-size: 14px
}

.btn.live-chat-button {
    align-items: center;
    background: #fc311d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    min-width: unset;
    padding: 0;
    position: fixed
}

.btn.live-chat-button:active, .btn.live-chat-button:focus, .btn.live-chat-button:hover {
    background: #fff !important;
    color: #fc311d !important
}

.btn.live-chat-button--game {
    bottom: 0;
    height: 44px;
    position: relative;
    right: 0;
    width: 44px
}

.btn.live-chat-button--home {
    background: #fc311d;
    bottom: 64px;
    color: #fff;
    height: 44px;
    position: fixed;
    right: 8px;
    width: 44px;
    z-index: 15
}

@media (min-width: 768px) {
    .btn.live-chat-button--home {
        height: 60px;
        width: 60px
    }

    .btn.live-chat-button--home i {
        font-size: 28px
    }
}

@media (min-width: 960px) {
    .btn.live-chat-button--home {
        bottom: 16px;
        right: 16px
    }
}

.btn.live-chat-button--home:active, .btn.live-chat-button--home:focus, .btn.live-chat-button--home:hover {
    background: #fff !important;
    color: #fc311d !important
}

.notification-center-modal--lucky-spin .modal__content {
    margin: 0;
    padding: 0;
    position: relative
}

@media (max-width: 768px) {
    .notification-center-modal--lucky-spin .modal__content {
        height: 100%;
        margin: 0;
        min-height: 100vh;
        position: relative
    }
}

.notification-center-modal--lucky-spin .modal__content .modal-shadow.modal-shadow--top {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 240, .12) .01%, rgba(17, 77, 148, 0) 100%);
    height: 680px;
    left: -340px;
    position: absolute;
    top: -460px;
    width: 680px;
    z-index: -1
}

.notification-center-modal--lucky-spin .modal__content .modal-shadow.modal-shadow--bottom {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    height: 900px;
    left: -500px;
    position: absolute;
    top: 300px;
    width: 900px;
    z-index: -1
}

.notification-center-modal--lucky-spin .modal__content-wrapper {
    border-radius: 4px;
    max-width: 600px
}

@media (max-width: 768px) {
    .notification-center-modal--lucky-spin .modal__content-wrapper {
        margin: 0;
        max-width: 100%;
        min-height: 100%;
        overflow: hidden;
        width: 100%
    }
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal__result {
    transform: scale(1) translateX(-50%);
    transform-origin: 0 center
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal__type {
    position: relative;
    z-index: 1
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-border, .notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-btn, .notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-info, .notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-wrap {
    display: none
}

.notification-center-modal--lucky-kick .modal__content {
    background: #0f0f14 !important;
    min-height: 712px
}

.notification-center-modal--lucky-kick .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    .notification-center-modal--lucky-kick .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 1024px !important
    }
}

.notification-center-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    .notification-center-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 480px
    }
}

.notification-center-modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 768px) {
    .notification-center-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }

    .notification-center-modal .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.notification-center-modal__top-content {
    padding: 56px 0 40px
}

.notification-center-modal__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center
}

.notification-center-modal__subtitle {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.notification-center-modal__info {
    align-items: center;
    flex-direction: column
}

.notification-center-modal__image, .notification-center-modal__info {
    display: flex;
    justify-content: center
}

.notification-center-modal__image img {
    height: 128px;
    width: 128px
}

.notification-center-modal__value {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-top: 20px;
    text-align: center
}

.notification-center-modal__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

.notification-center-modal__button-list {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    padding: 0 16px;
    row-gap: 16px
}

@media (min-width: 480px) {
    .notification-center-modal__button-list {
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .notification-center-modal__button-list {
        padding: 0 48px
    }
}

.notification-center-modal .notification-center-modal__button {
    height: 48px;
    width: 100%
}

.notification-center-modal .notification-center-modal__button--secondary {
    background: #22222b
}

.notification-center-modal .notification-center-modal__button--secondary:active, .notification-center-modal .notification-center-modal__button--secondary:focus, .notification-center-modal .notification-center-modal__button--secondary:hover {
    background: #282833
}

.notification-center-modal__bottom-content {
    margin-top: 40px;
    padding-bottom: 48px
}

.notification-center-modal-content-bonus .bonus-game {
    margin-bottom: 10px
}

.notification-center-modal-content-bonus .bonus-game:last-child {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .notification-center-modal-content-bonus .bonus-game {
        margin-bottom: 0;
        margin-right: 20px
    }

    .notification-center-modal-content-bonus .bonus-game:last-child {
        margin-right: 0
    }
}

.bonus {
    position: relative
}

.bonus-spin {
    animation: rotate 10s linear infinite;
    height: unset !important;
    position: absolute;
    top: -120px;
    width: unset !important;
    z-index: -1
}

.bonus__background {
    left: 50%;
    min-width: 480px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: -1
}

.bonus--jackpot .notification-center-modal__top-content {
    padding: 56px 0 32px
}

.bonus--jackpot .notification-center-modal__title {
    margin-bottom: 0
}

.bonus--jackpot .notification-center-modal__subtitle {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    margin-top: 20px;
    text-transform: uppercase
}

.bonus--jackpot .notification-center-modal__image {
    position: relative
}

.bonus--jackpot .notification-center-modal__image img {
    height: 120px;
    width: 120px
}

.bonus--jackpot .notification-center-modal__bottom-content {
    margin-top: 56px
}

.bonus--jackpot .notification-center-modal__gradient {
    height: 100%;
    position: absolute;
    top: -48px;
    width: 100%
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_silver {
    background: radial-gradient(50% 50% at 50% 50%, rgba(117, 172, 255, .1) 0, rgba(117, 172, 255, .099) 6.67%, rgba(117, 172, 255, .096) 13.33%, rgba(117, 172, 255, .092) 20%, rgba(117, 172, 255, .085) 26.67%, rgba(117, 172, 255, .077) 33.33%, rgba(117, 172, 255, .067) 40%, rgba(117, 172, 255, .056) 46.67%, rgba(117, 172, 255, .044) 53.33%, rgba(117, 172, 255, .033) 60%, rgba(117, 172, 255, .023) 66.67%, rgba(117, 172, 255, .015) 73.33%, rgba(117, 172, 255, .008) 80%, rgba(117, 172, 255, .004) 86.67%, rgba(117, 172, 255, .001) 93.33%, rgba(117, 172, 255, 0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_gold {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 199, 0, .1) 0, rgba(255, 199, 0, .099) 6.67%, rgba(255, 197, 1, .096) 13.33%, rgba(255, 194, 3, .092) 20%, rgba(255, 191, 5, .085) 26.67%, rgba(255, 186, 9, .077) 33.33%, rgba(255, 180, 12, .067) 40%, rgba(255, 174, 16, .056) 46.67%, rgba(255, 167, 21, .044) 53.33%, rgba(255, 161, 25, .033) 60%, rgba(255, 155, 28, .023) 66.67%, rgba(255, 150, 32, .015) 73.33%, rgba(255, 147, 34, .008) 80%, rgba(255, 144, 36, .004) 86.67%, rgba(255, 142, 37, .001) 93.33%, rgba(255, 142, 37, 0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_platinum {
    background: radial-gradient(42.41% 43.85% at 50% 48.32%, rgba(133, 37, 255, .15) 0, rgba(133, 37, 255, .149) 6.67%, rgba(132, 37, 255, .145) 13.33%, rgba(130, 37, 255, .138) 20%, rgba(127, 37, 255, .128) 26.67%, rgba(124, 37, 255, .115) 33.33%, rgba(120, 37, 255, .1) 40%, rgba(116, 37, 255, .084) 46.67%, rgba(111, 37, 255, .066) 53.33%, rgba(107, 37, 255, .05) 60%, rgba(103, 37, 255, .035) 66.67%, rgba(100, 37, 255, .022) 73.33%, rgba(97, 37, 255, .012) 80%, rgba(95, 37, 255, .005) 86.67%, rgba(94, 37, 255, .001) 93.33%, rgba(94, 37, 255, 0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_mini {
    background: radial-gradient(42.41% 43.85% at 50% 48.32%, rgba(68, 255, 37, .15) 0, rgba(68, 255, 37, .149) 6.67%, rgba(68, 255, 37, .145) 13.33%, rgba(68, 255, 37, .138) 20%, rgba(68, 255, 37, .128) 26.67%, rgba(68, 255, 37, .115) 33.33%, rgba(68, 255, 37, .1) 40%, rgba(68, 255, 37, .084) 46.67%, rgba(68, 255, 37, .066) 53.33%, rgba(68, 255, 37, .05) 60%, rgba(68, 255, 37, .035) 66.67%, rgba(68, 255, 37, .022) 73.33%, rgba(68, 255, 37, .012) 80%, rgba(68, 255, 37, .005) 86.67%, rgba(68, 255, 37, .001) 93.33%, rgba(68, 255, 37, 0) 100%)
}

.bonus--jackpot .notification-center-modal__gradient--jackpot_maxi {
    background: radial-gradient(42.41% 43.85% at 50% 48.32%, rgba(198, 37, 255, .15) 0, rgba(198, 37, 255, .149) 6.67%, rgba(197, 37, 255, .145) 13.33%, rgba(196, 37, 255, .138) 20%, rgba(194, 37, 255, .128) 26.67%, rgba(192, 37, 255, .115) 33.33%, rgba(190, 37, 255, .1) 40%, rgba(187, 37, 255, .084) 46.67%, rgba(184, 37, 255, .066) 53.33%, rgba(181, 37, 255, .05) 60%, rgba(178, 37, 255, .035) 66.67%, rgba(176, 37, 255, .022) 73.33%, rgba(174, 37, 255, .012) 80%, rgba(173, 37, 255, .005) 86.67%, rgba(172, 37, 255, .001) 93.33%, rgba(172, 37, 255, 0) 100%)
}

.bonus--jackpot .notification-center-modal__value {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 64px;
    margin-top: 8px;
    text-transform: uppercase
}

.bonus--jackpot .notification-center-modal__value--jackpot_silver {
    text-shadow: 0 0 6px rgba(134, 233, 255, .5), 0 0 20px #65b5ff
}

.bonus--jackpot .notification-center-modal__value--jackpot_gold {
    text-shadow: 0 0 6px rgba(255, 220, 129, .5), 0 0 20px #ffaf65
}

.bonus--jackpot .notification-center-modal__value--jackpot_platinum {
    text-shadow: 0 0 6px rgba(240, 146, 255, .5), 0 0 20px #be54ff
}

.bonus--jackpot .notification-center-modal__value--jackpot_mini {
    text-shadow: 0 0 6px rgba(193, 255, 114, .5), 0 0 20px #c1ff72
}

.bonus--jackpot .notification-center-modal__value--jackpot_maxi {
    text-shadow: 0 0 6px rgba(252, 124, 255, .5), 0 0 20px #fc7cff
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.bonus-games__list {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 0 16px
}

.bonus-games__games-wrapper {
    padding: 0 8px
}

@media (min-width: 480px) {
    .bonus-games__games-wrapper {
        padding: 0 32px
    }
}

.bonus-games__item {
    border-radius: 8px;
    display: flex;
    margin: 0;
    max-width: 128px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.bonus-games__modal-content {
    max-height: 284px;
    overflow-x: hidden;
    overflow-y: auto
}

@media (min-width: 768px) {
    .bonus-games__modal-content {
        max-height: 385px
    }
}

.bonus-games__modal-content .bonus-game {
    height: 64px
}

.bonus-games__modal-content .bonus-game__image {
    border-radius: 8px;
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.bonus-games__modal-content .bonus-game__content-wrap {
    position: relative
}

.bonus-games__modal-title {
    display: block;
    font-weight: 700;
    padding: 10px 0;
    text-align: center
}

.bonus-games .bonus-games__show-less, .bonus-games .bonus-games__show-more {
    align-items: center;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: hsla(0, 0%, 100%, .65) !important;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    justify-content: center;
    line-height: 20px;
    margin: 16px auto 0;
    min-height: inherit !important;
    padding: 0;
    text-transform: unset
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down, .bonus-games .bonus-games__show-more .bonus-games__arrow-down {
    color: hsla(0, 0%, 100%, .65)
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down--open, .bonus-games .bonus-games__show-more .bonus-games__arrow-down--open {
    margin-top: -2px;
    transform: rotate(-180deg)
}

.bonus-games .bonus-games__show-less .bonus-games__arrow-down-wrapper, .bonus-games .bonus-games__show-more .bonus-games__arrow-down-wrapper {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    margin-left: 4px;
    width: 16px
}

.bonus-game__image {
    width: 100%
}

.bonus-game__content-wrap {
    background: rgba(10, 10, 13, .65);
    height: 100%;
    width: 100%
}

.bonus-game__title {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.bonus-game-inline {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    display: flex;
    padding: 12px 8px;
    transition: background .3s ease
}

.bonus-game-inline:hover {
    background: #22222b
}

@media (min-width: 480px) {
    .bonus-game-inline {
        padding: 12px 16px
    }
}

.bonus-game-inline__image {
    border-radius: 8px;
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.bonus-game-inline__content-wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.bonus-game-inline__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.bonus-game-inline .bonus-game-inline__icon {
    color: #fc311d;
    font-size: 15px
}

.inline-icon-timer {
    margin-top: 24px
}

.inline-icon-timer__inner {
    align-items: center;
    display: flex;
    justify-content: center
}

.inline-icon-timer .inline-icon-timer__icon {
    color: hsla(0, 0%, 100%, .4);
    margin-right: 6px
}

.inline-icon-timer__title {
    color: hsla(0, 0%, 100%, .65);
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 5px
}

.inline-icon-timer__list {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: 100%;
    padding: 0
}

.inline-icon-timer__item, .inline-icon-timer__list {
    align-items: center;
    justify-content: center;
    margin: 0
}

.inline-icon-timer__item {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 2px;
    position: relative;
    width: auto
}

.inline-icon-timer__value {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.inline-icon-timer__text, .inline-icon-timer__value {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.inline-icon-timer__labe {
    padding-left: 4px
}

.freespin, .freespin__title {
    text-align: center
}

.freespin__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.freespin__timer {
    margin: 0 auto;
    max-width: 280px
}

.ls-modal {
    min-height: 100%;
    overflow: hidden;
    padding: 56px 0 48px;
    position: relative
}

@media (min-width: 768px) {
    .ls-modal {
        min-height: unset
    }
}

.ls-modal__boxes {
    display: none
}

.ls-modal__type {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-align: center
}

.ls-modal__result {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 50%;
    min-width: 500px;
    padding-top: 165px;
    position: absolute;
    top: -50px;
    transform: scale(0) translateX(-50%);
    transform-origin: 0 center;
    transition: all .3s ease-in
}

@media (min-width: 768px) {
    .ls-modal__result {
        padding-top: 175px
    }
}

.ls-modal__result-coins {
    animation: coins-move 2s ease-in-out infinite alternate-reverse;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.ls-modal__result-coins img {
    width: 100%
}

.ls-modal__result-buttons, .ls-modal__result-content {
    position: relative;
    z-index: 2
}

.ls-modal__result-buttons .btn {
    background: #22222b
}

.ls-modal__result-buttons .btn:hover {
    background: #282833
}

.ls-modal__result-title {
    color: #ffc736;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 4px
}

.ls-modal__result-title, .ls-modal__result-value {
    font-family: Futura PT, sans-serif;
    font-style: normal;
    text-align: center
}

.ls-modal__result-value {
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 56px;
    margin: 0;
    text-shadow: 0 0 24px #ff8a65, 0 0 12px rgba(255, 204, 129, .5);
    text-transform: uppercase
}

@media (min-width: 768px) {
    .ls-modal__result-value {
        font-size: 62px;
        line-height: 52px
    }
}

.ls-modal__result:before {
    animation: rise-spin 20s linear infinite;
    background: url(/images/ls-wheel-rise-bg.b08d9498..png) 50% 50% no-repeat;
    content: "";
    height: 572px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 572px
}

@keyframes rise-spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes coins-move {
    0% {
        transform: translate(-50%, -50%)
    }
    to {
        transform: translate(-50%, -48%)
    }
}

.wheel-lootbox {
    height: 395px;
    left: 50%;
    margin: 0;
    position: relative;
    transform: scale(.9) translate(-50%);
    transform-origin: 0 0;
    width: 365px
}

@media (min-width: 480px) {
    .wheel-lootbox {
        left: 0;
        margin: 0 auto;
        transform: scale(1) translate(0);
        transform-origin: 0 0
    }
}

.wheel-lootbox__wheel-wrap {
    height: 395px;
    margin: 0 auto;
    position: relative;
    width: 365px
}

.wheel-lootbox__result {
    background: hsla(0, 0%, 7%, .9);
    bottom: -20px;
    color: #fff;
    font-size: 38px;
    left: -20px;
    padding: 60px 20px;
    position: absolute;
    right: -20px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transform: scale(0);
    transition: all .3s ease-in-out;
    z-index: 22
}

.wheel-lootbox__result--active {
    transform: scale(1)
}

.wheel-lootbox .spin-wrap {
    height: 305px;
    left: 30px;
    position: absolute;
    top: -3px;
    width: 305px
}

.wheel-lootbox .spin-wrap--spin-start {
    animation: wheel-running 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-1 {
    animation: wheel-running-1 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-2 {
    animation: wheel-running-2 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-3 {
    animation: wheel-running-3 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-4 {
    animation: wheel-running-4 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-5 {
    animation: wheel-running-5 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-6 {
    animation: wheel-running-6 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-7 {
    animation: wheel-running-7 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-8 {
    animation: wheel-running-8 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-9 {
    animation: wheel-running-9 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-wrap--spin-start-10 {
    animation: wheel-running-10 4.4s cubic-bezier(.13, .55, .24, 1) 1 forwards
}

.wheel-lootbox .spin-light {
    animation: lightRot-wheel 2s infinite none;
    z-index: 1
}

.wheel-lootbox .spin-img, .wheel-lootbox .spin-light {
    height: 305px;
    left: 0;
    position: absolute;
    top: 0;
    width: 305px
}

.wheel-lootbox .spin-border {
    height: 384px;
    left: 50%;
    position: absolute;
    top: 38%;
    transform: translate(-50%, -50%);
    width: 384px;
    z-index: 2
}

.wheel-lootbox .spin-border--gold, .wheel-lootbox .spin-border--silver {
    height: 500px;
    width: 500px;
    z-index: 0
}

.wheel-lootbox .diamond-cont {
    height: 365px;
    left: 0;
    position: absolute;
    top: 0;
    width: 365px;
    z-index: 4
}

.wheel-lootbox .spin-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 30px;
    justify-content: space-between;
    left: 50%;
    line-height: 1.5rem;
    margin-left: 75px;
    margin-top: -15px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    top: 50%;
    transform-origin: -4.8125rem center;
    white-space: nowrap;
    width: 66px
}

.wheel-lootbox .spin-item:first-child {
    transform: rotate(0deg)
}

.wheel-lootbox .spin-item:nth-child(2) {
    transform: rotate(17.5deg)
}

.wheel-lootbox .spin-item:nth-child(3) {
    transform: rotate(35deg)
}

.wheel-lootbox .spin-item:nth-child(4) {
    transform: rotate(53.5deg)
}

.wheel-lootbox .spin-item:nth-child(5) {
    transform: rotate(70deg)
}

.wheel-lootbox .spin-item:nth-child(6) {
    transform: rotate(88.5deg)
}

.wheel-lootbox .spin-item:nth-child(7) {
    transform: rotate(107deg)
}

.wheel-lootbox .spin-item:nth-child(8) {
    transform: rotate(124.5deg)
}

.wheel-lootbox .spin-item:nth-child(9) {
    transform: rotate(143deg)
}

.wheel-lootbox .spin-item:nth-child(10) {
    transform: rotate(162.5deg)
}

.wheel-lootbox .spin-item:nth-child(11) {
    transform: rotate(181deg)
}

.wheel-lootbox .spin-item:nth-child(12) {
    transform: rotate(198.5deg)
}

.wheel-lootbox .spin-item:nth-child(13) {
    transform: rotate(218deg)
}

.wheel-lootbox .spin-item:nth-child(14) {
    transform: rotate(235.5deg)
}

.wheel-lootbox .spin-item:nth-child(15) {
    transform: rotate(254deg)
}

.wheel-lootbox .spin-item:nth-child(16) {
    transform: rotate(271.5deg)
}

.wheel-lootbox .spin-item:nth-child(17) {
    transform: rotate(289.5deg)
}

.wheel-lootbox .spin-item:nth-child(18) {
    transform: rotate(307.5deg)
}

.wheel-lootbox .spin-item:nth-child(19) {
    transform: rotate(324.5deg)
}

.wheel-lootbox .spin-item:nth-child(20) {
    transform: rotate(342.5deg)
}

.wheel-lootbox .spin-item .amount {
    flex: auto;
    font-family: Futura PT, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5rem;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2)
}

.wheel-lootbox .spin-item .coin-icon {
    height: 1.5rem;
    width: 1.5rem
}

.wheel-lootbox .point-wrap {
    height: 5.59375rem;
    position: absolute;
    right: -1.90625rem;
    top: 8.0625rem;
    transform-origin: left center;
    width: 10rem
}

.wheel-lootbox .point-wrap .point-img {
    height: 100%;
    width: 100%
}

.wheel-lootbox .spin-btn {
    align-items: center;
    animation: wheel-btn-pulse 1s linear infinite alternate-reverse;
    cursor: pointer;
    display: flex;
    height: 110px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 39%;
    transform: translate(-50%, -50%);
    width: 140px;
    z-index: 5
}

.wheel-lootbox .spin-btn__img {
    max-width: 100%
}

.wheel-lootbox .spin-btn--clicked {
    pointer-events: none
}

.wheel-lootbox .spin-btn--clicked .spin-btn__text {
    display: none
}

.wheel-lootbox .spin-btn:active {
    transform: translate(-50%, -50%), scale(.5)
}

.wheel-lootbox .spin-info {
    margin-bottom: 50px
}

@media (min-width: 480px) {
    .wheel-lootbox .spin-info {
        margin-bottom: 40px
    }
}

.wheel-lootbox .spin-info__title {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 4px
}

.wheel-lootbox .spin-info__text, .wheel-lootbox .spin-info__title {
    font-family: Futura PT, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center
}

.wheel-lootbox .spin-info__text {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.wheel-lootbox .spin-info__text span {
    color: #ffc736
}

.ls-wheel-buttons {
    bottom: 0;
    left: 0;
    padding: 0 16px;
    text-align: center;
    width: 100%;
    z-index: 5
}

@media (min-width: 480px) {
    .ls-wheel-buttons {
        margin: 24px auto 0;
        max-width: 160px;
        padding: 0
    }
}

@media (min-width: 768px) {
    .ls-wheel-buttons {
        background: unset;
        border: unset;
        bottom: 48px
    }
}

.ls-wheel-buttons__btn {
    display: flex;
    flex: 1;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@keyframes lightRot-wheel {
    0% {
        transform: rotate(22.5deg)
    }
    50% {
        transform: rotate(22.5deg)
    }
    50.1% {
        transform: rotate(0)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes pulse-wheel {
    0% {
        transform: rotate(-5deg) scaleZ(1)
    }
    50% {
        transform: rotate(0) scale3d(1.1, 1.1, 1.1)
    }
    to {
        transform: rotate(-5deg) scaleZ(1)
    }
}

@keyframes wheel-running {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1822.5deg)
    }
}

@keyframes wheel-running-1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(6turn)
    }
}

@keyframes wheel-running-2 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2142deg)
    }
}

@keyframes wheel-running-3 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2124deg)
    }
}

@keyframes wheel-running-4 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2106deg)
    }
}

@keyframes wheel-running-5 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2089deg)
    }
}

@keyframes wheel-running-6 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2071deg)
    }
}

@keyframes wheel-running-7 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2052deg)
    }
}

@keyframes wheel-running-8 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2034deg)
    }
}

@keyframes wheel-running-9 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2016deg)
    }
}

@keyframes wheel-running-10 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1997deg)
    }
}

@keyframes wheel-btn-pulse {
    0% {
        transform: translate(-50%, -50%) scale(1)
    }
    to {
        transform: translate(-50%, -50%) scale(1.1)
    }
}

.lb-modal {
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.lb-modal__image {
    left: 50%;
    position: absolute;
    top: -275px;
    transform: translateX(-50%);
    z-index: -1
}

@media (min-width: 768px) {
    .lb-modal__image {
        top: 0
    }
}

.lb-modal__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 712px
}

.lb-modal__content {
    margin: 0 auto 32px;
    text-align: center
}

@media (min-width: 768px) {
    .lb-modal__content {
        border-radius: 8px;
        margin: 0 auto 48px
    }
}

.lb-modal__logo {
    margin: 32px auto 48px;
    max-width: 103px
}

@media (min-width: 480px) {
    .lb-modal__logo {
        margin: 32px auto
    }
}

@media (min-width: 768px) {
    .lb-modal__logo {
        display: none
    }
}

.lb-modal__logo img {
    width: 100%
}

.lb-modal__text {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .lb-modal__text {
        font-size: 26px;
        line-height: 32px;
        margin: 72px 0 0
    }
}

.lb-modal__text br {
    display: none
}

.lb-modal__gates {
    left: 50%;
    max-width: 310px;
    min-width: 310px;
    position: absolute;
    top: 268px;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width: 375px) {
    .lb-modal__gates {
        max-width: 360px;
        top: 246px
    }
}

@media (min-width: 480px) {
    .lb-modal__gates {
        max-width: 390px;
        top: 233px
    }
}

@media (min-width: 768px) {
    .lb-modal__gates {
        max-width: 720px;
        top: 208px
    }
}

.lb-modal__boxes {
    display: none
}

.ls-lb-gates {
    margin: 0 auto;
    position: relative;
    width: 100%
}

@media (max-width: 960px) {
    .ls-lb-gates {
        max-width: none
    }
}

@media (min-width: 960px) {
    .ls-lb-gates {
        max-width: 720px;
        min-height: 320px
    }
}

.ls-lb-gates__img {
    width: 100%
}

.ls-lb-gates__inner {
    bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 8px
}

@media (min-width: 480px) {
    .ls-lb-gates__inner {
        bottom: 10px;
        left: 10px;
        right: 10px;
        top: 10px
    }
}

@media (min-width: 768px) {
    .ls-lb-gates__inner {
        bottom: 24px;
        gap: 12px;
        left: 21px;
        right: 21px;
        top: 24px
    }
}

.ls-lb-gates__item {
    display: flex;
    flex: 1 1 25%;
    max-width: calc(20% - 3.2px);
    transform-origin: center center
}

@media (min-width: 768px) {
    .ls-lb-gates__item {
        max-width: calc(20% - 9.6px)
    }
}

.ls-lb-gates__item:first-child {
    transform-origin: top left
}

.ls-lb-gates__item:nth-child(6) {
    transform-origin: bottom left
}

.ls-lb-gates__item:nth-child(5) {
    transform-origin: top right
}

.ls-lb-gates__item:nth-child(10) {
    transform-origin: bottom right
}

.ls-lb-gates__item:nth-child(2), .ls-lb-gates__item:nth-child(4) {
    background: url(/images/ls-lb-card-2.233effab..png) 50% no-repeat;
    background-size: cover
}

.ls-lb-gates__item:nth-child(3), .ls-lb-gates__item:nth-child(7), .ls-lb-gates__item:nth-child(8), .ls-lb-gates__item:nth-child(9) {
    background: url(/images/ls-lb-card-3.9c3c02e6..png) 50% no-repeat;
    background-size: cover
}

.ls-lb-gates__item:nth-child(10), .ls-lb-gates__item:nth-child(6) {
    background: url(/images/ls-lb-card-4.0a63c3aa..png) 50% no-repeat;
    background-size: cover
}

.ls-lb-actions {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    position: relative
}

@media (min-width: 480px) {
    .ls-lb-actions {
        margin-top: 75px
    }
}

@media (min-width: 768px) {
    .ls-lb-actions {
        margin-top: 90px
    }
}

.ls-lb-actions__image {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100px
}

@media (min-width: 375px) {
    .ls-lb-actions__image {
        bottom: -10px;
        width: 120px
    }
}

@media (min-width: 768px) {
    .ls-lb-actions__image {
        width: 170px
    }
}

.ls-lb-actions .ls-lb-actions__button {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 44px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .ls-lb-actions .ls-lb-actions__button {
        padding: 12px 34px
    }
}

.lucky-box-modal {
    align-items: flex-start;
    background-image: url(/images/lb-modal-confiti.11e54642..png);
    background-repeat: no-repeat;
    background-size: 100% 30%;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 627px;
    overflow: hidden;
    padding: 56px 0 48px;
    position: relative
}

.lucky-box-modal:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    bottom: -300px;
    left: -300px
}

.lucky-box-modal:after, .lucky-box-modal:before {
    content: "";
    height: 560px;
    position: absolute;
    width: 560px;
    z-index: -1
}

.lucky-box-modal:after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 240, .12) .01%, rgba(17, 77, 148, 0) 100%);
    border-radius: 560px;
    right: -250px;
    top: -350px
}

.lucky-box-modal--finished {
    align-items: stretch;
    background-image: none
}

@media (min-width: 768px) {
    .lucky-box-modal {
        background-size: 100% 40%;
        min-height: 540px;
        padding: 56px 0 48px
    }
}

.lucky-box-modal__close-content--start {
    animation: close-hidden .3s linear
}

.lucky-box-modal__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.lucky-box-modal__text span {
    color: #ffc736
}

.lucky-box-modal__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 350px;
    width: 100%
}

.lucky-box-modal__inner--opened {
    justify-content: space-between
}

.lucky-box-modal__title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    text-align: center
}

.lucky-box-modal__text {
    margin-bottom: 48px;
    margin-top: 16px
}

.lucky-box-modal__img-open-wrapper {
    animation: close-hidden .3s linear reverse;
    height: 550px;
    position: absolute;
    top: 40px;
    width: 450px;
    z-index: -1
}

@media (min-width: 768px) {
    .lucky-box-modal__img-open-wrapper {
        height: 471px;
        width: 387px
    }
}

.lucky-box-modal__img-wrapper {
    align-items: center;
    display: flex;
    height: 214px;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 199px
}

.lucky-box-modal__img-wrapper:after {
    background-image: url(/images/stars.6215bec6..png);
    content: "";
    height: 100%;
    left: -20px;
    position: absolute;
    top: -35px;
    width: 100%;
    z-index: -1
}

@media (min-width: 768px) {
    .lucky-box-modal__img-wrapper {
        height: 233px;
        width: 217px
    }
}

.lucky-box-modal__img-bg {
    height: 150%;
    position: absolute;
    width: 150%;
    z-index: -1
}

.lucky-box-modal__img, .lucky-box-modal__img-open {
    height: 100%;
    width: 100%
}

.lucky-box-modal__img {
    animation: rotate-box 3s linear infinite
}

.lucky-box-modal__btn {
    font-size: 16px;
    letter-spacing: .2px;
    margin-top: 45px;
    max-width: 350px;
    padding: 16px 24px;
    width: calc(100% - 32px)
}

@media (min-width: 768px) {
    .lucky-box-modal__btn {
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.lucky-box-modal__btn--hidden {
    animation: opacity .3s linear;
    opacity: 0
}

.lucky-box-modal .lb-opened-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    width: 100%
}

.lucky-box-modal .lb-opened-content__text {
    color: #ffc736;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.lucky-box-modal .lb-opened-content__amount {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase
}

.lucky-box-modal .lb-opened-content__prizes {
    align-items: center;
    animation: visible-prize 1s linear forwards;
    animation-delay: 1s;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    margin-top: 40px;
    opacity: 0
}

.lucky-box-modal .lb-opened-content__btn-close {
    animation: opacity .3s linear reverse;
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 4px;
    box-shadow: none;
    filter: drop-shadow(0 5px 30px rgba(236, 50, 0, .5));
    margin-top: auto;
    max-width: 350px;
    padding: 12px 16px;
    width: calc(100% - 25px)
}

@media (min-width: 768px) {
    .lucky-box-modal .lb-opened-content__btn-close {
        max-width: 184px
    }
}

@keyframes rotate-box {
    0% {
        transform: rotate(0deg)
    }
    25% {
        transform: rotate(10deg)
    }
    50% {
        transform: rotate(0deg)
    }
    75% {
        transform: rotate(-10deg)
    }
    to {
        transform: rotate(0deg)
    }
}

@keyframes close-hidden {
    0% {
        transform: translateY(0) scale(1)
    }
    to {
        opacity: 0;
        transform: translateY(35%) scale(.5)
    }
}

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

@keyframes visible-prize {
    0% {
        opacity: 0
    }
    1% {
        opacity: 1;
        transform: translateY(200%) scale(.4)
    }
    35% {
        transform: translateY(0) scale(1)
    }
    50% {
        transform: translateY(20%)
    }
    70% {
        transform: translateY(0)
    }
    85% {
        transform: translateY(10%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.lootbox {
    border-radius: 10px;
    color: #181a1f;
    font-size: 20px;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    text-align: center
}

.lootbox__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.lootbox__content {
    padding: 30px;
    position: relative
}

@media (min-width: 768px) {
    .lootbox__content {
        padding: 90px 30px
    }
}

.lootbox__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px
}

@media (min-width: 768px) {
    .lootbox__title {
        font-size: 36px
    }
}

.lootbox__subtitle {
    font-size: 20px;
    margin: 0 auto 30px;
    max-width: 520px
}

@media (min-width: 768px) {
    .lootbox__subtitle {
        margin-bottom: 70px
    }
}

.lootbox__prize {
    font-size: 24px;
    font-weight: 900;
    margin-top: 20px
}

.lootbox__box--disabled .lootbox__prize {
    color: #6d6a71
}

.lootbox__valid-until {
    font-size: 16px;
    font-weight: 700;
    margin: 40px 0 10px
}

.lootbox__cancel {
    display: block;
    margin: 20px auto 0
}

.lootbox__timer {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    text-align: center
}

.lootbox__boxes {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0
}

@media (min-width: 768px) {
    .lootbox__boxes {
        align-items: flex-start;
        flex-direction: row
    }
}

.lootbox__box {
    align-self: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin: 0 auto 20px;
    text-align: center;
    width: 220px
}

@media (min-width: 768px) {
    .lootbox__box {
        margin: 0 50px
    }
}

.lootbox__box--disabled {
    filter: grayscale(1);
    pointer-events: none
}

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

.lootbox__box:last-child {
    margin: 0 auto
}

@media (min-width: 768px) {
    .lootbox__box:last-child {
        margin: 0 50px
    }
}

.lootbox__image:hover {
    animation: shake .5s;
    animation-iteration-count: infinite
}

.lootbox__show-all-boxes {
    display: block;
    margin: 20px auto 0
}

@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg)
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg)
    }
    20% {
        transform: translate(-3px) rotate(1deg)
    }
    30% {
        transform: translate(3px, 2px) rotate(0deg)
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg)
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg)
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg)
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg)
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg)
    }
    90% {
        transform: translate(1px, 2px) rotate(0deg)
    }
    to {
        transform: translate(1px, -2px) rotate(-1deg)
    }
}

.blocks-timer {
    background-color: #0a0a0d;
    padding: 0
}

.blocks-timer, .blocks-timer__list {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

.blocks-timer__list {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin: 0;
    max-height: 64px;
    max-width: 100%;
    padding: 12px 8px
}

.blocks-timer__item {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    min-width: 20%;
    padding: 0 10px;
    position: relative;
    width: auto
}

.blocks-timer__item:before {
    color: hsla(0, 0%, 100%, .4);
    content: ":";
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    position: absolute;
    right: -4px;
    top: 35%;
    transform: translateY(-50%)
}

.blocks-timer__item:last-child {
    flex: 1
}

.blocks-timer__item:last-child:before {
    display: none
}

.blocks-timer__item:first-child {
    flex: 1
}

.blocks-timer__item:first-child:before {
    display: none
}

.blocks-timer__value {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.blocks-timer__text, .blocks-timer__value {
    font-family: Futura PT, sans-serif;
    font-style: normal
}

.blocks-timer__text {
    color: hsla(0, 0%, 100%, .4);
    font-size: 8px;
    font-weight: 450;
    letter-spacing: .01em;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase
}

.lootwheel-item {
    display: flex
}

.lootwheel-item__description-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 5px
}

.lootwheel-item__title {
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 20px
}

.lootwheel-item__win-msg {
    padding: 10px 0
}

.lootwheel-award {
    height: 410px;
    margin: 5px 17px 5px 5px;
    min-width: 410px;
    position: relative
}

.lootwheel-award__wheel {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 370px
}

.lootwheel-award__rim {
    height: auto;
    left: 0;
    position: absolute;
    top: 0
}

.lootwheel-award__center {
    bottom: 0;
    cursor: pointer;
    height: 75px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    z-index: 2
}

.lootwheel-award__center--disabled {
    cursor: auto;
    filter: brightness(50%);
    pointer-events: none
}

.lootwheel-award__stopper {
    bottom: 0;
    height: auto;
    margin: auto;
    position: absolute;
    right: -12px;
    top: 0;
    width: 58px
}

.lootwheel-award__center, .lootwheel-award__rim, .lootwheel-award__stopper, .lootwheel-award__wheel {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}

@keyframes wheel-waiting {
    0% {
        transform: rotate(-3deg)
    }
    50% {
        transform: rotate(3deg)
    }
    to {
        transform: rotate(-3deg)
    }
}

.notification__text-wrapper {
    margin-right: 32px;
    overflow-wrap: anywhere;
    word-break: normal
}

.notification__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.notification__close-button {
    color: hsla(0, 0%, 100%, .65);
    font-size: 12px;
    position: absolute;
    right: 14px;
    top: 14px
}

.notification-cookies-policy {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(46, 46, 59, .4);
    border-radius: 8px;
    margin: 0 auto;
    padding: 12px 16px
}

.notification-cookies-policy, .notification-cookies-policy__text-wrapper {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

@media (min-width: 480px) {
    .notification-cookies-policy__text-wrapper {
        align-self: unset
    }
}

.notification-cookies-policy__link, .notification-cookies-policy__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    white-space: nowrap
}

.notification-cookies-policy__link {
    color: #00dccd
}

.notification-cookies-policy__link:hover {
    color: #1df0e2
}

.notification-cookies-policy .notification-cookies-policy__accept {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase
}

.bonus-pop-up {
    background: linear-gradient(179deg, #e84444, #53189e);
    border-radius: 20px;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .3);
    margin: 0 auto;
    max-width: 720px;
    padding: 16px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .bonus-pop-up {
        min-width: 720px
    }
}

.bonus-pop-up--deposit, .bonus-pop-up--reload, .bonus-pop-up--special {
    background: linear-gradient(179deg, #22b299, #53189e)
}

.bonus-pop-up--lottery, .bonus-pop-up--mystery, .bonus-pop-up--spin, .bonus-pop-up--tournament {
    background: linear-gradient(179deg, #3d57e0, #7c1db7)
}

.bonus-pop-up--with-timer {
    padding: 16px 16px 48px
}

@media (min-width: 768px) {
    .bonus-pop-up, .bonus-pop-up--with-timer {
        padding: 20px
    }
}

.bonus-pop-up .inline-icon-timer {
    margin-top: 0;
    position: relative
}

.bonus-pop-up .inline-icon-timer i {
    color: #fff !important
}

@media (min-width: 768px) {
    .bonus-pop-up .inline-icon-timer:before {
        background: hsla(0, 0%, 100%, .2);
        content: "";
        height: 14px;
        left: -16px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
}

.bonus-pop-up .bonus-pop-up__button--close {
    position: absolute;
    right: 12px;
    top: 12px
}

.bonus-pop-up .bonus-pop-up__button--main {
    padding: 10px 16px;
    white-space: nowrap;
    width: 100%
}

@media (min-width: 768px) {
    .bonus-pop-up .bonus-pop-up__button--main {
        align-self: flex-end;
        width: unset
    }
}

.bonus-pop-up__image {
    width: 48px
}

@media (min-width: 768px) {
    .bonus-pop-up__image {
        width: 88px
    }
}

.bonus-pop-up__inner {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media (min-width: 768px) {
    .bonus-pop-up__inner {
        -moz-column-gap: 32px;
        column-gap: 32px;
        flex-direction: row;
        justify-content: space-between
    }
}

.bonus-pop-up__content {
    align-items: flex-start;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

@media (min-width: 768px) {
    .bonus-pop-up__content {
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

.bonus-pop-up__bottom {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media (min-width: 768px) {
    .bonus-pop-up__bottom {
        flex-direction: row
    }
}

.bonus-pop-up__timer {
    bottom: 16px;
    left: 50%;
    position: absolute !important;
    transform: translateX(-50%);
    white-space: nowrap
}

@media (min-width: 768px) {
    .bonus-pop-up__timer {
        bottom: unset;
        left: unset;
        position: relative !important;
        transform: unset
    }
}

.bonus-pop-up__header {
    align-items: center;
    -moz-column-gap: 33px;
    column-gap: 33px;
    display: flex;
    margin-bottom: 4px
}

@media (min-width: 768px) {
    .bonus-pop-up__header {
        margin-bottom: 8px;
        position: absolute;
        top: 0
    }

    .bonus-pop-up__description {
        padding-top: 28px;
        position: relative
    }
}

.bonus-pop-up__text {
    font-family: Futura PT, sans-serif;
    margin: 0
}

.bonus-pop-up__text:last-child {
    margin: 0 !important
}

.bonus-pop-up__text--title {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

@media (min-width: 768px) {
    .bonus-pop-up__text--title {
        white-space: nowrap
    }
}

.bonus-pop-up__text--offer {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .bonus-pop-up__text--offer {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 4px
    }
}

.bonus-pop-up__text--specialOffer {
    color: #ffc736;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .bonus-pop-up__text--specialOffer {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 8px
    }
}

.bonus-pop-up__text--description {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .bonus-pop-up__text--description {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 8px
    }
}

.bonus-pop-up__text--code {
    align-items: flex-end;
    color: hsla(0, 0%, 100%, .65);
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 768px) {
    .bonus-pop-up__text--code {
        font-size: 16px;
        line-height: 24px
    }
}

.bonus-pop-up__text--code-value {
    align-items: center;
    color: #00dccd;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 768px) {
    .bonus-pop-up__text--code-value {
        font-size: 16px;
        line-height: 24px
    }
}

.session-timer {
    align-items: center;
    background: #1a1a22;
    border-radius: 6px;
    bottom: 64px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    left: 8px;
    padding: 4px 6px;
    position: fixed;
    z-index: 140
}

@media (min-width: 960px) {
    .session-timer {
        bottom: 8px;
        z-index: 1050
    }
}

.session-timer__icon {
    color: hsla(0, 0%, 100%, .4);
    display: flex
}

.session-timer__icon:before {
    font-size: 20px
}

.session-timer__timer {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    font-weight: 450;
    letter-spacing: .5px
}

.notification__container {
    background-color: #282833;
    border-radius: 6px;
    display: flex;
    padding: 16px;
    position: relative;
    width: 100%;
    word-break: break-all
}

.notification-unavailable-in-country-policy__text-wrapper, .notification__text-wrapper {
    margin-right: 32px;
    overflow-wrap: anywhere;
    word-break: normal
}

.notification-unavailable-in-country-policy__title, .notification__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.notification__message {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 4px 0 0
}

.notification__icon {
    font-size: 16px
}

.notification-unavailable-in-country-policy__close-button, .notification__close-button {
    color: hsla(0, 0%, 100%, .65);
    font-size: 12px;
    position: absolute;
    right: 14px;
    top: 14px
}

.notification__icon--success {
    color: #48a902
}

.notification__icon--warning {
    color: #ff9500
}

.notification__icon--danger {
    color: #fc311d
}

.notification-unavailable-in-country-policy {
    background: #22242c;
    bottom: 0;
    left: 0;
    padding: 20px 60px 20px 20px;
    position: fixed;
    right: 0;
    z-index: 1027
}

.notification-unavailable-in-country-policy__link {
    color: #fff !important
}

.notification-unavailable-in-country-policy__title {
    word-break: break-word
}

.notification-unavailable-in-country-policy__accept {
    margin-right: 15px;
    margin-top: 15px
}

.notification-unavailable-in-country-policy__decline {
    margin-top: 15px
}

.notification-container-bottom-left {
    bottom: 1px;
    left: 0;
    right: 0;
    width: 100vw
}

.notification-container-bottom-left .notification-item {
    margin-bottom: 0
}

.required-fields-modal__content {
    padding: 24px
}

.required-fields-modal .required-fields-modal__form {
    background-color: transparent
}

@media (min-width: 480px) {
    .required-fields-modal .required-fields-modal__form {
        padding: 16px
    }
}

.required-fields-modal__reject-button {
    margin: 10px 0 0;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .required-fields-modal__reject-button {
        margin: 0 16px 0 0
    }
}

.required-fields-modal__submit-button {
    text-transform: uppercase
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.animated {
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.repeat-1 {
    animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animated.repeat-3 {
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animated.delay-1s {
    animation-delay: var(--animate-delay)
}

.animated.delay-2s {
    animation-delay: calc(var(--animate-delay) * 2)
}

.animated.delay-3s {
    animation-delay: calc(var(--animate-delay) * 3)
}

.animated.delay-4s {
    animation-delay: calc(var(--animate-delay) * 4)
}

.animated.delay-5s {
    animation-delay: calc(var(--animate-delay) * 5)
}

.animated.faster {
    animation-duration: calc(var(--animate-duration) / 2)
}

.animated.fast {
    animation-duration: calc(var(--animate-duration) * .8)
}

.animated.slow {
    animation-duration: calc(var(--animate-duration) * 2)
}

.animated.slower {
    animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion: reduce), print {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }

    .animated[class*=Out] {
        opacity: 0
    }
}

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

.fadeOut {
    animation-name: fadeOut
}

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

.fadeIn {
    animation-name: fadeIn
}

.rnc__notification-container--bottom-center, .rnc__notification-container--bottom-full, .rnc__notification-container--bottom-left, .rnc__notification-container--bottom-right, .rnc__notification-container--center, .rnc__notification-container--top-center, .rnc__notification-container--top-full, .rnc__notification-container--top-left, .rnc__notification-container--top-right {
    min-width: 325px;
    pointer-events: all;
    position: absolute
}

.rnc__notification-container--bottom-center, .rnc__notification-container--center, .rnc__notification-container--top-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: calc(50% - 175px);
    max-width: 350px
}

.rnc__notification-container--center {
    height: 100%;
    pointer-events: none;
    top: 20px
}

.rnc__notification-container--bottom-full, .rnc__notification-container--top-full {
    min-width: 100%;
    width: 100%
}

.rnc__notification-container--bottom-full {
    bottom: 0
}

.rnc__notification-container--top-center {
    top: 20px
}

.rnc__notification-container--bottom-center {
    bottom: 20px
}

.rnc__notification-container--top-left {
    left: 20px;
    top: 20px
}

.rnc__notification-container--top-right {
    right: 20px;
    top: 20px
}

.rnc__notification-container--bottom-left {
    bottom: 20px;
    left: 20px
}

.rnc__notification-container--bottom-right {
    bottom: 20px;
    right: 20px
}

.rnc__notification-container--mobile-bottom, .rnc__notification-container--mobile-top {
    pointer-events: all;
    position: absolute
}

.rnc__notification-container--mobile-top {
    left: 20px;
    right: 20px;
    top: 20px
}

.rnc__notification-container--mobile-bottom {
    bottom: 20px;
    left: 20px;
    margin-bottom: -15px;
    right: 20px
}

.rnc__util--flex-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 325px;
    pointer-events: all
}

.rnc__notification-item--default {
    background-color: #007bff;
    border-left: 8px solid #0562c7
}

.rnc__notification-item--default .rnc__notification-timer {
    background-color: #007bff
}

.rnc__notification-item--default .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--default .rnc__notification-close-mark {
    background-color: #007bff
}

.rnc__notification-item--success {
    background-color: #28a745;
    border-left: 8px solid #1f8838
}

.rnc__notification-item--success .rnc__notification-timer {
    background-color: #28a745
}

.rnc__notification-item--success .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--success .rnc__notification-close-mark {
    background-color: #28a745
}

.rnc__notification-item--danger {
    background-color: #dc3545;
    border-left: 8px solid #bd1120
}

.rnc__notification-item--danger .rnc__notification-timer {
    background-color: #dc3545
}

.rnc__notification-item--danger .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--danger .rnc__notification-close-mark {
    background-color: #dc3545
}

.rnc__notification-item--info {
    background-color: #17a2b8;
    border-left: 8px solid #138b9e
}

.rnc__notification-item--info .rnc__notification-timer {
    background-color: #17a2b8
}

.rnc__notification-item--info .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--info .rnc__notification-close-mark {
    background-color: #17a2b8
}

.rnc__notification-item--warning {
    background-color: #eab000;
    border-left: 8px solid #ce9c09
}

.rnc__notification-item--warning .rnc__notification-timer {
    background-color: #eab000
}

.rnc__notification-item--warning .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--warning .rnc__notification-close-mark {
    background-color: #eab000
}

.rnc__notification-item--awesome {
    background-color: #685dc3;
    border-left: 8px solid #4c3fb1
}

.rnc__notification-item--awesome .rnc__notification-timer {
    background-color: #685dc3
}

.rnc__notification-item--awesome .rnc__notification-timer-filler {
    background-color: #fff
}

.rnc__notification-item--awesome .rnc__notification-close-mark {
    background-color: #685dc3
}

@keyframes timer {
    0% {
        width: 100%
    }
    to {
        width: 0
    }
}

.rnc__base {
    height: 100%;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 9000
}

.rnc__notification-item {
    border-radius: 3px;
    box-shadow: 1px 3px 4px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: flex;
    margin-bottom: 15px;
    position: relative
}

.rnc__notification-container--bottom-full .rnc__notification-item, .rnc__notification-container--top-full .rnc__notification-item {
    border-radius: 0;
    margin-bottom: 0
}

.rnc__notification-container--bottom-full .rnc__notification, .rnc__notification-container--top-full .rnc__notification {
    width: 100% !important
}

.rnc__notification-timer {
    margin-top: 10px;
    width: 100%
}

.rnc__notification-timer, .rnc__notification-timer-filler {
    border-radius: 5px;
    height: 3px
}

.rnc__notification-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px
}

.rnc__notification-message {
    word-wrap: break-word;
    color: #fff;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 0;
    margin-top: 0;
    max-width: calc(100% - 15px)
}

.rnc__notification-content {
    display: inline-block;
    padding: 8px 15px;
    width: 100%
}

.rnc__notification-close-mark {
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px
}

.rnc__notification-close-mark:after {
    color: #fff;
    content: "×";
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.rnc__notification-container--mobile-bottom .notification, .rnc__notification-container--mobile-bottom .rnc__notification-item, .rnc__notification-container--mobile-top .notification, .rnc__notification-container--mobile-top .rnc__notification-item {
    max-width: 100%;
    width: 100%
}

.rnc__notification-container--bottom-right .notification, .rnc__notification-container--top-right .notification {
    margin-left: auto
}

.rnc__notification-container--bottom-left .notification, .rnc__notification-container--top-left .notification {
    margin-right: auto
}

.rnc__notification-container--mobile-bottom .notification, .rnc__notification-container--mobile-top .notification {
    margin-left: auto;
    margin-right: auto
}

html {
    height: auto;
    min-height: 100%;
    width: 100%
}

.body, body {
    background-color: #0f0f14;
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.6;
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    text-align: left;
    width: 100vw
}

* {
    box-sizing: border-box
}

img {
    border: none
}

input::-ms-clear, input::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.grecaptcha-badge {
    visibility: hidden
}

a[disabled] {
    pointer-events: none
}

i {
    font-size: 24px !important
}

ol {
    padding-left: 20px
}

.main-slider .main-slider__item {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 380px;
    justify-content: center;
    outline: none;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .main-slider .main-slider__item {
        height: 380px
    }
}

.main-slide {
    background-color: #fc311d;
    color: #2b2d32;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    line-height: 1.25;
    position: relative
}

@media (min-width: 768px) {
    .main-slide {
        font-size: 26px
    }
}

.main-slide__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.main-slide__image--left {
    -o-object-position: left center;
    object-position: left center
}

.main-slide__image--right {
    -o-object-position: right center;
    object-position: right center
}

.main-slide__content {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.main-slide__content, .main-slide__content p {
    margin: 0;
    padding: 0;
    width: 100%
}

.main-slide__block {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 100%;
    padding: 30px;
    position: relative;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .main-slide__block {
        padding: 30px 50px
    }
}

.main-slide__block--left {
    justify-content: flex-start;
    text-align: left
}

.main-slide__block--right {
    justify-content: flex-end;
    text-align: right
}

.main-slide__block--top {
    align-items: flex-start
}

.main-slide__block--bottom {
    align-items: flex-end
}

.main-slide__block-inner {
    display: block;
    margin: 0;
    max-width: 240px;
    padding: 0;
    text-align: inherit;
    width: 100%
}

@media (min-width: 768px) {
    .main-slide__block-inner {
        max-width: 520px
    }
}

.main-slide__title {
    color: #2b2d32;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    margin: 4px 0
}

@media (min-width: 768px) {
    .main-slide__title {
        font-size: 42px
    }
}

.main-slide__subtitle {
    color: #2b2d32;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
    margin: 4px 0
}

@media (min-width: 768px) {
    .main-slide__subtitle {
        font-size: 36px
    }
}

.main-slide__color-inverse {
    color: #fff !important
}

.main-slide__uppercase {
    text-transform: uppercase !important
}

.main-slide__block-button {
    margin-top: 10px
}

@media (min-width: 768px) {
    .main-slide__block-button {
        margin-top: 30px
    }
}

.main-slide__full-link {
    color: inherit;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0
}

.main-slide__full-link, .main-slide__row {
    align-items: center;
    display: flex;
    width: 100%
}

.main-slide__row {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    min-height: 100%;
    padding: 0 10px
}

@media (min-width: 768px) {
    .main-slide__row {
        padding: 0 20px
    }
}

@media (min-width: 960px) {
    .main-slide__row {
        padding: 0 30px
    }
}

.main-slide__cell {
    display: inline-flex;
    justify-content: center;
    width: 100%
}

@media (min-width: 768px) {
    .main-slide__cell {
        width: auto
    }
}

@media (max-width: 767px) {
    .main-slide__cell--hide-mobile {
        display: none
    }
}

.main-slide__cell .main-slide__block-inner {
    max-width: 350px;
    text-align: center;
    width: calc(100% - 50px)
}

.main-slide .main-slide__register-form {
    max-width: 350px;
    width: 100%
}

.banner {
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-transform: none;
    width: 100%
}

@media (min-width: 960px) {
    .banner {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .banner {
        font-size: 12px
    }
}

@media (min-width: 1440px) {
    .banner {
        font-size: 14px
    }
}

.banner p {
    margin: 0;
    padding: 0
}

.banner__img {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    top: 0;
    width: 100%
}

.banner__content {
    display: block;
    padding: 5px 20px;
    position: absolute;
    width: 100%
}

@media (min-width: 1200px) {
    .banner__content {
        padding: 5px 10px
    }
}

@media (min-width: 1440px) {
    .banner__content {
        padding: 5px 24px
    }
}

.banner__title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px
}

p + .banner__title {
    margin: 0 0 5px
}

@media (min-width: 960px) {
    .banner__title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

@media (min-width: 1200px) {
    .banner__title {
        font-size: 16px;
        margin-bottom: 5px
    }
}

@media (min-width: 1440px) {
    .banner__title {
        font-size: 20px;
        margin-bottom: 10px
    }
}

.banner__button-wrapper {
    display: block;
    margin: 16px 0 0
}

@media (min-width: 960px) {
    .banner__button-wrapper {
        margin-top: 20px
    }
}

@media (min-width: 1200px) {
    .banner__button-wrapper {
        margin-top: 16px
    }
}

@media (min-width: 1440px) {
    .banner__button-wrapper {
        margin-top: 22px
    }
}

@media (min-width: 1200px)and (max-width: 1439px) {
    .layout--left-padding .banner__button-wrapper {
        margin-top: 10px
    }
}

.game-banner {
    border-radius: 4px;
    grid-column: span 2;
    order: 1;
    overflow: hidden;
    padding: 48px 32px;
    position: relative
}

@media (min-width: 768px) {
    .game-banner {
        padding: 24px 32px
    }
}

.game-banner:nth-child(2), .game-banner:nth-child(3) {
    order: 3
}

.game-banner:nth-child(4) {
    order: 5
}

.game-banner__title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: .28px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase
}

.game-banner p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .14px;
    margin-bottom: 16px;
    margin-top: 0
}

.game-banner__pretitle {
    margin-bottom: 8px;
    margin-top: 0
}

.game-banner__content {
    position: relative;
    z-index: 2
}

.game-banner__img {
    bottom: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    z-index: 1
}

.game-banner__button-wrapper {
    margin-top: 16px
}

.jackpot-slide__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.jackpot-slide__content {
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width: 768px) {
    .jackpot-slide__content {
        font-size: 20px
    }
}

.jackpot-slide__block {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 100%;
    padding: 40px 24px;
    position: relative;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .jackpot-slide__block {
        padding: 94px 48px
    }
}

@media (min-width: 1200px) {
    .jackpot-slide__block {
        padding: 94px 54px
    }
}

@media (min-width: 1440px) {
    .jackpot-slide__block {
        padding: 94px 64px
    }
}

.jackpot-slide__block--left {
    justify-content: flex-start;
    text-align: left
}

.jackpot-slide__block--right {
    justify-content: flex-end;
    text-align: right
}

.jackpot-slide__block--top {
    align-items: flex-start
}

.jackpot-slide__block--bottom {
    align-items: flex-end
}

.jackpot-slide__block--with-registration {
    display: none;
    width: calc(100% - 500px)
}

@media (min-width: 768px) {
    .jackpot-slide__block--with-registration {
        display: flex
    }
}

.jackpot-slide__block-inner {
    display: block;
    margin: 0;
    padding: 0;
    text-align: inherit;
    width: 100%
}

.jackpot-slide__title {
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .24px;
    margin: 0 0 9px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .jackpot-slide__title {
        font-size: 56px;
        letter-spacing: .56px;
        margin-bottom: 50px
    }
}

.jackpot-slide__title .od-total-wrapper, .jackpot-slide__title .od-total-wrapper .odometer.odometer-auto-theme, .jackpot-slide__title .od-total-wrapper .odometer.odometer-theme-default {
    font-family: Futura PT, sans-serif
}

.jackpot-slide__block--with-registration .jackpot-slide__title {
    font-size: 24px
}

@media (min-width: 768px) {
    .jackpot-slide__block--with-registration .jackpot-slide__title {
        font-size: 32px
    }
}

@media (min-width: 1200px) {
    .jackpot-slide__block--with-registration .jackpot-slide__title {
        font-size: 40px
    }
}

.jackpot-slide__block-button {
    font-family: Futura PT, sans-serif;
    font-weight: 500
}

.jackpot-slide__block-button .jackpot-slide__button {
    font-size: 16px;
    min-height: 52px;
    min-width: 167px
}

@media (min-width: 768px) {
    .jackpot-slide__block-button .jackpot-slide__button {
        font-size: 22px;
        min-height: 67px;
        min-width: 215px
    }
}

.jackpot-slide__row {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

@media (min-width: 768px) {
    .jackpot-slide__row {
        flex-direction: row;
        max-width: 100%;
        width: auto
    }
}

.jackpot-slide__block--left .jackpot-slide__row {
    justify-content: flex-start
}

.jackpot-slide__block--right .jackpot-slide__row {
    justify-content: flex-end
}

.jackpot-slide__block--with-registration .jackpot-slide__row {
    align-items: flex-start;
    flex-direction: column
}

@media (min-width: 960px) {
    .jackpot-slide__block--with-registration .jackpot-slide__row {
        flex-direction: row;
        max-width: 100%;
        width: auto
    }
}

.jackpot-slide__cell {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: inherit;
    width: 100%
}

@media (min-width: 768px) {
    .jackpot-slide__cell {
        width: auto
    }
}

.jackpot-slide__cell:not(:first-child) {
    margin: 16px 0 0
}

@media (min-width: 768px) {
    .jackpot-slide__cell:not(:first-child) {
        margin: 0 0 0 24px
    }
}

@media (max-width: 767px) {
    .jackpot-slide__cell:last-child {
        margin: 0 0 16px;
        order: -1
    }
}

.jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
    margin: 0
}

@media (max-width: 959px) {
    .jackpot-slide__block--with-registration .jackpot-slide__cell:last-child {
        margin: 0;
        order: -1
    }
}

.jackpot-slide__cell-inner {
    display: block;
    text-align: inherit;
    width: 100%
}

.jackpot-slide__full-link {
    align-items: center;
    color: inherit;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%
}

.jackpot-slide .registration-form-nomodal {
    max-width: 400px;
    min-height: 360px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%)
}

@media (min-width: 768px) {
    .jackpot-slide .registration-form-nomodal {
        right: 48px;
        transform: translateY(-50%)
    }
}

@media (min-width: 1200px) {
    .jackpot-slide .registration-form-nomodal {
        right: 54px
    }
}

@media (min-width: 1440px) {
    .jackpot-slide .registration-form-nomodal {
        right: 64px
    }
}

.jackpot-slide--jackpot .jackpot-slide__title {
    font-size: 24px;
    font-weight: 800;
    text-shadow: 0 0 10px rgba(177, 78, 255, .51), 0 0 10px rgba(255, 189, 111, .25)
}

@media (min-width: 768px) {
    .jackpot-slide--jackpot .jackpot-slide__title {
        font-size: 72px;
        line-height: 80px
    }
}

.welcome-modal__header {
    align-items: center;
    background-color: #22242c;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    text-transform: uppercase
}

.welcome-modal__image-wrapper {
    height: 160px;
    position: relative
}

@media (min-width: 768px) {
    .welcome-modal__image-wrapper {
        height: 200px
    }
}

.welcome-modal__image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.welcome-modal__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 24px
}

@media (min-width: 960px) {
    .welcome-modal__content {
        padding: 32px
    }
}

.welcome-modal__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 960px) {
    .welcome-modal__title {
        font-size: 24px
    }
}

.welcome-modal__prize {
    color: #fc311d
}

.welcome-modal__desc {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
    text-align: center
}

@media (min-width: 960px) {
    .welcome-modal__desc {
        font-size: 14px
    }
}

.welcome-modal .welcome-modal__button {
    margin-top: 22px
}

.bonuses__more {
    margin-top: 30px;
    text-align: center
}

.fast-deposit-metods-info {
    padding: 10px 0
}

.welcome-bonus-sign-up {
    padding: 86px 16px 0;
    width: 100%
}

@media (min-width: 480px) {
    .welcome-bonus-sign-up {
        padding: 94px 48px 0
    }
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up {
        padding: 48px;
        text-align: center
    }
}

.welcome-bonus-sign-up__logo {
    display: none;
    position: relative;
    z-index: 3
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up__logo {
        display: inline-block
    }
}

.welcome-bonus-sign-up__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    max-width: 370px;
    position: relative;
    text-transform: uppercase;
    z-index: 3
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up__title {
        font-size: 26px;
        font-weight: 800;
        line-height: 32px;
        margin: 32px auto 0;
        max-width: 400px
    }
}

.welcome-bonus-sign-up__background {
    height: 480px;
    position: absolute;
    right: 0;
    top: -42px;
    width: 480px
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up__background {
        bottom: 0;
        height: 730px;
        left: 50%;
        right: auto;
        top: auto;
        transform: translate(-50%);
        width: 100%
    }
}

.welcome-bonus-sign-up__background:after {
    background-color: rgba(26, 26, 34, .5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up__background:after {
        display: none
    }
}

.welcome-bonus-sign-up__background--gradient {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.welcome-bonus-sign-up__gradient {
    position: absolute
}

.welcome-bonus-sign-up__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 240, .12) .01%, rgba(17, 77, 148, 0) 100%);
    bottom: 71%;
    height: 560px;
    right: -43%;
    width: 896px
}

.welcome-bonus-sign-up__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    bottom: -35.1%;
    height: 809px;
    top: 47.2%;
    width: 991px
}

.welcome-bonus-sign-up__image {
    height: 100%;
    width: 100%
}

.welcome-bonus-sign-up__image--mobile {
    display: block
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up__image--mobile {
        display: none
    }
}

.welcome-bonus-sign-up__image--desktop {
    display: none
}

@media (min-width: 1200px) {
    .welcome-bonus-sign-up__image--desktop {
        display: block
    }
}

.home-vip-benifits {
    margin-top: 80px;
    position: relative
}

.home-vip-benifits__gradient {
    position: absolute;
    z-index: -1
}

.home-vip-benifits__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    bottom: -90px;
    height: 920px;
    right: -610px;
    width: 896px
}

@media (min-width: 768px) {
    .home-vip-benifits__gradient--red {
        bottom: unset;
        right: -520px;
        right: -510px;
        top: -250px
    }
}

@media (min-width: 1440px) {
    .home-vip-benifits__gradient--red {
        right: -685px
    }
}

@media (min-width: 1680px) {
    .home-vip-benifits__gradient--red {
        right: -500px
    }
}

.home-vip-benifits__gradient--green {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 240, .12) .01%, rgba(17, 77, 148, 0) 100%);
    display: none;
    height: 920px;
    width: 896px
}

@media (min-width: 768px) {
    .home-vip-benifits__gradient--green {
        display: block;
        left: -530px;
        top: -410px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__gradient--green {
        top: -460px
    }
}

.home-vip-benifits__star {
    position: absolute
}

.home-vip-benifits__star--small {
    display: none
}

@media (min-width: 1200px) {
    .home-vip-benifits__star--small {
        left: 32%;
        top: 265px
    }
}

.home-vip-benifits__star--big {
    display: none;
    height: 77px;
    left: 11px;
    top: 48%
}

@media (min-width: 768px) {
    .home-vip-benifits__star--big {
        left: 0;
        top: -90px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__star--big {
        height: 91px;
        top: -97px
    }
}

.home-vip-benifits__background-image {
    height: 972px;
    left: -100%;
    opacity: .4;
    position: absolute;
    top: -165px;
    z-index: -2
}

@media (min-width: 768px) {
    .home-vip-benifits__background-image {
        left: -50%;
        opacity: 1
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__background-image {
        left: 0;
        top: -310px
    }
}

@media (min-width: 768px) {
    .home-vip-benifits {
        margin-bottom: 418px;
        margin-top: 172px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits {
        margin-bottom: 254px;
        margin-top: 262px
    }
}

@media (min-width: 1440px) {
    .home-vip-benifits {
        margin-bottom: 230px
    }
}

.home-vip-benifits .container, .home-vip-benifits__text {
    position: relative
}

@media (min-width: 768px) {
    .home-vip-benifits__text {
        max-width: 328px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__text {
        margin-left: 32px;
        max-width: 485px
    }
}

@media (min-width: 1440px) {
    .home-vip-benifits__text {
        margin-left: 77px;
        max-width: 630px
    }
}

.home-vip-benifits__text:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    content: "";
    display: none;
    height: 440px;
    opacity: .8;
    position: absolute;
    transform: rotate(-20deg);
    width: 595px;
    z-index: -1
}

@media (min-width: 768px) {
    .home-vip-benifits__text:before {
        display: block;
        left: -130px;
        top: -100px
    }
}

.home-vip-benifits__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -1.3px;
    line-height: 32px;
    margin: 0 0 24px;
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .home-vip-benifits__title {
        font-size: 62px;
        line-height: 52px;
        margin: 0 0 32px
    }
}

@media (min-width: 1440px) {
    .home-vip-benifits__title {
        font-size: 72px;
        line-height: 64px
    }
}

.home-vip-benifits__description {
    color: hsla(0, 0%, 100%, .65);
    display: inline-block;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 48px
}

@media (min-width: 768px) {
    .home-vip-benifits__description {
        margin-bottom: 40px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__description {
        margin-bottom: 48px
    }
}

.home-vip-benifits__cards {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

@media (min-width: 768px) {
    .home-vip-benifits__cards {
        display: block
    }
}

.home-vip-benifits__card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .04);
    border-radius: 12px;
    max-width: 308px;
    min-width: 308px;
    padding: 24px;
    position: relative
}

.home-vip-benifits__card:before {
    background: transparent;
    border-bottom: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 12px;
    border-right: 1px solid hsla(0, 0%, 100%, .12);
    bottom: -8px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -8px;
    width: 100%;
    z-index: -1
}

@media (min-width: 768px) {
    .home-vip-benifits__card {
        position: absolute
    }
}

.home-vip-benifits__card--one {
    height: 190px
}

@media (min-width: 768px) {
    .home-vip-benifits__card--one {
        right: 6px;
        top: 80px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__card--one {
        right: 110px;
        top: -66px
    }
}

@media (min-width: 1440px) {
    .home-vip-benifits__card--one {
        right: 132px
    }
}

@media (min-width: 1680px) {
    .home-vip-benifits__card--one {
        right: 237px
    }
}

.home-vip-benifits__card--two {
    align-self: flex-end;
    height: 196px
}

@media (min-width: 768px) {
    .home-vip-benifits__card--two {
        right: 6px;
        top: 294px
    }
}

@media (min-width: 1200px) {
    .home-vip-benifits__card--two {
        right: 8px;
        top: 148px
    }
}

@media (min-width: 1440px) {
    .home-vip-benifits__card--two {
        right: 30px
    }
}

@media (min-width: 1680px) {
    .home-vip-benifits__card--two {
        right: 134px
    }
}

.home-vip-benifits__card--three {
    display: none
}

.home-vip-benifits__card-title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

.home-vip-benifits__card-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    row-gap: 12px
}

.home-vip-benifits__card-item {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 14px;
    line-height: 20px
}

.home-vip-benifits__card-description, .home-vip-benifits__card-item {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-style: normal;
    font-weight: 500
}

.home-vip-benifits__card-description {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px
}

.home-vip-benifits__card-image {
    margin-left: -10px;
    margin-top: 24px
}

.home-vip-benifits__card-image--title {
    border-bottom-right-radius: 12px;
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.home-vip-benifits__badge {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 480px) {
    .home-vip-benifits__badge {
        left: 130%
    }
}

@media (min-width: 768px) {
    .home-vip-benifits__badge {
        left: unset;
        right: -74px;
        top: 28px
    }
}

.home-vip-benifits__badge-letters {
    animation: badge 10s linear infinite;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.home-vip-benifits .home-vip-benifits__button {
    align-self: center;
    display: flex;
    padding: 12px 20px
}

.home-vip-benifits .home-vip-benifits__button--desktop {
    display: none
}

@media (min-width: 768px) {
    .home-vip-benifits .home-vip-benifits__button--desktop {
        display: inline-block
    }
}

.home-vip-benifits .home-vip-benifits__button--mobile {
    margin: 40px 0 72px
}

@media (min-width: 768px) {
    .home-vip-benifits .home-vip-benifits__button--mobile {
        display: none
    }
}

@keyframes badge {
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.iphone-modal {
    text-align: center
}

.iphone-modal__header {
    color: #fff;
    font-size: 20px;
    padding: 10px 20px
}

.iphone-modal__content {
    padding: 0 20px 20px
}

.copyright {
    display: grid;
    grid-template-columns:1fr;
    margin-bottom: 24px;
    margin-top: 32px;
    row-gap: 24px
}

@media (min-width: 1200px) {
    .copyright {
        -moz-column-gap: 48px;
        column-gap: 48px;
        grid-template-columns:1fr 1fr;
        margin-bottom: 36px;
        margin-top: 48px
    }
}

.copyright__text {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.prize-level__cashback {
    display: block
}

.game-tournaments-list {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mystery-drops-winners-tables__wrap {
    display: flex;
    gap: 24px;
    margin-bottom: 120px;
    margin-top: 110px;
    padding-top: 50px
}

@media (max-width: 1247px) {
    .mystery-drops-winners-tables__wrap {
        gap: 16px;
        margin-bottom: 112px;
        margin-top: 102px
    }
}

@media (max-width: 959px) {
    .mystery-drops-winners-tables__wrap {
        margin-bottom: 96px;
        margin-left: -24px;
        margin-top: 86px;
        overflow: auto;
        padding-left: 24px;
        padding-right: 24px;
        width: 100vw
    }
}

@media (max-width: 767px) {
    .mystery-drops-winners-tables__wrap {
        gap: 12px;
        margin-bottom: 72px;
        margin-top: 62px
    }
}

.mystery-drops-winners-tables__table {
    background: radial-gradient(49.34% 47.32% at 50% 0, rgba(142, 53, 255, .12) 0, rgba(107, 37, 255, 0) 100%), rgba(223, 228, 255, .1);
    border-radius: 4px;
    padding: 48px 16px 16px;
    position: relative;
    width: 33.3333333333%
}

@media (max-width: 1247px) {
    .mystery-drops-winners-tables__table {
        padding-top: 52px
    }
}

@media (max-width: 959px) {
    .mystery-drops-winners-tables__table {
        min-width: 328px;
        width: 328px
    }
}

@media (max-width: 767px) {
    .mystery-drops-winners-tables__table {
        padding-top: 52px
    }
}

@media (max-width: 480px) {
    .mystery-drops-winners-tables__table {
        min-width: calc(100vw - 48px);
        width: calc(100vw - 48px)
    }
}

.mystery-drops-winners-tables__icon-wrap {
    height: 80px;
    left: 50%;
    margin-bottom: 8px;
    position: absolute;
    top: -40px;
    transform: translateX(-50%);
    width: 80px
}

.mystery-drops-winners-tables__icon-wrap img {
    max-width: 100%
}

.mystery-drops-winners-tables__title {
    color: #fff;
    font-family: Rubik, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    margin-bottom: 24px;
    text-align: center
}

@media (max-width: 1247px) {
    .mystery-drops-winners-tables__title {
        font-size: 16px;
        line-height: 20px
    }
}

@media (max-width: 959px) {
    .mystery-drops-winners-tables__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .mystery-drops-winners-tables__title {
        font-size: 16px;
        line-height: 20px
    }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block {
    align-items: center;
    border-radius: 4px;
    display: flex;
    min-height: 56px;
    padding: 8px;
    position: relative
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block:nth-child(odd) {
    background: rgba(176, 180, 255, .04)
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__block-place {
    margin-right: 12px;
    width: 40px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98px
}

@media (max-width: 1247px) {
    .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
        width: 60px
    }
}

@media (max-width: 959px) {
    .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
        width: 98px
    }
}

@media (max-width: 480px) {
    .mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-title {
        width: 60px
    }
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool-wrap {
    align-items: center;
    display: flex;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%)
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-pool {
    color: #fff;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap__winner-block-level-image {
    margin-left: 8px;
    width: 18px
}

.mystery-drops-winners-tables .jackpot-biggest-wrap .ago-timer__text {
    color: hsla(0, 0%, 100%, .4)
}

.mystery-drops-winners-tables .jackpot-list-winner__block {
    align-items: center;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    min-height: 56px;
    padding: 8px 8px 8px 60px;
    position: relative
}

.mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(odd) {
    background: rgba(176, 180, 255, .04)
}

.mystery-drops-winners-tables .jackpot-list-winner__block:nth-child(n+6) {
    display: none
}

.mystery-drops-winners-tables .jackpot-list-winner__name {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 98px
}

@media (max-width: 1247px) {
    .mystery-drops-winners-tables .jackpot-list-winner__name {
        width: 60px
    }
}

@media (max-width: 959px) {
    .mystery-drops-winners-tables .jackpot-list-winner__name {
        width: 98px
    }
}

@media (max-width: 480px) {
    .mystery-drops-winners-tables .jackpot-list-winner__name {
        width: 60px
    }
}

.mystery-drops-winners-tables .jackpot-list-winner__pool-wrap {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    left: 0;
    padding: 8px 8px 8px 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.mystery-drops-winners-tables .jackpot-list-winner__pool {
    color: #fff;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.mystery-drops-winners-tables .jackpot-list-winner__level-image {
    width: 35px
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer {
    width: 100%
}

.mystery-drops-winners-tables .jackpot-list-winner .ago-timer__text {
    color: hsla(0, 0%, 100%, .4)
}

.mystery-drops-winners-tables .tooltip-info__info-btn {
    height: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px
}

.mystery-drops-winners-tables .tooltip-info__info-btn img {
    width: 100%
}

.mystery-features {
    margin: 120px 0
}

.mystery-features-wrapper {
    position: relative;
    z-index: 2
}

.mystery-features-wrapper:before {
    background: radial-gradient(50% 50% at 50% 50%, #0057ff 0, rgba(0, 87, 255, 0) 100%);
    content: "";
    height: 611px;
    left: -50%;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 611px;
    z-index: -1
}

@media (min-width: 768px) {
    .mystery-features-wrapper:before {
        height: 1157px;
        left: -80%;
        top: 40%;
        transform: translateY(-50%);
        width: 1157px
    }
}

@media (min-width: 1200px) {
    .mystery-features-wrapper:before {
        height: 1451px;
        left: -750px;
        top: 80%;
        width: 1451px
    }
}

.mystery-features-wrapper:after {
    background: radial-gradient(50% 50% at 50% 50%, #ad00ff 0, rgba(173, 0, 255, 0) 100%);
    content: "";
    height: 611px;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    right: -50%;
    top: -80px;
    width: 611px;
    z-index: -1
}

@media (min-width: 768px) {
    .mystery-features-wrapper:after {
        height: 1157px;
        right: -80%;
        top: 50%;
        transform: translateY(-50%);
        width: 1157px
    }
}

@media (min-width: 1200px) {
    .mystery-features-wrapper:after {
        height: 1451px;
        right: -750px;
        top: 70%;
        width: 1451px
    }
}

@media (max-width: 768px) {
    .mystery-features {
        margin: 60px 0
    }
}

.mystery-features__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 64px;
    text-align: center
}

@media (max-width: 768px) {
    .mystery-features__title {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 32px
    }
}

@media (min-width: 1200px) {
    .mystery-features__title {
        font-size: 32px;
        line-height: 40px
    }
}

.mystery-features__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (max-width: 960px) {
    .mystery-features__list {
        row-gap: 56px
    }
}

@media (max-width: 768px) {
    .mystery-features__list {
        row-gap: 16px
    }
}

.mystery-features__list-item {
    flex: 1 1 20%;
    max-width: 20%
}

@media (max-width: 960px) {
    .mystery-features__list-item {
        flex: 1 1 33.3333%;
        max-width: 33.3333%
    }
}

@media (max-width: 768px) {
    .mystery-features__list-item {
        flex: 1 1 100%;
        max-width: 100%
    }

    .mystery-features__list-item:last-child {
        margin-bottom: 0
    }
}

.mystery-feature {
    padding: 0 15px
}

@media (max-width: 768px) {
    .mystery-feature {
        align-items: center;
        display: flex
    }
}

.mystery-feature__icon {
    height: 80px;
    margin: 0 auto 24px;
    width: 80px
}

@media (max-width: 768px) {
    .mystery-feature__icon {
        height: 64px;
        margin: -10px 24px 0 0;
        width: 64px
    }
}

.mystery-feature__icon img {
    max-width: 100%
}

.mystery-feature__content {
    flex: 1;
    text-align: center
}

@media (max-width: 768px) {
    .mystery-feature__content {
        text-align: left
    }
}

.mystery-feature__title {
    color: #fff !important;
    font-family: Futura PT, sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 28px !important;
    margin: 0
}

@media (max-width: 768px) {
    .mystery-feature__title {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .mystery-feature__title br {
        display: none
    }
}

.mystery-feature__text {
    color: hsla(0, 0%, 100%, .65);
    font: 14px/20px Futura PT, sans-serif;
    margin-bottom: 0;
    margin-top: 4px
}

@media (min-width: 1200px) {
    .mystery-feature__text {
        font-size: 16px;
        line-height: 24px
    }
}

.ls-prizes-modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

@media (min-width: 768px) {
    .ls-prizes-modal .modal__content-wrapper {
        height: unset;
        margin: auto;
        max-width: 720px
    }
}

.ls-prizes-modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow: hidden
}

@media (min-width: 768px) {
    .ls-prizes-modal .modal__content {
        border-radius: 20px;
        margin: 32px auto
    }
}

.ls-prizes-modal__inner {
    height: 100%;
    overflow: auto;
    padding: 56px 16px 40px
}

@media (min-width: 768px) {
    .ls-prizes-modal__inner {
        border-radius: 20px;
        padding: 48px 66px 52px
    }
}

.ls-prizes-modal__content {
    margin: 0 0 28px;
    text-align: center
}

.ls-prizes-modal__rewards {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 768px) {
    .ls-prizes-modal__rewards {
        flex-direction: row
    }
}

.ls-prizes-modal__title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px
}

.ls-prizes-modal__text, .ls-prizes-modal__title {
    font-family: Futura PT, sans-serif;
    font-style: normal;
    text-align: center
}

.ls-prizes-modal__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 450;
    line-height: 24px
}

.ls-prizes-modal__text:last-child {
    margin: 0
}

.ls-prizes-modal__list-title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px;
    text-align: center
}

.ls-prizes-modal .ls-modal-rewards {
    border-radius: 8px;
    flex: 1;
    overflow: hidden;
    padding: 32px 52px;
    position: relative
}

@media (min-width: 768px) {
    .ls-prizes-modal .ls-modal-rewards {
        padding: 32px 24px
    }
}

.ls-prizes-modal .ls-modal-rewards__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.ls-prizes-modal .ls-modal-rewards__item {
    margin: 0 0 16px
}

.ls-prizes-modal .ls-modal-rewards__item:last-child {
    margin: 0
}

.ls-prizes-modal .ls-modal-rewards__item-text {
    color: hsla(0, 0%, 100%, .65);
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0
}

.ls-prizes-modal .ls-modal-rewards__item-text span:last-child {
    color: #fff;
    font-weight: 700
}

.ls-prizes-modal .ls-modal-rewards--silver {
    background: linear-gradient(13deg, #710d06 9.54%, #fc311d 73.97%, #fc5d04 90.39%);
    position: relative
}

.ls-prizes-modal .ls-modal-rewards--silver:after {
    background: url(/images/silver-prize-list-bg.5be0a71d..png);
    bottom: 0;
    content: "";
    height: 236px;
    left: 0;
    position: absolute;
    width: 253px
}

.ls-prizes-modal .ls-modal-rewards--gold {
    background: linear-gradient(13deg, #ad4902 9.54%, #fc9004 72.28%, #fcb01d 90.39%);
    position: relative
}

.ls-prizes-modal .ls-modal-rewards--gold:after {
    background: url(/images/silver-prize-list-bg.5be0a71d..png);
    bottom: 0;
    content: "";
    height: 236px;
    left: 0;
    position: absolute;
    width: 253px
}

.lb-prizes-modal__inner {
    overflow: hidden;
    padding: 40px 16px 64px
}

@media (min-width: 768px) {
    .lb-prizes-modal__inner {
        padding: 40px 56px 34px
    }
}

.lb-prizes-modal__inner:after {
    background: no-repeat;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.lb-prizes-modal__inner:before {
    background: top/contain url(/images/lb-modal-confiti.11e54642..png) no-repeat, radial-gradient(27.42% 26.24% at 100% 98.82%, rgba(0, 255, 240, .04) 0, transparent 100%), #121212;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (min-width: 768px) {
    .lb-prizes-modal__inner:before {
        border-radius: 8px
    }
}

.lb-prizes-modal__bg {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.lb-prizes-modal__bg:after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    bottom: -500px;
    content: "";
    display: block;
    height: 809px;
    position: absolute;
    right: -300px;
    width: 700px
}

.lb-prizes-modal__bg:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 240, .12) .01%, rgba(17, 77, 148, 0) 100%);
    border-radius: 630px;
    content: "";
    display: block;
    height: 560px;
    position: absolute;
    right: -100px;
    top: -400px;
    width: 631px
}

.lb-prizes-modal__content {
    margin: 0 auto;
    max-width: 401px
}

.lb-prizes-modal__main-title, .lb-prizes-modal__title {
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.lb-prizes-modal__main-title {
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    line-height: 28px
}

.lb-prizes-modal__title {
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px
}

.lb-prizes-modal__text {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 143%;
    margin-bottom: 24px;
    margin-top: 16px;
    text-align: center
}

.lb-prizes-modal__rewards {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 768px) {
    .lb-prizes-modal__rewards {
        flex-direction: row;
        width: 100%
    }
}

.lb-prizes-modal .lb-modal-rewards {
    background-image: url(/images/bg-prizes-modal.6b00bac9..png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 32px 52px;
    position: relative
}

@media (min-width: 768px) {
    .lb-prizes-modal .lb-modal-rewards {
        padding: 32px 24px;
        width: 100%
    }
}

.lb-prizes-modal .lb-modal-rewards__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 24px 0 0;
    padding: 0
}

.lb-prizes-modal .lb-modal-rewards__item-text {
    display: flex;
    justify-content: space-between;
    margin: 0
}

.lb-prizes-modal .lb-modal-rewards__item-text span {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    letter-spacing: .01em;
    line-height: 143%
}

.lb-prizes-modal .lb-modal-rewards__item-text span:last-child {
    color: #fff;
    font-weight: 700
}

.lb-prizes-modal .lb-modal-rewards--epic:before {
    background: linear-gradient(180deg, #ffc736, rgba(147, 63, 15, .99));
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lb-prizes-modal .lb-modal-rewards--rare:before {
    background: linear-gradient(354deg, #003f5a, #03b6aa);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lb-prizes-modal .modal__content-wrapper {
    margin: 0;
    max-width: 100%;
    width: 100%
}

@media (min-width: 768px) {
    .lb-prizes-modal .modal__content-wrapper {
        margin: auto;
        max-width: 700px
    }
}

.lb-prizes-modal .modal__content {
    margin: 0;
    min-height: 100vh
}

@media (min-width: 768px) {
    .lb-prizes-modal .modal__content {
        border-radius: 8px;
        min-height: auto
    }
}

.lb-prizes-modal .modal__close-button {
    right: 16px !important;
    top: 16px !important
}

.limit-modal {
    align-items: center;
    display: flex;
    flex-direction: column
}

.limit-modal__img-container {
    height: 96px;
    margin-bottom: 24px;
    width: 96px
}

.limit-modal__img {
    height: 100%;
    width: 100%
}

.limit-modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 8px;
    text-align: center;
    text-transform: uppercase
}

.limit-modal__text {
    color: hsla(0, 0%, 100%, .65);
    margin: 0 0 16px;
    text-align: center
}

.limit-modal__link, .limit-modal__text {
    font-size: 16px;
    font-weight: 450;
    line-height: 24px
}

.limit-modal__link {
    align-items: center;
    color: #00dccd;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    margin: 0 0 32px
}

.limit-modal__icon {
    font-size: 24px
}

.limit-modal__btn {
    width: 100%
}

.cms-page--jackpot {
    padding: 0 !important
}

.cms-page--jackpot .page-content--desktop {
    display: none
}

@media (min-width: 768px) {
    .cms-page--jackpot .page-content--desktop {
        display: block
    }
}

.cms-page--jackpot .page-content--mobile {
    display: block
}

@media (min-width: 768px) {
    .cms-page--jackpot .page-content--mobile {
        display: none
    }
}

.cms-page--jackpot .page-content--mobile .description {
    margin-top: 48px
}

.cms-page--jackpot .page-content p {
    color: #999;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 24px;
    text-align: left
}

.cms-page--jackpot .page-content .description__block-buttons {
    text-align: left
}

.cms-page--jackpot .description__block-buttons {
    display: flex;
    justify-content: flex-start
}

.cms-page--jackpot .section-title {
    margin-top: 0
}

.cms-page--jackpot .link-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.cms-page--jackpot .jackpot-mobile-prizes {
    display: block
}

@media (min-width: 768px) {
    .cms-page--jackpot .jackpot-mobile-prizes {
        display: none
    }
}

.cms-page--jackpot .jackpot-link {
    margin-top: 35px;
    padding: 16px 28px;
    text-transform: uppercase
}

.jackpot-wrapper {
    background: #0f0f14;
    max-width: 100vw;
    overflow: hidden;
    padding-bottom: 80px
}

@media (min-width: 1200px) {
    .jackpot-wrapper {
        padding-bottom: 120px
    }
}

.p-support__content {
    margin: 0 0 24px
}

@media (min-width: 768px) {
    .p-support__content {
        margin: 0 0 32px
    }
}

.p-support__body {
    display: flex;
    flex-direction: column
}

@media (min-width: 1200px) {
    .p-support__body {
        align-items: flex-start;
        flex-direction: row;
        gap: 32px
    }
}

.p-support__form-wrapper {
    margin: 0 0 48px
}

@media (min-width: 1200px) {
    .p-support__form-wrapper {
        flex: 0 0 395px;
        margin: 0
    }
}

.p-support__cards {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 768px) {
    .p-support__cards {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 44px
    }
}

@media (min-width: 1200px) {
    .p-support__cards {
        flex: 1;
        flex-direction: column;
        gap: 40px
    }
}

.p-support__cards-item {
    flex: 1 1 50%;
    max-width: calc(50% - 22px)
}

@media (min-width: 1200px) {
    .p-support__cards-item {
        flex: 1;
        max-width: 100%
    }
}

.p-support .c-support-card {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.p-support .c-support-card__head {
    align-items: center;
    display: flex;
    gap: 12px
}

.p-support .c-support-card__icon {
    flex: 0 0 38px;
    height: 38px;
    width: 38px
}

.p-support .c-support-card__name {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.p-support .c-support-card__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media (min-width: 768px) {
    .p-support .c-support-card__text {
        font-size: 16px;
        line-height: 24px
    }
}

.p-support .c-support-card__text:last-child {
    margin: 0
}

.sports-ifame {
    border: none;
    min-height: calc(100vh - 60px);
    width: 100%
}

.casino-promotions {
    overflow-x: hidden;
    padding-top: 32px
}

@media (min-width: 768px) {
    .casino-promotions {
        padding-top: 48px
    }
}

@media (min-width: 1200px) {
    .casino-promotions {
        padding-top: 56px
    }
}

.casino-promotions__container {
    margin: 0 auto;
    width: calc(100% - 32px)
}

@media (min-width: 768px) {
    .casino-promotions__container {
        width: calc(100% - 48px)
    }
}

@media (min-width: 1200px) {
    .casino-promotions__container {
        width: calc(100% - 64px)
    }
}

@media (min-width: 1680px) {
    .casino-promotions__container {
        max-width: 1344px
    }
}

.casino-promotions__top {
    position: relative;
    text-align: center;
    width: 100%
}

.casino-promotions__background {
    height: 407px;
    left: 50%;
    position: absolute;
    top: -32px;
    transform: translateX(-50%);
    z-index: -1
}

@media (min-width: 768px) {
    .casino-promotions__background {
        height: 543px;
        top: -48px
    }
}

@media (min-width: 1200px) {
    .casino-promotions__background {
        height: 740px;
        top: -100px
    }
}

.casino-promotions__title {
    color: #fff;
    display: inline-block;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -1.3px;
    line-height: 32px;
    margin: 0 0 48px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .casino-promotions__title {
        margin-bottom: 16px
    }
}

@media (min-width: 768px) {
    .casino-promotions__title {
        font-size: 62px;
        letter-spacing: -3.1px;
        line-height: 52px
    }
}

@media (min-width: 1440px) {
    .casino-promotions__title {
        font-size: 72px;
        letter-spacing: -3.6px;
        line-height: 64px;
        max-width: 830px
    }
}

.casino-promotions__description {
    color: #fff;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 32px;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .casino-promotions__description {
        font-size: 20px;
        line-height: 30px
    }
}

.casino-promotions .casino-promotions__button {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    margin-bottom: 56px;
    padding: 12px 20px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .casino-promotions .casino-promotions__button {
        margin-bottom: 64px;
        padding: 16px 24px
    }
}

@media (min-width: 1200px) {
    .casino-promotions .casino-promotions__button {
        margin-bottom: 80px
    }
}

.vip-page__header {
    padding: 40px 0 28px
}

@media (min-width: 480px) {
    .vip-page__header {
        padding: 48px 0 32px
    }
}

@media (min-width: 768px) {
    .vip-page__header {
        padding: 64px 0 40px
    }
}

@media (min-width: 1200px) {
    .vip-page__header {
        padding: 64px 0 48px
    }
}

@media (min-width: 1440px) {
    .vip-page__header {
        padding: 80px 0 48px
    }
}

.vip-page__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px;
    text-align: center
}

@media (min-width: 480px) {
    .vip-page__title {
        font-size: 26px;
        line-height: 32px
    }
}

@media (min-width: 768px) {
    .vip-page__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 1200px) {
    .vip-page__title {
        margin: 0 0 28px
    }
}

@media (min-width: 1440px) {
    .vip-page__title {
        font-size: 42px;
        line-height: 52px
    }
}

.vip-page__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 auto 12px
}

@media (min-width: 1200px) {
    .vip-page__description {
        font-size: 16px;
        line-height: 24px;
        max-width: 942px
    }
}

@media (min-width: 1440px) {
    .vip-page__description {
        max-width: 1134px
    }
}

.vip-page__description:last-child {
    margin: 0 auto
}

.vip-page-benefits {
    padding: 338px 0 48px;
    position: relative
}

@media (min-width: 480px) {
    .vip-page-benefits {
        padding: 427px 0 56px
    }
}

@media (min-width: 768px) {
    .vip-page-benefits {
        padding: 94px 0 85px
    }
}

@media (min-width: 1200px) {
    .vip-page-benefits {
        padding: 90px 0 98px
    }
}

@media (min-width: 1440px) {
    .vip-page-benefits {
        padding: 140px 0 200px
    }
}

@media (min-width: 1680px) {
    .vip-page-benefits {
        padding: 200px 0
    }
}

.vip-page-benefits__image {
    height: 264px;
    left: 50%;
    position: absolute;
    top: 48px;
    transform: translateX(-50%);
    width: 343px
}

@media (min-width: 480px) {
    .vip-page-benefits__image {
        height: 346px;
        top: 56px;
        width: 448px
    }
}

@media (min-width: 768px) {
    .vip-page-benefits__image {
        left: 62%;
        top: 64px;
        transform: unset
    }
}

@media (min-width: 1200px) {
    .vip-page-benefits__image {
        top: 80px
    }
}

@media (min-width: 1440px) {
    .vip-page-benefits__image {
        height: 490px;
        left: 56%;
        width: 603px
    }
}

@media (min-width: 1680px) {
    .vip-page-benefits__image {
        height: 547px;
        width: 622px
    }
}

.vip-page-benefits__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px
}

@media (min-width: 480px) {
    .vip-page-benefits__title {
        margin: 0 0 24px
    }
}

@media (min-width: 1200px) {
    .vip-page-benefits__title {
        font-size: 26px;
        line-height: 32px
    }
}

.vip-page-benefits__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 24px
}

@media (min-width: 480px) {
    .vip-page-benefits__description {
        margin: 0 0 28px
    }
}

@media (min-width: 768px) {
    .vip-page-benefits__description {
        max-width: 445px
    }
}

@media (min-width: 1200px) {
    .vip-page-benefits__description {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 24px;
        max-width: 535px
    }
}

@media (min-width: 1440px) {
    .vip-page-benefits__description {
        margin: 0 0 32px
    }
}

.vip-page-benefits__description:last-child {
    margin: 0 0 16px
}

@media (min-width: 480px) {
    .vip-page-benefits__description:last-child {
        margin: 0 0 24px
    }
}

.vip-page-benefits__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

@media (min-width: 480px) {
    .vip-page-benefits__list {
        -moz-column-gap: 12px;
        column-gap: 12px
    }
}

.vip-page-benefits__item {
    align-items: center;
    background: #1a1a22;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px;
    row-gap: 4px;
    width: 100%
}

@media (min-width: 480px) {
    .vip-page-benefits__item {
        padding: 16px;
        row-gap: 8px
    }
}

@media (min-width: 768px) {
    .vip-page-benefits__item {
        max-width: 138px
    }
}

@media (min-width: 1200px) {
    .vip-page-benefits__item {
        max-width: 162px;
        padding: 20px
    }
}

.vip-page-benefits__item span {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

@media (min-width: 1200px) {
    .vip-page-benefits__item span {
        font-size: 16px;
        line-height: 24px
    }
}

.vip-page-benefits__icon {
    color: #fc311d
}

.vip-page__bottom {
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .vip-page__bottom {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .vip-page__bottom {
        margin: 0 auto 120px;
        max-width: 944px
    }
}

@media (min-width: 1440px) {
    .vip-page__bottom {
        max-width: 1144px
    }
}

@media (min-width: 1680px) {
    .vip-page__bottom {
        max-width: 1344px
    }
}

.tournaments-page {
    margin-bottom: 80px
}

@media (min-width: 768px) {
    .tournaments-page {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .tournaments-page {
        margin-bottom: 120px
    }
}

.tournaments-page__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 24px 0 16px
}

@media (min-width: 768px) {
    .tournaments-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 32px 0 24px
    }
}

@media (min-width: 1200px) {
    .tournaments-page__title {
        font-size: 42px;
        line-height: 52px
    }
}

.tournaments-page__description {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 32px
}

@media (min-width: 768px) {
    .tournaments-page__description {
        font-size: 16px;
        line-height: 24px;
        max-width: 720px
    }
}

@media (min-width: 1200px) {
    .tournaments-page__description {
        margin: 0 0 40px;
        max-width: 850px
    }
}

.tournaments-page__tabs {
    margin-bottom: 24px
}

.p-help-center__banner {
    border-radius: 12px;
    display: flex;
    max-height: 312px;
    overflow: hidden
}

@media (max-width: 1200px) {
    .p-help-center__banner {
        display: none
    }
}

.p-help-center__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.p-faq__collapse {
    margin: 0 0 8px;
    transition: margin .3s ease
}

.p-faq__collapse.collapse-block--open {
    margin: 0 0 32px
}

.install-app {
    background: url(/system/comfy/cms/files/files/000/004/206/original/install-app-bg-mobile.png);
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
}

@media (min-width: 768px) {
    .install-app {
        background: url(/system/comfy/cms/files/files/000/004/202/original/install-app-bg.png);
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: contain
    }
}

.install-app-container {
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .install-app-container {
        max-width: 800px;
        padding: 0 24px
    }
}

@media (min-width: 1200px) {
    .install-app-container {
        max-width: 1200px;
        padding: 0 32px
    }
}

.install-app-hero {
    margin-bottom: 80px;
    padding-top: 310px;
    position: relative
}

@media (min-width: 768px) {
    .install-app-hero {
        margin-bottom: 100px;
        padding-top: 100px
    }
}

@media (min-width: 1200px) {
    .install-app-hero {
        margin-bottom: 260px
    }
}

@media (min-width: 1400px) {
    .install-app-hero {
        padding-top: 160px
    }
}

@media (min-width: 1680px) {
    .install-app-hero {
        margin-bottom: 360px
    }
}

.install-app-hero-phones {
    height: 302px;
    left: 50%;
    position: absolute;
    top: -290px;
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .install-app-hero-phones {
        left: unset;
        right: 0;
        top: -100px;
        transform: unset
    }
}

@media (min-width: 1200px) {
    .install-app-hero-phones {
        height: 483px
    }
}

@media (min-width: 1400px) {
    .install-app-hero-phones {
        height: 644px;
        right: -50px;
        top: -160
    }
}

@media (min-width: 1680px) {
    .install-app-hero-phones {
        margin-bottom: 360px
    }
}

.install-app-hero-text {
    margin-bottom: 48px;
    text-align: center
}

@media (min-width: 768px) {
    .install-app-hero-text {
        text-align: left
    }
}

.install-app-hero-subtitle {
    color: #fff;
    display: block;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

@media (min-width: 768px) {
    .install-app-hero-subtitle {
        margin-bottom: 24px
    }
}

@media (min-width: 1400px) {
    .install-app-hero-subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.install-app-hero-title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0
}

@media (min-width: 768px) {
    .install-app-hero-title {
        font-size: 42px;
        line-height: 52px;
        max-width: 360px
    }
}

@media (min-width: 1200px) {
    .install-app-hero-title {
        font-size: 54px;
        font-weight: 900;
        line-height: 64px;
        max-width: 585px
    }
}

.install-app-hero-buttons {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media (min-width: 768px) {
    .install-app-hero-buttons {
        -moz-column-gap: 12px;
        column-gap: 12px;
        flex-direction: row
    }
}

.install-app-hero-button {
    background: #ff230a;
    border-radius: 10px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    height: 56px;
    padding: 8px 24px;
    text-decoration: none;
    width: 168px
}

.install-app-hero-button-text-top {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap
}

.install-app-hero-button-text-platform, .install-app-hero-button-text-top {
    font-family: Futura PT, sans-serif;
    font-style: normal;
    font-weight: 700;
    margin: 0
}

.install-app-hero-button-text-platform {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase
}

.install-app-how-to {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.install-app-how-to-header {
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-bottom: 32px
}

@media (min-width: 1200px) {
    .install-app-how-to-header {
        display: flex;
        margin-bottom: 40px
    }
}

.install-app-how-to-image {
    height: 40px;
    margin-bottom: 16px
}

@media (min-width: 1200px) {
    .install-app-how-to-image {
        margin-bottom: 0
    }
}

.install-app-how-to-title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-align: center
}

@media (min-width: 1200px) {
    .install-app-how-to-title {
        font-size: 32px;
        line-height: 40px
    }
}

.install-app-steps {
    display: flex;
    flex-direction: column;
    margin-bottom: 90px;
    row-gap: 32px
}

@media (min-width: 768px) {
    .install-app-steps {
        -moz-column-gap: 36px;
        column-gap: 36px;
        flex-direction: row;
        margin-bottom: 80px
    }
}

@media (min-width: 1400px) {
    .install-app-steps {
        -moz-column-gap: 108px;
        column-gap: 108px;
        margin-bottom: 120px
    }
}

.install-app-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (min-width: 768px) {
    .install-app-step {
        justify-content: space-between
    }
}

.install-app-step-text {
    margin-bottom: 24px
}

@media (min-width: 768px) {
    .install-app-step-text {
        max-width: 216px
    }
}

@media (min-width: 1200px) {
    .install-app-step-text {
        max-width: 285px
    }
}

.install-app-step-title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.install-app-step-description {
    color: hsla(0, 0%, 100%, .8);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.install-app-step-image {
    border: 6px solid #6d8df1;
    border-radius: 24px;
    width: 260px
}

.install-app-step-image--ios {
    border-radius: 42px
}

@media (min-width: 768px) {
    .install-app-step-image {
        height: 456px;
        width: 216px
    }
}

@media (min-width: 1200px) {
    .install-app-step-image {
        height: 600px;
        width: 285px
    }
}

.welcome-page {
    position: relative
}

.welcome-page__gradient {
    height: 638px;
    position: absolute;
    width: 656px;
    z-index: -1
}

@media (min-width: 768px) {
    .welcome-page__gradient {
        height: 896px;
        width: 920px
    }
}

.welcome-page__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 240, .12) .01%, rgba(17, 77, 148, 0) 100%);
    left: -405px;
    top: -175px
}

@media (min-width: 480px) {
    .welcome-page__gradient--blue {
        top: -130px
    }
}

@media (min-width: 768px) {
    .welcome-page__gradient--blue {
        left: -534px;
        top: -357px
    }
}

@media (min-width: 1200px) {
    .welcome-page__gradient--blue {
        top: -327px
    }
}

@media (min-width: 1680px) {
    .welcome-page__gradient--blue {
        top: -400px
    }
}

.welcome-page__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 10, 10, .14) 0, rgba(180, 0, 75, 0) 100%);
    right: -456px;
    top: 110px
}

@media (min-width: 480px) {
    .welcome-page__gradient--red {
        top: 155px
    }
}

@media (min-width: 768px) {
    .welcome-page__gradient--red {
        right: -610px;
        top: -93px
    }
}

@media (min-width: 1200px) {
    .welcome-page__gradient--red {
        right: -554px;
        top: -108px
    }
}

@media (min-width: 768px) {
    .welcome-page {
        padding: 16px 0 0
    }
}

@media (min-width: 1200px) {
    .welcome-page {
        padding: 24px 0 0
    }
}

.welcome-page__top {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    max-width: 100%;
    row-gap: 16px
}

@media (min-width: 1200px) {
    .welcome-page__top {
        display: grid;
        grid-template-areas:"slider form" "payments form";
        grid-template-columns:calc(100% - 368px) 368px
    }
}

@media (min-width: 1440px) {
    .welcome-page__top {
        grid-template-areas:"slider form" "payments payments";
        grid-template-columns:calc(100% - 392px) 392px
    }
}

.welcome-page__slider {
    grid-area: slider;
    height: 320px;
    margin-left: -16px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 32px)
}

@media (min-width: 768px) {
    .welcome-page__slider {
        border-radius: 20px;
        height: 360px;
        margin-left: 0;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .welcome-page__slider {
        height: 428px
    }
}

@media (min-width: 1440px) {
    .welcome-page__slider {
        height: 532px
    }
}

.welcome-page__form {
    background: #1a1a22;
    border-radius: 20px;
    grid-area: form;
    padding: 24px 16px
}

@media (min-width: 480px) {
    .welcome-page__form {
        padding: 24px
    }
}

@media (min-width: 768px) {
    .welcome-page__form {
        padding: 40px 80px 56px
    }
}

@media (min-width: 1200px) {
    .welcome-page__form {
        padding: 24px
    }
}

.welcome-page__form .registration-dynamic-form__footer, .welcome-page__form .registration-form-head__text {
    display: none
}

.welcome-page__form .registration-form-head__title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0
}

.welcome-page__form .registration-dynamic-form {
    align-items: center
}

.welcome-page-payments {
    left: 0;
    position: absolute;
    top: 260px;
    width: 100%;
    z-index: 10
}

@media (min-width: 768px) {
    .welcome-page-payments {
        background: #1a1a22;
        border-radius: 12px;
        display: flex;
        grid-area: payments;
        height: 72px;
        justify-content: center;
        left: unset;
        padding: 0 16px;
        position: relative;
        top: unset;
        width: unset
    }
}

@media (min-width: 1200px) {
    .welcome-page-payments {
        height: 88px;
        padding: 0 32px
    }
}

@media (min-width: 1440px) {
    .welcome-page-payments {
        -moz-column-gap: 56px;
        column-gap: 56px
    }
}

.welcome-page-payments__logos {
    -ms-overflow-style: none;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none
}

.welcome-page-payments__logos::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .welcome-page-payments {
        padding: 0
    }
}

.welcome-page-payments__image {
    height: 28px
}

@media (min-width: 1200px) {
    .welcome-page-payments__image {
        height: 36px
    }
}

.welcome-page-payments__link {
    display: flex
}

.welcome-page-features {
    margin: 64px 0 0;
    padding-bottom: 576px;
    position: relative
}

@media (min-width: 480px) {
    .welcome-page-features {
        margin: 64px 0 0;
        padding-bottom: 567px
    }
}

@media (min-width: 768px) {
    .welcome-page-features {
        margin: 80px 0 0;
        padding-bottom: 596px
    }
}

@media (min-width: 1200px) {
    .welcome-page-features {
        margin: 136px 0 0;
        padding-bottom: 136px
    }

    .welcome-page-features .container {
        padding: 0 32px;
        position: relative
    }
}

@media (min-width: 1680px) {
    .welcome-page-features .container {
        padding: 0 72px
    }
}

.welcome-page-features__star {
    display: none;
    left: 0;
    position: absolute;
    top: -75px
}

@media (min-width: 1680px) {
    .welcome-page-features__star {
        display: block
    }
}

.welcome-page-features__background {
    bottom: 144px;
    height: 465px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 528px;
    z-index: -3
}

@media (min-width: 480px) {
    .welcome-page-features__background {
        bottom: 54px;
        height: 553px;
        width: 628px
    }
}

@media (min-width: 768px) {
    .welcome-page-features__background {
        bottom: 16px;
        height: 676px;
        width: 768px
    }
}

@media (min-width: 1200px) {
    .welcome-page-features__background {
        bottom: unset;
        height: 703px;
        left: unset;
        right: -88px;
        top: -56px;
        transform: unset;
        width: 800px
    }
}

@media (min-width: 1440px) {
    .welcome-page-features__background {
        height: 900px;
        right: -145px;
        top: -156px;
        width: 1024px
    }
}

@media (min-width: 1680px) {
    .welcome-page-features__background {
        right: -29px
    }
}

.welcome-page-features__image {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.welcome-page-features__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

@media (min-width: 1200px) {
    .welcome-page-features__title {
        font-size: 42px;
        line-height: 52px
    }
}

.welcome-page-features__list {
    display: grid;
    grid-template-columns:1fr;
    list-style: none;
    margin: 32px 0;
    padding: 0;
    row-gap: 24px;
    width: 100%
}

@media (min-width: 768px) {
    .welcome-page-features__list {
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns:1fr 1fr;
        margin: 40px 0;
        row-gap: 32px
    }
}

@media (min-width: 1200px) {
    .welcome-page-features__list {
        margin: 56px 0;
        max-width: 528px
    }
}

@media (min-width: 1440px) {
    .welcome-page-features__list {
        max-width: 680px
    }
}

.welcome-page-features .welcome-page-features__button {
    padding: 16px 24px
}

.welcome-page-features-item {
    display: flex
}

.welcome-page-features-item__icon {
    height: 40px;
    margin-right: 16px;
    width: 40px
}

.welcome-page-features-item__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.welcome-page-features-item__description {
    color: hsla(0, 0%, 100%, .4);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

.welcome-page-mobile-links {
    align-items: center;
    bottom: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 50%;
    position: absolute;
    row-gap: 8px;
    transform: translateX(-50%)
}

@media (min-width: 480px) {
    .welcome-page-mobile-links {
        bottom: 26px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row
    }
}

@media (min-width: 768px) {
    .welcome-page-mobile-links {
        bottom: 64px
    }
}

@media (min-width: 1200px) {
    .welcome-page-mobile-links {
        bottom: 112px;
        left: unset;
        right: 125px;
        transform: unset
    }
}

@media (min-width: 1440px) {
    .welcome-page-mobile-links {
        bottom: 110px;
        bottom: -10px;
        right: 180px
    }
}

@media (min-width: 1680px) {
    .welcome-page-mobile-links {
        right: 296px
    }
}

.welcome-page-mobile-links__link {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: hsla(0, 0%, 100%, .04);
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    height: 64px;
    justify-content: center;
    text-decoration: none;
    width: 219px
}

@media (min-width: 480px) {
    .welcome-page-mobile-links__link {
        width: 179px
    }
}

.welcome-page-mobile-links__link div {
    display: flex;
    flex-direction: column
}

.welcome-page-mobile-links__link span {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px
}

.welcome-page-mobile-links__link p {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    margin: 0
}

.p-payments {
    padding: 24px 0 80px
}

@media (min-width: 480px) {
    .p-payments {
        padding: 32px 0 80px
    }
}

@media (min-width: 1200px) {
    .p-payments {
        padding: 40px 0 80px
    }
}

.p-payments__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px
}

@media (min-width: 480px) {
    .p-payments__title {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 32px
    }
}

@media (min-width: 768px) {
    .p-payments__title {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 1200px) {
    .p-payments__title {
        margin: 0 0 40px
    }
}

@media (min-width: 1440px) {
    .p-payments__title {
        font-size: 42px;
        line-height: 52px
    }
}

.bonus-store__main {
    margin: 24px 0 40px
}

@media (min-width: 768px) {
    .bonus-store__main {
        margin: 40px 0
    }
}

.bonus-store__main .container {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

@media (min-width: 768px) {
    .bonus-store__main .container {
        align-items: center;
        -moz-column-gap: 80px;
        column-gap: 80px;
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width: 1200px) {
    .bonus-store__main .container {
        -moz-column-gap: 180px;
        column-gap: 180px
    }
}

@media (min-width: 1440px) {
    .bonus-store__main .container {
        -moz-column-gap: 240px;
        column-gap: 240px
    }
}

@media (min-width: 1680px) {
    .bonus-store__main .container {
        -moz-column-gap: 460px;
        column-gap: 460px
    }
}

.bonus-store__main--title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    .bonus-store__main--title {
        font-size: 42px;
        line-height: 52px
    }
}

.bonus-store__main--text {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin: 0
}

@media (min-width: 1200px) {
    .bonus-store__main--text {
        font-size: 16px;
        line-height: 24px
    }
}

.bonus-store-terms {
    margin: 40px auto 80px
}

@media (min-width: 480px) {
    .bonus-store-terms {
        margin: 56px auto 80px
    }
}

@media (min-width: 768px) {
    .bonus-store-terms {
        margin: 56px auto 100px
    }
}

@media (min-width: 1200px) {
    .bonus-store-terms {
        margin: 80px auto 120px;
        max-width: 944px
    }
}

@media (min-width: 1440px) {
    .bonus-store-terms {
        max-width: 1144px
    }
}

@media (min-width: 1680px) {
    .bonus-store-terms {
        max-width: 1344px
    }
}

.ls-page {
    overflow: hidden;
    position: relative
}

.ls-page .top {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .ls-page .top {
        min-height: 770px
    }
}

.ls-page .top__bg {
    height: 100%;
    left: 50%;
    max-height: 295px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media (min-width: 480px) {
    .ls-page .top__bg {
        max-height: 370px
    }
}

@media (min-width: 768px) {
    .ls-page .top__bg {
        max-height: 100%
    }
}

.ls-page .top__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.ls-page__title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin: 0 0 32px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .ls-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 40px
    }
}

@media (min-width: 960px) {
    .ls-page__title {
        margin: 0 0 48px
    }
}

.ls-page__title span {
    color: #ffc83a
}

.ls-page__section {
    padding: 0 0 48px
}

@media (min-width: 480px) {
    .ls-page__section {
        padding: 0 0 40px
    }
}

@media (min-width: 1200px) {
    .ls-page__section {
        padding: 0 0 60px
    }
}

.ls-page__section--intro {
    position: relative
}

.ls-page__section--intro .top {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .ls-page__section--intro .top {
        min-height: 770px
    }
}

.ls-page__section--intro .top__bg {
    height: 100%;
    left: 50%;
    max-height: 295px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media (min-width: 480px) {
    .ls-page__section--intro .top__bg {
        max-height: 370px
    }
}

@media (min-width: 768px) {
    .ls-page__section--intro .top__bg {
        max-height: 100%
    }
}

.ls-page__section--intro .top__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.ls-page__section--rewards {
    position: relative
}

@media (min-width: 768px) {
    .ls-page__section--rewards {
        margin-top: -104px
    }
}

.ls-page__section--rewards:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 0, 153, .11) 0, rgba(255, 0, 0, 0) 100%);
    content: "";
    display: none;
    height: 1210px;
    left: -650px;
    position: absolute;
    top: 120px;
    width: 1210px;
    z-index: -1
}

@media (min-width: 768px) {
    .ls-page__section--rewards:before {
        display: block
    }
}

@media (min-width: 960px) {
    .ls-page__section--rewards:before {
        height: 1345px;
        left: -1000px;
        width: 1345px
    }
}

@media (min-width: 1440px) {
    .ls-page__section--rewards:before {
        height: 1559px;
        left: -940px;
        top: 0;
        width: 1559px
    }
}

@media (min-width: 1680px) {
    .ls-page__section--rewards:before {
        left: -780px
    }
}

.ls-page__section--rewards:after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(5, 0, 255, .15) 0, rgba(36, 0, 255, 0) 100%);
    content: "";
    display: none;
    height: 1210px;
    position: absolute;
    right: -650px;
    top: 120px;
    width: 1210px;
    z-index: -1
}

@media (min-width: 768px) {
    .ls-page__section--rewards:after {
        display: block
    }
}

@media (min-width: 960px) {
    .ls-page__section--rewards:after {
        height: 1345px;
        right: -1000px;
        width: 1345px
    }
}

@media (min-width: 1440px) {
    .ls-page__section--rewards:after {
        height: 1559px;
        right: -940px;
        top: 0;
        width: 1559px
    }
}

@media (min-width: 1680px) {
    .ls-page__section--rewards:after {
        right: -780px
    }
}

.ls-page__section--content .container {
    max-width: 1180px
}

.ls-page__section--content .description__block-buttons {
    text-align: left
}

.ls-page__section--content .description h1, .ls-page__section--content .description h2, .ls-page__section--content .description h3, .ls-page__section--content .description h4, .ls-page__section--content .description h5, .ls-page__section--content .description h6 {
    margin: 0 0 24px;
    text-transform: none
}

.ls-page__section--content .description h3 {
    font-size: 20px;
    line-height: 30px
}

.ls-page__section--content .description li, .ls-page__section--content .description p {
    color: #999;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 24px
}

.ls-page__section--content .description li span, .ls-page__section--content .description p span {
    color: #fff;
    font-weight: 700
}

.ls-page__section--content .description li {
    margin: 0 0 5px
}

.ls-page__section--content .description li:before {
    top: 9px
}

.ls-page__tooltip {
    background: #22222b;
    border-radius: 4px;
    bottom: 30px;
    box-shadow: 0 16px 32px -12px rgba(0, 0, 0, .44);
    padding: 12px 16px;
    position: absolute;
    right: -45px;
    text-align: left;
    transform: scale(0);
    transform-origin: 80% 100%;
    transition: all .3s ease-in-out;
    width: 240px
}

.ls-page__tooltip-title {
    color: #fff;
    font-weight: 700;
    margin: 0 0 8px
}

.ls-page__tooltip-text, .ls-page__tooltip-title {
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 18px
}

.ls-page__tooltip-text {
    color: #999;
    font-weight: 400;
    margin: 0;
    text-transform: none
}

.ls-page__tooltip:after {
    background-size: cover;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #212121;
    content: "";
    height: 0;
    position: absolute;
    right: 45px;
    top: 100%;
    width: 0
}

.ls-page__label {
    background: url(/images/sale-label-red.1bdbb3ad..svg) 0 0 no-repeat;
    background-size: cover;
    height: 165px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 165px;
    z-index: 2
}

@media (min-width: 768px) {
    .ls-page__label {
        height: 252px;
        right: 30px;
        top: 0;
        width: 252px
    }
}

@media (min-width: 960px) {
    .ls-page__label {
        display: none
    }
}

.ls-page__label-text {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
    transform: translate(40px, 50px) rotate(46deg)
}

@media (min-width: 768px) {
    .ls-page__label-text {
        font-size: 20px;
        line-height: 24px;
        transform: translate(70px, 90px) rotate(46deg)
    }
}

.ls-page .container {
    margin: 0 auto;
    max-width: 1606px
}

.ls-page .ls-intro__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -1.3px;
    line-height: 32px;
    margin: 0 0 18px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .ls-page .ls-intro__title {
        font-size: 32px;
        line-height: 40px
    }
}

.ls-page .ls-intro__title_yellow {
    color: #ffc736
}

.ls-page .ls-intro__inner {
    padding: 33px 0 0
}

@media (min-width: 768px) {
    .ls-page .ls-intro__inner {
        padding: 36px 0 60px
    }
}

@media (min-width: 1200px) {
    .ls-page .ls-intro__inner {
        padding: 56px 0 25px
    }
}

@media (min-width: 1680px) {
    .ls-page .ls-intro__inner {
        padding: 58px 0 25px
    }
}

.ls-page .ls-intro__logo {
    margin: 0 auto;
    max-width: 135px
}

@media (min-width: 960px) {
    .ls-page .ls-intro__logo {
        max-width: 153px
    }
}

.ls-page .ls-intro__logo img {
    max-width: 100%
}

.ls-page .ls-intro__container {
    padding-top: 45px;
    position: relative
}

@media (min-width: 768px) {
    .ls-page .ls-intro__container {
        padding-top: 32px
    }
}

@media (min-width: 1200px) {
    .ls-page .ls-intro__container {
        border-radius: 16px;
        margin: 0
    }
}

.ls-page .ls-intro__timer {
    margin: 0 0 32px;
    position: relative;
    z-index: 2
}

@media (min-width: 768px) {
    .ls-page .ls-intro__timer {
        margin: 0 0 24px
    }
}

@media (min-width: 960px) {
    .ls-page .ls-intro__timer {
        margin: 0;
        transform: translateY(-23px)
    }
}

.ls-page .ls-intro__tickets {
    margin: 0 0 16px;
    position: relative;
    z-index: 2
}

@media (min-width: 480px) {
    .ls-page .ls-intro__tickets {
        margin: 0 0 20px
    }
}

@media (min-width: 768px) {
    .ls-page .ls-intro__tickets {
        margin: 0 0 40px
    }
}

@media (min-width: 960px) {
    .ls-page .ls-intro__tickets {
        margin: 0
    }
}

.ls-page .ls-intro__lootboxes {
    position: relative;
    z-index: 2
}

@media (min-width: 960px) {
    .ls-page .ls-intro__lootboxes {
        transform: translateY(24px)
    }
}

.ls-page .ls-about {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .ls-page .ls-about {
        flex-direction: row;
        justify-content: center
    }
}

.ls-page .ls-about__banner {
    flex: 1;
    text-align: center
}

@media (min-width: 768px) {
    .ls-page .ls-about__banner {
        display: none
    }
}

.ls-page .ls-about__banner img {
    max-width: 400px;
    width: 100%
}

@media (min-width: 1200px) {
    .ls-page .ls-about__content {
        margin: 0;
        width: 992px
    }
}

.ls-page .ls-about__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: -1.6px;
    line-height: 40px;
    margin: 0 0 32px;
    text-align: center
}

@media (min-width: 768px) {
    .ls-page .ls-about__title {
        margin: 0 0 48px
    }
}

.ls-page .ls-about__list {
    display: grid;
    grid-template-columns:1fr;
    margin-bottom: 56px;
    row-gap: 32px
}

@media (min-width: 768px) {
    .ls-page .ls-about__list {
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row;
        grid-template-columns:1fr 1fr 1fr
    }
}

.ls-page .ls-about__links {
    display: flex;
    justify-content: center
}

.ls-page .ls-about__links .btn {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 56px !important;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 16px 24px;
    text-align: center;
    text-transform: uppercase
}

.ls-page .ls-about-item {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

@media (min-width: 768px) {
    .ls-page .ls-about-item {
        align-items: center;
        flex-direction: column;
        row-gap: 24px
    }
}

.ls-page .ls-about-item__icon {
    height: 64px;
    width: 64px
}

@media (min-width: 768px) {
    .ls-page .ls-about-item__content {
        text-align: center
    }
}

.ls-page .ls-about-item__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 4px
}

.ls-page .ls-about-item__text {
    color: hsla(0, 0%, 100%, .65);
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: 24px;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.ls-page__terms {
    margin: 48px auto 80px;
    max-width: 944px
}

@media (min-width: 1440px) {
    .ls-page__terms .container {
        width: 100%
    }
}

@media (min-width: 480px) {
    .ls-page__terms {
        margin: 56px auto 80px
    }
}

@media (min-width: 768px) {
    .ls-page__terms {
        margin: 100px auto
    }
}

@media (min-width: 1440px) {
    .ls-page__terms {
        margin: 100px auto 120px;
        max-width: 1144px
    }
}

@media (min-width: 1680px) {
    .ls-page__terms {
        max-width: 1344px
    }
}

.ls-page__terms .description--terms.description .content ul > li {
    font-size: 16px;
    font-weight: 450;
    line-height: 24px
}

.ls-page__terms .description--terms.description .description__button {
    background-color: #22222b;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0 auto;
    padding: 10px 16px;
    text-transform: uppercase;
    transition: all .3s
}

@media (min-width: 768px) {
    .ls-page__terms .description--terms.description .description__button {
        align-items: center;
        display: flex;
        height: 48px !important;
        justify-content: center;
        width: 300px !important
    }
}

.ls-page__terms .description--terms.description .description__button:hover {
    background-color: #282833
}

.ls-page__terms .description--terms.description .description__icon {
    display: none
}

.hh-page {
    background: #000;
    overflow: hidden;
    position: relative
}

.hh-page__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

@media (min-width: 768px) {
    .hh-page__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 40px
    }
}

.hh-page__title span {
    color: #ffc83a
}

.hh-page__text {
    color: #999;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0 0 16px;
    text-align: center
}

.hh-page__text:last-child {
    margin: 0
}

.hh-page__section {
    margin: 0 0 72px
}

@media (min-width: 768px) {
    .hh-page__section {
        margin: 0 0 96px
    }
}

@media (min-width: 960px) {
    .hh-page__section {
        margin: 0 0 112px
    }
}

@media (min-width: 1440px) {
    .hh-page__section {
        margin: 0 0 120px
    }
}

.hh-page__section--how-to {
    position: relative;
    z-index: 3
}

.hh-page__section--how-to:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(250, 0, 255, .16) 0, rgba(204, 0, 255, 0) 100%);
    content: "";
    height: 723px;
    left: -550px;
    pointer-events: none;
    position: absolute;
    top: 300px;
    width: 723px
}

@media (min-width: 768px) {
    .hh-page__section--how-to:before {
        height: 1157px;
        left: -800px;
        top: -300px;
        width: 1157px
    }
}

@media (min-width: 1200px) {
    .hh-page__section--how-to:before {
        height: 1451px;
        left: -1000px;
        top: -400px;
        width: 1451px
    }
}

.hh-page__section--how-to:after {
    background: radial-gradient(50% 50% at 50% 50%, #67ff5a .52%, rgba(68, 255, 87, 0) 100%);
    content: "";
    height: 723px;
    opacity: .12;
    pointer-events: none;
    position: absolute;
    right: -550px;
    top: 300px;
    width: 723px
}

@media (min-width: 768px) {
    .hh-page__section--how-to:after {
        height: 1157px;
        right: -800px;
        top: -300px;
        width: 1157px
    }
}

@media (min-width: 1200px) {
    .hh-page__section--how-to:after {
        height: 1451px;
        right: -1000px;
        top: -400px;
        width: 1451px
    }
}

.hh-page__section--features {
    position: relative
}

.hh-page__section--features:after {
    background: radial-gradient(50% 50% at 50% 50%, #67ff5a .52%, rgba(68, 255, 87, 0) 100%);
    bottom: -80%;
    content: "";
    height: 730px;
    opacity: .12;
    pointer-events: none;
    position: absolute;
    right: -370px;
    width: 730px
}

@media (min-width: 768px) {
    .hh-page__section--features:after {
        bottom: -155%;
        height: 1157px;
        right: -650px;
        width: 1157px
    }
}

@media (min-width: 1200px) {
    .hh-page__section--features:after {
        bottom: -345%;
        height: 1451px;
        right: -950px;
        width: 1451px
    }
}

.hh-page__section--features:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(250, 0, 255, .16) 0, rgba(204, 0, 255, 0) 100%);
    bottom: -500px;
    content: "";
    display: none;
    height: 730px;
    left: -600px;
    pointer-events: none;
    position: absolute;
    width: 730px
}

@media (min-width: 768px) {
    .hh-page__section--features:before {
        bottom: -175%;
        display: block;
        height: 1157px;
        width: 1157px
    }
}

@media (min-width: 1200px) {
    .hh-page__section--features:before {
        bottom: -375%;
        height: 1451px;
        left: -950px;
        width: 1451px
    }
}

.hh-page__intro-bg {
    display: block;
    left: 50%;
    min-width: 375px;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%
}

@media (min-width: 768px) {
    .hh-page__intro-bg {
        max-height: unset
    }
}

@media (min-width: 1440px) {
    .hh-page__intro-bg {
        max-width: 1920px;
        width: 100%
    }
}

.hh-page__intro-bg:before {
    background: linear-gradient(179.15deg, transparent 50%, #000);
    bottom: 0;
    content: "";
    height: 232px;
    left: 0;
    position: absolute;
    width: 100%
}

.hh-page__intro-bg img {
    max-width: 100%
}

.hh-page__intro-jackpot {
    position: relative;
    z-index: 2
}

.hh-page .hh-page__btn {
    align-items: center;
    background: #41f13d;
    border-radius: 4px;
    box-shadow: none;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    padding: 12px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .3s ease
}

.hh-page .hh-page__btn:hover {
    background: #1db415;
    color: #000
}

.hh-page__seo {
    background: #1a1a22;
    border-radius: 20px;
    padding: 20px
}

@media (min-width: 768px) {
    .hh-page__seo {
        padding: 32px
    }
}

@media (min-width: 1200px) {
    .hh-page__seo {
        padding: 40px
    }
}

@media (min-width: 1680px) {
    .hh-page__seo {
        padding: 40px 48px
    }
}

.hh-page__seo .description--dark .description__preview:after {
    background: linear-gradient(180deg, rgba(15, 15, 20, 0), #1a1a22)
}

.hh-page .container {
    margin: 0 auto;
    max-width: 1316px
}

.hh-page .hh-intro__logo {
    margin: 20px auto 12px;
    max-width: 216px
}

@media (min-width: 768px) {
    .hh-page .hh-intro__logo {
        margin: 24px auto 13px;
        max-width: 265px
    }
}

@media (min-width: 1440px) {
    .hh-page .hh-intro__logo {
        margin: 36px auto 16px;
        max-width: 333px
    }
}

.hh-page .hh-intro__logo img {
    max-width: 100%
}

.hh-page .hh-intro__tournament {
    margin: 0 0 40px
}

@media (min-width: 960px) {
    .hh-page .hh-intro__tournament {
        margin: 0 0 48px
    }
}

.hh-page .hh-intro__text-content {
    margin: 0 auto 32px;
    max-width: 876px
}

.hh-page .hh-intro__deposit {
    display: flex;
    justify-content: center
}

.hh-page .hh-features__title {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .hh-page .hh-features__title {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 48px
    }
}

@media (min-width: 960px) {
    .hh-page .hh-features__title {
        font-size: 40px;
        line-height: 48px;
        margin: 0 0 64px
    }
}

@media (min-width: 1200px) {
    .hh-page .hh-features__title {
        margin: 0 0 32px
    }
}

.hh-page .hh-features__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0 auto;
    max-width: 320px;
    padding: 0
}

@media (min-width: 768px) {
    .hh-page .hh-features__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 56px 24px;
        justify-content: center;
        max-width: 672px
    }
}

@media (min-width: 960px) {
    .hh-page .hh-features__list {
        flex-wrap: nowrap;
        gap: 24px;
        max-width: unset
    }
}

.hh-page .hh-features__item {
    flex: 1
}

@media (min-width: 768px) {
    .hh-page .hh-features__item {
        flex: 1 1 208px;
        max-width: 208px
    }
}

@media (min-width: 960px) {
    .hh-page .hh-features__item {
        flex: 1
    }
}

.hh-page .hh-feature {
    align-items: center;
    display: flex;
    gap: 24px
}

@media (min-width: 768px) {
    .hh-page .hh-feature {
        flex-direction: column;
        gap: 24px
    }
}

.hh-page .hh-feature__icon {
    height: 64px;
    width: 64px
}

@media (min-width: 768px) {
    .hh-page .hh-feature__icon {
        height: 80px;
        width: 80px
    }
}

.hh-page .hh-feature__icon img {
    max-width: 100%
}

.hh-page .hh-feature__text {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media (min-width: 768px) {
    .hh-page .hh-feature__text {
        font-size: 20px;
        line-height: 28px;
        text-align: center
    }
}

@media (min-width: 960px) {
    .hh-page .hh-feature__text {
        font-size: 16px;
        line-height: 24px
    }
}

@media (min-width: 1200px) {
    .hh-page .hh-feature__text {
        font-size: 20px;
        line-height: 28px
    }
}

.hh-page .hh-how-to__content {
    margin: 0 auto 40px;
    max-width: 876px
}

@media (min-width: 960px) {
    .hh-page .hh-how-to__content {
        margin: 0 auto 56px
    }
}

.hh-page .hh-how-to__title {
    margin: 0 0 32px
}

.hh-page .hh-how-to__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .hh-page .hh-how-to__list {
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .hh-page .hh-how-to__list {
        gap: 24px
    }
}

@media (min-width: 1440px) {
    .hh-page .hh-how-to__list {
        gap: 32px
    }
}

.hh-page .hh-how-to__item {
    flex: 1
}

.hh-page .hh-how-to-card {
    background: radial-gradient(67.9% 81.27% at 5.91% 2.14%, rgba(255, 0, 229, .16) 0, rgba(255, 0, 229, 0) 100%), radial-gradient(87.44% 93.04% at 95.7% 100%, rgba(36, 255, 0, .16) 0, rgba(36, 255, 0, 0) 100%), hsla(0, 0%, 100%, .02);
    border-radius: 8px;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
    position: relative
}

.hh-page .hh-how-to-card__inner {
    min-height: 168px;
    padding: 16px
}

@media (min-width: 960px) {
    .hh-page .hh-how-to-card__inner {
        min-height: 200px;
        padding: 25px
    }
}

.hh-page .hh-how-to-card__image {
    bottom: -100px;
    position: absolute;
    right: -100px
}

.hh-page .hh-how-to-card__image--clocks {
    bottom: -240px;
    right: -220px
}

@media (min-width: 960px) {
    .hh-page .hh-how-to-card__image--clocks {
        right: -290px
    }
}

@media (min-width: 1440px) {
    .hh-page .hh-how-to-card__image--clocks {
        bottom: -220px;
        right: -230px
    }
}

.hh-page .hh-how-to-card__image--ribbons {
    bottom: -50px;
    max-width: 206px;
    right: -40px
}

@media (min-width: 960px) {
    .hh-page .hh-how-to-card__image--ribbons {
        max-width: unset;
        right: -150px
    }
}

@media (min-width: 1440px) {
    .hh-page .hh-how-to-card__image--ribbons {
        bottom: -80px;
        right: -80px
    }
}

.hh-page .hh-how-to-card__image--money {
    bottom: -80px;
    max-width: 243px;
    right: -75px
}

@media (min-width: 960px) {
    .hh-page .hh-how-to-card__image--money {
        bottom: -160px;
        bottom: -170px;
        max-width: unset;
        right: -205px;
        right: -155px
    }
}

.hh-page .hh-how-to-card__content {
    position: relative;
    z-index: 2
}

.hh-page .hh-how-to-card__icon {
    height: 56px;
    margin: 0 0 16px
}

@media (min-width: 960px) {
    .hh-page .hh-how-to-card__icon {
        margin: 0 0 32px
    }
}

.hh-page .hh-how-to-card__text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media (min-width: 960px) {
    .hh-page .hh-how-to-card__text {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width: 1440px) {
    .daily-cashback .container--hero {
        width: calc(100% - 128px)
    }
}

@media (max-width: 1200px) {
    .daily-cashback .container--hero {
        width: calc(100% - 104px)
    }
}

@media (max-width: 960px) {
    .daily-cashback .container--hero {
        width: calc(100% - 88px)
    }
}

@media (max-width: 768px) {
    .daily-cashback .container--hero {
        width: calc(100% - 96px)
    }
}

@media (max-width: 480px) {
    .daily-cashback .container--hero {
        width: calc(100% - 32px)
    }
}

@media (max-width: 1440px) {
    .daily-cashback .container--promo {
        width: calc(100% - 128px)
    }
}

@media (max-width: 1200px) {
    .daily-cashback .container--promo {
        width: calc(100% - 104px)
    }
}

@media (max-width: 960px) {
    .daily-cashback .container--promo {
        width: calc(100% - 88px)
    }
}

@media (max-width: 768px) {
    .daily-cashback .container--promo {
        width: calc(100% - 96px)
    }
}

@media (max-width: 480px) {
    .daily-cashback .container--promo {
        width: 100%
    }
}

.daily-cashback__hero {
    overflow: hidden;
    padding-bottom: 136px;
    padding-top: 64px;
    position: relative
}

.daily-cashback__hero:after {
    background: linear-gradient(90deg, rgba(15, 15, 20, .5), rgba(15, 15, 20, 0) 14.02%), linear-gradient(270.11deg, rgba(15, 15, 20, .2) .12%, rgba(15, 15, 20, 0) 14.69%), linear-gradient(180deg, rgba(15, 15, 20, 0) 45.95%, rgba(15, 15, 20, .67) 77.52%, #0f0f14 99.17%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media (max-width: 1440px) {
    .daily-cashback__hero {
        padding-bottom: 136px;
        padding-top: 64px
    }
}

@media (max-width: 1200px) {
    .daily-cashback__hero {
        padding-bottom: 90px;
        padding-top: 32px
    }
}

@media (max-width: 768px) {
    .daily-cashback__hero {
        padding-bottom: 60px
    }
}

@media (max-width: 480px) {
    .daily-cashback__hero {
        padding-bottom: 80px;
        padding-top: 42px
    }
}

@media (max-width: 320px) {
    .daily-cashback__hero {
        padding-bottom: 142px;
        padding-top: 22px
    }
}

.daily-cashback__hero-background {
    animation: space 10s ease-out 0s infinite alternate;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.05);
    z-index: -2
}

@media (max-width: 1440px) {
    .daily-cashback__hero-background {
        right: -100px
    }
}

@media (max-width: 1200px) {
    .daily-cashback__hero-background {
        height: 702px
    }
}

@media (max-width: 960px) {
    .daily-cashback__hero-background {
        height: 601px
    }
}

@media (max-width: 768px) {
    .daily-cashback__hero-background {
        height: 500px
    }
}

@media (max-width: 480px) {
    .daily-cashback__hero-background {
        height: 902px;
        right: -380px
    }
}

@media (max-width: 320px) {
    .daily-cashback__hero-background {
        right: -680px
    }
}

.daily-cashback__dice {
    animation: dice 10s ease-out 0s infinite alternate;
    bottom: 15px;
    left: 90px;
    position: absolute;
    z-index: -1
}

@media (max-width: 1440px) {
    .daily-cashback__dice {
        bottom: -40px;
        left: -60px
    }
}

@media (max-width: 1200px) {
    .daily-cashback__dice {
        bottom: 50px;
        height: 447px;
        right: 0
    }
}

@media (max-width: 960px) {
    .daily-cashback__dice {
        height: 383px
    }
}

@media (max-width: 768px) {
    .daily-cashback__dice {
        bottom: 100px;
        height: 319px;
        right: -50px
    }
}

@media (max-width: 480px) {
    .daily-cashback__dice {
        display: none
    }
}

@media (max-width: 320px) {
    .daily-cashback__dice {
        display: none
    }
}

.daily-cashback__dice--mobile {
    display: none
}

@media (max-width: 320px) {
    .daily-cashback__dice--mobile {
        bottom: 110px;
        display: block;
        height: 575px;
        left: 0
    }
}

.daily-cashback__spaceman {
    animation: space 10s ease-out 0s infinite alternate;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

@media (max-width: 1440px) {
    .daily-cashback__spaceman {
        right: -100px
    }
}

@media (max-width: 1200px) {
    .daily-cashback__spaceman {
        height: 702px
    }
}

@media (max-width: 960px) {
    .daily-cashback__spaceman {
        height: 601px
    }
}

@media (max-width: 768px) {
    .daily-cashback__spaceman {
        height: 500px
    }
}

@media (max-width: 480px) {
    .daily-cashback__spaceman {
        height: 902px;
        right: -300px
    }
}

@media (max-width: 320px) {
    .daily-cashback__spaceman {
        right: -750px
    }
}

.daily-cashback__bg-car-wrap {
    width: 100%;
    z-index: -1
}

.daily-cashback__bg-car-wrap, .daily-cashback__hero-car-bg {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.daily-cashback__hero-car-bg {
    animation: background-first 15s linear infinite alternate
}

.daily-cashback__ball-bg {
    animation: background-second 15s linear infinite alternate;
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.daily-cashback-description {
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center;
    z-index: 10
}

.daily-cashback-description__deposit-button {
    font-size: 24px !important;
    height: 56px;
    margin: 0 auto 21px !important;
    width: 250px
}

@media (max-width: 1200px) {
    .daily-cashback-description__deposit-button {
        font-size: 20px !important;
        height: 48px;
        margin: 0 auto 16px !important;
        width: 220px
    }
}

.daily-cashback-description__text {
    display: block;
    font-family: Futura PT, sans-serif
}

.daily-cashback-description__text--daily {
    color: hsla(0, 0%, 100%, .8);
    font-family: Futura PT, sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 120%;
    text-transform: uppercase
}

@media (max-width: 1200px) {
    .daily-cashback-description__text--daily {
        font-size: 24px
    }
}

@media (max-width: 768px) {
    .daily-cashback-description__text--daily {
        font-size: 22px
    }
}

.daily-cashback-description__text--ladder {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(185.38deg, #abebff 21.88%, #35cfff 75.75%);
    -webkit-background-clip: text;
    background-clip: text;
    font-family: Futura PT, sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 120%;
    margin-bottom: 40px;
    text-transform: uppercase
}

@media (max-width: 1200px) {
    .daily-cashback-description__text--ladder {
        font-size: 24px;
        margin-bottom: 32px
    }
}

@media (max-width: 768px) {
    .daily-cashback-description__text--ladder {
        font-size: 22px;
        margin-bottom: 24px
    }
}

.daily-cashback-description__text--up-to {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 76px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 100%;
    margin-bottom: 64px;
    text-transform: uppercase
}

@media (max-width: 1200px) {
    .daily-cashback-description__text--up-to {
        font-size: 44px;
        margin-bottom: 56px
    }
}

@media (max-width: 768px) {
    .daily-cashback-description__text--up-to {
        font-size: 40px;
        margin-bottom: 32px
    }
}

.daily-cashback-description__text--deposit {
    color: hsla(0, 0%, 100%, .8);
    font-family: Futura PT, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 24px;
    margin-bottom: 200px
}

@media (max-width: 1440px) {
    .daily-cashback-description__text--deposit {
        margin-bottom: 160px
    }
}

@media (max-width: 1200px) {
    .daily-cashback-description__text--deposit {
        font-size: 16px;
        margin-bottom: 110px
    }
}

@media (max-width: 960px) {
    .daily-cashback-description__text--deposit {
        margin-bottom: 100px
    }
}

@media (max-width: 320px) {
    .daily-cashback-description__text--deposit {
        margin-bottom: 80px
    }
}

.daily-cashback__steps {
    -moz-column-gap: 22.5px;
    column-gap: 22.5px;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    position: relative;
    z-index: 10
}

@media (max-width: 960px) {
    .daily-cashback__steps {
        -ms-overflow-style: none;
        -moz-column-gap: 16px;
        column-gap: 16px;
        margin-left: -48px;
        overflow: scroll;
        padding-left: 48px;
        padding-right: 48px;
        scrollbar-width: none;
        width: calc(100% + 96px)
    }

    .daily-cashback__steps::-webkit-scrollbar {
        display: none
    }
}

@media (max-width: 480px) {
    .daily-cashback__steps {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin: 0;
        overflow: visible;
        padding: 0;
        width: auto
    }
}

.daily-cashback-step {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: radial-gradient(100% 100% at 0 0, rgba(188, 247, 255, .5) .52%, rgba(96, 236, 255, .307) 51.04%, rgba(7, 225, 255, .12) 100%);
    clip-path: polygon(291px 0, 308px 17px, 100% 17px, 100% 100%, 0 100%, 0 60%, 0 0);
    display: flex;
    padding: 76px 0 0 30px;
    position: relative
}

@media (max-width: 1200px) {
    .daily-cashback-step {
        clip-path: polygon(217px 0, 234px 17px, 100% 17px, 100% 100%, 0 100%, 0 60%, 0 0);
        padding: 72px 0 0 30px
    }
}

@media (max-width: 960px) {
    .daily-cashback-step {
        clip-path: polygon(167px 0, 180px 13px, 100% 13px, 100% 100%, 0 100%, 0 60%, 0 0);
        min-width: 280px;
        padding: 57px 0 0 24px
    }
}

@media (max-width: 480px) {
    .daily-cashback-step {
        margin-bottom: 16px;
        max-width: 280px
    }

    .daily-cashback-step:last-child {
        margin-bottom: 0
    }
}

.daily-cashback-step__header {
    align-items: center;
    background: linear-gradient(90.04deg, #ad1f00 21.16%, #291eb0 61.8%, rgba(111, 44, 255, 0) 99.97%);
    box-shadow: 0 4px 4px rgba(1, 20, 24, .25);
    color: #fff;
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-weight: 700;
    height: 60px;
    left: 0;
    letter-spacing: .04em;
    line-height: 120%;
    padding-left: 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

@media (max-width: 1200px) {
    .daily-cashback-step__header {
        font-size: 22px
    }
}

@media (max-width: 960px) {
    .daily-cashback-step__header {
        font-size: 18px;
        height: 44px;
        padding-left: 24px
    }
}

.daily-cashback-step__main {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.daily-cashback-step__description {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 120%;
    opacity: .9;
    padding-bottom: 16px
}

@media (max-width: 1200px) {
    .daily-cashback-step__description {
        font-size: 18px
    }
}

@media (max-width: 960px) {
    .daily-cashback-step__description {
        font-size: 14px
    }
}

.daily-cashback-step__image {
    height: 150px;
    margin-top: -35px;
    width: 150px
}

@media (max-width: 1200px) {
    .daily-cashback-step__image {
        height: 120px;
        margin-top: -2px;
        width: 120px
    }
}

@media (max-width: 960px) {
    .daily-cashback-step__image {
        height: 90px;
        margin-top: 0;
        width: 90px
    }
}

.daily-cashback-promo {
    background: url(/images/description-background.c89e807b..png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 160px;
    margin-top: 20px;
    padding: 60px 64px;
    position: relative
}

@media (max-width: 1440px) {
    .daily-cashback-promo {
        margin-bottom: 110px;
        padding: 60px 48px
    }
}

@media (max-width: 1200px) {
    .daily-cashback-promo {
        margin-bottom: 70px
    }
}

@media (max-width: 960px) {
    .daily-cashback-promo {
        margin-bottom: 60px;
        margin-top: 10px;
        padding: 40px 48px
    }
}

@media (max-width: 768px) {
    .daily-cashback-promo {
        margin-bottom: 40px;
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .daily-cashback-promo {
        padding: 40px 24px
    }
}

@media (max-width: 320px) {
    .daily-cashback-promo {
        padding: 40px 16px
    }
}

.daily-cashback-promo__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 120%;
    margin: 0 0 24px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .daily-cashback-promo__title {
        text-align: center
    }
}

.daily-cashback-promo__list {
    list-style: none;
    margin: 0;
    padding-left: 20px
}

@media (max-width: 1440px) {
    .daily-cashback-promo__list {
        padding-left: 32px
    }
}

.daily-cashback-promo__list--inner {
    padding: 0
}

.daily-cashback-promo__item {
    color: hsla(0, 0%, 100%, .8);
    counter-increment: custom;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    margin-bottom: 12px;
    position: relative;
    text-align: left
}

.daily-cashback-promo__item:before {
    align-items: center;
    color: #fff;
    content: counter(custom);
    display: flex;
    font-family: Futura PT, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 26px;
    justify-content: center;
    left: -32px;
    line-height: 100%;
    position: absolute;
    text-shadow: 0 0 4px rgba(0, 224, 255, .3);
    top: 0;
    width: 26px
}

@media (max-width: 960px) {
    .daily-cashback-promo__item:before {
        top: -2px
    }
}

.daily-cashback-promo__item:first-child {
    counter-reset: custom
}

@media (max-width: 960px) {
    .daily-cashback-promo__item {
        font-size: 16px
    }
}

.daily-cashback-promo__item:last-child {
    margin-bottom: 0
}

.daily-cashback-promo__image {
    left: -32px;
    position: absolute;
    top: 0
}

@keyframes space {
    0% {
        transform: scale(1.05)
    }
    to {
        transform: scale(1)
    }
}

@keyframes dice {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.2)
    }
}

.lb-page__inner-container {
    margin: 0 auto
}

@media (min-width: 1200px) {
    .lb-page__inner-container {
        width: 1136px
    }
}

@media (min-width: 1440px) {
    .lb-page__inner-container {
        width: 1144px
    }
}

@media (min-width: 1680px) {
    .lb-page__inner-container {
        width: 1344px
    }
}

.lb-page__top {
    height: 796px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .lb-page__top {
        height: 1110px
    }
}

.lb-page__background {
    height: 531px;
    left: 50%;
    position: absolute;
    top: -14px;
    transform: translateX(-50%);
    z-index: -1
}

@media (min-width: 768px) {
    .lb-page__background {
        height: unset;
        top: 0
    }
}

.lb-page__logo {
    margin-top: 16px;
    max-width: 103px
}

@media (min-width: 768px) {
    .lb-page__logo {
        margin-top: 48px;
        max-width: 120px
    }
}

@media (min-width: 1200px) {
    .lb-page__logo {
        margin-top: 40px
    }
}

.lb-page__content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.lb-page__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 16px 0 28px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .lb-page__title {
        margin: 16px 0 20px
    }
}

@media (min-width: 768px) {
    .lb-page__title {
        font-size: 26px;
        line-height: 32px;
        margin: 40px 0 56px;
        max-width: 720px
    }
}

.lb-page__gates {
    left: 50%;
    max-width: 310px;
    min-width: 310px;
    position: absolute;
    top: 258px;
    transform: translateX(-50%);
    width: 100%
}

@media (min-width: 375px) {
    .lb-page__gates {
        max-width: 360px;
        top: 236px
    }
}

@media (min-width: 480px) {
    .lb-page__gates {
        max-width: 440px;
        top: 200px
    }
}

@media (min-width: 768px) {
    .lb-page__gates {
        max-width: 720px;
        top: 312px
    }
}

.lb-page__panel {
    align-items: center;
    display: flex;
    flex-direction: column;
    left: 50%;
    position: absolute;
    top: 418px;
    transform: translate(-50%)
}

@media (min-width: 768px) {
    .lb-page__panel {
        top: 696px
    }
}

.lb-page__launcher {
    margin-bottom: 62px
}

@media (min-width: 768px) {
    .lb-page__launcher {
        margin-bottom: 56px
    }
}

.lb-page-how-to {
    margin-bottom: 32px
}

@media (min-width: 480px) {
    .lb-page-how-to {
        margin-bottom: 48px
    }
}

@media (min-width: 768px) {
    .lb-page-how-to {
        margin-bottom: 56px
    }
}

@media (min-width: 1200px) {
    .lb-page-how-to {
        margin-bottom: 80px
    }
}

.lb-page-how-to__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 32px;
    text-align: center
}

@media (min-width: 768px) {
    .lb-page-how-to__title {
        font-size: 32px;
        line-height: 40px
    }
}

.lb-page-how-to__steps {
    align-items: center;
    background: radial-gradient(126.97% 126.97% at 49.47% -69.08%, rgba(192, 12, 255, .4) 0, transparent 82.71%), linear-gradient(180deg, #0b1436, rgba(19, 18, 72, 0) 76.3%);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 32px 0;
    position: relative;
    row-gap: 24px;
    width: calc(100% - 4px)
}

.lb-page-how-to__steps:before {
    background: linear-gradient(188.88deg, #7e14ff -26.88%, #090f25 61.78%);
    border-radius: 22px;
    content: "";
    height: 100%;
    left: -2px;
    opacity: .6;
    position: absolute;
    top: -2px;
    width: calc(100% + 4px);
    z-index: -1
}

@media (min-width: 768px) {
    .lb-page-how-to__steps {
        align-items: flex-start;
        -moz-column-gap: 24px;
        column-gap: 24px;
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .lb-page-how-to__steps {
        -moz-column-gap: 40px;
        column-gap: 40px;
        justify-content: space-between;
        padding: 32px 40px
    }
}

.lb-page-how-to-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 206px;
    row-gap: 16px
}

@media (min-width: 1200px) {
    .lb-page-how-to-step {
        align-items: flex-start;
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-direction: row;
        max-width: unset
    }
}

.lb-page-how-to-step__icon {
    width: 66px
}

.lb-page-how-to-step__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    text-align: center
}

@media (min-width: 1200px) {
    .lb-page-how-to-step__content {
        max-width: 208px;
        text-align: left
    }
}

.lb-page-how-to-step__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.lb-page-how-to-step__text, .lb-page-how-to-step__title {
    font-family: Futura PT, sans-serif;
    font-style: normal;
    margin: 0
}

.lb-page-how-to-step__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}

.lb-page__rules {
    margin-bottom: 48px
}

@media (min-width: 480px) {
    .lb-page__rules {
        margin-bottom: 80px
    }
}

@media (min-width: 768px) {
    .lb-page__rules {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .lb-page__rules {
        margin-bottom: 120px
    }
}

.lucky-box-page {
    background: #0f0f14;
    overflow: hidden;
    position: relative
}

.lucky-box-page__section-title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 138%;
    text-align: center;
    text-transform: uppercase
}

.lucky-box-page .top {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 0
}

@media (min-width: 768px) {
    .lucky-box-page .top {
        min-height: 770px
    }
}

.lucky-box-page .top__bg {
    height: 100%;
    left: 50%;
    max-height: 295px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media (min-width: 480px) {
    .lucky-box-page .top__bg {
        max-height: 370px
    }
}

@media (min-width: 768px) {
    .lucky-box-page .top__bg {
        max-height: 100%
    }
}

.lucky-box-page .top__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.lucky-box-page .top__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 526px;
    padding-top: 24px
}

@media (min-width: 768px) {
    .lucky-box-page .top__content {
        padding-top: 40px
    }
}

.lucky-box-page .top__logo {
    max-width: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 1200px) {
    .lucky-box-page .top__logo {
        max-width: 203px
    }
}

.lucky-box-page .top__title {
    font-size: 20px;
    line-height: 26px;
    margin: 45px 0 42px;
    max-width: 526px;
    text-transform: none
}

@media (min-width: 480px) {
    .lucky-box-page .top__title {
        font-size: 26px;
        line-height: 32px
    }
}

@media (min-width: 768px) {
    .lucky-box-page .top__title {
        margin: 24px 0 64px
    }
}

@media (min-width: 1200px) {
    .lucky-box-page .top__title {
        margin: 32px 0 56px
    }
}

.lucky-box-page .top .top__text--secondary-color {
    color: #ffc736
}

.lucky-box-page .how-it-work {
    margin-top: 47px
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work {
        margin-top: 40px
    }
}

.lucky-box-page .how-it-work__title {
    font-weight: 900;
    margin-bottom: 16px;
    margin-top: 0;
    text-transform: none
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work__title {
        font-size: 32px;
        line-height: 39px
    }
}

.lucky-box-page .how-it-work__text {
    color: hsla(0, 0%, 100%, .65);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0 auto 32px;
    max-width: 527px;
    text-align: center
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work__text {
        margin-bottom: 32px
    }
}

@media (min-width: 1440px) {
    .lucky-box-page .how-it-work__text {
        margin-bottom: 40px
    }
}

.lucky-box-page .how-it-work__steps {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0 auto;
    max-width: 992px;
    position: relative
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work__steps {
        flex-direction: row;
        gap: 16px;
        justify-content: center
    }
}

.lucky-box-page .how-it-work__step {
    align-items: flex-start;
    display: flex;
    font-family: Futura PT, sans-serif;
    gap: 8px;
    justify-content: center;
    max-width: 288px;
    width: 100%
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work__step {
        align-items: center;
        flex-direction: column
    }
}

.lucky-box-page .how-it-work__subtitle {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 4px
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work__subtitle {
        text-align: center
    }
}

.lucky-box-page .how-it-work__card-text {
    display: flex;
    flex-direction: column
}

.lucky-box-page .how-it-work__dsc {
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

@media (min-width: 768px) {
    .lucky-box-page .how-it-work__dsc {
        text-align: center
    }
}

.lucky-box-page .how-it-work__icon {
    height: 66px;
    width: 64px
}

.lucky-box-page .how-it-work__btn-wrapper {
    margin: 24px auto 0;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 1200px) {
    .lucky-box-page .how-it-work__btn-wrapper {
        margin-bottom: 32px
    }
}

.lucky-box-page .how-it-work__deposit-btn {
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 16px 24px
}

.lucky-box-page .terms {
    margin-top: 64px
}

.lucky-box-page .terms__inner {
    background: #1a1a22;
    border-radius: 20px;
    margin: 0 auto;
    max-width: 1248px;
    padding: 24px 20px
}

@media (min-width: 768px) {
    .lucky-box-page .terms__inner {
        padding: 40px 48px
    }
}

.lucky-box-page .terms__title {
    color: #fff;
    font-family: Futura PT, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 0
}

@media (min-width: 768px) {
    .lucky-box-page .terms__title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 16px
    }
}

.lucky-box-page .terms__collapse {
    font-weight: 700;
    justify-content: flex-start;
    text-align: left
}

.lucky-box-page .terms__content {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 150%
}

.lucky-box-page .terms__content p {
    margin-top: 0
}

.lucky-box-page .terms__content p:not(:last-child) {
    margin-bottom: 32px
}

.lucky-box-page .terms__content--white {
    color: #fff;
    font-weight: 500
}

.lucky-box-page .terms__content--title {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.lucky-box-page .welcome-lb {
    margin-top: 80px
}

@media (min-width: 768px) {
    .lucky-box-page .welcome-lb {
        margin-top: 100px
    }
}

@media (min-width: 1440px) {
    .lucky-box-page .welcome-lb {
        margin-top: 120px
    }
}

.lucky-box-page .welcome-lb__content {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 768px) {
    .lucky-box-page .welcome-lb__content {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 48px;
        width: 100%
    }
}

.lucky-box-page .welcome-lb__content div {
    max-width: calc(50% - 24px);
    width: 100%
}

.lucky-box-page .welcome-lb__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

.summer-calendar-page__top {
    position: relative
}

.summer-calendar-page__top .container {
    padding-bottom: 90px
}

.summer-calendar-page__bg {
    height: 498px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 1296px;
    z-index: -1
}

@media (min-width: 1200px) {
    .summer-calendar-page__bg {
        height: 740px;
        width: 1680px
    }
}

.summer-calendar-page__main--title {
    color: #fff;
    font: 700 26px/32px Futura PT, sans-serif;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center
}

@media (min-width: 768px) {
    .summer-calendar-page__main--title {
        font-size: 32px;
        line-height: 40px
    }
}

@media (min-width: 1200px) {
    .summer-calendar-page__main--title {
        font-size: 42px;
        line-height: 52px;
        margin-bottom: 80px
    }
}

.summer-calendar-page__rules {
    margin-bottom: 80px;
    margin-top: 56px
}

@media (min-width: 768px) {
    .summer-calendar-page__rules {
        margin-bottom: 100px
    }
}

@media (min-width: 1200px) {
    .summer-calendar-page__rules {
        margin-bottom: 120px;
        margin-top: 80px
    }
}

.hall-of-fame {
    overflow: hidden;
    position: relative
}

@media (min-width: 1200px) {
    .hall-of-fame .container {
        max-width: 1680px
    }
}

.hall-of-fame__title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-top: 0
}

.hall-of-fame .hall-of-fame-champions {
    margin-top: 32px
}

@media (min-width: 768px) {
    .hall-of-fame .hall-of-fame-champions {
        margin-top: 40px
    }
}

.hall-of-fame .hall-of-fame-champions__title {
    margin-bottom: 24px
}

.hall-of-fame .hall-of-fame-wins {
    margin-top: 32px
}

@media (min-width: 1200px) {
    .hall-of-fame .hall-of-fame-wins {
        margin-top: 40px
    }
}

.hall-of-fame .hall-of-fame-wins__title {
    margin-bottom: 24px;
    margin-top: 0
}

.hall-of-fame__welcome {
    margin-bottom: 8px;
    margin-top: 80px
}

@media (min-width: 1200px) {
    .hall-of-fame__welcome {
        margin-bottom: 24px;
        margin-top: 120px
    }
}

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Futura PT;
    font-style: normal;
    font-weight: 500;
    src: url(FuturaPT-Medium.2dcf558e..woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Futura PT;
    font-style: normal;
    font-weight: 700;
    src: url(FuturaPT-Bold.1b9f4498..woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Futura PT;
    font-style: normal;
    font-weight: 800;
    src: url(FuturaPT-ExtraBold.6ef0bf75..woff2) format("woff2")
}

.body::-webkit-scrollbar, body::-webkit-scrollbar {
    width: 4px
}

.body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 10px
}

.body--ar .home-bonuses__content, .body--ar .home-bonuses__item, .body--ar .promotions-card__content--top {
    direction: rtl
}

.body--ar .home-bonuses__pretitle, .body--ar .home-bonuses__title {
    text-align: left;
    width: 100%
}

@media (min-width: 768px) {
    .body--ar .home-bonuses__pretitle, .body--ar .home-bonuses__title {
        text-align: right
    }
}

.body--ar .home-bonuses__button {
    margin-right: auto
}

@media (min-width: 768px) {
    .body--ar .home-bonuses__button {
        margin-left: auto;
        margin-right: unset
    }
}

.body--ar .home-game-slider .base-slider__arrows, .body--ar .home-game-slider .slick-slider, .body--ar .home-game-slider .slick-slider .slick-slide {
    transform: rotate(180deg)
}

.body--ar .crypto-address__address, .body--ar .game__title {
    direction: ltr
}

.body--ar .home-bonuses {
    margin-left: unset;
    margin-right: -16px
}

.body--ar .base-slider__horiz-scroll {
    padding-left: 32px;
    padding-right: 0
}

@media (min-width: 768px) {
    .body--ar .base-slider__horiz-scroll {
        padding-left: 48px;
        padding-right: 0
    }
}

.body--ar .option__icon {
    left: 8px;
    right: unset
}

.body--ar .input__placeholder {
    left: unset;
    right: 16px
}

.body--ar .registration-dynamic-form__element--gender .radio__block .radio__label {
    margin-left: 5px;
    margin-right: 52px
}

.body--ar .registration-dynamic-form__element--gender .radio__block .radio__point {
    margin-left: 18px;
    margin-right: unset
}

.body--ar .registration-dynamic-form__element--gender .radio:after {
    left: unset;
    right: 16px
}

.body--ar .registration-dynamic-form__back-button {
    transform: rotate(180deg)
}

.body--ar .content {
    text-align: right
}

.body--ar .content li {
    padding-left: unset !important;
    padding-right: 24px
}

.body--ar .content li:before {
    left: unset !important;
    right: 12px
}

.body--ar .rules {
    text-align: right
}

.body--ar .rules li {
    padding-left: unset !important;
    padding-right: 24px
}

.body--ar .rules li:before {
    left: unset !important;
    right: 12px
}

.body--ar .base-slider__arrows, .body--ar .header-currency-item {
    flex-direction: row-reverse
}

.body--ar .game__label-list {
    left: unset;
    right: 0
}

.body--ar .checkbox__label, .body--ar .cms-page, .body--ar .copyright__text, .body--ar .footer-menu__item, .body--ar .form-element__error, .body--ar .games__title, .body--ar .home-bonuses__content, .body--ar .input__native, .body--ar .registration-form-head, .body--ar .sidebar-menu-info__item, .body--ar .terms__title, .body--ar .tooltip-root, .body--ar .user-menu__text, .body--ar textarea {
    text-align: right
}

@media (min-width: 1200px) {
    .body--ar .registration-form-head {
        text-align: center
    }
}

@media (min-width: 600px) {
    .body--ar .landing__pretitile, .body--ar .landing__subtitle, .body--ar .landing__title {
        text-align: right
    }
}

@media (min-width: 768px) {
    .body--ar .lt-second__title {
        text-align: right
    }
}

.body--ar .bonus-pop-up__content, .body--ar .description, .body--ar .ls-about-item__text, .body--ar .ls-about-item__title, .body--ar .lt-second__step-desc, .body--ar .lt-second__step-name, .body--ar .user-level-status__player-name, .body--ar .welcome-page__features {
    text-align: right
}

.body--ar .lt-second__steps {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    .body--ar .lt-second__steps {
        flex-direction: row-reverse;
        justify-content: flex-end
    }
}

.body--ar .random-landing__steps {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    .body--ar .random-landing__steps {
        flex-direction: row-reverse
    }
}

@media (min-width: 1200px) {
    .body--ar .random-landing__title {
        text-align: right
    }

    .body--ar .random-landing.--wheel .random-landing-img {
        left: 120px;
        right: unset
    }

    .body--ar .random-landing.--box .random-landing-img {
        left: -50px;
        right: unset
    }
}

@media (min-width: 1440px) {
    .body--ar .random-landing.--box .random-landing-img {
        left: -150px;
        right: unset
    }
}

.body--ar .description p, .body--ar .landing-step__desc, .body--ar .landing-step__name, .body--ar .random-bonus-box__content {
    text-align: right
}

@media (min-width: 768px) {
    .body--ar .landing-step__desc, .body--ar .landing-step__name {
        text-align: center
    }
}

@media (min-width: 1200px) {
    .body--ar .landing-step__desc, .body--ar .landing-step__name {
        text-align: right
    }
}

.body--ar .copyright {
    grid-template-columns:1fr
}

.body--ar .description__collapse li {
    padding-left: unset;
    padding-right: 24px
}

.body--ar .description__collapse li:before {
    left: unset;
    right: 12px
}

.body--ar .odometer-inside {
    flex-direction: row-reverse
}

.body--ar .sign-in-page__title {
    text-align: right
}

@media (min-width: 1200px) {
    .body--ar .sign-in-page__title {
        text-align: center
    }
}

.body--ar .login-form__forgot-password-link-wrapper {
    justify-content: flex-start
}

.body--ar .header__icon--menu {
    margin-left: 16px;
    margin-right: unset
}

.body--ar .header__icon--search {
    margin-left: unset;
    margin-right: 24px
}

.body--ar .notification-center__container, .body--ar .select-header-currency__wrapper, .body--ar .select-user-menu__dropdown {
    left: 0;
    right: unset
}

.body--ar .user-menu__icon--right {
    left: 8px;
    right: unset
}

.body--ar .user-level-status__player-name {
    text-align: left
}

.body--ar .header-menu {
    display: none
}

@media (min-width: 960px) {
    .body--ar .header-menu {
        display: flex
    }
}

@media (min-width: 768px) {
    .body--ar .games-filter-block__category {
        padding-left: 12px;
        padding-right: unset
    }
}

.body--ar .games-filter-block__providers-button:after {
    left: unset;
    right: -48px;
    transform: scaleX(-1)
}

.body--ar .notification-center__button {
    margin-left: 12px
}

.body--ar .header__logo {
    margin-left: 24px;
    margin-right: unset
}

@media (min-width: 1200px) {
    .body--ar .home-sportsbook-widget__title {
        text-align: right
    }
}

.body--ar .home-sportsbook-widget__button--desktop {
    margin-left: auto
}

.body--ar .bonus-pop-up__button--close {
    left: 12px;
    right: unset !important
}

.body--ar .select-language-icons-with-name-footer__container {
    left: unset;
    right: 0
}

@media (min-width: 1200px) {
    .body--ar .select-language-icons-with-name-footer__container {
        left: 0;
        right: unset
    }
}

.body--ar .select-language-icons-with-name-footer__link .option-link__content {
    -moz-column-gap: 12px;
    column-gap: 12px
}

@media (min-width: 1200px) {
    .body--ar .welcome-page-features__background {
        left: -88px;
        right: unset
    }
}

.body--ar .password-input__strength-progress {
    left: unset;
    right: 0
}

@media (min-width: 768px) {
    .body--ar .home-vip-benifits__card--one {
        left: 6px;
        right: unset
    }
}

@media (min-width: 1200px) {
    .body--ar .home-vip-benifits__card--one {
        left: 110px;
        right: unset
    }
}

@media (min-width: 1440px) {
    .body--ar .home-vip-benifits__card--one {
        left: 132px;
        right: unset
    }
}

@media (min-width: 1680px) {
    .body--ar .home-vip-benifits__card--one {
        left: 237px;
        right: unset
    }
}

@media (min-width: 768px) {
    .body--ar .home-vip-benifits__card--two {
        left: 6px;
        right: unset
    }
}

@media (min-width: 1200px) {
    .body--ar .home-vip-benifits__card--two {
        left: 8px;
        right: unset
    }
}

@media (min-width: 1440px) {
    .body--ar .home-vip-benifits__card--two {
        left: 30px;
        right: unset
    }
}

@media (min-width: 1680px) {
    .body--ar .home-vip-benifits__card--two {
        left: 134px;
        right: unset
    }
}

.body--ar .bar {
    left: auto;
    right: 0
}

.body--ar .bar__content {
    left: auto;
    right: 0;
    transform: translateX(300px)
}

.body--ar .bar__content--open {
    transform: translateX(0)
}

.body--ar .sidebar-menu-main__link--mystery-drops, .body--ar .sidebar-menu-main__link--mystery-drops:hover {
    background: linear-gradient(90deg, rgba(72, 26, 255, .08), rgba(127, 26, 255, .38))
}

.body--ar .sidebar-menu-main__link--road-to-glory, .body--ar .sidebar-menu-main__link--road-to-glory:hover {
    background: linear-gradient(75deg, rgba(26, 49, 255, .08), rgba(26, 214, 255, .3))
}

.body--ar .sidebar-menu-main__link--lucky-box, .body--ar .sidebar-menu-main__link--lucky-box:hover {
    background: linear-gradient(90deg, rgba(255, 97, 5, .02) 3.45%, rgba(255, 193, 53, .8))
}

.body--ar .notification-center-card--new:after {
    left: 16px;
    right: unset
}

.body--ar .search-modal-tabs {
    justify-content: flex-end
}

.body--ar .games-block-recommended__name, .body--ar .games-block-recommended__provider, .body--ar .games-block-recommended__title, .body--ar .games-page-providers__name, .body--ar .select-games-search-for-modal__name, .body--ar .select-games-search-for-modal__not-found, .body--ar .select-games-search-for-modal__provider {
    text-align: right
}

.body--ar .games-block-recommended__game-icon, .body--ar .select-games-search-for-modal__game-icon {
    left: 12px;
    right: unset;
    transform: translateY(-50%) scaleX(-1)
}

.body--ar .search-modal-header .search-modal-header__input .input__native {
    padding: 0 12px 0 48px !important
}

.body--ar .search-modal-header .search-modal-header__input .input__left-container {
    margin-right: 16px !important;
    padding-left: 0 !important
}

.body--ar .search-modal-header__clear-icon {
    left: 12px;
    right: unset
}

.body--ar .tourn-winners-flex__head {
    padding: 12px 0 12px 12px
}

.body--ar .tab-desktop-tournament__title, .body--ar .tab-mobile-tournament__section--leaderboard, .body--ar .tourn-winners-flex__cell--name {
    text-align: right
}

.body--ar .tab-desktop-tournament__tourn-link .font-icons, .body--ar .tab-mobile-tournament__tourn-link .font-icons {
    transform: scaleX(-1)
}

.body--ar .tourn-about__hint-container {
    left: 34px;
    right: unset;
    text-align: right
}

.body--ar .tourn-about__hint-container:before {
    border-left: unset;
    border-right: 8px solid #000;
    left: -8px;
    right: unset
}

.body--ar .c-jp-level__title, .body--ar .game-section-games-block-favorite__name, .body--ar .game-section-games-block-favorite__provider, .body--ar .game-section-games-block-played__name, .body--ar .game-section-games-block-played__provider, .body--ar .game-section-games-block__name, .body--ar .game-section-games-block__provider, .body--ar .jackpot-game-panel-info__section-title, .body--ar .jackpot-game-panel-info__text, .body--ar .jackpot-game-panel-info__title, .body--ar .jackpot-list__level, .body--ar .jackpot-winner__name, .body--ar .notification-center-card__content {
    text-align: right
}

.body--ar .jackpot-game-panel-info__winners:after {
    left: 0;
    right: unset;
    transform: scaleX(-1)
}

.body--ar .game-section-games-block-favorite__game-icon, .body--ar .game-section-games-block-played__game-icon, .body--ar .game-section-games-block__game-icon {
    left: 12px;
    right: unset;
    transform: translateY(-50%) scaleX(-1)
}

.body--ar .game-frame__controls, .body--ar .game-panel, .body--ar .game-panel__back-button {
    flex-direction: row-reverse
}

.body--ar .notification-center-game__item .notification-center-card {
    padding: 12px 8px 12px 32px
}

@media (min-width: 768px) {
    .body--ar .install-app-hero-text {
        text-align: right
    }

    .body--ar .install-app-hero-phones {
        left: 0;
        right: unset
    }
}

@media (min-width: 1440px) {
    .body--ar .install-app-hero-phones {
        left: -50px
    }
}

.body--ar .install-app-hero-button {
    flex-direction: row-reverse
}

.body--ar .install-app-hero-button-text-platform, .body--ar .install-app-hero-button-text-top {
    text-align: right
}

.body--ar .install-app-how-to-header {
    flex-direction: row-reverse
}

.body--ar .install-app-widget {
    padding: 9px 16px 9px 24px
}

.body--ar .p-payments__title, .body--ar .payment-list .payment-list__table tbody tr td, .body--ar .payment-list .payment-list__table thead tr th, .body--ar .payment-list__text {
    text-align: right
}

.body--ar .payment-list .payment-list__table tbody tr td:last-child {
    text-align: left !important
}

.body--ar .payment-list .payment-list__table thead tr th:first-child {
    border-radius: 0 8px 8px 0
}

.body--ar .payment-list .payment-list__table thead tr th:last-child {
    border-radius: 8px 0 0 8px
}

.body--ar .hall-of-fame-banner__bg-anon-wrap {
    left: 0;
    right: unset;
    transform: scaleX(-1)
}

.body--ar .hall-of-fame-achievements__title, .body--ar .hall-of-fame-banner__text, .body--ar .hall-of-fame-banner__title, .body--ar .hall-of-fame-champions-stats__subtitle, .body--ar .hall-of-fame-champions-stats__title, .body--ar .hall-of-fame-champions-stats__values, .body--ar .hall-of-fame-players-table__th, .body--ar .hall-of-fame-stats-top__amount, .body--ar .hall-of-fame-stats-top__name, .body--ar .hall-of-fame-winners__name, .body--ar .hall-of-fame-winners__user, .body--ar .hall-of-fame__title {
    text-align: right
}

.body--ar .hall-of-fame-champions-stats__values {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.body--ar .hall-of-fame-champions-stats__btn-info {
    left: 16px;
    right: unset
}

.body--ar .hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(2n) .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) translate(-50%) scale(1.5)
}

.body--ar .hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(odd) .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) translate(50%) scale(1.5)
}

.body--ar .hall-of-fame-achievement__prize {
    flex-direction: row-reverse
}

@media (min-width: 768px) {
    .body--ar .hall-of-fame-champions-stats__btn {
        margin-left: unset;
        margin-right: auto
    }
}

@media (min-width: 1200px) {
    .body--ar .hall-of-fame-champions-stats__top-players {
        margin-left: 12px;
        margin-right: unset
    }
}

.body--ar .hall-of-fame-winners__multiplier-th, .body--ar .hall-of-fame-winners__payout-th {
    justify-content: flex-start
}

.body--ar .promotions-block__description, .body--ar .promotions-block__title, .body--ar .promotions-card__description, .body--ar .promotions-card__text, .body--ar .promotions-card__title, .body--ar .promotions-modal-content__text, .body--ar .promotions-modal-content__title, .body--ar .promotions-modal__terms-item, .body--ar .promotions-modal__text, .body--ar .promotions-modal__title {
    text-align: right
}

.body--ar .promotions-card__text {
    width: 100%
}

.body--ar .promotions-card__code--long {
    display: flex
}

@media (min-width: 480px) {
    .body--ar .promotions-card__code--long {
        display: none
    }
}

@media (min-width: 768px) {
    .body--ar .promotions-card__code--long {
        display: flex
    }
}

@media (min-width: 1200px) {
    .body--ar .promotions-card__code--long {
        display: none
    }
}

.body--ar .promotions-card__code--short {
    display: none
}

@media (min-width: 480px) {
    .body--ar .promotions-card__code--short {
        display: flex
    }
}

@media (min-width: 768px) {
    .body--ar .promotions-card__code--short {
        display: none
    }
}

@media (min-width: 1200px) {
    .body--ar .promotions-card__code--short {
        display: flex
    }
}

.body--ar .promotions-modal__terms {
    padding: 0 40px 0 0
}

.body--ar .promotions-modal__terms-item:before {
    left: unset;
    right: -40px
}

.body--ar .home-promotions__item .promotions-bonus-code--long .promotions-bonus-code__inner span {
    display: flex;
    flex-direction: row-reverse
}

.body--ar .home-promotions__item .promotions-card__content--bottom {
    align-items: flex-end
}

@media (min-width: 480px) {
    .body--ar .home-promotions__item .promotions-card__content--bottom {
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .body--ar .home-promotions__item .promotions-card__content--bottom {
        align-items: flex-end;
        flex-direction: column-reverse;
        justify-content: unset
    }
}

@media (min-width: 1200px) {
    .body--ar .home-promotions__item .promotions-card__content--bottom {
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.body--ar .home-promotions__item .promotions-card__buttons {
    flex-direction: row-reverse
}

.body--ar .balance-rcp__info, .body--ar .bonus-store__main--text, .body--ar .bonus-store__main--title, .body--ar .card-bottom__description, .body--ar .card-bottom__title, .body--ar .tab-content__title {
    text-align: right
}

.body--ar .balance-rcp, .body--ar .card-bottom__info {
    flex-direction: row-reverse
}

@media (min-width: 768px) {
    .body--ar .balance-rcp__tooltip {
        right: -100px
    }
}

.body--ar .full-tourn__description, .body--ar .tourn-about-big__description, .body--ar .tourn-block__description-item, .body--ar .tourn-card-big, .body--ar .tourn-prizes-flex__cell--prize, .body--ar .tourn-winner__cell--name, .body--ar .tournaments-page__description, .body--ar .tournaments-page__title {
    text-align: right
}

.body--ar .full-tourn__title {
    margin: 0 8px 0 0;
    text-align: right
}

.body--ar .tourn-prize--bronze:after, .body--ar .tourn-prize--gold:after, .body--ar .tourn-prize--silver:after {
    left: 4px;
    right: unset
}

.body--ar .road-to-glory-point__text--level, .body--ar .road-to-glory-rewards__text--reward, .body--ar .road-to-glory-rules__content {
    text-align: right
}

@media (min-width: 1200px) {
    .body--ar .road-to-glory__header {
        text-align: right
    }
}

.body--ar .road-to-glory-rewards__reward, .body--ar .road-to-glory__button--modal {
    flex-direction: row-reverse
}

@media (min-width: 1200px) {
    .body--ar .road-to-glory__content {
        padding-left: unset;
        padding-right: 32px
    }
}

.body--ar .player-level-timer__title:before {
    left: unset;
    right: -14px
}

.body--ar .player-level-timer {
    padding: 4px 20px 4px 12px
}

.body--ar .how-it-work__dsc, .body--ar .how-it-work__subtitle {
    text-align: right
}

@media (min-width: 768px) {
    .body--ar .how-it-work__dsc, .body--ar .how-it-work__subtitle {
        text-align: center
    }
}

.body--ar .cms-page--jackpot .page-content--desktop p, .body--ar .how-to-item__text, .body--ar .how-to-item__title, .body--ar .jackpot-how-to__title {
    text-align: right
}

@media (max-width: 960px)and (min-width: 768px) {
    .body--ar .how-to-item__text, .body--ar .how-to-item__title {
        text-align: center
    }
}

.body--ar .grand-prizes-main__bet-widget {
    margin-left: unset;
    margin-right: -24px
}

@media (min-width: 768px) {
    .body--ar .grand-prizes-main__bet-widget {
        margin: 32px auto 56px
    }
}

.body--ar .grand-prizes-main__block--major:before {
    left: unset;
    right: 0
}

@media (max-width: 768px) {
    .body--ar .mystery-feature__title {
        text-align: right
    }
}

@media (max-width: 960px) {
    .body--ar .mystery-drops-winners-tables__wrap {
        margin-left: unset;
        margin-right: -24px
    }
}

.body--ar .jackpot-biggest-wrap__winner-block-pool-wrap {
    left: 8px;
    right: unset
}

.body--ar .jackpot-list-winner__block {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.body--ar .jackpot-biggest-wrap__winner-block {
    align-items: flex-start
}

.body--ar .jackpot-biggest-wrap__winner-block-title {
    text-align: right
}

.body--ar .ago-timer {
    flex-direction: row-reverse
}

.body--ar .jackpot-list-winner .ago-timer {
    justify-content: flex-end;
    margin-right: 52px
}

.body--ar .jackpot-list-winner__name {
    margin-right: 52px;
    text-align: right
}

.body--ar .jackpot-how-to__banner {
    align-items: center;
    display: flex;
    justify-content: center
}

.body--ar .c-support-card__text, .body--ar .layout-help-center__title, .body--ar .p-help-center, .body--ar .p-support__content {
    text-align: right
}

.body--ar .help-center-menu__icon {
    transform: scaleX(-1)
}

.body--ar .payment-amount-default__currency {
    left: 16px;
    right: unset
}

.body--ar .crypto-address__description, .body--ar .crypto-address__hint, .body--ar .payment-form-element__error, .body--ar .payments-js-lib__description {
    text-align: right
}

@media (min-width: 768px) {
    .body--ar .crypto-address__code {
        text-align: right
    }
}

.body--ar .payment-amount-default__input--amount .input {
    padding-left: 55px;
    padding-right: 16px
}

.body--ar .daily-cashback-promo__item, .body--ar .daily-cashback-promo__title {
    text-align: right
}

.body--ar .daily-cashback-promo__list {
    padding-right: 20px
}

@media (max-width: 1440px) {
    .body--ar .daily-cashback-promo__list {
        padding-right: 32px
    }
}

.body--ar .login-form__input .input__native, .body--ar .password-input__input .input__native, .body--ar .registration-dynamic-form__input .input__native {
    direction: ltr;
    text-align: right
}

.body--ar .deposit-hint__text--description {
    text-align: right
}

.body--ar .registration-dynamic-form__tel, .body--ar .select-with-country-icons__input, .body--ar .select-with-country-icons__option {
    flex-direction: row-reverse
}

.body--ar .deposit-hint__container--card-holder, .body--ar .deposit-hint__container--credit-card-number, .body--ar .deposit-hint__container--cvv {
    left: -32px;
    right: unset
}

.body--ar .deposit-hint__container--card-holder:after, .body--ar .deposit-hint__container--credit-card-number:after, .body--ar .deposit-hint__container--cvv:after {
    left: 28px;
    right: unset
}

@media (min-width: 768px) {
    .body--ar .deposit-hint__container--card-holder, .body--ar .deposit-hint__container--credit-card-number, .body--ar .deposit-hint__container--cvv {
        left: -8px;
        right: unset
    }

    .body--ar .deposit-hint__container--card-holder:after, .body--ar .deposit-hint__container--credit-card-number:after, .body--ar .deposit-hint__container--cvv:after {
        left: 4px;
        right: unset
    }
}

.body--ar .deposit-hint__container--card-expiry-date {
    left: -180px;
    right: unset
}

.body--ar .deposit-hint__container--card-expiry-date:after {
    left: unset;
    right: 95px
}

@media (min-width: 768px) {
    .body--ar .deposit-hint__container--card-expiry-date {
        left: -8px;
        right: unset
    }

    .body--ar .deposit-hint__container--card-expiry-date:after {
        left: 4px;
        right: unset
    }
}

.body--ar .daily-cashback-step__main {
    flex-direction: row-reverse
}

.body--ar .daily-cashback-step__description {
    text-align: right
}

@media (max-width: 960px) {
    .body--ar .daily-cashback__steps {
        margin-left: unset;
        margin-right: -48px
    }
}

.body--ar .daily-cashback-step {
    clip-path: polygon(72px 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 17px, 55px 17px)
}

@media (max-width: 1200px) {
    .body--ar .daily-cashback-step {
        clip-path: polygon(59px 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 17px, 42px 17px)
    }
}

@media (max-width: 960px) {
    .body--ar .daily-cashback-step {
        clip-path: polygon(133px 0, 100% 0, 100% 60%, 100% 100%, 0 100%, 0 13px, 100px 13px)
    }
}

.body--ar .daily-cashback-promo__item:before {
    left: unset;
    right: -32px
}

.body--ar .daily-cashback-step__header {
    padding-left: unset;
    padding-right: 30px
}

@media (max-width: 960px) {
    .body--ar .daily-cashback-step__header {
        padding-left: unset;
        padding-right: 24px
    }
}

@media (max-width: 1576px) {
    .home-bonuses__item {
        padding-right: 15%;
    }
}