.error-page__content {
    height: 440px;
    padding-top: 180px;
    position: relative;
    text-align: center
}

@media(min-width: 768px) {
    .error-page__content {
        height:586px;
        padding-top: 280px
    }
}

@media(min-width: 1200px) {
    .error-page__content {
        height:680px;
        padding-top: 340px
    }
}

@media(min-width: 1440px) {
    .error-page__content {
        height:724px
    }
}

.error-page__background {
    height: 260px;
    left: 50%;
    position: absolute;
    top: 24px;
    transform: translateX(-50%);
    z-index: -1
}

@media(min-width: 480px) {
    .error-page__background {
        height:330px
    }
}

@media(min-width: 768px) {
    .error-page__background {
        height:500px
    }
}

@media(min-width: 1200px) {
    .error-page__background {
        height:700px
    }
}

@media(min-width: 1440px) {
    .error-page__background {
        height:724px
    }
}

.error-page__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px
}

@media(min-width: 768px) {
    .error-page__title {
        font-size:20px;
        line-height: 30px;
        margin: 0 0 16px
    }
}

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

.error-page__text {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 auto 32px;
    max-width: 300px
}

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

@media(min-width: 1200px) {
    .error-page__text {
        font-size:42px;
        line-height: 52px;
        max-width: 400px
    }
}

@media(min-width: 1440px) {
    .error-page__text {
        font-size:54px;
        font-weight: 900;
        line-height: 64px;
        max-width: 500px
    }
}

.error-page .error-page__button {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 12px 20px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .error-page .error-page__button {
        padding:16px 24px
    }
}

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

.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
}

@font-face {
    font-display: block;
    font-family: font-icons;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/font-icons.0a7e2dac..ttf) format("truetype"),url(/fonts/font-icons.24aafc5b..woff) format("woff"),url(/fonts/font-icons.5645f099..svg#font-icons) format("svg")
}

.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--filter-check:before {
    content: "\e991"
}

.font-icons--filter:before {
    content: "\e992"
}

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

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

.font-icons--high-rtp:before {
    content: "\e98a"
}

.font-icons--hot-rtp:before {
    content: "\e98f"
}

.font-icons--intercom:before {
    content: "\e98c"
}

.font-icons--olympic-games:before {
    content: "\e98e"
}

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

.font-icons--mission:before {
    content: "\e98b"
}

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

.font-icons--check-circle:before {
    content: "\e988"
}

.font-icons--lucky-box:before {
    content: "\e987"
}

.font-icons--locker-secondary:before {
    content: "\e986"
}

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

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

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

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

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

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

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

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

.font-icons--trustly: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--shield-check:before {
    content: "\e95c"
}

.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--promotions:before {
    content: "\e97f"
}

.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--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--referral-program:before {
    content: "\e994"
}

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

.font-icons--mail:before {
    content: "\e998"
}

.tournament-notification__container {
    background-color: #1a1a1a;
    border-radius: 4px;
    display: flex;
    font-family: Montserrat,Arial,sans-serif;
    font-style: normal;
    position: relative;
    width: 100%
}

.tournament-notification__image {
    margin: 10px;
    width: 60px
}

.tournament-notification__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
    width: 100%
}

.tournament-notification__content-top {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 25px 0 0
}

.tournament-notification__title {
    color: #838386;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

.tournament-notification__time-to-start,.tournament-notification__tournament-name {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px
}

.tournament-notification__tournament-name {
    text-transform: uppercase
}

.tournament-notification__prize-pool-title {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01px;
    line-height: 22px
}

.tournament-notification__prize-pool-value {
    color: #ffd913;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .01px;
    line-height: 22px
}

.tournament-notification__timer-container {
    align-items: center;
    display: flex;
    gap: 5px
}

.tournament-notification__timer-title {
    color: #838386;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.tournament-notification__timer.tournament-notification__timer {
    min-height: auto;
    min-width: auto;
    width: -moz-max-content;
    width: max-content
}

.tournament-notification__content-bottom {
    display: flex;
    justify-content: flex-end
}

.tournament-notification__see-more-button {
    background: #ffd913;
    border-radius: 14px 0;
    color: #191919;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .01px;
    line-height: 12px;
    min-height: auto;
    min-width: auto;
    text-transform: uppercase
}

.tournament-notification__close-button {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px
}

.link {
    color: #00dccd;
    outline: none;
    text-decoration: none
}

.link:hover {
    color: #1df0e2
}

.inline-timer {
    background-color: hsla(0,0%,100%,.17);
    border-radius: 4px;
    min-height: 50px;
    padding: 5px;
    text-align: center
}

.inline-timer,.inline-timer__list {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    width: 100%
}

.inline-timer__list {
    margin: 0;
    padding: 0
}

.inline-timer__item {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0 2px;
    position: relative;
    width: auto
}

.inline-timer__label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .inline-timer__label {
        font-size:14px
    }
}

.inline-timer__value {
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.inline-timer__text,.inline-timer__value {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.inline-timer__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn,.link-btn {
    align-items: center;
    background: #ff230a;
    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: 8px;
    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: 8px;
    font-size: 14px;
    line-height: 20px;
    min-width: 80px
}

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

.link-btn {
    text-decoration: none
}

.link-btn,.link-btn:hover {
    color: #fff
}

.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 #ff230a;
    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;
    gap: 8px;
    left: 50%;
    pointer-events: none;
    position: fixed;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    z-index: 90
}

.pop-ups--standalone {
    bottom: 86px
}

.pop-ups>* {
    pointer-events: auto
}

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

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

.landing-secondary~.pop-ups,.landing~.pop-ups {
    bottom: 5px
}

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

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

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

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

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

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

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

.advent-layout .advent-layout__container {
    max-width: 1346px
}

.advent-layout .advent-layout__container--days {
    max-width: 1136px
}

.advent-layout__section {
    margin: 0 0 48px
}

@media(min-width: 480px) {
    .advent-layout__section {
        margin:0 0 64px
    }
}

@media(min-width: 768px) {
    .advent-layout__section {
        margin:0 0 80px
    }
}

.advent-layout__section--no-offset {
    margin: 0
}

.advent-layout__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 32px;
    text-align: center
}

@media(min-width: 768px) {
    .advent-layout__title {
        font-size:27px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .advent-layout__title {
        font-size:34px;
        line-height: 40px;
        margin-right: 0 0 40px
    }
}

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

.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 .header__icon:before {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

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

.header .header__icon--menu {
    margin-right: 12px
}

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

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

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

.header__logo {
    display: none
}

@media(min-width: 480px) {
    .header__logo {
        display:flex;
        width: 171px
    }
}

@media(min-width: 1200px) {
    .header__logo {
        margin-right:24px
    }
}

.header__logo--mobile {
    display: flex;
    margin-right: 0;
    width: 44px
}

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

.header__logo img {
    width: 100%
}

.header__switcher {
    display: none;
    margin-left: 52px;
    margin-right: 32px;
    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
    }
}

.header--scroll {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

@media(min-width: 768px) {
    .header--scroll {
        opacity:1;
        pointer-events: unset
    }
}

.header--scroll.header--scrolled {
    opacity: 1;
    pointer-events: unset
}

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

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

.install-app-widget__text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.install-app-widget__app {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12px;
    line-height: 16px
}

.install-app-widget__project {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.install-app-widget__icon,.install-app-widget__icon-container {
    border-radius: 8px;
    height: 40px;
    width: 40px
}

.install-app-widget__img-container--download {
    margin-left: auto
}

.install-app-widget__img,.install-app-widget__img-container {
    height: 24px;
    width: 24px
}

.logo {
    vertical-align: top
}

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

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

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

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

.after-close-deposit {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 296px 16px 32px;
    position: relative
}

@media(min-width: 768px) {
    .after-close-deposit {
        padding:296px 48px 48px
    }
}

.after-close-deposit__background {
    height: 336px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 480px;
    z-index: -1
}

.after-close-deposit__text {
    margin: 0
}

.after-close-deposit__text--title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.after-close-deposit__text--description {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 32px;
    text-align: center
}

.after-close-deposit__text--value {
    color: #ffc736;
    font-weight: 700
}

.after-close-deposit .after-close-deposit__button--return {
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    margin: 0 0 20px;
    text-transform: uppercase;
    width: 100%
}

.after-close-deposit .after-close-deposit__button--close,.after-close-deposit .after-close-deposit__button--return {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    line-height: 24px
}

.ago-timer {
    align-items: center;
    display: flex
}

.ago-timer__text {
    color: hsla(0,0%,100%,.4);
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.ago-timer__text--visible {
    display: block
}

.ago-timer__text--ago {
    margin-left: 4px
}

.amount-elem {
    display: block;
    width: 100%
}

.amount-elem__list {
    grid-gap: 6px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin: 0 0 12px;
    width: 100%
}

.amount-elem__wrap-input {
    align-items: center;
    background-color: #22222b;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.amount-elem__currency {
    display: inline-flex;
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 0 6px;
    min-width: 66px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.amount-elem .amount-elem__item,.amount-elem__currency {
    color: hsla(0,0%,100%,.4);
    font-weight: 700;
    justify-content: center;
    text-align: center
}

.amount-elem .amount-elem__item {
    align-items: center;
    align-self: stretch;
    background-color: #22222b;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    min-height: 44px;
    min-width: auto;
    overflow: hidden;
    padding: 5px;
    transition: background-color .3s ease,color .3s ease,border-color .3s ease;
    width: 100%
}

.amount-elem .amount-elem__item--active,.amount-elem .amount-elem__item:hover {
    background-color: #2e2e3b;
    color: #fff
}

.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:has(.input__native:focus) .search-modal-header__search-icon {
    color: #fff
}

.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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.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
}

.amount-hint__item {
    display: inline-block
}

.amount-hint__item:not(:first-child) {
    margin-left: 3px
}

.amount-hint__item:not(:last-child):after {
    content: ","
}

.attention-modal--overlay {
    align-items: center;
    background-color: #1a1a22;
    border-radius: 20px;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

.attention-modal__content {
    max-width: 480px;
    padding: 18px 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

@media(min-width: 768px) {
    .attention-modal__content {
        max-width:416px;
        top: unset
    }
}

.attention-modal__image {
    height: 100px;
    margin-top: 20px;
    width: 100px
}

@media(min-width: 768px) {
    .attention-modal__image {
        margin-top:unset
    }
}

.attention-modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 24px auto 0
}

.attention-modal__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 16px auto 0
}

.attention-modal__buttons {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    justify-content: center;
    margin-top: 32px;
    width: 100%
}

@media(min-width: 480px) {
    .attention-modal__buttons {
        flex-direction:row
    }
}

.attention-modal__button {
    width: 100%
}

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

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

@supports(height: 100dvh) {
    .bar--open {
        height:100dvh
    }
}

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

.bar__content {
    -ms-overflow-style: none;
    background: #1a1a22;
    display: flex;
    flex-direction: column;
    height: 100%;
    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
}

@supports(height: 100dvh) {
    .bar__content {
        height:100dvh
    }
}

@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: 28px!important;
    left: 32px;
    position: absolute;
    top: 28px
}

@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 .bar__link {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Roboto,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 .bar__link:hover {
    background: #22222b;
    color: #fff
}

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

.bar .bar__icon {
    margin-right: 20px
}

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

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

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

.select-language-icons-with-name__container::-webkit-scrollbar-thumb {
    background: #363645;
    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;
    display: flex;
    font-family: Roboto,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__icon {
    align-items: center;
    border-radius: 4px;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 12px;
    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: Roboto,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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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
}

.bonus-pop-up {
    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--anon {
    background: linear-gradient(155deg,#e84444 5.56%,#53189e 84.44%)
}

.bonus-pop-up--user {
    background: linear-gradient(155deg,#22b299 5.56%,#53189e 84.44%)
}

.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 .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 {
    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: DrukCyr,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: center;
    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: DrukCyr,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px
}

@media(min-width: 768px) {
    .bonus-pop-up__text--code-value {
        font-size:16px;
        line-height: 22px
    }
}

.inline-icon-timer {
    margin-top: 24px
}

.inline-icon-timer--clean {
    margin-top: 0;
    position: relative
}

@media(min-width: 768px) {
    .inline-icon-timer--clean:before {
        background:hsla(0,0%,100%,.2);
        content: "";
        height: 14px;
        left: -16px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
}

.inline-icon-timer--clean .inline-icon-timer__inner {
    margin-left: 0
}

.inline-icon-timer--clean .inline-icon-timer__icon {
    color: #fff!important
}

.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__label {
    padding-left: 4px
}

.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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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)
}

.clipboard__tooltip--bottom {
    bottom: -50px;
    top: unset
}

.clipboard__tooltip--bottom:after {
    border-bottom: 8px solid #282833;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: unset;
    top: -8px
}

.clipboard--no-children {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    justify-content: center
}

.clipboard--mission {
    border: 1px dashed hsla(0,0%,100%,.2);
    border-radius: 8px;
    padding: 6px 12px
}

.clipboard--mission:hover .clipboard__icon,.clipboard--mission:hover .clipboard__text {
    color: #00dccd;
    transition: color .3s ease
}

.clipboard--mission .clipboard__text {
    color: #00dccd;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.clipboard--mission .clipboard__icon {
    color: #00dccd;
    font-size: 20px!important;
    line-height: 20px
}

.bonus-pop-ups-list {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.bonus-shop-item {
    background: #22222b;
    border-radius: 8px;
    overflow: hidden;
    width: 100%
}

.bonus-shop-item__header {
    align-items: end;
    display: flex;
    height: 150px;
    justify-content: center;
    padding: 12px 12px 0
}

@media(min-width: 1200px) {
    .bonus-shop-item__header {
        height:172px;
        padding: 24px 24px 0
    }
}

.bonus-shop-item__header span {
    display: none
}

.bonus-shop-item__header--center {
    align-items: center;
    padding: 0 12px
}

.bonus-shop-item__img {
    height: 100%;
    max-height: 138px;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width: 1200px) {
    .bonus-shop-item__img {
        max-height:148px
    }
}

.bonus-shop-item__img--center {
    max-height: 110px
}

@media(min-width: 1200px) {
    .bonus-shop-item__img--center {
        max-height:132px
    }
}

.bonus-shop-item__content {
    padding: 16px
}

@media(min-width: 1200px) {
    .bonus-shop-item__content {
        padding:24px
    }
}

.bonus-shop-item__title-wrapper {
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 26px;
    justify-content: space-between;
    line-height: 150%;
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .bonus-shop-item__title-wrapper {
        font-size:20px
    }
}

.bonus-shop-item__title {
    color: #fff
}

.bonus-shop-item__price {
    color: #00dccd;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .bonus-shop-item__price {
        font-size:20px
    }
}

.bonus-shop-item__desc {
    color: #999;
    font-size: 14px;
    line-height: 143%;
    margin-bottom: 24px
}

.bonus-shop-item__cta {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px
}

.bonus-shop-item__buy,.bonus-shop-item__details {
    width: calc(50% - 4px)
}

.bonus-shop-item__buy {
    text-align: right
}

.bonus-shop-item .bonus-shop-item__details-btn {
    width: 100%
}

.bonus-shop-item .bonus-shop-item__details-btn:hover {
    background: none;
    color: #999
}

.bonus-shop-item__buy-btn {
    width: 100%
}

.bonus-shop-item__buy-btn--without-details {
    max-width: -moz-max-content;
    max-width: max-content
}

.modal__content::-webkit-scrollbar {
    width: 4px
}

.modal__content::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.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
}

.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: 20px;
    box-shadow: 0 28px 56px 0 rgba(0,0,0,.8);
    margin: 40px 10px;
    opacity: 0;
    overflow: auto;
    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
}

@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__content {
    opacity: 1;
    transform: translateY(0);
    transition-timing-function: ease-in
}

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

.modal--exiting .modal__content {
    transform: translateY(20px)
}

.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;
    margin: 0;
    min-height: 100%
}

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

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

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

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

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

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

@media(min-width: 480px) {
    #sign-in .modal__close-button,#sign-up-pnp .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
}

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

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

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

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

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

    #success-after-registration .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
    }
}

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

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

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

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

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

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

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

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

.contact-us-modal .modal__content-wrapper {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    width: 100%
}

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

.contact-us-modal .modal__content {
    border-radius: 0;
    flex: 1 1 auto;
    margin: 0
}

@media(min-width: 768px) {
    .contact-us-modal .modal__content {
        border-radius:20px;
        margin: 20px 0
    }
}

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

@media(min-width: 768px) {
    #vip-status-receiving .modal__content-wrapper {
        height:unset;
        margin: auto;
        max-width: 480px
    }
}

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

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

    #vip-status-receiving .modal__close-button {
        right: 24px;
        top: 24px
    }
}

.bonus-shop-modal-content__exchange,.btn {
    align-items: center;
    background: #ff230a;
    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
}

.bonus-shop-modal-content__exchange:active,.bonus-shop-modal-content__exchange:focus,.bonus-shop-modal-content__exchange:hover,.btn:active,.btn:focus,.btn:hover {
    background: #ff442b
}

.bonus-shop-modal-content__exchange:not(:disabled),.btn:not(:disabled) {
    cursor: pointer
}

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

.bonus-shop-modal-content {
    background: #1a1a22;
    overflow: hidden;
    padding: 32px 16px;
    width: 100%
}

@media(min-width: 768px) {
    .bonus-shop-modal-content {
        padding:40px 48px
    }
}

.bonus-shop-modal-content__header {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .bonus-shop-modal-content__header {
        margin-bottom:24px
    }
}

.bonus-shop-modal-content__icon-wrapper {
    height: 100%;
    max-height: 100px;
    max-width: 100px;
    width: 100%
}

.bonus-shop-modal-content__icon {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.bonus-shop-modal-content__title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.bonus-shop-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    margin: 0
}

.bonus-shop-modal-content__rcp {
    color: #ffc736;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    text-transform: uppercase
}

.bonus-shop-modal-content__desc {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    margin-bottom: 24px;
    width: 100%
}

@media(min-width: 768px) {
    .bonus-shop-modal-content__desc {
        margin-bottom:32px
    }
}

.bonus-shop-modal-content .bonus-shop-modal-content__show-more {
    leading-trim: both;
    text-edge: cap;
    align-items: center;
    color: #fff!important;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 11px;
    line-height: 143%;
    margin: 0 auto 24px
}

@media(min-width: 768px) {
    .bonus-shop-modal-content .bonus-shop-modal-content__show-more {
        margin-bottom:32px
    }
}

.bonus-shop-modal-content__btn-icon {
    color: hsla(0,0%,100%,.4);
    font-size: 7px;
    transition: .3s
}

.bonus-shop-modal-content__btn-icon.--expand {
    transform: rotate(180deg)
}

.bonus-shop-modal-content__notification {
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.bonus-shop-modal-content__info-icon {
    color: #ffb800
}

.bonus-shop-modal-content__submit {
    width: 100%
}

.bonus-shop-modal-content__deposit,.bonus-shop-modal-content__exchange {
    border-radius: 8px;
    padding: 12px 20px;
    width: 100%
}

.bs-modal-table {
    margin-bottom: 19px
}

.bs-modal-table__header {
    border-bottom: 1px solid #22222b;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 8px
}

.bs-modal-table__header-item {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 133%;
    text-transform: uppercase
}

.bs-modal-table__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    transition: .3s
}

.bs-modal-table__body:after {
    background: linear-gradient(180deg,rgba(26,26,34,0),#1a1a22);
    bottom: 0;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%
}

.bs-modal-table__body--expand:after {
    content: none
}

.bs-modal-table__row {
    align-items: center;
    display: flex;
    gap: 16px
}

.bs-modal-table__icon {
    height: 32px;
    width: 32px
}

.bs-modal-table__prize {
    flex-grow: 1
}

.bs-modal-table__prize,.bs-modal-table__wager {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 143%
}

.bonus-shop-modal .modal__content-wrapper {
    height: 100%;
    margin: 0;
    max-width: 100%;
    width: 100%
}

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

.bonus-shop-modal .modal__content {
    border-radius: 0;
    display: flex;
    margin: 0;
    min-height: 100%
}

@media(min-width: 768px) {
    .bonus-shop-modal .modal__content {
        border-radius:20px;
        display: block;
        height: auto;
        margin: 80px auto;
        min-height: unset
    }
}

.bonus-shop-modal .modal__close-button {
    padding: 0;
    right: 16px!important;
    top: 16px!important
}

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

.bonus-shop-list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.bonus-shop-list__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    margin-bottom: 24px
}

.bonus-shop-list__items {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 768px) {
    .bonus-shop-list__items {
        display:grid;
        grid-template-columns: repeat(2,1fr)
    }
}

@media(min-width: 1200px) {
    .bonus-shop-list__items {
        grid-template-columns:repeat(3,1fr)
    }
}

@media(min-width: 1440px) {
    .bonus-shop-list__items {
        grid-template-columns:repeat(4,1fr)
    }
}

.bonus-shop-menu__tabs {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.bonus-shop-menu__tabs::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.bonus-shop-menu__tabs::-webkit-scrollbar-track {
    background: transparent
}

.bonus-shop-menu__tabs::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.bonus-shop-menu__tabs::-webkit-scrollbar-thumb:hover,.bonus-shop-menu__tabs:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.bonus-shop-menu__tabs {
    border-bottom: 1px solid #22222b;
    display: flex;
    gap: 24px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-right: 16px;
    position: relative;
    width: calc(100% + 16px)
}

@media(min-width: 576px) {
    .bonus-shop-menu__tabs {
        padding-right:0;
        width: 100%
    }
}

.bonus-shop-menu .bonus-shop-menu__tab {
    align-items: center;
    color: #999;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 143%;
    padding-bottom: 14px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.bonus-shop-menu .bonus-shop-menu__tab.bonus-shop-menu__tab--active {
    color: #fff
}

.bonus-shop-menu .bonus-shop-menu__tab.bonus-shop-menu__tab--active:before {
    background: linear-gradient(180deg,#ff230a,rgba(236,50,0,.8));
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.bonus-shop-menu__list {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
    width: 100%
}

@media(min-width: 768px) {
    .bonus-shop-menu__list {
        gap:40px;
        margin-top: 40px
    }
}

.button-action--center {
    margin-right: auto!important
}

.button-action--center,.button-action--right {
    margin-left: auto!important
}

.card-hint__info {
    cursor: pointer
}

.card-hint__image {
    height: 230px;
    width: 300px
}

.card-hint__image img {
    width: 100%
}

.tooltip {
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    z-index: 100
}

.tooltip,.tooltip .arrow {
    background: #22242c
}

.cms-page {
    padding-bottom: 60px;
    padding-top: 30px;
    position: relative
}

@media(min-width: 768px) {
    .cms-page {
        padding-top:35px
    }
}

@media(min-width: 1200px) {
    .cms-page {
        padding-bottom:80px;
        padding-left: 0;
        padding-top: 50px
    }
}

@media(min-width: 1440px) {
    .cms-page {
        padding-bottom:80px;
        padding-left: 0;
        padding-top: 60px
    }
}

.cms-page__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.cms-page__head {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
    padding: 0;
    position: relative;
    z-index: 0
}

.cms-page__head-wrap {
    position: relative;
    width: 100%;
    z-index: 3
}

.cms-page__title {
    color: #fff;
    font-weight: 700;
    margin: 0 0 16px;
    padding: 0;
    text-transform: capitalize
}

.cms-page__date {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.cms-page--without-vertical-space {
    padding-bottom: 0;
    padding-top: 0
}

.cms-page--without-top-space {
    padding-top: 0
}

.cms-page--without-bottom-space {
    padding-bottom: 0
}

.cms-page--center-header {
    text-align: center
}

.content {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif
}

.content>:not(.btn,.link-btn):last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.content>:not([class]) {
    padding-bottom: 0
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
    color: #fff;
    font-weight: 700;
    margin-top: 0
}

.content h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h1 {
        font-size:32px;
        line-height: 40px;
        margin-bottom: 16px
    }
}

.content h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h2 {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.content h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h3 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 16px
    }
}

.content h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h4 {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

.content h5 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h5 {
        font-size:14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.content h6 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h6 {
        font-size:12px;
        line-height: 16px;
        margin-bottom: 12px
    }
}

.content hr {
    background: hsla(0,0%,100%,.12);
    border: none;
    height: 1px;
    margin-bottom: 44px;
    margin-top: 44px;
    width: 100%
}

.content section {
    margin-bottom: 32px
}

.content section>:first-of-type {
    margin-top: 0;
    padding-top: 0
}

.content a,.content blockquote,.content mark,.content ol,.content p,.content table,.content ul {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0
}

@media(min-width: 768px) {
    .content a,.content blockquote,.content mark,.content ol,.content p,.content table,.content ul {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.content a:last-child,.content blockquote:last-child,.content mark:last-child,.content ol:last-child,.content p:last-child,.content table:last-child,.content ul:last-child {
    margin-bottom: 0
}

.content mark {
    background: #00dccd;
    color: #0a0a0d;
    font-weight: 500;
    padding: 1px 5px
}

.content a:not(.link-btn):not(.link-no-styles) {
    color: #00dccd;
    font-size: inherit;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    transition: color .3s ease
}

.content a:not(.link-btn):not(.link-no-styles):hover {
    color: #1df0e2;
    text-decoration: underline
}

.content ol:not([type])>li {
    padding-left: 0;
    position: relative
}

.content ul:not([type])>li {
    padding-left: 24px;
    position: relative
}

.content ol:not([type]),.content ul:not([type]) {
    list-style: none;
    margin-top: 0;
    padding: 0
}

.content ol:not([type]) li+li,.content ul:not([type]) li+li {
    margin-top: 10px
}

@media(min-width: 768px) {
    .content ol:not([type]) li+li,.content ul:not([type]) li+li {
        margin-top:12px
    }
}

.content ol:not([type]) ol,.content ol:not([type]) ul,.content ul:not([type]) ol,.content ul:not([type]) ul {
    margin-top: 10px
}

@media(min-width: 768px) {
    .content ol:not([type]) ol,.content ol:not([type]) ul,.content ul:not([type]) ol,.content ul:not([type]) ul {
        margin-top:12px
    }
}

.content ul>li:before {
    background-color: hsla(0,0%,100%,.65);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 12px;
    position: absolute;
    top: 8px;
    width: 4px
}

@media(min-width: 768px) {
    .content ul>li:before {
        top:10px
    }
}

.content ol.sm>li,.content ul.sm>li {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 14px
}

.content ol:not([type]) {
    counter-reset: list-counter
}

.content ol:not([type])>li {
    counter-increment: list-counter
}

.content ol:not([type])>li:before {
    content: counter(list-counter) ". ";
    font-family: Roboto,sans-serif;
    font-size: 14px;
    line-height: 20px
}

@media(min-width: 768px) {
    .content ol:not([type])>li:before {
        font-size:16px;
        line-height: 24px
    }
}

.content img {
    display: inline-block;
    margin: 0;
    max-width: 100%
}

.content pre {
    white-space: normal
}

.content blockquote {
    border-left: 1px solid #00dccd;
    margin: 32px 0;
    padding-left: 32px
}

.content .center {
    text-align: center
}

.content .right {
    text-align: right
}

.content .row {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .content .row {
        -moz-column-gap:48px;
        column-gap: 48px;
        flex-direction: row
    }
}

.content .column {
    margin-bottom: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .content .column {
        margin-bottom:24px
    }
}

.content .column>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.content .btn,.content .link-btn {
    margin-bottom: 20px;
    padding: 12px 20px
}

@media(min-width: 768px) {
    .content .btn,.content .link-btn {
        margin-bottom:24px
    }
}

.content table {
    display: block;
    overflow-x: auto
}

.content table,.content td,.content th {
    border: 1px solid #2e2e3b;
    border-collapse: collapse
}

.content th {
    background: #1a1a22;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.content td,.content th {
    color: hsla(0,0%,100%,.65);
    padding: 10px 16px
}

.content td {
    font-size: 14px;
    line-height: 20px
}

.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
}

.collapse-block {
    color: #6d6a71;
    font-size: 16px;
    text-align: left
}

@media(min-width: 768px) {
    .collapse-block {
        font-size:20px
    }
}

.collapse-block__toggle {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 16px;
    min-height: 64px;
    padding: 20px 16px;
    transition: color .3s ease,background .3s ease
}

@media(min-width: 768px) {
    .collapse-block__toggle {
        min-height:72px
    }
}

.collapse-block--open .collapse-block__toggle,.collapse-block__toggle:hover {
    background: #2e2e3b
}

.collapse-block__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media(min-width: 768px) {
    .collapse-block__title {
        font-size:20px;
        line-height: 30px
    }
}

.collapse-block__caret {
    align-items: center;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    position: relative;
    transform-origin: center;
    width: 24px
}

.collapse-block__caret:after,.collapse-block__caret:before {
    background: #ff230a;
    border-radius: 100px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: transform .3s ease;
    width: 15.5px
}

.collapse-block__caret:after {
    transform: translate(-50%,-50%) rotate(90deg)
}

.collapse-block__caret--open:after {
    transform: translate(-50%,-50%)
}

.collapse-block__content-wrap {
    padding: 24px 0 0
}

@media(min-width: 768px) {
    .collapse-block__content-wrap {
        padding:24px 0 0 56px
    }
}

.collapse-block__content-wrap .content {
    color: inherit
}

.collapse-block--with-separator:not(:last-child) {
    border-bottom: 1px solid hsla(266,3%,43%,.4)
}

.full-tourn .collapse-block .collapse-block__title,.tourn-network .collapse-block .collapse-block__title {
    flex: 1
}

.full-tourn .collapse-block .collapse-block__toggle,.tourn-network .collapse-block .collapse-block__toggle {
    min-height: auto;
    padding: 0 30px;
    position: relative
}

.full-tourn .collapse-block .collapse-block__caret,.tourn-network .collapse-block .collapse-block__caret {
    min-width: auto;
    position: absolute;
    right: 0;
    top: calc(50% - 2px)
}

.full-tourn .collapse-block .collapse-block__content-wrap,.tourn-network .collapse-block .collapse-block__content-wrap {
    padding: 0
}

.full-tourn .collapse-block h1,.full-tourn .collapse-block h2,.full-tourn .collapse-block h3,.full-tourn .collapse-block h4,.full-tourn .collapse-block h5,.tourn-network .collapse-block h1,.tourn-network .collapse-block h2,.tourn-network .collapse-block h3,.tourn-network .collapse-block h4,.tourn-network .collapse-block h5 {
    color: #fff;
    margin-bottom: 16px;
    text-align: center
}

.full-tourn .collapse-block .content,.tourn-network .collapse-block .content {
    color: hsla(0,0%,100%,.65);
    text-align: center
}

.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%
}

.collapse-error {
    color: hsla(0,0%,100%,.65);
    text-align: center
}

.collapse-error__toggle {
    cursor: pointer;
    font-weight: 700
}

.collapse-error__toggle:focus,.collapse-error__toggle:hover {
    color: #fff
}

.collapse-error__content {
    margin-top: 16px
}

.reset-password-page-complete__inner {
    padding: 48px 0 312px
}

@media(min-width: 768px) {
    .reset-password-page-complete__inner {
        padding:80px 0 484px
    }
}

@media(min-width: 1200px) {
    .reset-password-page-complete__inner {
        padding:80px 0 292px
    }
}

.reset-password-page-complete__content {
    text-align: center
}

.reset-password-page-complete__icon {
    align-items: center;
    background: rgba(26,219,74,.08);
    border-radius: 50%;
    color: #1adb4a;
    display: flex;
    height: 100px;
    justify-content: center;
    margin: 0 auto 24px;
    width: 100px
}

@media(min-width: 768px) {
    .reset-password-page-complete__icon {
        margin-bottom:32px
    }
}

.reset-password-page-complete__icon i {
    font-size: 42px!important
}

.reset-password-page-complete__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .reset-password-page-complete__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 24px
    }
}

@media(min-width: 1200px) {
    .reset-password-page-complete__title {
        font-size:42px;
        line-height: 52px
    }
}

.reset-password-page-complete__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

.reset-password-page-complete__text:last-child {
    margin: 0
}

@media(min-width: 768px) {
    .reset-password-page-complete__text {
        margin-bottom:40px
    }
}

.reset-password-page-complete__text span {
    color: #fff;
    display: block;
    width: 100%
}

.reset-password-page-complete__link-btn {
    max-width: 384px;
    width: 100%
}

.contact-list {
    font-size: 14px;
    font-weight: 400;
    text-align: left
}

.contact-list__list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

@media(min-width: 768px) {
    .contact-list__list {
        flex-direction:row
    }
}

.contact-list__item {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 16px 16px 0;
    width: 300px
}

.contact-list .contact-list__block,.contact-list .contact-list__block:not(.link-btn):not(.link-no-styles) {
    grid-gap: 5px 30px;
    background-color: #22242c;
    border: none;
    border-radius: 10px;
    color: #fff!important;
    cursor: pointer;
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-template-rows: auto auto;
    min-height: 110px;
    padding: 10px 35px;
    text-decoration: none!important;
    transition: background-color .3s ease;
    width: 100%
}

.contact-list .contact-list__block:hover,.contact-list .contact-list__block:not(.link-btn):not(.link-no-styles):hover {
    background-color: #2b2d32
}

.contact-list .contact-list__image {
    grid-column: 1;
    grid-row: span 2;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.contact-list__title {
    align-items: flex-end;
    align-self: stretch;
    font-size: 24px;
    font-weight: 700;
    grid-row: 1
}

.contact-list__text,.contact-list__title {
    display: flex;
    flex-direction: row;
    grid-column: 2
}

.contact-list__text {
    align-items: flex-start;
    grid-row: 2
}

.contact-us-modal-content {
    padding: 40px 16px 16px
}

@media(min-width: 768px) {
    .contact-us-modal-content {
        padding:56px 48px 48px
    }
}

.contact-us-modal-content__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 32px
}

.contact-us-modal-content__content h2,.contact-us-modal-content__content h3,.contact-us-modal-content__content h4,.contact-us-modal-content__content h5 {
    color: #fff;
    font-size: 24px;
    line-height: 133%;
    margin: 0 0 16px;
    text-align: center
}

.contact-us-modal-content__content p {
    color: hsla(0,0%,100%,.65);
    margin: 0;
    text-align: center
}

.contact-us-modal-content__content p:not(:last-of-type) {
    margin: 0 0 16px
}

.contact-us-modal-content .textarea {
    max-height: 128px;
    resize: none
}

.contact-form .contact-form__form-element:not(:first-child) {
    margin-top: 12px
}

.contact-form .contact-form__submit-button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    margin: 24px 0 0;
    min-height: 48px;
    text-transform: uppercase;
    width: 100%
}

.contact-form__label {
    color: hsla(0,0%,100%,.65);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
    width: 100%
}

@media(min-width: 768px) {
    .contact-form__label {
        font-size:16px
    }
}

.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
}

.form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.form-element__error {
    color: #ff230a;
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 4px;
    width: 100%
}

.form-element__error:first-letter {
    text-transform: uppercase
}

.textarea::-webkit-scrollbar {
    width: 4px
}

.textarea::-webkit-scrollbar-thumb {
    background: #363645;
    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(255,35,10,.3)!important
}

.textarea--error:-webkit-autofill {
    border-color: rgba(255,35,10,.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(255,35,10,.3)!important
}

.crypto-address__description {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    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)
    }
}

.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
}

.deposit-lottery-card {
    background: #22222b;
    border-radius: 8px;
    cursor: pointer;
    padding: 12px;
    position: relative;
    transition: background .3s ease
}

.deposit-lottery-card--selected {
    background: linear-gradient(130.96deg,#03a096 1.93%,#3e20b7 63.95%,#83189e 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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.deposit-lottery-card__image {
    bottom: 0;
    position: absolute;
    right: 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: #ff230a!important
}

.radio--error .radio__point:before {
    background: #ff230a!important
}

.radio--error .radio__label {
    color: #ff230a!important
}

.description {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%
}

.description__preview {
    margin-bottom: 20px;
    position: relative
}

@media(min-width: 768px) {
    .description__preview {
        margin-bottom:24px
    }
}

.description__preview:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,.76) 64.58%,#0f0f14);
    bottom: 0;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    width: 100%
}

.description__preview--open:after {
    display: none
}

.description__block-buttons {
    display: block;
    margin: 0;
    padding: 15px 0 0;
    text-align: center;
    width: 100%
}

.description .description__button {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.description__icon {
    transition: transform .3s ease
}

.description__icon--open {
    transform: rotate(180deg)
}

.description--only-preview .description__preview:after {
    display: none
}

.description--dark .description__preview:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),#000)
}

.description--terms {
    background: #1a1a22;
    border-radius: 20px;
    padding: 24px 20px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .description--terms {
        padding:40px 48px
    }
}

.description--terms .description__preview:after {
    background: linear-gradient(180deg,rgba(26,26,34,0),#1a1a22)
}

.description--secondary .description__icon {
    display: none
}

.description--secondary .description__button {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 10px 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .description--secondary .description__button {
        font-size:16px;
        line-height: 24px;
        max-width: 260px;
        padding: 12px 20px;
        width: 100%
    }
}

.description-secondary {
    width: 100%
}

.description-secondary__content {
    color: hsla(0,0%,100%,.4);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 24px;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
    position: relative;
    transition: all .3s
}

@media(min-width: 1200px) {
    .description-secondary__content {
        flex-direction:row;
        gap: 48px
    }
}

.description-secondary__content div {
    width: 100%
}

@media(min-width: 1200px) {
    .description-secondary__content div {
        max-width:calc(50% - 24px)
    }
}

.description-secondary__content:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,.76) 64.58%,#0f0f14);
    bottom: 0;
    content: "";
    height: 30%;
    left: 0;
    position: absolute;
    width: 100%
}

.description-secondary .description-secondary__button {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 5px
}

.description-secondary__icon {
    transition: transform .3s ease
}

.description-secondary__icon--open {
    transform: rotate(180deg)
}

.description-secondary--active .description-secondary__content {
    max-height: 2000px
}

.description-secondary--active .description-secondary__content:after {
    content: none
}

.reset-password-page__inner {
    padding: 48px 0
}

@media(min-width: 768px) {
    .reset-password-page__inner {
        padding:80px 0 300px
    }
}

.reset-password-page__content {
    margin: 0 0 32px;
    text-align: center
}

.reset-password-page__icon {
    align-items: center;
    background: rgba(0,220,205,.08);
    border-radius: 50%;
    color: #00dccd;
    display: flex;
    font-size: 42px;
    height: 100px;
    justify-content: center;
    margin: 0 auto 24px;
    width: 100px
}

.reset-password-page__icon i {
    font-size: 48px!important
}

.reset-password-page__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .reset-password-page__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 24px
    }
}

@media(min-width: 1200px) {
    .reset-password-page__title {
        font-size:42px;
        line-height: 52px
    }
}

.reset-password-page__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

.reset-password-page__text:last-child {
    margin: 0
}

.reset-password-page__text span {
    color: #fff;
    display: block;
    width: 100%
}

.reset-password-page__form {
    margin: 0 auto;
    max-width: 424px
}

.reset-password-form {
    display: flex;
    flex-direction: column;
    max-width: 560px
}

.reset-password-form.form {
    margin-top: 20px
}

.reset-password-form__form-element.form-element {
    margin-bottom: 16px
}

.reset-password-form .btn {
    text-transform: uppercase;
    width: 100%
}

.reset-password-form__errors {
    margin-bottom: 15px
}

.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: #ff230a
}

.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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: right;
    text-transform: capitalize;
    transition: color .3s ease
}

.password-input__strength--bad .password-input__strength-description {
    color: #ff230a
}

.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
}

.errors__error {
    color: #ff230a;
    font-size: 12px
}

.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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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 48px 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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,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;
    flex-wrap: wrap;
    font-weight: 400;
    gap: 4px;
    position: relative;
    white-space: nowrap;
    z-index: 1
}

.fast-deposit-bonus-code-card__code--value {
    align-items: center;
    color: #00dccd;
    cursor: pointer;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
}

.fast-deposit-bonus-code-card__no-bonus-icon {
    margin-right: 12px
}

.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: Roboto,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
}

.fast-deposit-modal {
    background: #1a1a22
}

.fast-deposit-modal__header {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding: 56px 0 24px;
    text-align: center
}

@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__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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.fast-deposit-modal__footer {
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.fast-deposit-modal__footer,.fast-deposit-modal__footer .text-btn {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 20px;
    margin-top: 16px;
    padding: 16px
}

.fast-deposit-modal__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 16px
}

.payment-methods {
    display: block
}

.payment-methods__saved {
    margin-bottom: 16px
}

.payment-methods__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.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-method-item {
    cursor: pointer;
    opacity: .4;
    transition: opacity .3s ease
}

.payment-method-item--selected,.payment-method-item:hover {
    opacity: 1
}

.payment-method-item--selected .payment-method-item__method {
    border: 2px solid #00dccd
}

.payment-method-item__wrapper {
    position: relative
}

.payment-method-item__method {
    align-items: center;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 4px;
    display: flex;
    height: 52px;
    justify-content: center;
    padding: 8px
}

.payment-method-item__block-img {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.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 {
    display: flex;
    justify-content: center
}

.payment-method-item__text {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 4px 0 0
}

.payment-method-item__label {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 2
}

.fast-deposit-payment-method-label {
    border-radius: 4px 1px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 7px;
    font-style: normal;
    font-weight: 700;
    height: 11px;
    line-height: 142%;
    margin: 0;
    padding: 0 3px;
    text-transform: uppercase
}

.fast-deposit-payment-method-label--new {
    background: #00dccd;
    color: #0a0a0d
}

.fast-deposit-payment-method-label--popular {
    background: linear-gradient(90deg,#7f00ff,#e100ff)
}

.fast-deposit-payment-method-label--bonus {
    background: #ff230a
}

.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-amount-default--empty {
    display: none
}

.payment-amount-default__hint {
    color: hsla(0,0%,100%,.4);
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
    text-align: right
}

.payment-amount-default__error {
    color: #ff230a
}

.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-weight: 700;
    position: absolute;
    right: 16px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

.option,.payment-amount-default__currency {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.option {
    align-items: center;
    background: transparent;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    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
}

.option--filter.option--selected {
    background: #2e2e3b!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: Roboto,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: Roboto,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: Roboto,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
}

.payment-fields-default .dynamic-form {
    padding: 0
}

.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 {
    margin-top: 24px!important
}

.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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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
}

.payment-form-element {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.payment-form-element .form-element__error,.payment-form-element__error {
    color: #ff230a;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    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: #ff230a
}

.protocol-item:active,.protocol-item:focus {
    outline: none
}

.protocol-item:not(:last-child) {
    margin-right: 10px
}

.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: 16px
}

.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;
    margin-top: 16px
}

@media(min-width: 480px) {
    .dynamic-form__buttons-wrapper {
        flex-direction:row
    }
}

.dynamic-form--required-fields-modal .form-element__error {
    bottom: 112px;
    font-size: 12px;
    padding: 6px 16px 24px;
    position: fixed;
    z-index: 2
}

@media(min-width: 480px) {
    .dynamic-form--required-fields-modal .form-element__error {
        bottom:54px
    }
}

@media(min-width: 768px) {
    .dynamic-form--required-fields-modal .form-element__error {
        padding:6px 48px 24px
    }
}

.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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: #ff230a!important
}

.checkbox--error .checkbox__label {
    color: #ff230a!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
}

.simple-date__title {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px
}

.simple-date__wrapper {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar {
    width: 4px
}

.terms-acceptance-with-preview__content-wrapper::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.terms-acceptance-with-preview {
    border-radius: 8px
}

.terms-acceptance-with-preview__content-wrapper {
    background: unset;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    margin: 0;
    max-height: 100dvh;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 0 270px
}

@media(min-width: 480px) {
    .terms-acceptance-with-preview__content-wrapper {
        padding-bottom:210px
    }
}

@media(min-width: 768px) {
    .terms-acceptance-with-preview__content-wrapper {
        max-height:800px
    }
}

.terms-acceptance-with-preview__content-wrapper .cms-page__head {
    margin-bottom: 24px
}

.terms-acceptance-with-preview__content-wrapper .cms-page__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 8px;
    text-align: center
}

.terms-acceptance-with-preview__content-wrapper .cms-page__date {
    color: hsla(0,0%,100%,.65);
    margin-top: 8px;
    text-align: center
}

.terms-acceptance-with-preview__content-wrapper .cms-page__container {
    padding: 0
}

.terms-acceptance-with-preview__content-wrapper .cms-page__title {
    margin: 0
}

.terms-acceptance-with-preview__content-wrapper .cms-page__data h2 {
    font-size: 20px
}

.terms-acceptance-with-preview__content-wrapper .cms-page__data h4 {
    font-size: 16px
}

.terms-acceptance-with-preview__content-wrapper .cms-page__data h5 {
    margin: 10px 0
}

.terms-acceptance-with-preview__content-wrapper .cms-page__data p {
    font-weight: 400
}

.terms-acceptance-with-preview__content-wrapper .cms-page__data table {
    display: block;
    overflow-x: auto
}

.terms-acceptance-with-preview__checkbox {
    bottom: 130px;
    padding: 24px 16px;
    position: fixed;
    z-index: 2
}

@media(min-width: 480px) {
    .terms-acceptance-with-preview__checkbox {
        bottom:74px
    }
}

@media(min-width: 768px) {
    .terms-acceptance-with-preview__checkbox {
        padding:24px 48px
    }
}

.terms-acceptance-with-preview__checkbox .checkbox__block {
    align-items: center
}

.terms-acceptance-with-preview .form-element__error {
    font-size: 10px
}

.terms-acceptance-with-preview__content {
    padding: 40px 16px 0
}

@media(min-width: 768px) {
    .terms-acceptance-with-preview__content {
        padding:40px 48px 0
    }
}

.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: #363645;
    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__dropdown {
    max-height: 192px
}

.select-with-country-icons .input__native {
    cursor: pointer;
    padding: 0 36px!important
}

.select-with-country-icons .input__left-container {
    left: 16px;
    pointer-events: none;
    position: absolute
}

.select-with-country-icons .input__right-container {
    pointer-events: none;
    position: absolute;
    right: 12px
}

.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__icon-wrapper {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-right: 12px;
    width: 24px
}

.select-with-country-icons__globe-icon {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    opacity: .6;
    width: 24px
}

.tel-without-code {
    display: flex;
    width: 100%
}

.tel-without-code__code-select+.tel-without-code__number-input {
    margin-left: 12px
}

.file-input__native-input {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.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: Roboto,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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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 #ff230a;
    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)
    }
}

.payment-submit-default .btn {
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    text-transform: uppercase;
    width: 100%
}

.payment-common-errors-default,.payment-submit-default .btn {
    font-family: Roboto,sans-serif;
    font-style: normal;
    text-align: center
}

.payment-common-errors-default {
    color: #ff230a;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 4px
}

.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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.filter-by-category {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.filter-by-category::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.filter-by-category::-webkit-scrollbar-track {
    background: transparent
}

.filter-by-category::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.filter-by-category::-webkit-scrollbar-thumb:hover,.filter-by-category:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.filter-by-category {
    height: 100%;
    overflow-y: auto;
    position: relative
}

@media(min-width: 768px) {
    .filter-by-category {
        max-height:800px;
        min-height: 800px
    }
}

.filter-by-category__providers {
    height: auto
}

.games-page-providers__dropdown {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px 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: 0 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 {
    background: #22222b;
    border-radius: 8px;
    height: 48px;
    padding: 0;
    transition: background .3s ease;
    width: calc(50% - 4px)
}

.games-page-providers .games-page-providers__item:hover {
    background: #282833
}

@media(min-width: 768px) {
    .games-page-providers .games-page-providers__item {
        width:100%
    }
}

.games-page-providers .games-page-providers__link {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: 20px;
    padding: 12px 16px;
    transition: background .3s ease;
    width: 100%
}

.games-page-providers__name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-right: 12px;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: ellipsis
}

.games-page-providers__image-wrapper {
    height: 24px;
    margin-right: 12px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.games-page-providers__image {
    height: 100%;
    width: 100%
}

.games-page-providers__not-found {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    grid-column-end: 3;
    grid-column-start: 1;
    line-height: 24px
}

.games-page-providers__games-count {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: auto;
    text-align: right
}

.search-modal-header {
    background: #1a1a22;
    display: flex;
    flex-direction: column;
    padding: 16px;
    position: sticky;
    row-gap: 20px;
    top: 0;
    width: 100%;
    z-index: 1
}

@media(min-width: 768px) {
    .search-modal-header {
        padding:24px 32px;
        row-gap: 24px
    }
}

.search-modal-header--filter {
    padding: 16px 16px 24px
}

.search-modal-header__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    margin: 0;
    text-align: center
}

@media(min-width: 768px) {
    .search-modal-header__title {
        margin:6px 0 0
    }
}

.search-modal-header__search-bar {
    position: relative
}

.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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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-header .search-modal-header--filter {
    padding-top: 0;
    top: 20px
}

@media(min-width: 768px) {
    .search-modal-header .search-modal-header--filter {
        top:28px
    }
}

.search-modal-header .search-modal-header__reset-button {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    left: 16px;
    line-height: 143%;
    position: absolute;
    text-align: center;
    top: 26px;
    z-index: 3
}

@media(min-width: 768px) {
    .search-modal-header .search-modal-header__reset-button {
        left:31px;
        top: 40px
    }
}

.search-modal-header .search-modal-header__reset-button:disabled:hover {
    color: hsla(0,0%,100%,.4);
    opacity: 1
}

.search-modal-header .search-modal-header__reset-button:disabled {
    color: hsla(0,0%,100%,.4);
    cursor: not-allowed;
    opacity: 1
}

.search-modal-header .search-modal-header__reset-button--active {
    color: #fff
}

.search-modal-header__search-icon {
    color: hsla(0,0%,100%,.65)
}

.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: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 8px 16px;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .search-modal-tabs .search-modal-tabs__tab {
        font-size:14px;
        font-weight: 700;
        line-height: 20px;
        padding: 6px 16px
    }
}

.search-modal-tabs .search-modal-tabs__tab--active {
    background: #2e2e3b!important;
    border-radius: 51px;
    color: #fff!important
}

.flip-card {
    display: flex;
    overflow: hidden;
    perspective: 1000px;
    position: relative;
    width: 100%
}

.flip-card__back,.flip-card__front {
    backface-visibility: hidden;
    background: #1a1a22;
    left: 0;
    min-height: 100%;
    position: static;
    top: 0;
    transition: transform .3s;
    width: 100%
}

.flip-card__back {
    position: absolute;
    transform: rotateY(180deg)
}

.flip-card__btn {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10
}

.flip-card--open .flip-card__front {
    position: absolute;
    transform: rotateY(180deg)
}

.flip-card--open .flip-card__back {
    position: static;
    transform: rotateY(1turn)
}

.footer-landings-payments {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 32px;
    justify-content: center;
    margin-top: 48px;
    overflow: hidden;
    width: 100%
}

@media(min-width: 768px) {
    .footer-landings-payments {
        gap:12px 56px;
        margin-top: 144px
    }
}

@media(min-width: 1200px) {
    .footer-landings-payments {
        justify-content:flex-start;
        margin-top: 184px
    }
}

.footer-landings-payments__link {
    align-items: center;
    display: flex;
    height: 40px
}

.footer-landings-payments__image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.footer-licence .link {
    display: block;
    width: 100%
}

.footer-licence .image {
    max-width: 100%
}

.footer-logos {
    display: block;
    margin: 0;
    padding: 10px 0;
    width: 100%
}

@media(min-width: 768px) {
    .footer-logos {
        padding:15px 0
    }
}

.footer-logos__list {
    align-items: flex-start;
    display: flex;
    margin: 0;
    width: 100%
}

.footer-logos__item,.footer-logos__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0
}

.footer-logos__item {
    align-items: center;
    display: inline-flex;
    margin: 15px 10px;
    opacity: .5;
    text-decoration: none;
    transition: opacity .3s ease;
    width: auto
}

@media(min-width: 768px) {
    .footer-logos__item {
        margin:12px 10px
    }
}

@media(min-width: 1200px) {
    .footer-logos__item {
        margin:15px 10px
    }
}

.footer-logos__item:hover {
    opacity: 1
}

.footer-logos__image {
    display: inline-block;
    filter: grayscale(1);
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    vertical-align: top;
    width: auto
}

.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)
}

.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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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
    }
}

.footer-payments {
    margin-bottom: 32px;
    margin-top: 40px;
    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: 0
}

.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: 56px
    }
}

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

.footer-payments__link:hover {
    opacity: 1
}

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

.full-jackpot {
    align-items: center;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 18px;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0;
    overflow: hidden;
    padding: 30px 24px;
    position: relative;
    text-align: center
}

@media(min-width: 768px) {
    .full-jackpot {
        margin:0;
        padding: 60px 17px 22px
    }
}

@media(min-width: 960px) {
    .full-jackpot {
        padding:48px 17px 22px
    }
}

@media(min-width: 1200px) {
    .full-jackpot {
        padding:48px 55px 22px
    }
}

.full-jackpot__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.full-jackpot__section-list {
    display: block;
    margin: 0 auto;
    max-width: 320px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .full-jackpot__section-list {
        margin:0 auto 0 0;
        max-width: 830px
    }
}

.full-jackpot__section-content {
    display: block;
    padding: 32px 0 96px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .full-jackpot__section-content {
        margin:0 auto 0 0;
        max-width: 830px;
        padding: 0 0 20px
    }
}

@media(min-width: 960px) {
    .full-jackpot__section-content {
        padding:0 0 18px
    }
}

.full-jackpot__title {
    font-size: 36px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .full-jackpot__title {
        font-size:64px
    }
}

@media(min-width: 1200px) {
    .full-jackpot__title {
        font-size:80px
    }
}

.full-jackpot__sum {
    color: #ff230a;
    font-size: 24px;
    font-weight: 800;
    margin: 5px 0 15px;
    position: relative
}

@media(min-width: 768px) {
    .full-jackpot__sum {
        font-size:32px;
        margin: 15px 0
    }
}

@media(min-width: 960px) {
    .full-jackpot__sum {
        font-size:36px;
        margin: 5px 0 15px
    }
}

.full-jackpot__block-button {
    position: relative
}

.games-total-jackpot__hint {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 400
}

.jackpot-list__list {
    scrollbar-color: #41434a;
    scrollbar-width: thin
}

.jackpot-list__list::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.jackpot-list__list::-webkit-scrollbar-track {
    background: #22242c;
    border-radius: 2px
}

.jackpot-list__list::-webkit-scrollbar-thumb {
    background: #41434a;
    border-radius: 2px;
    margin: 0
}

.jackpot-list__list::-webkit-scrollbar-thumb:hover,.jackpot-list__list:hover::-webkit-scrollbar-thumb {
    background: #41434a
}

.jackpot-list__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px;
    text-align: left;
    text-transform: capitalize
}

.jackpot-list__list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-height: 350px;
    overflow: hidden auto;
    padding: 0 18px 0 0;
    width: 100%
}

@media(min-width: 768px) {
    .jackpot-list__list {
        flex-direction:row;
        overflow: auto hidden;
        padding: 0 0 12px
    }
}

.jackpot-list__item {
    display: block;
    width: 100%
}

@media(min-width: 768px) {
    .jackpot-list__item {
        min-width:270px;
        width: 270px
    }
}

.jackpot-list__item:not(:first-child) {
    margin-top: 10px
}

@media(min-width: 768px) {
    .jackpot-list__item:not(:first-child) {
        margin:0 0 0 10px
    }
}

.game-auth {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 16px
}

.game-auth .game-auth__button {
    border-radius: 50%;
    height: 44px;
    min-width: unset;
    padding: 0;
    width: 44px
}

.game-auth .game-auth__button--login {
    color: hsla(0,0%,100%,.65)
}

.game-auth .game-auth__button--login:hover {
    color: #fff
}

.game-info-modal-content__body {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.game-info-modal-content__body::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.game-info-modal-content__body::-webkit-scrollbar-track {
    background: transparent
}

.game-info-modal-content__body::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.game-info-modal-content__body::-webkit-scrollbar-thumb:hover,.game-info-modal-content__body:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.game-info-modal-content {
    background: #1a1a22;
    display: flex;
    flex: 1;
    flex-direction: column
}

.game-info-modal-content__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px 56px
}

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

.game-info-modal-content__game-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 -16px;
    min-height: 256px;
    overflow: hidden;
    padding: 56px 16px 0;
    position: relative;
    z-index: 1
}

@media(min-width: 768px) {
    .game-info-modal-content__game-info {
        gap:40px;
        margin: 0 -48px 16px;
        padding: 56px 48px 0
    }
}

.game-info-modal-content__game-info:after {
    background: linear-gradient(180deg,transparent,#1a1a22);
    content: "";
    inset: -2px;
    position: absolute
}

.game-info-modal-content__bg {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%
}

.game-info-modal-content__description {
    position: relative;
    text-align: center;
    z-index: 2
}

.game-info-modal-content__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-align: center
}

.game-info-modal-content__title--name {
    margin: 0 0 4px
}

.game-info-modal-content__provider {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-transform: capitalize
}

.game-info-modal-content__about-list {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(10,10,13,.4);
    border-radius: 12px;
    list-style-type: none;
    margin: auto 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2
}

.game-info-modal-content__about-list-item {
    padding: 16px;
    position: relative
}

.game-info-modal-content__about-list-item:after {
    border-bottom: 1px solid rgba(119,121,150,.2);
    bottom: 0;
    content: "";
    left: 16px;
    position: absolute;
    right: 16px
}

.game-info-modal-content__about-list-item:last-child:after {
    display: none
}

.game-info-modal-content__about-list-text {
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    justify-content: space-between;
    line-height: 20px;
    margin: 0
}

.game-info-modal-content__about-list-text span {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize
}

.game-info-modal-content .game-info-modal-content__close {
    align-items: center;
    display: flex;
    gap: 12px;
    height: 48px;
    width: 100%
}

.game-info-modal-content .game-info-modal-content__close-icon {
    color: hsla(0,0%,100%,.65);
    font-size: 19.5px;
    height: 24px;
    width: 24px
}

.game-info-modal-content .game-info-modal-content__favorite {
    left: 16px;
    position: absolute;
    top: 16px;
    z-index: 2
}

@media(min-width: 768px) {
    .game-info-modal-content .game-info-modal-content__favorite {
        left:24px;
        top: 24px
    }
}

.game-info-modal-content .game-info-modal-content__back {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #0a0a0d;
    border-radius: 50%;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 12px;
    height: 40px;
    justify-content: center;
    left: 16px;
    padding: 5px;
    position: absolute;
    top: 16px;
    transition: color .3s ease;
    width: 40px;
    z-index: 3
}

@media(min-width: 768px) {
    .game-info-modal-content .game-info-modal-content__back {
        left:24px;
        top: 24px
    }
}

.game-info-modal-content .game-info-modal-content__back:hover {
    color: #fff
}

.game-info-modal-content__body {
    max-height: 100vh;
    overflow: auto;
    padding: 56px 16px 16px
}

@media(min-width: 768px) {
    .game-info-modal-content__body {
        max-height:800px;
        padding: 56px 48px 48px
    }

    .game-info-modal-content__body--tournaments {
        max-height: 608px
    }
}

.game-info-modal-content__footer {
    display: flex;
    gap: 9px;
    justify-content: space-between;
    margin-top: auto;
    padding: 8px 16px
}

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

.game-info-modal-content__action {
    flex: 1;
    font-family: Roboto,sans-serif
}

.game-info-modal-content .game-info-modal-content__games-list {
    margin: 0 -16px -12px
}

.game-info-modal-content .game-section-games-block-favorite__link,.game-info-modal-content .game-section-games-block-played__link,.game-info-modal-content .game-section-games-block__link {
    padding: 12px 16px
}

.game-tile-favorite-btn .game-tile-favorite-btn__favorite {
    align-items: center;
    background: #22222b;
    border-radius: 50%;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    padding: 5px;
    transition: color .3s ease;
    width: 40px;
    z-index: 2
}

.game-tile-favorite-btn .game-tile-favorite-btn__favorite--active {
    background: #22222b!important;
    color: #ff230a!important;
    opacity: 1
}

.game-tile-favorite-btn .game-tile-favorite-btn__favorite:hover {
    color: #fff
}

.game-menu-modal__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.game-menu-modal .game-menu-modal__list-item {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    transition: background .3s ease;
    width: 100%
}

.game-menu-modal .game-menu-modal__list-item .game-menu-modal__icon {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 19.5px;
    height: 24px;
    justify-content: center;
    transition: color .3s ease;
    width: 24px
}

.game-menu-modal .game-menu-modal__list-item:hover {
    background: #22222b
}

.game-menu-modal .game-menu-modal__list-item:hover .game-menu-modal__icon {
    color: #fff
}

.game-menu-modal .game-menu-modal__list-item--active {
    background: #ff230a!important
}

.game-menu-modal .game-menu-modal__list-item--active:hover {
    background: #ffe458!important
}

.game-menu-modal .game-menu-modal__list-item--active .game-menu-modal__icon {
    color: #fff
}

.game-menu-modal__text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.game-section-games-block-favorite__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.game-section-games-block-favorite__item {
    border-radius: 8px;
    position: relative;
    transition: background .3s ease
}

.game-section-games-block-favorite__item:hover {
    background: #22222b
}

.game-section-games-block-favorite__item:hover .game-section-games-block-favorite__game-icon {
    opacity: 1
}

.game-section-games-block-favorite__link {
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 8px;
    width: 100%
}

.game-section-games-block-favorite__image {
    border-radius: 8px;
    height: 56px;
    margin-right: 16px;
    width: 56px
}

.game-section-games-block-favorite__content {
    display: flex;
    flex-direction: column
}

.game-section-games-block-favorite__name {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px
}

.game-section-games-block-favorite__provider {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize
}

.game-section-games-block-favorite__game-icon {
    color: hsla(0,0%,100%,.65);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.game-section-games-block-favorite__not-found {
    padding: 22px 8px
}

.games-list-not-found {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 56px 16px
}

.games-list-not-found__image {
    height: 100px;
    width: 100px
}

.games-list-not-found__text {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.game-section-games-block-played__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.game-section-games-block-played__item {
    border-radius: 8px;
    position: relative;
    transition: background .3s ease
}

.game-section-games-block-played__item:hover {
    background: #22222b
}

.game-section-games-block-played__item:hover .game-section-games-block-played__game-icon {
    opacity: 1
}

.game-section-games-block-played__link {
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 8px;
    width: 100%
}

.game-section-games-block-played__image {
    border-radius: 8px;
    height: 56px;
    margin-right: 16px;
    width: 56px
}

.game-section-games-block-played__content {
    display: flex;
    flex-direction: column
}

.game-section-games-block-played__name {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px
}

.game-section-games-block-played__provider {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize
}

.game-section-games-block-played__game-icon {
    color: hsla(0,0%,100%,.65);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease
}

.game-section-games-block-played__not-found {
    padding: 22px 8px
}

.game-section-games-block__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.game-section-games-block__item {
    border-radius: 8px;
    position: relative;
    transition: background .3s ease
}

.game-section-games-block__item:hover {
    background: #22222b
}

.game-section-games-block__item:hover .game-section-games-block__game-icon {
    opacity: 1
}

.game-section-games-block__link {
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 8px;
    width: 100%
}

.game-section-games-block__image {
    border-radius: 8px;
    height: 56px;
    margin-right: 16px;
    width: 56px
}

.game-section-games-block__content {
    display: flex;
    flex-direction: column
}

.game-section-games-block__name {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px
}

.game-section-games-block__provider {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize
}

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

.game-section-games-block__not-found {
    padding: 22px 8px
}

.tournaments-list {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px
}

@media(min-width: 768px) {
    .tournaments-list {
        -moz-column-gap:12px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    .tournaments-list {
        -moz-column-gap:16px;
        column-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 16px
    }
}

.tournaments-list--empty {
    margin-top: 56px
}

@media(min-width: 1200px) {
    .tournaments-list--empty {
        margin-top:116px
    }
}

.tournaments-list--block {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px
}

@media(min-width: 768px) {
    .tournaments-list--block {
        -moz-column-gap:12px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    .tournaments-list--block {
        -moz-column-gap:16px;
        column-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 16px
    }
}

.tournaments-list--card {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tournaments-list--empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 56px 0;
    row-gap: 32px
}

@media(min-width: 1200px) {
    .tournaments-list--empty {
        margin:116px 0
    }
}

.tournaments-list__image {
    height: 128px;
    width: 128px
}

.tournaments-list__text {
    margin: 0
}

.tournaments-list__text--empty {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    line-height: 24px
}

.tourn-block {
    border-radius: 12px;
    overflow: hidden
}

.tourn-block--hidden {
    display: none
}

.tourn-block__header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 200px;
    justify-content: space-between;
    padding: 16px 16px 24px;
    position: relative
}

@media(min-width: 1200px) {
    .tourn-block__header {
        height:224px;
        padding: 24px 24px 32px
    }
}

.tourn-block__background {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

.tourn-block__tags {
    position: absolute;
    right: 18px;
    top: 16px
}

@media(min-width: 1200px) {
    .tourn-block__tags {
        right:24px;
        top: 24px
    }
}

.tourn-block__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

@media(min-width: 1200px) {
    .tourn-block__title {
        font-size:26px;
        line-height: 32px
    }
}

.tourn-block__content {
    background: #1a1a22;
    padding: 24px 16px 16px
}

@media(min-width: 1200px) {
    .tourn-block__content {
        padding:32px 24px 24px
    }
}

.tourn-block__description {
    margin-bottom: 24px
}

@media(min-width: 1200px) {
    .tourn-block__description {
        margin-bottom:32px
    }
}

.tourn-block__description-item {
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    justify-content: space-between;
    line-height: 20px;
    padding: 18px 0
}

.tourn-block__description-item:first-child {
    padding: 0 0 18px
}

.tourn-block__description-item:last-child {
    border-bottom: none;
    padding: 18px 0 0
}

@media(min-width: 1200px) {
    .tourn-block__description-item {
        font-size:16px;
        line-height: 24px;
        padding: 16px 0
    }

    .tourn-block__description-item:first-child {
        padding: 0 0 16px
    }

    .tourn-block__description-item:last-child {
        padding: 16px 0 0
    }
}

.tourn-block__description-label {
    color: hsla(0,0%,100%,.65);
    font-weight: 400
}

.tourn-block .tourn-block__button {
    width: 100%
}

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

.tournament-status {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    color: #ffc736;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 4px 12px 4px 26px;
    position: relative;
    text-transform: uppercase;
    width: auto
}

.tournament-status:before {
    background: #ffc736;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
}

.tournament-status--active {
    color: #00dccd
}

.tournament-status--active:before {
    animation: ping 1.5s linear infinite alternate;
    background: #00dccd
}

.tournament-status--ended {
    color: hsla(0,0%,100%,.65)
}

.tournament-status--ended:before {
    background: hsla(0,0%,100%,.65)
}

@keyframes ping {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.tourn-tags {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.tourn-tags__tag {
    border-radius: 8px;
    padding: 4px
}

.tourn-tags__tag--new {
    background: linear-gradient(250.38deg,#1adb4a 8.31%,#87ffa5 16.13%,#1adb4a 45.83%,#a3ffba 72.16%,#1adb4a)
}

.tourn-tags__inner {
    border: 1.5px solid #0a0a0d;
    border-radius: 6px;
    color: #0a0a0d;
    font-family: DrukCyr,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    padding: 8px;
    text-transform: uppercase
}

.string-timer {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    max-width: 100%;
    text-align: center
}

.string-timer__timer-label {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 100%
}

.string-timer__list {
    display: flex;
    gap: 6px;
    max-width: 100%;
    width: 100%
}

.string-timer__item,.string-timer__list {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

.string-timer__item {
    display: inline-flex;
    position: relative;
    width: auto
}

.string-timer__item:not(:first-child,:last-child):before {
    color: #fff;
    content: ":";
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.string-timer__label,.string-timer__value {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.string-timer__text,.string-timer__value {
    color: #fff;
    font-weight: 700
}

.string-timer__text {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: lowercase;
    white-space: nowrap
}

.card-timer {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(10,10,13,.4);
    border-radius: 16px;
    display: inline-flex;
    min-height: 24px;
    padding: 4px 8px;
    text-align: center
}

.card-timer,.card-timer__list {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%
}

.card-timer__list {
    display: flex;
    gap: 6px;
    margin: 0;
    padding: 0;
    width: 100%
}

.card-timer__item {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

.card-timer__item:not(:first-child,:last-child):before {
    color: #fff;
    content: ":";
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    right: -5px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

.card-timer__label {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .card-timer__label {
        font-size:14px
    }
}

.card-timer__value {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.card-timer__text,.card-timer__value {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.card-timer__text {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.full-tourn__prizes {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.full-tourn__prizes::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.full-tourn__prizes::-webkit-scrollbar-track {
    background: transparent
}

.full-tourn__prizes::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.full-tourn__prizes::-webkit-scrollbar-thumb:hover,.full-tourn__prizes:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.full-tourn__container {
    padding: 16px 16px 80px
}

@media(min-width: 768px) {
    .full-tourn__container {
        padding:16px 24px 100px
    }
}

@media(min-width: 1200px) {
    .full-tourn__container {
        align-items:flex-start;
        -moz-column-gap: 16px;
        column-gap: 16px;
        display: flex;
        padding: 24px 32px 120px
    }
}

@media(min-width: 1440px) {
    .full-tourn__container {
        margin:0 auto;
        max-width: 1408px
    }
}

.full-tourn__section--right {
    display: none
}

@media(min-width: 1200px) {
    .full-tourn__section--right {
        display:block;
        min-width: 368px;
        position: sticky;
        top: 80px
    }
}

@media(min-width: 1440px) {
    .full-tourn__section--right {
        min-width:392px
    }
}

.full-tourn__background {
    filter: blur(20px);
    height: 513px;
    left: 50%;
    opacity: .4;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 1440px) {
    .full-tourn__background {
        height:616px;
        height: 718px;
        width: 100%
    }
}

.full-tourn__background:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),#0f0f14);
    bottom: 0;
    content: "";
    height: 250px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 1440px) {
    .full-tourn__background:after {
        height:300px
    }
}

@media(min-width: 1680px) {
    .full-tourn__background:after {
        height:350px
    }
}

.full-tourn__background-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.full-tourn__participate {
    margin-top: 16px
}

.full-tourn__about {
    margin: 32px 0
}

@media(min-width: 768px) {
    .full-tourn__about {
        margin:40px 0
    }
}

.full-tourn__description {
    margin-bottom: 32px
}

.full-tourn__description p {
    font-size: 16px!important;
    line-height: 24px!important
}

@media(min-width: 768px) {
    .full-tourn__description {
        margin-bottom:40px
    }
}

.full-tourn__slider {
    margin-top: 40px
}

@media(min-width: 1200px) {
    .full-tourn__slider {
        margin-top:48px
    }
}

.full-tourn__rules {
    margin-top: 40px
}

@media(min-width: 1200px) {
    .full-tourn__rules {
        margin-top:48px
    }
}

.full-tourn__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 0 8px
}

.full-tourn__prizes {
    background: rgba(10,10,13,.65);
    border-radius: 20px;
    max-height: calc(100vh - 112px);
    overflow: auto;
    padding: 24px 16px 16px
}

.full-tourn__prizes--mobile {
    background: transparent;
    border-radius: 0;
    margin: 40px 0;
    padding: 0
}

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

.full-tourn__games {
    margin: 40px 0
}

@media(min-width: 768px) {
    .full-tourn__games {
        margin:48px 0
    }
}

.tourn-card-big {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 320px;
    justify-content: space-between;
    overflow: hidden;
    padding: 24px 16px 16px;
    position: relative
}

@media(min-width: 768px) {
    .tourn-card-big {
        height:340px;
        padding: 32px
    }
}

@media(min-width: 1200px) {
    .tourn-card-big {
        height:400px;
        padding: 40px
    }
}

.tourn-card-big__background {
    display: none;
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .tourn-card-big__background {
        display:block
    }
}

.tourn-card-big__background--mobile {
    display: block
}

@media(min-width: 768px) {
    .tourn-card-big__background--mobile {
        display:none
    }
}

.tourn-card-big__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 16px 0 0;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .tourn-card-big__title {
        font-size:32px;
        line-height: 40px;
        margin: 24px 0 0
    }
}

@media(min-width: 1200px) {
    .tourn-card-big__title {
        font-size:42px;
        line-height: 52px
    }
}

.tourn-card-big__timer-title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 14px;
    text-transform: uppercase
}

.tourn-card-big__timer .blocks-timer {
    background: rgba(10,10,13,.4);
    max-width: 254px
}

.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-width: 100%;
    padding: 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: Roboto,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--hidden-days .blocks-timer__item:first-child,.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: Roboto,sans-serif;
    font-style: normal
}

.blocks-timer__text {
    color: hsla(0,0%,100%,.4);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase
}

.blocks-timer--mission {
    background: rgba(10,10,13,.4)
}

.blocks-timer--mission .blocks-timer__text {
    font-size: 10px;
    line-height: 14px
}

.tourn-participate-big {
    align-items: center;
    background: rgba(10,10,13,.65);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 72px;
    padding: 16px
}

@media(min-width: 768px) {
    .tourn-participate-big {
        flex-direction:row;
        justify-content: space-between
    }
}

.tourn-participate-big__info {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 0 20px
}

.tourn-participate-big__info--restricted {
    margin: 0
}

.tourn-participate-big__info--restricted .tourn-participate-big__info-icon {
    color: #ffc736
}

@media(min-width: 768px) {
    .tourn-participate-big__info {
        margin:0
    }
}

.tourn-participate-big__info-icon {
    align-self: flex-start;
    color: #00dccd;
    display: flex;
    flex: 0 0 24px
}

.tourn-participate-big__info-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

@media(min-width: 768px) {
    .tourn-participate-big__info-text {
        font-size:16px;
        line-height: 24px
    }
}

.tourn-participate-big__button-wrapper {
    width: 100%
}

@media(min-width: 768px) {
    .tourn-participate-big__button-wrapper {
        max-width:180px
    }
}

.tourn-participate-big .tourn-participate-big__button {
    width: 100%
}

.tourn-participate-big .tourn-participate-big__button--active {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    cursor: default!important;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    height: 40px;
    white-space: nowrap
}

.tourn-participate-big .tourn-participate-big__button--active:active,.tourn-participate-big .tourn-participate-big__button--active:focus,.tourn-participate-big .tourn-participate-big__button--active:hover {
    background: transparent
}

.tourn-participate-big .tourn-participate-big__button--active .font-icons {
    color: #1adb4a
}

.tourn-about-big {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    row-gap: 24px
}

@media(min-width: 768px) {
    .tourn-about-big {
        -moz-column-gap:65px;
        column-gap: 65px;
        flex-direction: row
    }
}

.tourn-about-big__item {
    display: flex;
    gap: 16px;
    position: relative
}

@media(min-width: 768px) {
    .tourn-about-big__item:after {
        background:hsla(0,0%,100%,.12);
        content: "";
        height: 100%;
        position: absolute;
        right: -33px;
        width: 1px
    }

    .tourn-about-big__item:last-child:after {
        display: none
    }
}

.tourn-about-big__image {
    height: 48px;
    width: 48px
}

.tourn-about-big__description {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.tourn-about-big__title {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.tourn-about-big__value {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-transform: capitalize
}

.tourn-about-big__tooltip-content {
    height: 24px;
    width: 24px
}

.tourn-about-big__hint {
    color: hsla(0,0%,100%,.4);
    cursor: pointer;
    display: inline-block
}

.tourn-about-big__hint-container {
    max-width: 236px;
    transform: translate(4px,6px);
    transition: all .3s ease
}

.tourn-about-big__hint-text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    text-align: left;
    text-transform: none;
    white-space: normal
}

.tooltip-info {
    background: #282833;
    border-radius: 8px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
    margin-right: 4px;
    margin-top: -4px;
    padding: 12px 16px;
    pointer-events: none;
    position: absolute;
    z-index: 99
}

.tooltip-info__arrow {
    background: #282833;
    height: 10px!important;
    margin-left: -2px!important;
    width: 16px!important
}

.tooltip-info__content {
    max-width: 228px
}

.tooltip-info__title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px
}

.tooltip-info__text,.tooltip-info__title {
    font-size: 12px;
    letter-spacing: .01em;
    line-height: 18px
}

.tooltip-info__text {
    color: #999;
    font-weight: 400
}

.tooltip-info__info-btn {
    cursor: pointer
}

.tourn-winner-special {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px;
    position: relative
}

.tourn-winner-special:before {
    border-radius: 0 4px 4px 0;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.tourn-winner-special__cell {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tourn-winner-special--bronze .tourn-winner-special__cell--place,.tourn-winner-special--gold .tourn-winner-special__cell--place,.tourn-winner-special--silver .tourn-winner-special__cell--place {
    align-items: flex-start;
    background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
    background-size: cover
}

.tourn-winner-special__cell--place {
    align-items: center;
    display: flex;
    flex: 0 0 32px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    padding: 2px 0
}

.tourn-winner-special__cell--points {
    text-align: right
}

.tourn-winner-special__cell--prize {
    font-weight: 700;
    text-align: right
}

.tourn-winner-special--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tourn-winner-special--gold:before {
    background: #ffc736
}

.tourn-winner-special--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tourn-winner-special--silver:before {
    background: #8cb6d7
}

.tourn-winner-special--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tourn-winner-special--bronze:before {
    background: #d66e41
}

.tourn-winner-special--current:not(.tourn-winner-special--silver,.tourn-winner-special--gold,.tourn-winner-special--bronze) .tourn-winner-special__cell--place {
    background: #22222b;
    border-radius: 20px;
    flex: 0 0 auto;
    height: auto;
    min-width: 32px;
    padding: 4px 8px
}

.tourn-winner-special--current:not(.tourn-winner-special--silver,.tourn-winner-special--gold,.tourn-winner-special--bronze) .tourn-winner-special__cell--name {
    color: #00dccd
}

.tourn-winners-flex__modal .modal__content {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.tourn-winners-flex__modal .modal__content::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.tourn-winners-flex__modal .modal__content::-webkit-scrollbar-track {
    background: transparent
}

.tourn-winners-flex__modal .modal__content::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.tourn-winners-flex__modal .modal__content::-webkit-scrollbar-thumb:hover,.tourn-winners-flex__modal .modal__content:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.tourn-winners-flex__head {
    padding: 12px 12px 12px 0
}

.tourn-winners-flex__head .tourn-winners-flex__cell {
    color: hsla(0,0%,100%,.4);
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.tourn-winners-flex__row {
    display: flex
}

.tourn-winners-flex .tourn-winners-flex__cell--place {
    flex: 0 0 56px;
    text-align: center
}

.tourn-winners-flex .tourn-winners-flex__cell--points {
    text-align: right
}

.tourn-winners-flex .tourn-winners-flex__cell--prize {
    flex: 1;
    text-align: right
}

.tourn-winners-flex__list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tourn-winners-flex__more {
    margin-top: 16px;
    width: 100%
}

.tourn-winners-flex__more .btn {
    width: 100%
}

.tourn-winners-flex__modal-title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

.tourn-winners-flex__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

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

.tourn-winners-flex__modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 16px 32px
}

@media(min-width: 768px) {
    .tourn-winners-flex__modal .modal__content {
        border-radius:20px;
        height: calc(100vh - 64px);
        margin: 32px auto;
        padding: 56px 32px 32px
    }
}

@media(min-width: 480px) {
    .tourn-winners-flex__modal .modal__close-button {
        right:24px;
        top: 24px
    }
}

.tourn-winners-flex__modal-content {
    padding: 56px 16px
}

@media(min-width: 768px) {
    .tourn-winners-flex__modal-content {
        padding:56px 32px
    }
}

.tourn-winner {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 16px;
    min-height: 48px;
    padding: 8px 12px;
    position: relative
}

.tourn-winner:before {
    border-radius: 0 4px 4px 0;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.tourn-winner__cell {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tourn-winner--bronze .tourn-winner__cell--place,.tourn-winner--gold .tourn-winner__cell--place,.tourn-winner--silver .tourn-winner__cell--place {
    align-items: flex-start;
    background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
    background-size: cover
}

.tourn-winner__cell--place {
    align-items: center;
    display: flex;
    flex: 0 0 32px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    padding: 2px 0
}

.tourn-winner__cell--points {
    text-align: right
}

.tourn-winner__cell--prize {
    font-weight: 700;
    text-align: right
}

.tourn-winner--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tourn-winner--gold:before {
    background: #ffc736
}

.tourn-winner--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tourn-winner--silver:before {
    background: #8cb6d7
}

.tourn-winner--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tourn-winner--bronze:before {
    background: #d66e41
}

.tourn-winner--current .tourn-winner__cell--name,.tourn-winner--current .tourn-winner__cell--points,.tourn-winner--current .tourn-winner__cell--prize {
    color: #00dccd
}

.tourn-winner--current:not(.tourn-winner--silver,.tourn-winner--gold,.tourn-winner--bronze) .tourn-winner__cell--place {
    background: #22222b;
    border-radius: 20px;
    flex: 0 0 auto;
    height: auto;
    min-width: 32px;
    padding: 4px 8px
}

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

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

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

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

.modal-redesign::-webkit-scrollbar-thumb:hover,.modal-redesign:hover::-webkit-scrollbar-thumb,.modal-redesign__content::-webkit-scrollbar-thumb:hover,.modal-redesign__content: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: 480px
}

.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
    }
}

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

@media(min-width: 768px) {
    .modal-redesign {
        padding:32px 0
    }
}

.modal-redesign--with-scroller {
    padding: 0
}

@media(min-width: 768px) {
    .modal-redesign--with-scroller .modal-redesign__content,.modal-redesign--with-scroller .modal-redesign__content-wrapper {
        max-height:min(800px,100vh - 64px)
    }

    .modal-redesign--with-min-height .modal-redesign__content {
        min-height: min(800px,100vh - 64px)
    }
}

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

.modal-redesign__content-wrapper {
    height: 100%;
    margin: auto;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .modal-redesign__content-wrapper {
        height:unset;
        max-width: 720px
    }

    .modal-redesign__content-wrapper--small {
        max-width: 480px
    }

    .modal-redesign__content-wrapper--large {
        max-width: 1024px
    }
}

.modal-redesign__content {
    background: #1a1a22;
    height: 100%;
    opacity: 0;
    overflow: auto;
    transform: translateY(-20px);
    transition-property: opacity,transform;
    width: 100%
}

@media(min-width: 768px) {
    .modal-redesign__content {
        border-radius:20px
    }
}

.modal-redesign .modal-redesign__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;
    opacity: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    transform: translateY(-20px);
    transition: color .3s ease;
    transition-property: opacity,transform;
    width: 40px;
    z-index: 10
}

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

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

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

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

.modal-redesign--entered .modal-redesign__close-button,.modal-redesign--entered .modal-redesign__content {
    opacity: 1;
    transform: translateY(0);
    transition-timing-function: ease-in
}

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

.modal-redesign--exiting .modal-redesign__close-button,.modal-redesign--exiting .modal-redesign__content {
    opacity: 0;
    transform: translateY(20px);
    transition-timing-function: ease-out
}

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

.tourn-prizes-flex__head {
    padding: 12px 0
}

.tourn-prizes-flex__head .tourn-prizes-flex__cell {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.tourn-prizes-flex__row {
    display: flex
}

.tourn-prizes-flex__cell--place {
    flex: 0 0 56px;
    text-align: center
}

.tourn-prizes-flex__cell--prize {
    flex: 1
}

.tourn-prizes-flex__list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tourn-prizes-flex__more {
    margin-top: 16px;
    width: 100%
}

.tourn-prizes-flex__more .btn {
    width: 100%
}

.tourn-prizes-flex__modal-title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

.tourn-prizes-flex__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

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

.tourn-prizes-flex__modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 16px 32px
}

@media(min-width: 768px) {
    .tourn-prizes-flex__modal .modal__content {
        border-radius:20px;
        margin: 32px auto;
        padding: 56px 32px 32px
    }
}

@media(min-width: 480px) {
    .tourn-prizes-flex__modal .modal__close-button {
        right:24px;
        top: 24px
    }
}

.tourn-prize {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 48px;
    overflow: hidden;
    padding: 8px 12px;
    position: relative
}

.tourn-prize--bronze .tourn-prize__place,.tourn-prize--gold .tourn-prize__place,.tourn-prize--silver .tourn-prize__place {
    background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
    background-size: cover;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.tourn-prize--bronze .tourn-prize__place:after,.tourn-prize--gold .tourn-prize__place:after,.tourn-prize--silver .tourn-prize__place:after {
    display: none
}

.tourn-prize__place {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 32px;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 16px;
    padding: 2px 0;
    position: relative;
    text-align: center;
    z-index: 0
}

.tourn-prize__place:after {
    background: #282833;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 24px;
    z-index: -1
}

.tourn-prize__prize {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.tourn-prize--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tourn-prize--gold:after {
    background: url(/images/gold-cup.c01881f9..webp) 50% no-repeat;
    bottom: -16px;
    content: "";
    height: 56px;
    position: absolute;
    right: 4px;
    width: 64px
}

.tourn-prize--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tourn-prize--silver:after {
    background: url(/images/silver-cup.106bff35..webp) 50% no-repeat;
    bottom: -16px;
    content: "";
    height: 56px;
    position: absolute;
    right: 4px;
    width: 64px
}

.tourn-prize--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tourn-prize--bronze:after {
    background: url(/images/bronze-cup.92fe5804..webp) 50% no-repeat;
    bottom: -16px;
    content: "";
    height: 56px;
    position: absolute;
    right: 4px;
    width: 64px
}

.base-slider__horiz-scroll .tournament-game-slider__item {
    width: calc(50vw - 20px)
}

@media(min-width: 480px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width:calc(33.33333vw - 16px)
    }
}

@media(min-width: 768px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width:calc(25vw - 20px)
    }
}

@media(min-width: 960px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width:calc(20vw - 18px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll .tournament-game-slider__item {
        width:unset
    }
}

.base-slider {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-areas: "header header controls" "slider slider slider";
    grid-template-columns: 1fr 1fr 92px;
    row-gap: 12px
}

@media(min-width: 768px) {
    .base-slider {
        row-gap:20px
    }
}

.base-slider--with-see-more {
    -moz-column-gap: 12px;
    column-gap: 12px;
    grid-template-areas: "header header see-more" "slider slider slider";
    grid-template-columns: 1fr 1fr minmax(86px,min-content);
    row-gap: 12px
}

@media(min-width: 768px) {
    .base-slider--with-see-more {
        row-gap:20px
    }
}

@media(min-width: 1200px) {
    .base-slider--with-see-more {
        grid-template-areas:"header see-more controls" "slider slider slider";
        grid-template-columns: 1fr minmax(86px,min-content) 92px
    }
}

.base-slider__header {
    align-items: center;
    display: flex;
    grid-area: header
}

.base-slider__controls {
    display: none;
    grid-area: controls
}

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

.base-slider__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

.base-slider__title:first-letter {
    text-transform: uppercase
}

@media(min-width: 480px) {
    .base-slider__title {
        font-size:20px;
        line-height: 30px
    }
}

@media(min-width: 768px) {
    .base-slider__title {
        font-size:24px;
        line-height: 32px
    }
}

.base-slider .base-slider__button--see-more {
    grid-area: see-more
}

.base-slider .base-slider__button--next,.base-slider .base-slider__button--prev {
    border-radius: 50%;
    height: 40px;
    min-width: unset;
    width: 40px
}

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

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

.base-slider__slider.slick-slider .slick-list {
    display: block;
    margin: 0 -4px;
    padding: 0;
    position: relative
}

@media(min-width: 480px) {
    .base-slider__slider.slick-slider .slick-list {
        margin:0 -/2
    }
}

@media(min-width: 768px) {
    .base-slider__slider.slick-slider .slick-list {
        margin:0 -6px
    }
}

@media(min-width: 960px) {
    .base-slider__slider.slick-slider .slick-list {
        margin:0 -/2
    }
}

@media(min-width: 1200px) {
    .base-slider__slider.slick-slider .slick-list {
        margin:0 -8px
    }
}

@media(min-width: 1440px) {
    .base-slider__slider.slick-slider .slick-list {
        margin:0 -/2
    }
}

@media(min-width: 1680px) {
    .base-slider__slider.slick-slider .slick-list {
        margin:0 -/2
    }
}

.base-slider__slider.slick-slider .slick-list:focus {
    outline: none
}

.base-slider__slider.slick-slider .slick-list.dragging {
    cursor: hand
}

@media(min-width: 1200px) {
    .base-slider__slider.slick-slider .slick-list {
        overflow:hidden
    }
}

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

.base-slider__slider.slick-slider .slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

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

.base-slider__slider.slick-slider .slick-track:after {
    clear: both
}

.slick-loading .base-slider__slider.slick-slider .slick-track {
    visibility: hidden
}

.base-slider__slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0 4px
}

@media(min-width: 480px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding:0/2
    }
}

@media(min-width: 768px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding:0 6px
    }
}

@media(min-width: 960px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding:0/2
    }
}

@media(min-width: 1200px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding:0 8px
    }
}

@media(min-width: 1440px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding:0/2
    }
}

@media(min-width: 1680px) {
    .base-slider__slider.slick-slider .slick-slide {
        padding:0/2
    }
}

.base-slider__slider.slick-slider .slick-slide>div {
    display: flex
}

.base-slider__slider.slick-slider .slick-slide>div+div {
    margin-top: 16px
}

[dir=rtl] .base-slider__slider.slick-slider .slick-slide {
    float: left
}

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

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

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

.base-slider__slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

.base-slider__slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

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

.base-slider__slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.base-slider__horiz-scroll {
    -ms-overflow-style: none;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-area: slider;
    grid-auto-flow: column;
    grid-template-columns: max-content;
    margin-left: -16px;
    overflow: auto;
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 8px;
    scrollbar-width: none;
    width: calc(100% + 32px)
}

.base-slider__horiz-scroll::-webkit-scrollbar {
    display: none
}

@media(min-width: 768px) {
    .base-slider__horiz-scroll {
        -moz-column-gap:12px;
        column-gap: 12px;
        margin-left: -24px;
        padding-left: 24px;
        padding-right: 24px;
        row-gap: 12px;
        width: calc(100% + 48px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll {
        display:none
    }
}

.slider-loader {
    aspect-ratio: 1;
    background: #1a1a22;
    border-radius: 8px;
    height: auto;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.slider-loader:before {
    animation: flareAnimation 1.5s linear .5s infinite;
    background: linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));
    content: "";
    height: 100%;
    left: -150%;
    opacity: .1;
    position: absolute;
    top: 0;
    transform: skewX(-45deg);
    width: 20%
}

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

    to {
        left: 150%
    }
}

.game {
    aspect-ratio: 1;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.game--jackpot .game__action,.game--jackpot .game__block-img {
    border-radius: 8px 8px 0 0
}

.game--jackpot:hover:after {
    opacity: 0
}

.game--jackpot:after {
    background: linear-gradient(180deg,rgba(26,26,34,0),rgba(26,26,34,.009) 6.67%,rgba(26,26,34,.036) 13.33%,rgba(26,26,34,.082) 20%,rgba(26,26,34,.147) 26.67%,rgba(26,26,34,.232) 33.33%,rgba(26,26,34,.332) 40%,rgba(26,26,34,.443) 46.67%,rgba(26,26,34,.557) 53.33%,rgba(26,26,34,.668) 60%,rgba(26,26,34,.768) 66.67%,rgba(26,26,34,.853) 73.33%,rgba(26,26,34,.918) 80%,rgba(26,26,34,.964) 86.67%,rgba(26,26,34,.991) 93.33%,#1a1a22);
    bottom: 0;
    content: "";
    height: 40%;
    left: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease;
    width: 100%
}

.game__block-img {
    border-radius: 8px;
    display: flex;
    font-size: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.game__img {
    border: none;
    height: 100%;
    width: 100%
}

.game__action {
    align-items: center;
    background-color: rgba(10,10,13,.65);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding: 5px;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%
}

.game:hover .game__action {
    opacity: 0
}

@media(min-width: 1200px) {
    .game:hover .game__action {
        opacity:1
    }
}

.game__favorite {
    border-radius: 50%;
    display: none;
    opacity: 0;
    padding: 6px;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: opacity .3s ease,background .3s ease;
    z-index: 10
}

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

.game__favorite:hover {
    background: rgba(10,10,13,.65)
}

.game__favorite--add {
    color: #fff
}

.game__favorite--remove {
    color: #ff230a!important
}

.game:hover .game__favorite {
    opacity: 1
}

@media(max-width: 1200px) {
    .game:hover .game__favorite {
        opacity:0
    }
}

.game__label {
    border-radius: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 2px 6px;
    text-transform: uppercase
}

.game__label--jackpot {
    background: #ffc736;
    bottom: 8px;
    color: #0a0a0d;
    left: 8px;
    opacity: 1;
    position: absolute;
    transition: opacity .3s ease
}

@media(min-width: 1200px) {
    .game:hover .game__label--jackpot {
        opacity:0
    }
}

.game__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 8px 0 4px;
    max-width: 144px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.game__provider,.game__title {
    font-family: Roboto,sans-serif;
    font-style: normal;
    text-align: center
}

.game__provider {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.game__buttons {
    display: block;
    margin: 8% 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.game .game__button--play {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-size: 21px;
    height: 100%;
    justify-content: center;
    left: 50%;
    min-height: unset;
    min-width: unset;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media(min-width: 1200px) {
    .game .game__button--play {
        border-radius:50%;
        height: 56px;
        left: unset;
        position: relative;
        top: unset;
        transform: unset;
        width: 56px
    }
}

.game .game__button--demo {
    border-radius: 25px;
    bottom: 8px;
    color: #fff;
    display: none;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    left: 50%;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 6px 12px;
    position: absolute;
    text-transform: uppercase;
    transform: translate(-50%);
    transition: background .3s ease
}

.game .game__button--demo:hover {
    background: rgba(10,10,13,.65)
}

@media(min-width: 1200px) {
    .game .game__button--demo {
        display:block
    }
}

.game__play {
    align-items: center;
    display: flex;
    flex-direction: column
}

.link-no-styles:link,.link-no-styles:visited {
    color: inherit;
    cursor: pointer;
    text-decoration: inherit
}

.game-tile-labels__list {
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    opacity: 1;
    padding: 8px;
    pointer-events: none;
    position: absolute;
    row-gap: 4px;
    top: 0;
    transition: opacity .3s ease
}

@media(min-width: 1200px) {
    .game:hover .game-tile-labels__list {
        opacity:0
    }
}

.game-tile-labels__label {
    background: #ffc736;
    border-radius: 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 2px 6px;
    text-transform: uppercase
}

.game-tile-labels__label--new {
    background: #1adb4a;
    color: #0a0a0d
}

.game-tile-labels__label--top {
    background: #00dccd;
    color: #0a0a0d
}

.game-tile-labels__label--cashback {
    background: #7e14ff;
    color: #fff
}

.game-tile-labels__label--hot {
    background: #ff230a;
    color: #fff
}

.game-tile-labels__label--exclusive {
    background: radial-gradient(243.63% 279.45% at 127.61% -17.5%,#2ad0ca 0,#e1f664 22.92%,#feb0fe 56.7%,#5df7a4 98.15%);
    color: #0a0a0d
}

.game-tile-labels__label--night {
    background: #e212ff;
    color: #fff
}

.game-tile-labels__label--mystery-drops {
    background-image: url(/images/mystery-drops.b09714e1..svg);
    height: 20px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    white-space: nowrap;
    width: 20px
}

.game-tile-labels__label--hot-rtp-tag {
    background: linear-gradient(111deg,#ffd912 -.07%,#ff1212 83.92%);
    color: #fff
}

.game-tile-labels__label--cp-booster-tag {
    background: linear-gradient(90deg,#f700ff,#ff7b00);
    color: #fff;
    font-weight: 700
}

.tournament-winners__modal-title .modal__content {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.tournament-winners__modal-title .modal__content::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.tournament-winners__modal-title .modal__content::-webkit-scrollbar-track {
    background: transparent
}

.tournament-winners__modal-title .modal__content::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.tournament-winners__modal-title .modal__content::-webkit-scrollbar-thumb:hover,.tournament-winners__modal-title .modal__content:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.tournament-winners__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px
}

.tournament-winners__title:first-letter {
    text-transform: uppercase
}

@media(min-width: 480px) {
    .tournament-winners__title {
        font-size:20px;
        line-height: 30px
    }
}

@media(min-width: 768px) {
    .tournament-winners__title {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.tournament-winners__container {
    background-color: #1a1a22;
    border-radius: 12px;
    padding: 12px
}

@media(min-width: 768px) {
    .tournament-winners__container {
        padding:24px 32px
    }
}

.tournament-winners__head {
    padding: 0 12px 12px 0
}

.tournament-winners__head .tournament-winners__cell {
    color: hsla(0,0%,100%,.4);
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.tournament-winners__row {
    display: flex
}

.tournament-winners .tournament-winners__cell--place {
    flex: 0 0 48px;
    padding-left: 6px;
    text-align: center
}

.tournament-winners .tournament-winners__cell--points {
    text-align: right;
    white-space: nowrap
}

.tournament-winners .tournament-winners__cell--prize {
    flex: 1;
    text-align: right
}

.tournament-winners__list {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.tournament-winners__more {
    margin-top: 16px;
    width: 100%
}

.tournament-winners__more .btn {
    width: 100%
}

.tournament-winners .modal-redesign__content {
    padding: 56px 16px 0
}

@media(min-width: 768px) {
    .tournament-winners .modal-redesign__content {
        padding:56px 32px 32px
    }
}

.tournament-winners__modal-title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center
}

.tournament-winners__modal-title .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    padding: 56px 16px 0;
    width: 100%
}

@media(min-width: 768px) {
    .tournament-winners__modal-title .modal__content-wrapper {
        height:unset;
        margin: auto;
        max-width: 480px;
        padding: 56px 32px 32px
    }
}

.tournament-winners__modal-title .modal__content {
    background: #1a1a22;
    border-radius: 0;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 16px 32px
}

@media(min-width: 768px) {
    .tournament-winners__modal-title .modal__content {
        border-radius:20px;
        margin: 32px auto;
        max-height: calc(100vh - 64px);
        padding: 56px 32px 32px
    }
}

@media(min-width: 480px) {
    .tournament-winners__modal-title .modal__close-button {
        right:24px;
        top: 24px
    }
}

.tournament-winner {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px 10px;
    position: relative
}

.tournament-winner:before {
    border-radius: 0 4px 4px 0;
    content: "";
    height: 32px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px
}

.tournament-winner__cell {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tournament-winner--bronze .tournament-winner__cell--place,.tournament-winner--gold .tournament-winner__cell--place,.tournament-winner--silver .tournament-winner__cell--place {
    background: transparent;
    flex: 0 0 25px;
    height: 25px;
    overflow: visible;
    position: relative
}

.tournament-winner--bronze .tournament-winner__cell--place:after,.tournament-winner--gold .tournament-winner__cell--place:after,.tournament-winner--silver .tournament-winner__cell--place:after {
    background: url(/images/place-bg.d0e0c398..svg) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 32px
}

.tournament-winner__cell--place {
    align-items: center;
    background: #282833;
    border-radius: 50%;
    display: flex;
    flex: 0 0 25px;
    font-weight: 700;
    height: 25px;
    justify-content: center;
    padding: 2px 0
}

.tournament-winner__cell--points {
    text-align: right
}

.tournament-winner__cell--prize {
    font-weight: 700;
    text-align: right
}

.tournament-winner__cell--username {
    text-align: left
}

.tournament-winner--gold {
    background: linear-gradient(90deg,rgba(255,199,54,.2),rgba(255,199,54,.04))
}

.tournament-winner--gold:before {
    background: #ffc736
}

.tournament-winner--silver {
    background: linear-gradient(90deg,rgba(139,182,215,.2),rgba(139,182,215,.04))
}

.tournament-winner--silver:before {
    background: #8cb6d7
}

.tournament-winner--bronze {
    background: linear-gradient(90deg,rgba(214,110,65,.2),rgba(214,110,65,.04))
}

.tournament-winner--bronze:before {
    background: #d66e41
}

.rules {
    background: #1a1a22;
    border-radius: 20px;
    padding: 24px 20px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .rules {
        padding:40px 48px 32px
    }
}

.rules li+li {
    margin-top: 10px
}

@media(min-width: 768px) {
    .rules li+li {
        margin-top:12px
    }
}

.rules__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px
}

@media(min-width: 768px) {
    .rules__title {
        font-size:20px;
        line-height: 30px;
        margin: 0 0 16px
    }
}

.rules__content {
    max-height: 231px;
    overflow: hidden;
    position: relative
}

.rules__content:after {
    background: linear-gradient(180deg,rgba(26,26,34,0),rgba(26,26,34,.76) 64.58%,#1a1a22);
    bottom: 0;
    content: "";
    height: 64px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 768px) {
    .rules__content {
        max-height:260px
    }
}

.rules__content--open,.rules__content--without-button {
    margin: 0 0 24px;
    max-height: unset;
    overflow: unset
}

.rules__content--open:after,.rules__content--without-button:after {
    content: none
}

.rules .rules__button {
    color: #fff;
    display: flex;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 10px 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .rules .rules__button {
        font-size:16px;
        height: 48px;
        line-height: 24px;
        max-width: 300px;
        padding: 12px 20px;
        width: 100%
    }
}

.rules .rules__button--arrow {
    font-size: 16px;
    font-weight: 700;
    height: 24px;
    line-height: 24px
}

.rules--secondary {
    background: unset;
    border-radius: 0;
    padding: 0
}

.rules--secondary .rules__content {
    max-height: 142px
}

.rules--secondary .rules__content:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,.76) 64.58%,#0f0f14)
}

.rules--secondary .rules__content--open {
    max-height: unset
}

.rules--secondary .rules__content li,.rules--secondary .rules__content p,.rules--secondary .rules__content ul {
    color: hsla(0,0%,100%,.4)
}

.rules--secondary .rules__button {
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: unset
}

.rules--secondary .rules__icon--open {
    transform: rotate(180deg);
    transition: .3s
}

.rules--seo {
    background-color: transparent;
    border-radius: 0;
    padding: 0
}

.game-tourn__list::-webkit-scrollbar {
    width: 4px
}

.game-tourn__list::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.game-tourn {
    align-items: center;
    background-color: #212121;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    overflow: hidden;
    padding: 0 0 7vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 211px;
    z-index: 1035
}

@media(min-width: 1440px) {
    .game-tourn {
        padding-bottom:5vh;
        width: 260px
    }
}

@media(min-width: 1680px) {
    .game-tourn {
        width:316px
    }
}

.game-tourn__footer {
    display: block;
    margin: 20px 0 0;
    padding: 0 8px;
    width: 100%
}

@media(min-width: 1440px) {
    .game-tourn__footer {
        padding:0 16px
    }
}

@media(min-width: 1680px) {
    .game-tourn__footer {
        padding:0 32px
    }
}

.game-tourn__footer .tourn-participate__button {
    width: 100%
}

.game-tourn__list {
    display: block;
    flex: 1;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%
}

.game-tourn__close {
    align-items: center;
    background: transparent none;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: 10px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: color .3s ease;
    width: auto
}

.game-tourn__close:hover {
    color: #ff230a
}

.game-tourn__head {
    position: relative
}

.game-tourn__bg,.game-tourn__head {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-tourn__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.game-tourn__bg img {
    border: none;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.game-tourn__head-content {
    display: block;
    margin: 0;
    padding: 24px 8px;
    position: relative;
    width: 100%
}

@media(min-width: 1440px) {
    .game-tourn__head-content {
        padding:24px 16px
    }
}

@media(min-width: 1680px) {
    .game-tourn__head-content {
        padding:24px
    }
}

.game-tourn__title {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 32px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 1440px) {
    .game-tourn__title {
        font-size:24px
    }
}

.game-tourn__timer {
    display: block;
    margin: 0 0 8px;
    padding: 0;
    width: 100%
}

.game-tourn__timer .tourn-timer__title {
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.game-tourn__pool {
    margin: 0
}

.game-tourn__pool,.tourn-timer {
    display: block;
    padding: 0;
    width: 100%
}

.tourn-timer {
    color: hsla(0,0%,100%,.7);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 335px;
    text-align: left;
    text-transform: none
}

@media(min-width: 960px) {
    .tourn-timer {
        margin:0
    }
}

.tourn-timer__title {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-timer__timer {
    margin: 10px 0 0
}

.tourn-pool {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    text-align: left;
    text-transform: none
}

.tourn-pool,.tourn-pool__label {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-pool__value {
    display: block;
    font-size: 24px;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

.game-tourn .tourn-pool {
    font-size: 12px;
    text-align: center
}

.game-tourn .tourn-pool .tourn-pool__value {
    font-size: 16px;
    margin-top: 4px
}

.tourn-winners {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-winners__more {
    display: block;
    margin: 30px 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-winners__more {
        margin-top:35px
    }
}

.tourn-winners__table {
    border: none;
    border-collapse: collapse;
    margin: 0 auto;
    max-width: 100%;
    table-layout: fixed;
    width: 100%
}

.tourn-winners__cell {
    border: none;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    color: #6d6a71;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 80px;
    letter-spacing: normal;
    line-height: 1.2;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle
}

@media(min-width: 768px) {
    .tourn-winners__cell {
        font-size:18px
    }
}

.tourn-winners__cell--name {
    text-align: left
}

.tourn-winners__cell--points {
    font-size: 18px;
    text-align: right
}

@media(min-width: 768px) {
    .tourn-winners__cell--points {
        font-size:24px
    }
}

tbody tr:first-child .tourn-winners__cell--points {
    color: #ff230a
}

tbody tr:nth-child(2) .tourn-winners__cell--points {
    color: hsla(0,0%,100%,.65)
}

tbody tr:nth-child(3) .tourn-winners__cell--points {
    color: #ec3200
}

.tourn-winners__cell--prize {
    font-size: 18px;
    text-align: right
}

@media(min-width: 768px) {
    .tourn-winners__cell--prize {
        font-size:24px
    }
}

tbody tr:first-child .tourn-winners__cell--prize {
    color: #ff230a
}

tbody tr:nth-child(2) .tourn-winners__cell--prize {
    color: hsla(0,0%,100%,.65)
}

tbody tr:nth-child(3) .tourn-winners__cell--prize {
    color: #ec3200
}

@media(min-width: 768px) {
    .tourn-winners__cell:last-child {
        padding-right:32px
    }
}

@media(min-width: 1200px) {
    .tourn-winners__cell:last-child {
        padding-right:24px
    }
}

@media(min-width: 1440px) {
    .tourn-winners__cell:last-child {
        padding-right:64px
    }
}

thead .tourn-winners__cell {
    background-color: #22242c;
    border-bottom: none;
    color: #fff;
    font-size: 16px;
    height: 68px
}

thead .tourn-winners__cell:first-child {
    border-radius: 4px 0 0 4px
}

thead .tourn-winners__cell:last-child {
    border-radius: 0 4px 4px 0
}

thead .tourn-winners__cell--place {
    padding-right: 2px;
    text-align: right;
    width: 32px
}

@media(min-width: 768px) {
    thead .tourn-winners__cell--place {
        width:67px
    }
}

@media(min-width: 1440px) {
    thead .tourn-winners__cell--place {
        width:100px
    }
}

thead .tourn-winners__cell--name {
    padding-left: 0;
    text-align: left
}

thead .tourn-winners__cell--points,thead .tourn-winners__cell--prize {
    width: 30%
}

.tourn-winners__row--user .tourn-winners__cell {
    color: #fff!important
}

.tourn-winners__name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.tourn-winners__user-place {
    align-items: center;
    background-color: #ff230a;
    border-radius: 8px;
    color: #22242c;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    min-height: 68px;
    text-align: center;
    width: 100%
}

.game-tourn .tourn-winners .tourn-winners__cell {
    border-bottom: none;
    font-size: 12px!important;
    font-weight: 700;
    height: 47px
}

.game-tourn .tourn-winners .tourn-winners__cell--name {
    padding: 0
}

.game-tourn .tourn-winners .tourn-winners__cell:last-child {
    padding-right: 8px
}

.game-tourn .tourn-winners thead .tourn-winners__cell--place {
    padding: 0 5px 0 0;
    width: 32px
}

.game-tourn .tourn-winners thead .tourn-winners__cell--prize {
    width: 40%
}

.game-tourn .tourn-winners thead .tourn-winners__cell--points {
    width: 23%
}

.game-tourn .tourn-winners .tourn-winners__more {
    display: none
}

.tourn-player-prizes-list {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    width: auto
}

.tourn-player-prizes-list__item {
    display: inline
}

.tourn-player-prizes-list__item+.tourn-player-prizes-list__item:before {
    content: " + "
}

.tourn-player-prizes-list__label {
    display: inline-block;
    margin: 0 0 0 3px;
    vertical-align: top
}

.tourn-prizes-three .tourn-player-prizes-list__item {
    display: block
}

.tourn-prizes-three .tourn-player-prizes-list__item:before {
    display: none
}

.tourn-participate__info {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0 0 16px
}

.tourn-participate__info--restricted .tourn-participate__info-icon {
    color: #ffc736
}

.tourn-participate__info-icon {
    align-self: flex-start;
    color: #00dccd;
    flex: 0 0 24px;
    font-size: 19.5px
}

.tourn-participate__info-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.tourn-participate .tourn-participate__button {
    width: 100%
}

.tourn-participate .tourn-participate__button--active {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12);
    cursor: default!important;
    display: flex;
    gap: 10px;
    height: 40px
}

.tourn-participate .tourn-participate__button--active:active,.tourn-participate .tourn-participate__button--active:focus,.tourn-participate .tourn-participate__button--active:hover {
    background: transparent
}

.tourn-participate .tourn-participate__button--active .font-icons {
    color: #1adb4a;
    font-size: 22px
}

.group {
    overflow: hidden;
    position: relative
}

.group__container {
    padding: 16px 16px 0
}

@media(min-width: 768px) {
    .group__container {
        padding:16px 24px 0
    }
}

@media(min-width: 1200px) {
    .group__container {
        align-items:flex-start;
        -moz-column-gap: 16px;
        column-gap: 16px;
        display: flex;
        margin: 0 auto;
        max-width: 1380px;
        padding: 24px 32px 0
    }
}

@media(min-width: 1440px) {
    .group__container {
        max-width:1376px;
        padding: 24px 0 0
    }
}

@media(min-width: 1680px) {
    .group__container {
        max-width:1344px
    }
}

.group__choose {
    margin-bottom: 40px
}

@media(min-width: 1200px) {
    .group__choose {
        margin-bottom:48px
    }
}

.group__section--right {
    background: rgba(10,10,13,.65);
    border-radius: 12px;
    display: none;
    margin-top: 16px;
    padding: 20px 16px 16px
}

@media(min-width: 768px) {
    .group__section--right {
        padding:16px
    }
}

@media(min-width: 1200px) {
    .group__section--right {
        border-radius:20px;
        display: block;
        margin-top: 0;
        min-width: 368px;
        padding: 24px;
        position: sticky;
        top: 0
    }
}

@media(min-width: 1440px) {
    .group__section--right {
        min-width:394px
    }
}

.group__section--mobile {
    display: block
}

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

.group__section--right-noparticipate {
    padding: 16px
}

@media(min-width: 768px) {
    .group__section--right-noparticipate {
        padding:24px
    }
}

.group__section--unauthorized {
    padding: 32px 24px
}

.group__section--unauthorized .team-card__card {
    min-height: 336px
}

@media(min-width: 1200px) {
    .group__section--your-team {
        padding:32px 24px 40px
    }
}

.group__background {
    filter: blur(20px);
    height: 514px;
    left: 50%;
    opacity: .4;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 1200px) {
    .group__background {
        height:616px
    }
}

@media(min-width: 1680px) {
    .group__background {
        height:718px
    }
}

.group__background:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,0) 55.29%,#0f0f14);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

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

.group__participate {
    margin-top: 16px
}

.group__about {
    margin-bottom: 32px;
    margin-top: 32px
}

@media(min-width: 768px) {
    .group__about {
        margin-bottom:40px;
        margin-top: 40px
    }
}

@media(min-width: 1200px) {
    .group__about {
        margin-top:48px;
        margin-top: 40px
    }
}

.group__description {
    margin-bottom: 40px
}

@media(min-width: 1200px) {
    .group__description {
        margin-bottom:48px
    }
}

.group__description p {
    font-size: 16px!important;
    line-height: 24px!important
}

.group__slider {
    margin-top: 40px
}

@media(min-width: 1200px) {
    .group__slider {
        margin-top:48px
    }
}

.group__rules {
    margin-bottom: 40px
}

@media(min-width: 768px) {
    .group__rules {
        margin-bottom:60px
    }
}

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

.group__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 0 8px
}

.group__steps {
    margin: 40px 0
}

@media(min-width: 1200px) {
    .group__steps {
        margin:48px 0
    }
}

.group__steps .steps__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 24px;
    margin-top: 0
}

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

.group__steps .steps__list {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 768px) {
    .group__steps .steps__list {
        background:#1a1a22;
        border-radius: 20px;
        flex-direction: row
    }
}

.group__steps .steps__item {
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    padding: 20px
}

@media(min-width: 768px) {
    .group__steps .steps__item {
        align-items:unset;
        background: transparent;
        border-radius: 0;
        flex: 1;
        flex-direction: row;
        gap: 12px;
        padding: 24px 16px;
        width: calc(33.33333% - 5.33333px)
    }
}

.group__steps .step__icon {
    height: auto;
    min-width: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .group__steps .step__icon {
        min-width:56px;
        width: 56px
    }
}

@media(min-width: 1200px) {
    .group__steps .step__icon {
        min-width:72px;
        width: 72px
    }
}

.group__steps .step__icon img {
    height: auto;
    width: 100%
}

.group__steps .step__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0
}

@media(min-width: 768px) {
    .group__steps .step__title {
        font-size:20px;
        line-height: 30px
    }
}

.group__steps .step__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.group__steps .step__text--hightlighted {
    color: #fff
}

.team-card__title {
    color: #fff;
    display: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 auto 8px;
    text-align: center
}

@media(min-width: 1200px) {
    .team-card__title {
        display:block
    }
}

.team-card__text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

@media(min-width: 1200px) {
    .team-card__text {
        color:hsla(0,0%,100%,.65);
        text-align: center
    }
}

.team-card__images {
    display: flex;
    justify-content: center;
    order: -1
}

@media(min-width: 1200px) {
    .team-card__images {
        order:0
    }
}

.team-card__avatar {
    height: auto;
    min-width: 40px;
    width: 40px
}

.team-card__avatar:first-child {
    z-index: 3
}

.team-card__avatar:nth-child(2) {
    z-index: 2
}

.team-card__avatar:last-child {
    z-index: 1
}

.team-card__avatar:not(:first-child) {
    margin-left: -20px;
    position: relative
}

@media(min-width: 1200px) {
    .team-card__avatar:not(:first-child) {
        margin-left:-32px
    }

    .team-card__avatar {
        min-width: 100px;
        width: 100px
    }
}

.team-card__button.btn,.team-card__button.link-btn {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    padding: 10px 16px;
    width: 100%
}

@media(min-width: 768px) {
    .team-card__button.btn,.team-card__button.link-btn {
        margin-left:auto;
        margin-right: 0;
        width: -moz-max-content;
        width: max-content
    }
}

@media(min-width: 1200px) {
    .team-card__button.btn,.team-card__button.link-btn {
        font-size:16px;
        letter-spacing: .2px;
        max-height: 48px;
        width: 100%
    }
}

.team-card__button--disabled.link-btn {
    background: rgba(46,46,59,.4);
    color: hsla(0,0%,100%,.2);
    pointer-events: none
}

.team-card__card {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media(min-width: 768px) {
    .team-card__card {
        flex-wrap:nowrap
    }
}

@media(min-width: 1200px) {
    .team-card__card {
        flex-direction:column;
        gap: 54px;
        justify-content: space-between;
        min-height: 344px
    }
}

.team-card__not-allowed {
    color: #fff;
    display: flex;
    line-height: 24px;
    text-align: left
}

@media(min-width: 768px) {
    .team-card__not-allowed {
        font-size:16px
    }
}

.team-card__lock {
    color: #ffc736;
    font-size: 24px;
    margin-right: 12px
}

.team-card__link-terms {
    color: #00dccd
}

.team-card__link-terms:hover {
    text-decoration: underline
}

.team-card__top {
    align-self: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    justify-content: center
}

@media(min-width: 1200px) {
    .team-card__top {
        flex-direction:column;
        row-gap: 54px
    }
}

.team-card__content {
    align-items: center;
    display: flex
}

@media(min-width: 1200px) {
    .team-card__content {
        flex-direction:column
    }
}

.team-card__team-game .team-card__card {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 20px;
    min-height: auto
}

.team-card__team-game .team-card__top {
    flex: 1
}

@media(min-width: 1200px) {
    .team-card__team-game .team-card__top {
        flex-direction:row
    }
}

.team-card__team-game .team-card__text {
    color: #fff;
    text-align: left
}

.team-card__team-game .team-card__avatar {
    height: auto;
    min-width: 40px;
    width: 40px
}

.team-card__team-game .team-card__avatar:not(:first-child) {
    margin-left: -20px
}

.team-card__team-game .team-card__images {
    order: -1
}

.team-card__team-game .team-card__button {
    width: 100%
}

@media(min-width: 1200px) {
    .team-card__team-game .team-card__button {
        font-size:14px;
        max-height: 40px
    }
}

.your-team__top .top-text__title {
    line-height: 150%
}

@media(min-width: 1200px) {
    .your-team__common-date {
        margin-bottom:8px;
        width: 100%
    }
}

.your-team__personal-date {
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .your-team__personal-date {
        margin-bottom:0;
        margin-top: 0;
        width: 50%
    }
}

.your-team--game.your-team {
    background-color: rgba(12,12,23,.4);
    border-radius: 12px;
    padding: 20px 16px
}

.your-team--game.your-team__item:last-child {
    padding-bottom: 0;
    padding-top: 16px
}

.your-team--game .your-team__top {
    align-items: center;
    display: flex;
    text-align: left
}

.your-team--game .your-team__top .top-image {
    margin-bottom: 0;
    width: 64px
}

.your-team--game .your-team__top .top-text__title {
    font-size: 16px;
    line-height: 24px
}

@media(min-width: 768px) {
    .your-team--game .your-team__bottom {
        display:block
    }

    .your-team--game .your-team__common-date,.your-team--game .your-team__personal-date {
        width: 100%
    }
}

.team-values__item:last-child .team-values__img {
    background: rgba(255,199,54,.1)
}

.your-values__item {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 24px
}

.your-values__item:not(:last-child) {
    border-bottom: 1px solid rgba(119,121,150,.2);
    padding: 16px 0
}

.your-values__item:last-child {
    padding-top: 16px
}

@media(min-width: 768px) {
    .your-values__item:last-child {
        padding-bottom:16px
    }
}

@media(min-width: 1200px) {
    .your-values__item:last-child {
        padding-bottom:0
    }
}

.your-values__name {
    color: hsla(0,0%,100%,.65);
    font-weight: 400
}

.your-values__number {
    color: #fff;
    font-weight: 700
}

.your-values--game .your-values__name,.your-values--game .your-values__number {
    font-size: 14px;
    line-height: 20px
}

.group-selection__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 0
}

@media(min-width: 1200px) {
    .group-selection__title {
        font-size:20px;
        line-height: 30px;
        text-align: center
    }
}

.group-selection__btn.btn {
    display: block;
    margin: 16px auto 0;
    width: 100%
}

@media(min-width: 1200px) {
    .group-selection__btn.btn {
        max-width:288px;
        max-width: 100%
    }
}

.group-selection__error {
    color: #ff230a;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
    text-align: center
}

@media(min-width: 1200px) {
    .group-selection__error {
        text-align:center
    }
}

.group-selection__radio-group.radio-group {
    gap: 8px
}

@media(min-width: 768px) {
    .group-selection__radio-group.radio-group {
        gap:12px
    }
}

@media(min-width: 1200px) {
    .group-selection__radio-group.radio-group {
        flex-direction:row;
        flex-direction: column;
        flex-wrap: nowrap;
        flex-wrap: wrap;
        gap: 16px;
        gap: 8px
    }
}

.group-selection__radio-group .radio {
    margin: 0;
    max-width: 100%;
    width: 100%
}

.group-selection__radio-group .radio__block {
    align-items: center;
    background: rgba(46,46,59,.4);
    border: 2px solid transparent;
    border-radius: 12px;
    flex-direction: row-reverse;
    min-height: 100px;
    padding: 16px;
    position: relative;
    width: 100%
}

.group-selection__radio-group .radio__input:checked+.radio__block {
    border-color: #00dccd
}

.group-selection__radio-group .radio__point {
    margin: 0;
    position: absolute;
    right: 8px;
    top: 8px
}

.group-selection__radio-group .radio__label {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding-right: 5px;
    width: 100%
}

.group-selection__radio-group .radio__label span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    word-break: break-word
}

@media(min-width: 768px) {
    .group-selection__radio-group .radio__label span {
        font-size:20px
    }
}

@media(min-width: 1200px) {
    .group-selection__radio-group .radio__label span {
        font-size:16px
    }
}

.group-selection__radio-group .radio__label span>span {
    color: hsla(0,0%,100%,.65);
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px
}

@media(min-width: 768px) {
    .group-selection__radio-group .radio__label span>span {
        font-size:14px
    }
}

@media(min-width: 1200px) {
    .group-selection__radio-group .radio__label span>span {
        font-size:12px
    }
}

.group-selection__radio-group .radio__label img {
    height: auto;
    margin-right: 12px;
    min-width: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .group-selection__radio-group .radio__label img {
        margin-right:16px;
        width: 80px
    }
}

@media(min-width: 1200px) {
    .group-selection__radio-group .radio__label img {
        margin-right:12px;
        width: 64px
    }
}

.group-selection--game .group-selection__radio-group .radio__label img {
    width: 64px
}

.group-selection--game .group-selection__btn {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    line-height: 20px;
    padding: 10px 16px
}

.team-tab-desktop__choose .group-selection__title,.team-tab-mobile__choose .group-selection__title {
    font-size: 16px;
    text-align: left
}

.team-tab-desktop__choose .group-selection__error,.team-tab-mobile__choose .group-selection__error {
    text-align: left
}

.team-tab-desktop__choose .group-selection__btn.btn,.team-tab-mobile__choose .group-selection__btn.btn {
    max-width: 100%
}

.team-tab-desktop__choose .group-selection__radio-group,.team-tab-mobile__choose .group-selection__radio-group {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px
}

.team-tab-desktop__choose .group-selection__radio-group .radio__block,.team-tab-mobile__choose .group-selection__radio-group .radio__block {
    min-height: 100px
}

.team-tab-desktop__choose .group-selection__radio-group .radio__label span,.team-tab-mobile__choose .group-selection__radio-group .radio__label span {
    font-size: 16px
}

.team-tab-desktop__choose .group-selection__radio-group .radio__label span>span,.team-tab-mobile__choose .group-selection__radio-group .radio__label span>span {
    font-size: 12px
}

.tourn-table-list {
    margin-bottom: 40px
}

@media(min-width: 1200px) {
    .tourn-table-list {
        margin-bottom:48px
    }
}

.tourn-table-list__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 0
}

@media(min-width: 768px) {
    .tourn-table-list__title {
        margin-bottom:24px
    }
}

.team-tourn-winners {
    background: #1a1a22;
    border-radius: 12px
}

.team-tourn-winners:not(:last-child) {
    margin-bottom: 12px
}

.team-tourn-winners__header .header__content {
    padding: 20px 16px;
    position: relative
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__content {
        display:flex;
        min-height: 120px;
        padding: 16px 16px 16px 24px
    }
}

.team-tourn-winners__header .header__label {
    background: #7e14ff;
    border-radius: 12px 0;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    left: 0;
    letter-spacing: .2px;
    line-height: 14px;
    padding: 3px 10px;
    position: absolute;
    text-transform: uppercase;
    top: 0
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__label {
        font-weight:600;
        padding: 5px 12px
    }
}

.team-tourn-winners__header .header__left {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    display: flex;
    gap: 12px;
    padding-bottom: 16px;
    position: relative
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__left {
        border-bottom:none;
        gap: 0;
        padding-bottom: 0;
        width: 66%
    }
}

@media(min-width: 1200px) {
    .team-tourn-winners__header .header__left {
        width:71%
    }
}

@media(min-width: 1440px) {
    .team-tourn-winners__header .header__left {
        width:69.5%
    }
}

@media(min-width: 1680px) {
    .team-tourn-winners__header .header__left {
        width:68.5%
    }
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__left:before {
        background:hsla(0,0%,100%,.12);
        content: "";
        height: 52px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
}

.team-tourn-winners__header .header__place {
    align-items: center;
    background: url(/images/place-bg.6251f414..svg) no-repeat 50%/100% 100%;
    background-size: contain;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 20px;
    width: 32px
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__place {
        height:40px;
        margin-right: 24px;
        width: 40px
    }
}

.team-tourn-winners__header .header__place-one {
    background-image: url(/images/one-place-bg.20bb8005..svg);
    background-size: contain;
    color: #1a1a22
}

.team-tourn-winners__header .header__image {
    height: 64px;
    min-width: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__image {
        height:80px;
        min-width: 80px;
        width: 80px
    }
}

.team-tourn-winners__header .header__image img {
    height: auto;
    width: 100%
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__info {
        margin:0 24px 0 16px
    }
}

.team-tourn-winners__header .header__title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 0 4px
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__title {
        font-size:20px;
        margin-bottom: 2px
    }
}

.team-tourn-winners__header .header__text {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__text {
        font-size:14px
    }
}

.team-tourn-winners__header .header__right {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto auto;
    padding-top: 16px
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__right {
        align-content:center;
        grid-template-areas: "point-icon point-name" "point-icon point";
        grid-template-columns: auto 1fr;
        margin: 0 60px 0 24px;
        padding-top: 0;
        width: 33%
    }
}

@media(min-width: 1440px) {
    .team-tourn-winners__header .header__right {
        width:calc(30.5% - 84px)
    }
}

@media(min-width: 1680px) {
    .team-tourn-winners__header .header__right {
        width:calc(32% - 84px)
    }
}

.team-tourn-winners__header .header__points-name {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__points-name {
        font-size:12px;
        font-weight: 500;
        grid-area: point-name;
        letter-spacing: .2px;
        line-height: 16px;
        margin-bottom: 4px;
        text-transform: uppercase
    }
}

.team-tourn-winners__header .header__points {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    order: 2
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__points {
        font-size:24px;
        grid-area: point;
        line-height: 32px;
        order: 0
    }

    .team-tourn-winners__header .header__icon-points {
        align-items: center;
        background: rgba(0,220,205,.1);
        border-radius: 50%;
        display: flex;
        grid-area: point-icon;
        height: 48px;
        justify-content: center;
        margin-right: 12px;
        order: -1;
        width: 48px
    }
}

.team-tourn-winners__header .header__icon-points img {
    height: auto;
    margin-right: 4px;
    vertical-align: middle;
    width: 24px
}

@media(min-width: 768px) {
    .team-tourn-winners__header .header__icon-points img {
        height:auto;
        margin-right: 0;
        width: 28px
    }
}

.team-tourn-winners__header .header__more .btn {
    background: #22222b;
    border-radius: 0 0 12px 12px;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 10px 12px;
    width: 100%
}

.team-tourn-winners__header .header__btn-collapse {
    align-items: center;
    background: #22222b;
    border-radius: 36px;
    bottom: 16px;
    color: hsla(0,0%,100%,.4);
    display: flex;
    justify-content: center;
    min-width: 36px;
    position: absolute;
    right: 16px;
    top: 16px;
    transition: .3s ease;
    width: 36px
}

.team-tourn-winners__header .header__btn-collapse:active,.team-tourn-winners__header .header__btn-collapse:focus,.team-tourn-winners__header .header__btn-collapse:hover {
    background: #2e2e3b
}

.team-tourn-winners__header .header__arrow-icon {
    display: block;
    transition: .3s ease
}

.team-tourn-winners__header .header__arrow-icon--open {
    transform: rotate(180deg)
}

@media(min-width: 768px) {
    .team-tourn-winners__body {
        padding:10px 24px 24px
    }
}

.team-tourn-winners__head {
    padding: 0 16px 12px
}

.team-tourn-winners__row {
    display: flex
}

.team-tourn-winners__cell {
    color: hsla(0,0%,100%,.4);
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .team-tourn-winners__cell {
        font-size:14px;
        line-height: 20px
    }
}

.team-tourn-winners__cell--place {
    flex: 0 0 32px;
    margin-right: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .team-tourn-winners__cell--place {
        margin-right:40px
    }
}

.team-tourn-winners__cell--points {
    text-align: right
}

.team-tourn-winners__cell--prize {
    flex: 1;
    text-align: right
}

.team-tourn-winners__list {
    display: flex;
    flex-direction: column
}

.team-tourn-winners__more {
    margin-top: 8px;
    width: 100%
}

.team-tourn-winners__more button.btn {
    background: #22222b;
    width: 100%
}

.team-tourn-winners__list-item.tourn-winner {
    padding: 4px 16px
}

.team-tourn-winners__list-item.tourn-winner:nth-of-type(odd) {
    background: #22222b
}

.team-tourn-winners__list-item.tourn-winner:before {
    display: none
}

@media(min-width: 768px) {
    .team-tourn-winners__list-item .tourn-winner__cell--place {
        margin-right:28px
    }
}

.team-tourn-winners__list-item.tourn-winner--bronze .tourn-winner__cell--place,.team-tourn-winners__list-item.tourn-winner--gold .tourn-winner__cell--place,.team-tourn-winners__list-item.tourn-winner--silver .tourn-winner__cell--place {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: initial
}

.team-tourn-winners__list-item.tourn-winner--gold .tourn-winner__cell--place {
    background-image: url(/images/first-place.0b83874a..svg)
}

.team-tourn-winners__list-item.tourn-winner--silver {
    background: transparent
}

.team-tourn-winners__list-item.tourn-winner--silver .tourn-winner__cell--place {
    background-image: url(/images/second-place.1516a7ad..svg)
}

.team-tourn-winners__list-item.tourn-winner--bronze .tourn-winner__cell--place {
    background-image: url(/images/third-place.dd4d7692..svg)
}

.team-tourn-winners__list-item.tourn-winner--current:not(.tourn-winner--silver,.tourn-winner--gold,.tourn-winner--bronze) .tourn-winner__cell--place {
    background: transparent;
    color: #00dccd
}

.group-tournament-modal__content {
    padding: 16px 16px 9px
}

.group-tournament-modal__info {
    text-align: center
}

.group-tournament-modal__avatar {
    display: block;
    height: auto;
    margin: 0 auto 16px;
    width: 100px
}

.group-tournament-modal__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 8px
}

.group-tournament-modal__text {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 32px
}

.group-tournament-modal__team-values {
    display: flex;
    margin-bottom: 40px;
    width: 100%
}

.group-tournament-modal__team-values__item {
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 16px;
    text-align: center;
    width: 50%
}

.group-tournament-modal__team-values__item:first-child {
    position: relative
}

.group-tournament-modal__team-values__item:first-child:before {
    background: hsla(0,0%,100%,.12);
    content: "";
    height: 98px;
    position: absolute;
    right: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.group-tournament-modal__team-values__item:last-child .group-tournament-modal__team-values__img {
    background: rgba(255,199,54,.1)
}

.group-tournament-modal__team-values__img {
    align-items: center;
    background: rgba(0,220,205,.1);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 0 auto 8px;
    width: 40px
}

.group-tournament-modal__team-values__img img {
    height: auto;
    width: 24px
}

.group-tournament-modal__team-values__value {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px
}

.group-tournament-modal__team-values__unit {
    color: hsla(0,0%,100%,.4);
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133.333%;
    text-transform: uppercase
}

.hall-of-fame-total-stats {
    align-items: center;
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    padding: 16px;
    width: 100%
}

@media(min-width: 768px) {
    .hall-of-fame-total-stats {
        background:none;
        flex-direction: column;
        padding: 0
    }
}

.hall-of-fame-total-stats__icon-wrap {
    align-items: center;
    background: rgba(10,10,13,.65);
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 8px;
    width: 48px
}

@media(min-width: 768px) {
    .hall-of-fame-total-stats__icon-wrap {
        -webkit-backdrop-filter:blur(15px);
        backdrop-filter: blur(15px);
        background: rgba(46,46,59,.4);
        height: 80px;
        padding: 16px;
        width: 80px
    }
}

.hall-of-fame-total-stats__icon {
    height: 100%;
    max-width: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media(min-width: 768px) {
    .hall-of-fame-total-stats__icon {
        max-width:48px
    }
}

.hall-of-fame-total-stats__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .hall-of-fame-total-stats__content {
        align-items:center
    }
}

.hall-of-fame-total-stats__value {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.hall-of-fame-total-stats__title {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .hall-of-fame-total-stats__title {
        font-size:12px;
        line-height: 16px;
        text-align: center
    }
}

.hall-of-fame-champions-stats-modal {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-track {
    background: transparent
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.hall-of-fame-champions-stats-modal::-webkit-scrollbar-thumb:hover,.hall-of-fame-champions-stats-modal:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.hall-of-fame-champions-stats {
    background: #1a1a22;
    border-radius: 12px;
    position: relative
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats {
        padding:32px 16px
    }

    .hall-of-fame-champions-stats__info-wrap {
        display: flex;
        flex-direction: row
    }
}

.hall-of-fame-champions-stats__statistics {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__statistics {
        display:block;
        flex-grow: 0
    }
}

.hall-of-fame-champions-stats__info {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 24px 16px
}

@media(min-width: 480px) {
    .hall-of-fame-champions-stats__info {
        gap:16px
    }
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__info {
        padding:0
    }
}

.hall-of-fame-champions-stats__top-players {
    display: none
}

@media(min-width: 1200px) {
    .hall-of-fame-champions-stats__top-players {
        align-items:center;
        display: flex;
        flex-grow: 1;
        gap: 8px;
        justify-content: flex-end;
        margin-right: 12px
    }
}

.hall-of-fame-champions-stats__icon-wrap {
    align-items: center;
    background: rgba(10,10,13,.65);
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 8px;
    width: 48px
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__icon-wrap {
        -webkit-backdrop-filter:blur(15px);
        backdrop-filter: blur(15px);
        background: rgba(46,46,59,.4);
        height: 80px;
        padding: 16px;
        width: 80px
    }
}

.hall-of-fame-champions-stats__icon {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 32px
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__icon {
        width:48px
    }
}

.hall-of-fame-champions-stats__arrow-icon {
    font-size: 32px!important
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__arrow-icon {
        font-size:24px!important
    }
}

.hall-of-fame-champions-stats__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 8px;
    margin-top: 0
}

.hall-of-fame-champions-stats__subtitle {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: left
}

.hall-of-fame-champions-stats__values {
    display: flex;
    flex-direction: row
}

.hall-of-fame-champions-stats__place-wrap,.hall-of-fame-champions-stats__sum-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.hall-of-fame-champions-stats__place-wrap {
    border-right: 1px solid hsla(0,0%,100%,.12);
    padding-right: 16px
}

.hall-of-fame-champions-stats__sum-wrap {
    border-radius: 53px;
    padding-left: 16px
}

.hall-of-fame-champions-stats__place,.hall-of-fame-champions-stats__sum {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__place,.hall-of-fame-champions-stats__sum {
        font-size:24px;
        line-height: 133%
    }
}

.hall-of-fame-champions-stats__place-title,.hall-of-fame-champions-stats__sum-title {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.hall-of-fame-champions-stats__btn {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: #22222b;
    border-radius: 0 0 12px 12px;
    display: flex;
    font-size: 32px;
    height: 100%;
    justify-content: center;
    padding: 0;
    text-align: center;
    width: 100%
}

.hall-of-fame-champions-stats__btn:active,.hall-of-fame-champions-stats__btn:focus,.hall-of-fame-champions-stats__btn:hover {
    background: #22222b
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__btn {
        align-self:center;
        border-radius: 36px;
        margin-left: auto;
        padding: 36px 6px;
        width: -moz-max-content;
        width: max-content
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-champions-stats__btn {
        margin-left:0
    }
}

.hall-of-fame-champions-stats__btn-info {
    color: hsla(0,0%,100%,.65);
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 16px
}

@media(min-width: 768px) {
    .hall-of-fame-champions-stats__btn-info {
        display:none
    }
}

.hall-of-fame-stats-top {
    background: #22222b;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    max-height: 86px;
    padding: 20px 16px;
    width: 228px
}

@media(min-width: 1200px) {
    .hall-of-fame-stats-top:last-child {
        display:none
    }
}

@media(min-width: 1440px) {
    .hall-of-fame-stats-top:last-child {
        display:flex
    }
}

.hall-of-fame-stats-top__icon {
    align-self: center;
    -o-object-fit: contain;
    object-fit: contain;
    width: 48px
}

.hall-of-fame-stats-top__info {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.hall-of-fame-stats-top__name {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hall-of-fame-stats-top__amount {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.hall-of-fame-champions-stats-modal .modal__content-wrapper {
    height: 100%;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.hall-of-fame-champions-stats-modal .modal__content {
    border-radius: unset;
    height: 100%;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 56px 16px 64px
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__statistics {
    align-items: center
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    text-align: center
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__subtitle {
    text-align: center
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__values {
    width: 100%
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__place-wrap,.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__sum-wrap {
    align-items: center;
    max-width: calc(50% - 2px);
    width: 100%
}

.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__place,.hall-of-fame-champions-stats-modal .hall-of-fame-champions-stats__sum {
    font-size: 24px;
    line-height: 133%
}

.hall-of-fame-players {
    margin-top: 24px
}

@media(min-width: 768px) {
    .hall-of-fame-players {
        margin-top:48px
    }
}

.hall-of-fame-players__btn {
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    margin-top: 8px;
    padding: 12px;
    text-transform: uppercase;
    width: 100%
}

.hall-of-fame-players-table {
    display: flex;
    flex-direction: column;
    width: 100%
}

.hall-of-fame-players-table__header {
    align-items: center;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    min-height: 48px;
    padding: 10px 16px
}

@media(min-width: 768px) {
    .hall-of-fame-players-table__header {
        gap:40px
    }
}

.hall-of-fame-players-table__th {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.hall-of-fame-players-table__th:first-of-type {
    flex-basis: 32px;
    text-align: center
}

.hall-of-fame-players-table__th:nth-of-type(2) {
    flex-grow: 1
}

.hall-of-fame-players-table__body {
    display: flex;
    flex-direction: column
}

.hall-of-fame-players-table__amount,.hall-of-fame-players-table__nick,.hall-of-fame-players-table__place {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.hall-of-fame-players-table__place {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 32px;
    position: relative
}

.hall-of-fame-players-table__place--first:before {
    background-image: url(/images/leaderboard-place-first.21a61de2..svg)
}

.hall-of-fame-players-table__place--first:before,.hall-of-fame-players-table__place--second:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 28px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 28px
}

.hall-of-fame-players-table__place--second:before {
    background-image: url(/images/leaderboard-place-second.5acd6809..svg)
}

.hall-of-fame-players-table__place--third:before {
    background-image: url(/images/leaderboard-place-third.b97777b4..svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 28px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 28px
}

.hall-of-fame-players-table__nick {
    flex-grow: 1;
    overflow: hidden
}

.hall-of-fame-players-table__nick span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hall-of-fame-players-table__amount {
    font-weight: 700
}

.hall-of-fame-players-table__tr {
    align-items: center;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 8px;
    display: flex;
    gap: 16px;
    min-height: 48px;
    padding: 4px 16px
}

@media(min-width: 768px) {
    .hall-of-fame-players-table__tr {
        gap:40px
    }
}

.hall-of-fame-players-table__tr:nth-of-type(odd) {
    background: #22222b
}

.hall-of-fame-players-table__tr--current .hall-of-fame-players-table__td {
    color: #00dccd
}

.hall-of-fame-players-table__td {
    display: flex
}

.hh-tournament__timer {
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .hh-tournament__timer {
        margin:0
    }
}

.hh-tournament__timer .tourn-timer {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 308px
}

.hh-tournament__timer .tourn-timer__title {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px;
    text-align: center
}

.hh-tournament__timer .tourn-timer__timer {
    background: url(/images/hh-timer-bg.bad6ac40..svg) 50% no-repeat;
    background-size: cover;
    margin: 0;
    min-height: 66px
}

.hh-tournament__timer .tourn-timer--started .tourn-timer__title span {
    position: relative
}

.hh-tournament__timer .tourn-timer--started .tourn-timer__title span:before {
    background: #9bff67;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: -16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.hh-tournament__timer .tourn-timer--started .blocks-timer__item--days.blocks-timer__item--ended {
    display: none
}

.hh-tournament__timer .tourn-timer .blocks-timer__list {
    display: inline-flex;
    gap: 0;
    margin: 0 49px;
    padding: 0;
    width: auto
}

.hh-tournament__timer .tourn-timer .blocks-timer__item {
    flex: 1;
    flex-direction: column-reverse;
    padding: 0 10px
}

.hh-tournament__timer .tourn-timer .blocks-timer__item:before {
    background: transparent;
    color: hsla(0,0%,100%,.4);
    content: ":";
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 900;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: -4px;
    top: 0;
    transform: none;
    width: auto
}

@media(min-width: 768px) {
    .hh-tournament__timer .tourn-timer .blocks-timer__item:before {
        height:35px
    }
}

.hh-tournament__timer .tourn-timer .blocks-timer__item--days:before,.hh-tournament__timer .tourn-timer .blocks-timer__item:last-child:before {
    display: none
}

.hh-tournament__timer .tourn-timer .blocks-timer__item:first-child,.hh-tournament__timer .tourn-timer .blocks-timer__item:nth-child(2),.hh-tournament__timer .tourn-timer .blocks-timer__item:nth-child(3),.hh-tournament__timer .tourn-timer .blocks-timer__item:nth-child(4) {
    width: auto
}

.hh-tournament__timer .tourn-timer .blocks-timer label {
    margin: 0
}

.hh-tournament__timer .tourn-timer .blocks-timer__value {
    color: #fff;
    font-family: Montserrat,Arial,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}

.hh-tournament__timer .tourn-timer .blocks-timer__text {
    color: hsla(0,0%,100%,.4);
    font-family: Rubik,Arial,sans-serif;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase
}

.hh-tournament__content {
    margin: 0 auto
}

@media(min-width: 768px) {
    .hh-tournament__content {
        max-width:650px
    }
}

@media(min-width: 960px) {
    .hh-tournament__content {
        max-width:865px
    }
}

@media(min-width: 1200px) {
    .hh-tournament__content {
        max-width:1178px
    }
}

.hh-jackpots__inner {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 768px) {
    .hh-jackpots__inner {
        flex-direction:row;
        gap: 6px;
        justify-content: center
    }
}

@media(min-width: 1440px) {
    .hh-jackpots__inner {
        gap:16px
    }
}

.hh-jackpots__item {
    flex: 1
}

.hh-jackpot-progress {
    position: relative
}

.hh-jackpot-progress__inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 42px;
    position: relative
}

@media(min-width: 960px) {
    .hh-jackpot-progress__inner {
        padding-left:57px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress__inner {
        padding-left:79px
    }
}

.hh-jackpot-progress__top-bar {
    background: url(/images/hh-bar-max-title-bg.1783d5cf..webp) 50% no-repeat;
    background-size: 100% 100%;
    display: inline-flex;
    height: 18px;
    justify-content: flex-end;
    min-width: 94px;
    padding: 0 17px 0 39px
}

@media(min-width: 960px) {
    .hh-jackpot-progress__top-bar {
        height:24px;
        min-width: 126px;
        padding: 0 16px 0 70px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress__top-bar {
        height:32px;
        min-width: 172px;
        padding: 0 44px 0 81px
    }
}

.hh-jackpot-progress__label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3em;
    line-height: 12px;
    margin: 0;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .hh-jackpot-progress__label {
        font-size:14px;
        line-height: 20px
    }
}

.hh-jackpot-progress__main-bar {
    background: url(/images/hh-bar-max-bg.b45e3b3b..webp) 50% no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 43px;
    margin-top: -2px;
    max-width: 510px;
    overflow: hidden;
    position: relative;
    transform: skewX(-15deg);
    width: 100%
}

@media(min-width: 960px) {
    .hh-jackpot-progress__main-bar {
        height:56px
    }
}

@media(min-width: 1200px) {
    .hh-jackpot-progress__main-bar {
        height:80px
    }
}

.hh-jackpot-progress__bar-inner {
    align-items: center;
    display: flex;
    padding-left: 54px;
    padding-right: 24px;
    position: relative;
    transform: skewX(15deg);
    width: 100%;
    z-index: 2
}

@media(min-width: 960px) {
    .hh-jackpot-progress__bar-inner {
        padding-left:71px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress__bar-inner {
        padding-left:97px
    }
}

.hh-jackpot-progress__value {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-shadow: 0 0 6px rgba(252,124,255,.5),0 0 6x #fc7cff;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .hh-jackpot-progress__value {
        font-size:48px;
        line-height: 56px
    }
}

.hh-jackpot-progress__value .odometer-inside {
    align-items: center;
    display: flex
}

.hh-jackpot-progress__value .odometer-inside>* {
    font-family: Montserrat,Arial,sans-serif
}

.hh-jackpot-progress__value .odometer-digit,.hh-jackpot-progress__value .odometer-value {
    width: 15px
}

@media(min-width: 960px) {
    .hh-jackpot-progress__value .odometer-digit,.hh-jackpot-progress__value .odometer-value {
        width:32px
    }
}

.hh-jackpot-progress__bar-fill {
    background: linear-gradient(90deg,#681486,#ab00e9 79.69%,#ef8aff);
    bottom: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    transform: translateX(-100%)
}

.hh-jackpot-progress__ribbon {
    height: 85px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 85px
}

@media(min-width: 960px) {
    .hh-jackpot-progress__ribbon {
        height:114px;
        width: 114px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress__ribbon {
        height:156px;
        width: 156px
    }
}

.hh-jackpot-progress__ribbon img {
    max-width: 100%
}

.hh-jackpot-progress__info {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin: 12px 0 0;
    padding-left: 72px;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .hh-jackpot-progress__info {
        padding-left:120px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress__info {
        padding-left:160px
    }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
    align-items: flex-end;
    padding-left: unset;
    padding-right: 42px
}

@media(min-width: 960px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
        padding-right:57px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__inner {
        padding-right:79px
    }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
    background: url(/images/hh-bar-min-title-bg.9bbab668..webp) 50% no-repeat;
    background-size: 100% 100%;
    justify-content: flex-start;
    padding: 0 39px 0 17px
}

@media(min-width: 960px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
        padding:0 70px 0 16px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__top-bar {
        padding:0 81px 0 44px
    }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__main-bar {
    background: url(/images/hh-bar-min-bg.d22b9c3f..webp) 50% no-repeat;
    background-size: 100% 100%
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
    justify-content: flex-end;
    padding-left: 24px;
    padding-right: 54px
}

@media(min-width: 960px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
        padding-right:71px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__bar-inner {
        padding-right:97px
    }
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__bar-fill {
    background: linear-gradient(90deg,#b8ffa6,#33a600 15.47%,#37711d);
    bottom: 1px;
    left: 1px;
    position: absolute;
    right: 1px;
    top: 1px;
    transform: translateX(100%)
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__value {
    text-shadow: 0 0 6px rgba(193,255,114,.5),0 0 6px #c1ff72
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__ribbon {
    left: unset;
    right: 0
}

.hh-jackpot-progress--rtl .hh-jackpot-progress__info {
    padding-left: unset;
    padding-right: 72px;
    text-align: right
}

@media(min-width: 960px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__info {
        padding-right:120px
    }
}

@media(min-width: 1440px) {
    .hh-jackpot-progress--rtl .hh-jackpot-progress__info {
        padding-right:160px
    }
}

.hh-jackpot-progress--disabled {
    opacity: .5
}

.tourn-main {
    align-items: center;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 20px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    min-height: 360px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
    text-transform: none;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-main {
        font-size:24px;
        padding: 32px
    }
}

.tourn-main__bg {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.tourn-main__bg,.tourn-main__bg img {
    display: block;
    height: 100%;
    width: 100%
}

.tourn-main__bg img {
    border: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.tourn-main__content {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-main__content {
        align-items:flex-end;
        flex-direction: row
    }
}

.tourn-main__info {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.tourn-main__button-wrapper {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 20px 0 0;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-main__button-wrapper {
        margin:0 0 0 20px;
        width: auto
    }
}

.tourn-main .tourn-main__participate {
    text-align: left
}

.tourn-main__timer {
    margin-top: auto;
    width: 270px
}

.tourn-main__pool,.tourn-main__title {
    margin-bottom: 20px
}

.summer-calendar-tourn {
    position: relative
}

.summer-calendar-tourn__section--wrap {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 1200px) {
    .summer-calendar-tourn__section--wrap {
        flex-wrap:nowrap
    }
}

.summer-calendar-tourn__section--left {
    width: 100%
}

@media(min-width: 1200px) {
    .summer-calendar-tourn__section--left {
        margin-right:80px
    }
}

.summer-calendar-tourn__section--left--title {
    color: #fff;
    font: 700 26px/32px DrukCyr,sans-serif;
    margin-bottom: 40px;
    margin-top: 0
}

@media(min-width: 768px) {
    .summer-calendar-tourn__section--left--title {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .summer-calendar-tourn__section--left--title {
        font-size:42px;
        line-height: 52px
    }
}

.summer-calendar-tourn__section--left .tourn-participate-big {
    background: #1a1a22
}

.summer-calendar-tourn__section--left .tourn-participate-big .tourn-participate-big__button--active {
    background: transparent;
    border: 1px solid hsla(0,0%,100%,.12)!important
}

.summer-calendar-tourn__section--right {
    display: none;
    max-width: 392px;
    width: 100%
}

@media(min-width: 1200px) {
    .summer-calendar-tourn__section--right {
        border-radius:20px;
        display: block;
        height: 524px;
        min-width: 368px;
        overflow: auto;
        scrollbar-width: none
    }

    .summer-calendar-tourn__section--right::-webkit-scrollbar {
        display: none;
        height: 0;
        width: 0
    }
}

.summer-calendar-tourn__participate {
    margin-top: 16px
}

.summer-calendar-tourn__about {
    margin: 32px 0
}

@media(min-width: 768px) {
    .summer-calendar-tourn__about {
        margin:40px 0
    }
}

.summer-calendar-tourn__description p {
    font-size: 16px!important;
    line-height: 24px!important
}

.summer-calendar-tourn__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 0 8px
}

.summer-calendar-tourn__prizes {
    background: #1a1a22;
    border-radius: 20px;
    max-height: calc(100vh - 112px);
    overflow: auto;
    padding: 24px 16px 16px;
    scrollbar-width: none
}

.summer-calendar-tourn__prizes::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.summer-calendar-tourn__prizes--mobile {
    background: transparent;
    border-radius: 0;
    margin-top: 40px;
    padding: 0
}

@media(min-width: 480px) {
    .summer-calendar-tourn__prizes--mobile {
        background:#1a1a22;
        border-radius: 20px;
        padding: 24px 16px 16px
    }
}

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

.card-tournament {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 144px;
    overflow: hidden;
    padding: 12px;
    position: relative
}

.card-tournament:after {
    background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
    bottom: 0;
    content: "";
    height: 90px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.card-tournament__bg {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

.card-tournament__inner {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 2
}

.card-tournament__content {
    margin: auto 0 0
}

.card-tournament__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.card-tournament__title:last-child {
    margin: 0
}

.tourn-card-big-summer {
    padding-bottom: 195px;
    padding-top: 34px;
    text-align: center
}

@media(min-width: 1200px) {
    .tourn-card-big-summer {
        padding-bottom:324px;
        padding-top: 48px
    }
}

.tourn-card-big-summer__timer-title {
    color: #fff;
    font: 500 12px/16px Roboto,sans-serif;
    letter-spacing: .2px;
    margin: 0 0 8px;
    text-transform: uppercase
}

.tourn-card-big-summer__timer .blocks-timer {
    background: rgba(10,10,13,.4);
    margin: 0 auto;
    max-width: 254px
}

.tourn-card-big-summer__title {
    color: #fff;
    font: 700 26px/32px DrukCyr,sans-serif;
    margin: 24px auto 32px;
    max-width: 800px;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-card-big-summer__title {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .tourn-card-big-summer__title {
        font-size:42px;
        line-height: 52px
    }
}

.tourn-card-big-summer .summer-calendar__button-join {
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 16px 49px
}

.tab-desktop-tournament {
    padding: 0 8px;
    position: relative
}

.tab-desktop-tournament__section {
    margin: 0 0 32px
}

.tab-desktop-tournament__section--info {
    margin: 0 0 16px
}

.tab-desktop-tournament__section--participate {
    position: relative;
    z-index: 2
}

.tab-desktop-tournament__section--tournament-link {
    margin: 0
}

.tab-desktop-tournament__bg-wrapper {
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tab-desktop-tournament__bg-wrapper:after {
    background: linear-gradient(180deg,rgba(36,42,56,.4),#242a38);
    content: "";
    inset: 0;
    position: absolute
}

.tab-desktop-tournament__bg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.tab-desktop-tournament__inner {
    position: relative;
    text-align: center;
    z-index: 2
}

.tab-desktop-tournament__status {
    margin: 0 0 8px
}

.tab-desktop-tournament__title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

.tab-desktop-tournament__tourn-link {
    width: 100%
}

.tab-desktop-tournament__tourn-link .font-icons {
    font-size: 22px;
    margin-left: 8px
}

.card-tournament,.tourn-card {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 144px;
    overflow: hidden;
    padding: 12px;
    position: relative
}

.card-tournament:after,.tourn-card:after {
    background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
    bottom: 0;
    content: "";
    height: 90px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.card-tournament__bg,.tourn-card__bg {
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    width: 100%
}

.card-tournament__inner,.tourn-card__inner {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 2
}

.card-tournament__content,.tourn-card__content {
    margin: auto 0 0
}

.card-tournament__title,.tourn-card__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.card-tournament__title:last-child,.tourn-card__title:last-child {
    margin: 0
}

.tourn-card {
    min-height: 160px;
    padding: 16px
}

.tourn-card:after {
    background: linear-gradient(359.28deg,rgba(10,10,13,.4) .68%,rgba(10,10,13,0) 99.45%);
    bottom: 0;
    content: "";
    height: 90px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.tourn-card__title:last-child {
    margin: 0
}

.tourn-about {
    list-style: none;
    margin: 0;
    padding: 0
}

.tourn-about__item {
    align-items: center;
    border-bottom: 1px solid rgba(119,121,150,.2);
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    justify-content: space-between;
    line-height: 20px;
    padding: 14px 0
}

.tourn-about__item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.tourn-about__item:first-child {
    padding-top: 0
}

.tourn-about__value {
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 700;
    gap: 8px;
    margin: 0;
    position: relative;
    text-align: right;
    text-transform: capitalize
}

.tourn-about__hint {
    color: hsla(0,0%,100%,.4);
    display: inline-block;
    position: relative
}

.tourn-about__hint-container {
    background: #000;
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 200px;
    min-width: 220px;
    padding: 8px;
    position: absolute;
    right: 34px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: all .3s ease
}

.tourn-about__hint-container:before {
    border-bottom: 8px solid transparent;
    border-left: 8px solid #000;
    border-top: 8px solid transparent;
    content: "";
    position: absolute;
    right: -8px;
    top: calc(50% - 8px)
}

.tourn-about__hint-container--active {
    transform: translateY(-50%) scale(1)
}

.tab-mobile-tournament {
    margin: -104px -16px -16px;
    padding: 24px 16px 28px;
    position: relative
}

@media(min-width: 768px) {
    .tab-mobile-tournament {
        margin:-104px -48px -48px;
        max-height: 800px;
        overflow-y: auto;
        padding: 28px 48px;
        scrollbar-width: none
    }
}

.tab-mobile-tournament__section {
    margin: 0 0 32px
}

.tab-mobile-tournament__section--participate {
    position: relative;
    z-index: 2
}

.tab-mobile-tournament__section--tournament-link {
    margin: 0
}

.tab-mobile-tournament__bg-wrapper {
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tab-mobile-tournament__bg-wrapper:after {
    background: linear-gradient(180deg,transparent,#1a1a22);
    content: "";
    inset: 0;
    position: absolute
}

.tab-mobile-tournament__bg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.tab-mobile-tournament__inner {
    position: relative;
    text-align: center;
    z-index: 2
}

.tab-mobile-tournament__status {
    margin: 0 0 8px
}

.tab-mobile-tournament__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 12px
}

.tab-mobile-tournament__tourn-link {
    width: 100%
}

.tab-mobile-tournament__tourn-link .font-icons {
    font-size: 22px;
    margin-left: 8px
}

.team-tab-desktop {
    padding: 0 8px;
    position: relative
}

.team-tab-desktop__section {
    margin: 0 0 32px;
    position: inherit;
    z-index: 1
}

.team-tab-desktop__section:last-child {
    z-index: unset
}

.team-tab-desktop__section--info {
    margin: 0 0 16px;
    position: unset
}

.team-tab-desktop__section--info+.team-tab-desktop__section--participate {
    margin-top: 24px
}

.team-tab-desktop__section--participate {
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

.team-tab-desktop__section--participate:has(.your-team) {
    margin: 0 0 32px
}

.team-tab-desktop__section--participate:has(.team-card) {
    margin: 0 0 24px
}

.team-tab-desktop__section--about {
    margin: 0 0 24px
}

.team-tab-desktop__section--leaderboard {
    margin: 0;
    z-index: unset
}

.team-tab-desktop__section--leaderboard:has(.group-selection) {
    margin: 32px 0 16px
}

.team-tab-desktop__section--tournament-link {
    margin: 0
}

.team-tab-desktop__bg-wrapper {
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.team-tab-desktop__bg-wrapper:after {
    background: linear-gradient(180deg,rgba(36,42,56,.4),#1a1a22);
    content: "";
    inset: 0;
    position: absolute
}

.team-tab-desktop__bg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.team-tab-desktop__inner {
    position: relative;
    text-align: center;
    z-index: 2
}

.team-tab-desktop__status {
    margin: 0 0 8px
}

.team-tab-desktop__title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

.team-tab-desktop__tourn-link {
    width: 100%
}

.team-tab-desktop__tourn-link .font-icons {
    font-size: 12px;
    margin-left: 8px
}

.team-tab-mobile {
    margin: -104px -16px -16px;
    padding: 24px 16px 28px;
    position: relative
}

@media(min-width: 768px) {
    .team-tab-mobile {
        margin:-104px -48px -48px;
        padding: 28px 48px
    }
}

.team-tab-mobile__section {
    margin: 0 0 32px;
    position: inherit;
    z-index: 1
}

.team-tab-mobile__section:last-child {
    z-index: unset
}

.team-tab-mobile__section--info {
    margin: 0 0 16px;
    position: unset
}

.team-tab-mobile__section--info+.team-tab-mobile__section--participate {
    margin-top: 24px
}

.team-tab-mobile__section--participate {
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

.team-tab-mobile__section--participate:has(.your-team) {
    margin: 0 0 32px
}

.team-tab-mobile__section--participate:has(.team-card) {
    margin: 0 0 24px
}

.team-tab-mobile__section--about {
    margin: 0 0 24px
}

.team-tab-mobile__section--leaderboard {
    margin: 0;
    z-index: unset
}

.team-tab-mobile__section--leaderboard:has(.group-selection) {
    margin: 32px 0 16px
}

.team-tab-mobile__section--tournament-link {
    margin: 0
}

.team-tab-mobile__bg-wrapper {
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.team-tab-mobile__bg-wrapper:after {
    background: linear-gradient(180deg,rgba(36,42,56,.4),#1a1a22);
    content: "";
    inset: 0;
    position: absolute
}

.team-tab-mobile__bg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.team-tab-mobile__inner {
    position: relative;
    text-align: center;
    z-index: 2
}

.team-tab-mobile__status {
    margin: 0 0 8px
}

.team-tab-mobile__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 12px
}

.team-tab-mobile__tourn-link {
    padding: 8px 16px;
    width: 100%
}

.team-tab-mobile__tourn-link .font-icons {
    font-size: 12px;
    margin-left: 8px
}

.team-values {
    display: flex;
    gap: 12px;
    width: 100%
}

.team-values__item {
    background: rgba(46,46,59,.4);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 16px;
    text-align: center;
    width: 50%
}

.team-values__img {
    align-items: center;
    background: rgba(0,220,205,.1);
    border-radius: 50%;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 0 auto 8px;
    width: 40px
}

.team-values__img img {
    height: auto;
    width: 24px
}

.team-values__value {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 4px
}

.team-values__unit {
    color: hsla(0,0%,100%,.4);
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133.333%;
    text-transform: uppercase
}

.your-team {
    padding-bottom: 8px
}

@media(min-width: 768px) {
    .your-team {
        padding:8px
    }
}

@media(min-width: 1200px) {
    .your-team {
        padding:0
    }
}

.your-team__top {
    align-items: center;
    display: flex;
    gap: 16px;
    margin-bottom: 20px
}

@media(min-width: 1200px) {
    .your-team__top {
        display:block;
        margin-bottom: 24px;
        text-align: center
    }
}

.your-team__top .top-image {
    height: auto;
    min-width: 64px;
    width: 64px
}

@media(min-width: 1200px) {
    .your-team__top .top-image {
        margin-bottom:16px;
        width: 80px
    }
}

.your-team__top .top-text__head {
    color: hsla(0,0%,100%,.4);
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133.333%;
    margin-bottom: 8px;
    text-transform: uppercase
}

.your-team__top .top-text__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

@media(min-width: 768px) {
    .your-team__bottom {
        display:flex;
        gap: 24px
    }
}

@media(min-width: 1200px) {
    .your-team__bottom {
        display:block
    }
}

.your-team__common-date {
    display: flex;
    gap: 12px
}

@media(min-width: 768px) {
    .your-team__common-date {
        width:50%
    }
}

@media(min-width: 1200px) {
    .your-team__common-date {
        width:46%;
        width: 100%
    }
}

.your-team__personal-date {
    margin-bottom: 0;
    margin-top: 8px;
    padding: 0
}

@media(min-width: 768px) {
    .your-team__personal-date {
        width:50%
    }
}

@media(min-width: 1200px) {
    .your-team__personal-date {
        width:54%;
        width: 100%
    }
}

.game-menu__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.game-menu .game-menu__item {
    border-radius: 8px;
    padding: 12px;
    position: relative;
    transition: background .3s ease
}

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

.game-menu .game-menu__item:hover {
    background: #22222b
}

.game-menu .game-menu__item:hover .game-menu__icon {
    color: #fff
}

.game-menu .game-menu__item--active {
    background: #ff230a!important
}

.game-menu .game-menu__item--active:hover {
    background: #ff442b!important
}

.game-menu .game-menu__item--active .game-menu__icon {
    color: #fff
}

.game-menu .game-menu__item--active .game-menu__indicator {
    opacity: 0
}

.game-menu__tooltip {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.game-menu__indicator {
    left: 50%;
    position: absolute;
    top: 10px;
    transition: opacity .3s ease
}

.tooltip-custom {
    position: relative
}

.tooltip-custom:hover .tooltip-custom__content {
    display: block
}

.tooltip-custom__content {
    background: #282833;
    border-radius: 8px;
    display: none;
    padding: 12px;
    position: absolute;
    white-space: nowrap;
    z-index: 1
}

.tooltip-custom__content:after {
    content: "";
    display: block;
    position: absolute
}

.tooltip-custom__content--top {
    bottom: calc(100% + 20px);
    left: 50%;
    transform: translateX(-50%)
}

.tooltip-custom__content--top:after {
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #282833;
    bottom: -8px;
    left: 50%;
    transform: translatex(-50%)
}

.tooltip-custom__content--right {
    left: calc(100% + 20px);
    top: 50%;
    transform: translateY(-50%)
}

.tooltip-custom__content--right:after {
    border-bottom: 16px solid transparent;
    border-right: 16px solid #282833;
    border-top: 16px solid transparent;
    left: -8px;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip-custom__content--bottom {
    left: 50%;
    top: calc(100% + 20px);
    transform: translateX(-50%)
}

.tooltip-custom__content--bottom:after {
    border-bottom: 16px solid #282833;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    left: 50%;
    top: -8px;
    transform: translatex(-50%)
}

.tooltip-custom__content--left {
    right: calc(100% + 20px);
    top: 50%;
    transform: translateY(-50%)
}

.tooltip-custom__content--left:after {
    border-bottom: 16px solid transparent;
    border-left: 16px solid #282833;
    border-top: 16px solid transparent;
    right: -8px;
    top: 50%;
    transform: translateY(-50%)
}

.notification-center-indicator {
    background-color: #ff230a;
    border: 2px solid #1a1a22;
    border-radius: 50%;
    height: 9.5px;
    width: 9.5px
}

.game-panel__section::-webkit-scrollbar {
    width: 4px
}

.game-panel__section::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.game-panel {
    background: #1a1a22;
    display: flex;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(280px);
    transition: transform .3s ease;
    z-index: 1000
}

.game-panel--open {
    transform: translateX(0)
}

.game-panel__menu {
    margin-top: 16px
}

.game-panel__panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 64px
}

.game-panel__section {
    border-left: 1px solid #0a0a0d;
    height: 100%;
    overflow-y: auto;
    padding: 16px 8px 24px;
    position: relative;
    width: 280px
}

.game-panel__section--lg {
    width: 350px
}

.game-panel__section:has(.group-selection) {
    padding-bottom: 11px
}

.game-panel__block--bottom {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    row-gap: 16px
}

.game-panel__logo {
    display: flex;
    justify-content: center;
    margin: 28px 0
}

.game-panel__currency {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-panel__chat {
    align-items: center;
    display: flex;
    justify-content: center
}

.game-panel__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 8px 16px
}

.game-panel__title span {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.game-panel .game-panel__close-button {
    font-size: 13.5px;
    height: 24px;
    width: 24px
}

.game-panel .game-panel__back-button {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize
}

.game-panel .game-panel__back-button:hover .font-icons {
    color: #fff
}

.game-panel .game-panel__back-button .font-icons {
    color: hsla(0,0%,100%,.65);
    font-size: 22px;
    margin-right: 12px;
    transition: color .3s ease
}

.game-panel .game-panel__deposit-button {
    letter-spacing: .2px;
    margin: 16px auto;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.game-panel .game-panel__deposit-button,.text-btn.game-currency-select-button {
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    line-height: 20px;
    width: 100%
}

.text-btn.game-currency-select-button {
    align-items: center;
    background: #22222b;
    justify-content: center;
    transition: background .3s ease
}

.text-btn.game-currency-select-button:hover {
    background: #282833
}

.text-btn.game-currency-select-button:active,.text-btn.game-currency-select-button:focus {
    background: #282833;
    color: #fff
}

.text-btn.game-currency-select-button--disabled {
    background: #22222b!important;
    color: hsla(0,0%,100%,.4)!important
}

.text-btn.game-currency-select-button--active {
    background: #ff230a!important;
    color: #fff!important
}

.intercom-button {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 50%;
    color: #ff230a;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    min-width: unset;
    padding: 0;
    transition: transform .1s linear,opacity 80ms linear;
    width: 44px
}

.intercom-button:hover {
    transform: scale(1.1);
    transition: transform .25s cubic-bezier(.33,0,0,1)
}

.intercom-button:active {
    transform: scale(.85);
    transition: transform 134ms cubic-bezier(.45,0,.2,1)
}

.intercom-button:focus {
    outline: none
}

.intercom-button--main {
    bottom: 64px;
    height: 48px;
    position: fixed;
    right: 16px;
    width: 48px
}

@media(min-width: 960px) {
    .intercom-button--main {
        bottom:16px
    }
}

.intercom-button--standalone {
    bottom: 74px
}

.intercom-button--custom {
    align-items: unset;
    background: unset;
    border-radius: unset;
    bottom: 0;
    color: inherit;
    height: unset;
    justify-content: unset;
    width: unset
}

.intercom-button--custom:hover {
    transform: unset
}

.intercom-button__icon {
    color: #000
}

.intercom-button__icon--opened {
    animation: rotate .16s linear
}

.game-controls {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.game-controls__list {
    align-items: center;
    bottom: 0;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    display: none;
    position: absolute;
    right: calc(100% + 4px);
    z-index: 0
}

.game-controls__list--open {
    display: flex
}

.game-controls__item {
    align-items: center;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: auto
}

.game-controls__item:first-child {
    display: inline-flex
}

.game-controls .game-controls__button {
    background: #22222b;
    border-radius: 50%;
    color: hsla(0,0%,100%,.65);
    height: 44px;
    min-width: unset;
    padding: 0;
    width: 44px
}

.game-controls .game-controls__button:hover {
    background: #282833;
    color: #fff
}

.game-controls .game-controls__button--item {
    background: rgba(10,10,13,.65)
}

.game-controls .game-controls__button--item:hover {
    background: rgba(15,15,20,.65)
}

.game-controls .game-controls__button--active {
    color: #ff230a!important
}

html:fullscreen .game-controls .game-controls__button .font-icons--fullscreen {
    display: none
}

.game-controls .game-controls__button .font-icons--fullscreen-close {
    display: none
}

html:fullscreen .game-controls .game-controls__button .font-icons--fullscreen-close {
    display: block
}

.game-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%
}

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

.game-currency-item__code {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.notification-center-game__item .notification-center-card {
    height: unset;
    padding: 12px 32px 12px 8px
}

.notification-center-game__empty {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media(min-width: 768px) {
    .notification-center-game__empty {
        left:unset;
        margin-top: 16px;
        position: unset;
        top: unset;
        transform: unset
    }
}

@media(min-width: 1200px) {
    .notification-center-game__empty {
        margin-top:40px
    }
}

.notification-center-card-empty {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

@media(min-width: 768px) {
    .notification-center-card-empty {
        row-gap:12px
    }
}

.notification-center-card-empty__image-wrapper {
    display: flex;
    height: 100px
}

@media(min-width: 768px) {
    .notification-center-card-empty__image-wrapper {
        height:64px
    }
}

.notification-center-card-empty__image {
    height: 100%;
    width: 100%
}

.notification-center-card-empty__text {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
}

@media(min-width: 768px) {
    .notification-center-card-empty--game {
        row-gap:20px
    }

    .notification-center-card-empty--game .notification-center-card-empty__image-wrapper {
        height: 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
}

.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-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 4px
}

.notification-center-card__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

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

.notification-center-card--new:after {
    background: #ff230a;
    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
}

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

.notification-center-card--warning .notification-center-card__description {
    text-align: left
}

.game-panel-currency-content--modal .game-panel-currency-content__list::-webkit-scrollbar {
    width: 4px
}

.game-panel-currency-content--modal .game-panel-currency-content__list::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.game-panel-currency-content__list {
    margin-bottom: 16px
}

.game-panel-currency-content__deposit {
    width: 100%
}

.game-panel-currency-content__actions {
    bottom: 0;
    left: 0;
    padding: 8px 16px;
    position: fixed;
    width: 100%
}

@media(min-width: 768px) {
    .game-panel-currency-content__actions {
        padding:0 16px;
        position: unset
    }
}

.game-panel-currency-content--modal {
    display: flex;
    flex: 1;
    flex-direction: column
}

.game-panel-currency-content--modal .game-panel-currency-content__list {
    flex: 1;
    max-height: calc(100vh - 190px);
    overflow: auto
}

@media(min-width: 768px) {
    .game-panel-currency-content--modal .game-panel-currency-content__list {
        margin:0 0 24px;
        max-height: 385px
    }
}

.game-panel-mob {
    background: #1a1a22 none;
    bottom: 0;
    display: flex;
    height: 48px;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: auto;
    width: 100%;
    z-index: 1000
}

.game-panel-mob--standalone {
    height: 52px
}

.game-panel-mob--standalone .game-panel-mob__list {
    padding-bottom: 4px
}

.game-panel-mob__list {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.game-panel-mob__item,.game-panel-mob__list {
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0
}

.game-panel-mob__item {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex: 1;
    justify-content: center
}

.game-panel-mob__link {
    align-items: center;
    background: transparent none;
    border: none;
    box-shadow: none;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    max-width: 100%;
    padding: 0;
    position: relative;
    text-decoration: none;
    width: 100%
}

.game-panel-mob__link:active,.game-panel-mob__link:focus,.game-panel-mob__link:hover {
    outline: none;
    text-decoration: none
}

.game-panel-mob__icon {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 22px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-panel-mob__icon img {
    display: inline-block;
    height: auto;
    max-height: 18px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    vertical-align: top;
    width: auto
}

@media screen and (orientation: landscape) {
    .game-panel-mob__icon img {
        height:24px;
        max-height: 24px
    }
}

.game-panel-mob__indicator {
    position: absolute;
    right: calc(50% - 10px);
    top: 13px
}

.text-btn.game-currency-select-game-panel-mob {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: 20px;
    padding: 6px 8px;
    transition: background .3s ease;
    width: auto
}

.text-btn.game-currency-select-game-panel-mob:hover {
    background: #1a1a22
}

.text-btn.game-currency-select-game-panel-mob:active,.text-btn.game-currency-select-game-panel-mob:focus {
    background: #1a1a22;
    color: #fff
}

.text-btn.game-currency-select-game-panel-mob--disabled {
    background: #22222b!important;
    color: hsla(0,0%,100%,.4)!important;
    cursor: not-allowed;
    opacity: 1!important
}

.text-btn.game-currency-select-game-panel-mob--active {
    background: #ff230a!important;
    color: #fff!important
}

.promo-providers__list::-webkit-scrollbar {
    width: 4px
}

.promo-providers__list::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.promo-providers {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.promo-providers__title {
    display: block;
    margin: 0 0 16px;
    padding: 0;
    width: 100%
}

@media(min-width: 768px) {
    .promo-providers__title {
        margin-bottom:37px
    }
}

@media(min-width: 960px) {
    .promo-providers__title {
        margin-bottom:38px
    }
}

.promo-providers__list {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 auto;
    overflow-x: auto;
    padding: 0 0 5px;
    width: 100%
}

.promo-providers__item {
    align-items: flex-start;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-width: calc(100vmin - 40px);
    padding: 0;
    width: 100%
}

@media(min-width: 768px) {
    .promo-providers__item {
        max-width:33%;
        min-width: 360px
    }
}

.promo-providers__item:not(:last-child) {
    margin-right: 20px
}

@media(min-width: 960px) {
    .promo-providers__item:not(:last-child) {
        margin-right:30px
    }
}

.title {
    color: #6d6a71;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0;
    text-align: center;
    text-transform: none
}

.title,.title__inner {
    display: block;
    padding: 0;
    width: 100%
}

.title__inner {
    margin: 0 auto;
    max-width: 410px
}

.title__icon {
    display: block;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.title__icon img {
    display: block;
    margin: 0 auto;
    max-height: 48px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.title__main {
    color: #fff;
    font-size: 32px;
    margin: 0
}

.title__main,.title__second {
    display: block;
    padding: 0;
    width: 100%
}

.title__second {
    margin: 10px 0 0
}

.title--full .title__inner {
    max-width: 100%
}

.provider-block {
    background-color: #212121;
    border-radius: 4px
}

.provider-block,.provider-block__link {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.provider-block__link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    min-height: 100%;
    text-align: center;
    text-decoration: none
}

@media(min-width: 768px) {
    .provider-block__link {
        font-size:14px
    }
}

@media(min-width: 960px) {
    .provider-block__link {
        font-size:16px
    }
}

@media(min-width: 1200px) {
    .provider-block__link {
        font-size:24px
    }
}

.provider-block__icon {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 50px;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width: 768px) {
    .provider-block__icon {
        height:40px
    }
}

@media(min-width: 960px) {
    .provider-block__icon {
        height:56px
    }
}

@media(min-width: 1200px) {
    .provider-block__icon {
        height:70px
    }
}

.provider-block__icon img {
    display: block;
    max-height: 60%;
    max-width: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.provider-block__title {
    display: block;
    margin: 0 0 auto;
    padding: 0 10px;
    width: 100%
}

@media(min-width: 768px) {
    .provider-block__title {
        padding:0 15px
    }
}

@media(min-width: 960px) {
    .provider-block__title {
        padding:0 20px
    }
}

@media(min-width: 1440px) {
    .provider-block__title {
        padding:0 50px
    }
}

.provider-block__image {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0 0;
    min-height: 113px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .provider-block__image {
        min-height:89px
    }
}

@media(min-width: 960px) {
    .provider-block__image {
        margin-top:32px;
        min-height: 112px
    }
}

@media(min-width: 1200px) {
    .provider-block__image {
        margin-top:39px;
        min-height: 152px
    }
}

.provider-block__image:after {
    background-image: linear-gradient(180deg,transparent 0,#000);
    bottom: 0;
    content: "";
    display: block;
    height: 113px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 768px) {
    .provider-block__image:after {
        height:89px
    }
}

@media(min-width: 960px) {
    .provider-block__image:after {
        height:112px
    }
}

@media(min-width: 1200px) {
    .provider-block__image:after {
        height:152px
    }
}

.provider-block__image img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center bottom;
    object-position: center bottom
}

.games-filter-block__wrapper {
    display: flex;
    flex-direction: column;
    padding: 0
}

@media(min-width: 768px) {
    .games-filter-block__wrapper {
        align-items:center;
        background: #1a1a22;
        border-radius: 12px;
        flex-direction: row;
        justify-content: space-between;
        padding: 16px
    }
}

.games-filter-block__category {
    margin-left: -16px;
    overflow-x: visible;
    position: relative;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .games-filter-block__category {
        margin-left:0;
        overflow: hidden;
        padding-right: 12px;
        width: unset
    }
}

.games-filter-block__category:after {
    background: linear-gradient(270deg,#0f0f14,rgba(15,15,20,0));
    content: "";
    height: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

@media(min-width: 768px) {
    .games-filter-block__category:after {
        display:none
    }
}

.games-filter-block .games-filter-block__providers-button {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    position: relative;
    transition: background .3s ease;
    width: 100%
}

.games-filter-block .games-filter-block__providers-button:after {
    background: linear-gradient(270deg,#1a1a22,rgba(26,26,34,0));
    content: "";
    display: none;
    height: 48px;
    left: -48px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 48px
}

@media(min-width: 768px) {
    .games-filter-block .games-filter-block__providers-button:after {
        display:block
    }
}

.games-filter-block .games-filter-block__providers-button:hover {
    background: #282833
}

@media(min-width: 768px) {
    .games-filter-block .games-filter-block__providers-button {
        margin-top:0;
        padding: 0 16px;
        width: unset
    }
}

.games-filter-block__icon {
    color: #ff230a;
    margin-right: 12px
}

.games-filter-block__btn-wrapper {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 24px
}

@media(min-width: 768px) {
    .games-filter-block__btn-wrapper {
        margin-top:0
    }
}

.games-filter-block .games-filter-block__filter-btn {
    color: #ff230a;
    min-width: 72px;
    padding: 12px 16px
}

@media(min-width: 768px) {
    .games-filter-block .games-filter-block__filter-btn {
        min-width:auto
    }
}

.game-category-select {
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none
}

.game-category-select::-webkit-scrollbar {
    display: none
}

@media(min-width: 768px) {
    .game-category-select {
        padding:0
    }
}

.game-category-select .game-category-select__link {
    align-items: center;
    background: transparent;
    border-radius: 40px;
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    margin: 0 1px;
    padding: 0 16px;
    transition: background .3s ease
}

.game-category-select .game-category-select__link:hover {
    background: #22222b;
    color: #fff
}

@media(min-width: 768px) {
    .game-category-select .game-category-select__link {
        font-size:16px;
        height: 48px;
        line-height: 24px
    }
}

.game-category-select .game-category-select__link--current {
    background: #ff230a!important;
    font-weight: 700
}

.game-category-select .game-category-select__link--current .game-category-select__icon:before {
    color: #fff
}

.game-category-select__icon {
    color: #ff230a;
    margin-right: 8px;
    transition: color .3s ease
}

.game-category-select__name {
    white-space: nowrap
}

span.all-jackpot a.link-no-styles {
    color: inherit;
    text-decoration: none;
    transition: color .3s
}

span.all-jackpot a.link-no-styles:active,span.all-jackpot a.link-no-styles:focus,span.all-jackpot a.link-no-styles:hover {
    color: #fff;
    text-decoration: none
}

.all-jackpot .link-no-styles {
    margin-left: 4px!important
}

.games-list {
    display: inline
}

.games-list .games-list__button--more {
    display: inline-flex;
    font-size: 14px;
    line-height: 20px
}

@media(min-width: 768px) {
    .games-list .games-list__button--more {
        font-size:16px;
        line-height: 24px
    }
}

.game__text-link {
    background: transparent;
    border: none;
    box-shadow: none;
    color: inherit;
    font-weight: 400;
    line-height: 0;
    margin: 0!important;
    min-height: auto;
    min-width: auto;
    outline: none;
    padding: 0;
    padding: 0!important;
    text-transform: none;
    vertical-align: unset
}

.game__text-link:active,.game__text-link:focus,.game__text-link:hover {
    background: transparent;
    color: #fff
}

.games-not-found {
    color: hsla(0,0%,100%,.65);
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

.grand-prizes-main {
    display: flex;
    flex-wrap: wrap;
    margin: -120px auto 50px;
    max-width: 450px;
    row-gap: 50px
}

@media(min-width: 768px) {
    .grand-prizes-main {
        align-items:flex-end;
        -moz-column-gap: 16px;
        column-gap: 16px;
        flex-wrap: nowrap;
        margin: -50px auto 50px;
        max-width: 100%;
        row-gap: 0
    }
}

@media(min-width: 960px) {
    .grand-prizes-main {
        margin:-120px auto 65px
    }
}

.grand-prizes-main__block {
    flex: 1 1 45%;
    max-width: 270px;
    order: 2;
    position: relative
}

@media(min-width: 768px) {
    .grand-prizes-main__block {
        flex:1 1 33.3333%;
        max-width: unset
    }
}

.grand-prizes-main__block--mega {
    flex: 1 1 100%;
    margin: 0 auto;
    order: 1
}

@media(min-width: 768px) {
    .grand-prizes-main__block--mega {
        flex:1 1 38%;
        order: 2
    }
}

.grand-prizes-main__block--mega .grand-prizes-main__logo-wrap {
    margin-bottom: 16px;
    max-width: 97px;
    width: auto
}

@media(min-width: 768px) {
    .grand-prizes-main__block--mega .grand-prizes-main__logo-wrap {
        margin-bottom:29px;
        max-width: unset;
        width: 38%
    }
}

.grand-prizes-main__block--mega .grand-prizes-main__bg-wrap {
    display: block
}

.grand-prizes-main__block--mega .grand-prizes-main__name {
    font-size: 12px;
    line-height: 16px
}

@media(min-width: 960px) {
    .grand-prizes-main__block--mega .grand-prizes-main__name {
        font-size:14px;
        line-height: 20px
    }
}

.grand-prizes-main__block--mega .grand-prizes-main__pool {
    background: linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#afe2ff,#5292f2);
    -webkit-background-clip: text;
    font-size: 32px;
    line-height: 40px;
    text-shadow: 0 0 6px rgba(240,146,255,.5),0 0 5px #be54ff
}

@media(min-width: 768px) {
    .grand-prizes-main__block--grand {
        order:1
    }
}

.grand-prizes-main__block--grand .grand-prizes-main__pool {
    background: linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#afe2ff,#5292f2);
    -webkit-background-clip: text;
    text-shadow: 0 0 6px rgba(255,220,129,.5),0 0 5px #ffaf65
}

@media(min-width: 768px) {
    .grand-prizes-main__block--major {
        order:3
    }
}

.grand-prizes-main__block--major .grand-prizes-main__pool {
    background: linear-gradient(0deg,#fff,#fff),linear-gradient(180deg,#afe2ff,#5292f2);
    -webkit-background-clip: text;
    text-shadow: 0 0 6px rgba(134,233,255,.5),0 0 5px #86e9ff
}

.grand-prizes-main__block--major:before {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12) 47.92%,hsla(0,0%,100%,0));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

@media(min-width: 768px) {
    .grand-prizes-main__block--major:before {
        display:none
    }
}

.grand-prizes-main__bg-wrap {
    display: none;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%
}

@media(min-width: 768px) {
    .grand-prizes-main__bg-wrap {
        display:block
    }
}

.grand-prizes-main__bg-wrap img {
    max-width: 100%
}

.grand-prizes-main__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2
}

.grand-prizes-main__logo-wrap {
    margin-bottom: 12px;
    width: 72px
}

@media(min-width: 768px) {
    .grand-prizes-main__logo-wrap {
        margin-bottom:24px;
        width: 35%
    }
}

.grand-prizes-main__logo-wrap img {
    max-width: 100%
}

.grand-prizes-main__name {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3em;
    line-height: 12px;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .grand-prizes-main__name {
        font-size:12px;
        line-height: 16px
    }
}

@media(min-width: 960px) {
    .grand-prizes-main__name {
        font-size:14px;
        line-height: 20px
    }
}

.grand-prizes-main__pool {
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 32px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .grand-prizes-main__pool {
        font-size:36px!important;
        line-height: 44px!important;
        margin: 0 0 20px
    }
}

@media(min-width: 960px) {
    .grand-prizes-main__pool {
        margin:0 0 32px
    }
}

.grand-prizes-main__text {
    color: #999;
    font-family: Rubik,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 16px;
    margin: 0 0 12px;
    text-align: center
}

@media(min-width: 768px) {
    .grand-prizes-main__text {
        display:flex;
        font-size: 12px;
        justify-content: space-around;
        line-height: 20px;
        margin: 0;
        width: 100%
    }
}

@media(min-width: 960px) {
    .grand-prizes-main__text {
        font-size:14px;
        line-height: 24px
    }
}

.grand-prizes-main__text span {
    color: #fff;
    display: block
}

@media(min-width: 1200px) {
    .grand-prizes-main__text span {
        display:inline
    }
}

.grand-prizes-main__bet-widget {
    background: linear-gradient(270deg,rgba(188,177,255,0),rgba(33,21,107,0) .01%,#31156b 52.6%,rgba(107,21,62,0));
    margin: 32px auto 48px -24px;
    max-width: 876px;
    padding: 16px 24px;
    width: calc(100% + 48px)
}

@media(min-width: 768px) {
    .grand-prizes-main__bet-widget {
        margin:32px auto 56px;
        padding: 16px;
        width: 100%
    }
}

@media(min-width: 960px) {
    .grand-prizes-main__bet-widget {
        padding:20px
    }
}

.grand-prizes-main__bet-widget-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.grand-prizes-main__bet-widget-coin {
    height: 20px;
    width: 20px
}

.grand-prizes-main__bet-widget-text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 2px;
    text-align: center;
    text-transform: uppercase
}

.grand-prizes-main__bet-widget-text span {
    color: #ffd748;
    font-weight: 700
}

@media(min-width: 768px) {
    .grand-prizes-main__bet-widget-text {
        font-size:16px;
        line-height: 24px
    }
}

.grand-prizes-main .odometer.odometer-auto-theme,.grand-prizes-main .odometer.odometer-theme-default {
    display: flex;
    margin-top: 2px
}

.grand-prizes-main .odometer.odometer-auto-theme .odometer-inside,.grand-prizes-main .odometer.odometer-theme-default .odometer-inside {
    align-items: baseline;
    display: flex
}

.hall-of-fame-achievements {
    margin-top: 32px
}

@media(min-width: 1200px) {
    .hall-of-fame-achievements {
        margin-top:40px
    }
}

.hall-of-fame-achievements__title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 24px;
    margin-top: 0
}

.hall-of-fame-achievements__title span {
    color: hsla(0,0%,100%,.4)
}

.hall-of-fame-achievements__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    grid-template-columns: repeat(2,1fr)
}

@media(min-width: 768px) {
    .hall-of-fame-achievements__cards {
        gap:8px 16px
    }
}

.hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+6) {
    display: block
}

@media(min-width: 768px) {
    .hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+8) {
        display:block
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+5) {
        display:block
    }
}

@media(min-width: 1440px) {
    .hall-of-fame-achievements__cards--open .hall-of-fame-achievement:nth-child(n+6) {
        display:block
    }
}

.hall-of-fame-achievements .hall-of-fame-achievements__btn {
    border-radius: 8px;
    margin-top: 16px;
    padding: 12px 20px;
    position: relative;
    width: 100%
}

.hall-of-fame-achievement {
    opacity: .4;
    perspective: 1000px;
    position: relative;
    width: calc(50% - 4px)
}

.hall-of-fame-achievement:hover {
    cursor: pointer
}

.hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
    opacity: .4
}

.hall-of-fame-achievement:nth-child(n+6) {
    display: none
}

.hall-of-fame-achievement:nth-child(-n+6) {
    display: block
}

@media(min-width: 768px) {
    .hall-of-fame-achievement {
        width:calc(33.33333% - 10.66667px)
    }

    .hall-of-fame-achievement:nth-child(n+6) {
        display: none
    }

    .hall-of-fame-achievement:nth-child(-n+6) {
        display: block
    }

    .hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
        opacity: .4
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-achievement {
        width:calc(20% - 12.8px)
    }

    .hall-of-fame-achievement:nth-child(n+5) {
        display: none
    }

    .hall-of-fame-achievement:nth-child(-n+5) {
        display: block
    }
}

@media(min-width: 1440px) {
    .hall-of-fame-achievement {
        width:calc(16.66667% - 13.33333px)
    }

    .hall-of-fame-achievement:nth-child(n+6) {
        display: none
    }

    .hall-of-fame-achievement:nth-child(-n+6) {
        display: block
    }
}

.hall-of-fame-achievement__inner {
    align-items: center;
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 176px;
    overflow: hidden;
    padding: 8px;
    text-align: center;
    transform-style: preserve-3d;
    transition: transform .3s;
    width: 100%
}

@media(min-width: 480px) {
    .hall-of-fame-achievement__inner {
        min-height:216px;
        padding: 24px 8px
    }
}

@media(min-width: 768px) {
    .hall-of-fame-achievement__inner {
        padding:24px 8px
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-achievement__inner {
        min-height:255px;
        padding: 24px 16px
    }
}

.hall-of-fame-achievement__back,.hall-of-fame-achievement__front {
    align-items: center;
    backface-visibility: hidden;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.hall-of-fame-achievement__front {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    height: 100%
}

.hall-of-fame-achievement__back {
    display: none
}

.hall-of-fame-achievement__back-inner {
    align-items: center
}

.hall-of-fame-achievement .hall-of-fame-achievement__info-btn {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 24px;
    justify-content: center;
    opacity: .4;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: all .3s;
    z-index: 1
}

@media(min-width: 768px) {
    .hall-of-fame-achievement .hall-of-fame-achievement__info-btn {
        opacity:0;
        right: 16px;
        top: 16px
    }
}

.hall-of-fame-achievement .hall-of-fame-achievement__close-btn {
    align-items: center;
    background: rgba(10,10,13,.65);
    border-radius: 50%;
    display: flex;
    height: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: -10000;
    top: -100000;
    width: 0
}

.hall-of-fame-achievement__close-icon {
    font-size: 19px
}

.hall-of-fame-achievement__desc {
    color: #fff;
    font-size: 8px;
    font-weight: 400;
    line-height: 140%;
    text-align: center
}

@media(min-width: 375px) {
    .hall-of-fame-achievement__desc {
        font-size:10px
    }
}

@media(min-width: 768px) {
    .hall-of-fame-achievement__desc {
        font-size:14px
    }
}

.hall-of-fame-achievement__img {
    margin-bottom: 4px;
    max-width: 100px;
    width: 100%
}

@media(min-width: 1680px) {
    .hall-of-fame-achievement__img {
        max-width:120px
    }
}

.hall-of-fame-achievement__name {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

.hall-of-fame-achievement__name--big {
    font-size: 10px;
    line-height: 140%
}

@media(min-width: 375px) {
    .hall-of-fame-achievement__name--big {
        font-size:12px
    }
}

@media(min-width: 480px) {
    .hall-of-fame-achievement__name {
        font-size:14px;
        line-height: 143%
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-achievement__name {
        font-size:16px;
        line-height: 150%
    }
}

.hall-of-fame-achievement__prize {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 4px;
    line-height: 18px;
    margin-top: 4px
}

@media(min-width: 480px) {
    .hall-of-fame-achievement__prize {
        font-size:14px;
        line-height: 20px
    }
}

.hall-of-fame-achievement__gift-icon {
    font-size: 16px
}

.hall-of-fame-achievement__desc {
    display: flex;
    justify-content: center
}

.hall-of-fame-achievement--opened {
    opacity: 1;
    z-index: 3
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
    background-color: #282833;
    opacity: 1;
    padding: 32px 8px 17px
}

@media(min-width: 375px) {
    .hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
        padding:32px 16px 17px
    }
}

@media(min-width: 768px) {
    .hall-of-fame-achievement--opened .hall-of-fame-achievement__inner {
        transform:rotateY(180deg) scale(1) translate(0)!important
    }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__back {
    display: flex
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__back-inner {
    display: flex;
    flex-direction: column;
    gap: 4px;
    transform: rotateY(180deg)
}

@media(min-width: 1200px) {
    .hall-of-fame-achievement--opened .hall-of-fame-achievement__back-inner {
        gap:6px
    }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__close-btn {
    height: 24px;
    left: 8px;
    opacity: 1;
    top: 8px;
    width: 24px;
    z-index: 3
}

@media(min-width: 480px) {
    .hall-of-fame-achievement--opened .hall-of-fame-achievement__close-btn {
        height:32px;
        width: 32px
    }
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__front {
    display: none
}

.hall-of-fame-achievement--opened .hall-of-fame-achievement__info-btn {
    left: -999999px;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

@media(min-width: 768px) {
    .hall-of-fame-achievement--opened .hall-of-fame-achievement__info-btn {
        justify-content:flex-start;
        left: 16px;
        opacity: .4;
        right: 0;
        visibility: unset;
        z-index: 3
    }

    .hall-of-fame-achievement--opened .hall-of-fame-achievement:hover .hall-of-fame-achievement__info-btn {
        opacity: .4;
        visibility: unset;
        z-index: 3
    }
}

.hall-of-fame-achievement--completed,.hall-of-fame-achievement--completed .hall-of-fame-achievement__front {
    opacity: 1
}

.hall-of-fame-achievement--completed .hall-of-fame-achievement__info-btn {
    color: hsla(0,0%,100%,.4)
}

.hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(2n) .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) translate(52%) scale(1.8)
}

@media(min-width: 375px) {
    .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)
    }
}

.hall-of-fame-achievement.hall-of-fame-achievement--opened:nth-of-type(odd) .hall-of-fame-achievement__inner {
    transform: rotateY(180deg) translate(-52%) scale(1.8)
}

@media(min-width: 375px) {
    .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)
    }
}

.hall-of-fame-banner__bg-wrap {
    height: 100%;
    left: 50%;
    max-width: 1680px;
    min-width: 600px;
    position: absolute;
    top: -65px;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .hall-of-fame-banner__bg-wrap {
        top:-70px
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner__bg-wrap {
        height:100%;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }
}

.hall-of-fame-banner__bg {
    max-height: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

@media(min-width: 768px) {
    .hall-of-fame-banner__bg {
        max-height:100%
    }
}

.hall-of-fame-banner__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 24px 0
}

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

@media(min-width: 768px) {
    .hall-of-fame-banner__title {
        margin-top:32px
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner__title {
        margin-bottom:40px;
        margin-top: 40px
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-banner__title {
        font-size:42px;
        line-height: 52px
    }
}

.hall-of-fame-banner__info {
    display: flex;
    flex-direction: column;
    gap: 26px
}

@media(min-width: 1200px) {
    .hall-of-fame-banner__info {
        align-items:center;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.hall-of-fame-banner__stats {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media(min-width: 768px) {
    .hall-of-fame-banner__stats {
        flex-direction:row;
        gap: 16px
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner__stats {
        flex-basis:752px
    }
}

.hall-of-fame-banner__icon {
    height: 48px;
    width: 48px
}

.hall-of-fame-banner--anon {
    background-image: none;
    padding-top: 24px
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon {
        padding-top:32px
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner--anon {
        padding-top:40px
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon-wrap {
    bottom: -10px;
    position: absolute;
    right: 0;
    z-index: -1
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon-wrap {
        bottom:0;
        height: 100%
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__info {
    align-items: flex-start
}

.hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__bg-anon {
        height:100%
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__title {
    margin-bottom: 24px;
    margin-top: 0
}

@media(min-width: 1200px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__title {
        margin-bottom:40px
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__title {
        font-size:42px;
        line-height: 52px
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__info {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    padding: 32px 16px 60px;
    position: relative
}

@media(min-width: 480px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__info {
        padding:32px 16px 106px
    }
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__info {
        padding:48px 16px
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__info {
        padding:48px 32px 64px
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__info {
        padding:48px 48px 80px
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 24px;
    margin-top: 0
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
        font-size:26px;
        line-height: 32px;
        max-width: 60%
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
        max-width:528px
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__subtitle {
        font-size:32px;
        line-height: 40px;
        max-width: 674px
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 32px;
    margin-top: 0
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__text {
        font-size:16px;
        line-height: 150%;
        max-width: 60%
    }
}

@media(min-width: 1200px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__text {
        max-width:528px
    }
}

@media(min-width: 1680px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__text {
        max-width:674px
    }
}

.hall-of-fame-banner--anon .hall-of-fame-banner__btn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 150%;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 12px 20px
}

@media(min-width: 768px) {
    .hall-of-fame-banner--anon .hall-of-fame-banner__btn {
        padding:16px 24px
    }
}

.user-level-status {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

@media(min-width: 768px) {
    .user-level-status {
        max-width:465px;
        width: 100%
    }
}

@media(min-width: 1440px) {
    .user-level-status {
        flex:1
    }
}

.user-level-status__avatar-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    width: 80px
}

.user-level-status__avatar-wrap:hover .user-level-status__info-btn {
    background: #fff;
    opacity: 1
}

.user-level-status__avatar {
    border-radius: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.user-level-status__info-btn {
    background: #fff;
    border-radius: 50%;
    bottom: 0;
    height: 24px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    transition: opacity .3s;
    width: 24px
}

.user-level-status__info-icon {
    color: #0f0f14
}

.user-level-status__player-name {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 16px;
    margin-top: 0
}

.user-level-status__info-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-left: 16px
}

@media(min-width: 768px) {
    .user-level-status__info-container {
        padding-left:24px
    }
}

.user-level-status__info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

.user-level-status__progress-bar-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.user-level-status__next-level {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.user-level-status__current-level {
    align-items: center;
    border: 1px solid hsla(0,0%,100%,.12);
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    padding: 4px 10px
}

.user-level-status__points {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.user-level-status__current-points {
    color: #fff
}

.user-level-status__current-endpoints {
    color: hsla(0,0%,100%,.65)
}

.user-level-status__progress-bar {
    background-color: #0a0a0d!important;
    border-radius: 33px;
    height: 6px
}

.user-level-status__progress-bar .progress-bar__track {
    background-color: #00dccd;
    height: 6px
}

.user-level-status__modal .modal__content-wrapper {
    height: 100%;
    margin: 0;
    max-width: 100%;
    min-height: 100%;
    width: 100%
}

@media(min-width: 768px) {
    .user-level-status__modal .modal__content-wrapper {
        height:unset;
        margin: auto;
        max-width: 480px;
        min-height: unset;
        width: 100%
    }
}

.user-level-status__modal .modal__content {
    border-radius: 0;
    height: 100%;
    margin: 0;
    min-height: 100%
}

@media(min-width: 768px) {
    .user-level-status__modal .modal__content {
        border-radius:20px;
        margin: 20px 0
    }
}

.user-level-status--last-lvl .user-level-status__points {
    display: none
}

.user-level-status--last-lvl .user-level-status__current-level,.user-level-status--last-lvl .user-level-status__next-level {
    color: #00dccd
}

.user-level-status--short .user-level-status__avatar-wrap {
    width: 56px
}

.user-level-status--short .user-level-status__player-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 142%;
    margin-bottom: 8px
}

.user-level-status--short .user-level-status__info-container {
    padding-left: 12px
}

.user-level-status--short .user-level-status__info {
    margin-top: 8px
}

.user-level-status--short .user-level-status__info-icon {
    font-size: 16px!important
}

.user-level-status--short .user-level-status__info-btn {
    height: 16px;
    width: 16px
}

.user-level-status--short.user-level-status--last-lvl .user-level-status__player-name {
    color: #00dccd
}

.user-level-status--short.user-level-status--last-lvl .user-level-status__info,.user-level-status--short.user-level-status--last-lvl .user-level-status__points {
    display: flex
}

.user-avatar-modal {
    padding: 56px 16px 24px;
    width: 100%
}

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

.user-avatar-modal__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin: 0 auto 16px;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .user-avatar-modal__title {
        font-size:24px;
        line-height: 133%
    }
}

.user-avatar-modal__groups-wrap {
    margin: 0 auto;
    max-width: 384px
}

.user-avatar-modal__groups,.user-avatar-modal__groups-wrap {
    display: flex;
    flex-direction: column
}

.user-avatar-modal__groups:not(:last-child) {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    margin-bottom: 24px;
    padding-bottom: 24px
}

.user-avatar-modal__groups--disabled .user-avatar-modal__id,.user-avatar-modal__groups--disabled .user-avatar-modal__id-icon,.user-avatar-modal__groups--disabled .user-avatar-modal__subtitle {
    color: hsla(0,0%,100%,.4)
}

.user-avatar-modal__info {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.user-avatar-modal__id {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 160%;
    margin-right: 8px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    width: 24px
}

@media(min-width: 768px) {
    .user-avatar-modal__id {
        margin-right:10px
    }
}

.user-avatar-modal__id-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.user-avatar-modal__subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%
}

.user-avatar-modal__avatars {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    overflow: hidden
}

.user-avatar-modal__img-wrap {
    margin-bottom: 8px;
    max-height: 72px;
    max-width: 72px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .user-avatar-modal__img-wrap {
        max-height:84px;
        max-width: 84px
    }
}

.user-avatar-modal__img {
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.user-avatar-modal__lock-icon {
    color: hsla(0,0%,100%,.4);
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.user-avatar-modal__avatar {
    align-items: center;
    display: flex;
    flex-direction: column
}

.user-avatar-modal__avatar--disable .user-avatar-modal__img {
    opacity: .7
}

.user-avatar-modal__avatar--disable .user-avatar-modal__lock-icon {
    display: block
}

.user-avatar-modal__avatar--current .user-avatar-modal__img {
    border: 2px solid #1adb4a
}

.user-avatar-modal__avatar--current .user-avatar-modal__name {
    color: #fff
}

.user-avatar-modal__name {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    text-align: center
}

.progress-bar {
    background-color: #000;
    border-radius: 10px;
    display: block;
    height: 4px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.progress-bar--mission .progress-bar__track {
    background-color: #00dccd
}

.progress-bar__track {
    background-color: #ff230a;
    border-radius: 10px;
    display: block;
    height: 100%;
    left: 0;
    min-width: 4px;
    position: absolute;
    top: 0
}

.hall-of-fame-rcp {
    align-items: center;
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    padding: 16px;
    width: 100%
}

@media(min-width: 768px) {
    .hall-of-fame-rcp {
        background:none;
        flex-direction: column;
        padding: 0
    }
}

.hall-of-fame-rcp__icon-wrap {
    align-items: center;
    background: rgba(10,10,13,.65);
    border-radius: 50%;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 8px;
    width: 48px
}

@media(min-width: 768px) {
    .hall-of-fame-rcp__icon-wrap {
        -webkit-backdrop-filter:blur(15px);
        backdrop-filter: blur(15px);
        background: rgba(46,46,59,.4);
        height: 80px;
        padding: 16px;
        width: 80px
    }
}

.hall-of-fame-rcp__icon {
    height: 100%;
    max-width: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media(min-width: 768px) {
    .hall-of-fame-rcp__icon {
        max-width:48px
    }
}

.hall-of-fame-rcp__content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.hall-of-fame-rcp__value {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.hall-of-fame-rcp__title {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .hall-of-fame-rcp__title {
        font-size:12px;
        line-height: 16px
    }
}

.hall-of-fame-rcp__link {
    align-items: center;
    align-self: flex-start;
    color: #00dccd;
    display: flex;
    flex-grow: 1;
    font-size: 14px;
    font-weight: 700;
    gap: 10px;
    justify-content: flex-end;
    line-height: 20px
}

@media(min-width: 768px) {
    .hall-of-fame-rcp__link {
        align-self:center;
        justify-content: center
    }

    .hall-of-fame-rcp__link-arrow {
        display: none
    }
}

.hall-of-fame-champions__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.tabs__categories {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.tabs__categories::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.tabs__categories::-webkit-scrollbar-track {
    background: transparent
}

.tabs__categories::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

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

.tabs__categories {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    margin-bottom: 24px;
    overflow: scroll;
    padding-bottom: 12px;
    white-space: nowrap
}

.tabs .tabs__btn {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    position: relative;
    text-transform: uppercase
}

.tabs .tabs__btn--active {
    color: #fff
}

.tabs .tabs__btn--active:after {
    background: #ff230a;
    bottom: -12px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.header-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-menu__item {
    margin-right: 24px;
    white-space: nowrap
}

.header-menu__item:last-child {
    margin-right: 0
}

.header-menu__link {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,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: #ff230a;
    bottom: -23px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.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
}

@media(min-width: 1200px) {
    .help-center-menu {
        align-items:flex-end;
        display: flex;
        flex-direction: column;
        height: calc(100vh - 120px);
        justify-content: space-between;
        position: sticky;
        row-gap: 16px;
        top: 80px
    }
}

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

.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:#ff230a
    }
}

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

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

.help-center-menu .help-center-menu__button--top {
    border-radius: 50%;
    height: 40px;
    min-width: unset;
    position: fixed;
    width: 40px
}

@media(min-width: 1200px) {
    .help-center-menu .help-center-menu__button--top {
        position:static
    }
}

.scroll-to-top-button {
    border-radius: 50%;
    bottom: 72px;
    height: 40px;
    left: 16px;
    min-width: unset;
    position: fixed;
    transform: rotateX(180deg);
    transform-origin: center;
    width: 40px;
    z-index: 1
}

@media(min-width: 768px) {
    .scroll-to-top-button {
        bottom:80px;
        left: 24px
    }
}

@media(min-width: 960px) {
    .scroll-to-top-button {
        bottom:24px
    }
}

.hh-games {
    background: url(/images/hh-bg-games.f32f2de8..webp) 50% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 88px 0
}

@media(max-width: 960px) {
    .hh-games {
        padding:80px 0
    }
}

@media(max-width: 768px) {
    .hh-games {
        padding:55px 0
    }
}

.hh-games__title {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    margin: 0 0 64px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 960px) {
    .hh-games__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 45px
    }
}

@media(max-width: 768px) {
    .hh-games__title {
        font-size:24px;
        line-height: 32px;
        margin: 0 0 40px
    }
}

.hh-games__link {
    margin-top: 56px
}

@media(max-width: 960px) {
    .hh-games__link {
        margin-top:45px
    }
}

@media(max-width: 768px) {
    .hh-games__link {
        margin-top:40px
    }
}

.hh-games__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.hh-games__slider {
    flex: 1 1 100%;
    margin: 0 0 40px;
    max-width: 100%;
    position: relative
}

@media(min-width: 1200px) {
    .hh-games__slider {
        margin:0 0 72px
    }
}

.game-slider.game-slider--jackpot {
    background-color: transparent
}

.game-slider.game-slider--jackpot+.game-slider__controls {
    display: flex;
    justify-content: space-between;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

@media(max-width: 960px) {
    .game-slider.game-slider--jackpot+.game-slider__controls {
        display:none
    }
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: transparent;
    background: #0a0a0d;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 48px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    text-shadow: none;
    transition: background-color .3s ease;
    width: 48px
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button:hover {
    background: rgba(10,10,13,.7)
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button--next {
    margin-right: -50px
}

.game-slider.game-slider--jackpot+.game-slider__controls .game-slider__button--prev {
    margin-left: -50px
}

.slider-wrapper {
    position: relative
}

.game-slider.slick-slider.game-slider-jackpot {
    -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;
    z-index: 2
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-list:focus {
    outline: none
}

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

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

.game-slider.slick-slider.game-slider-jackpot .slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

@media(max-width: 768px) {
    .game-slider.slick-slider.game-slider-jackpot .slick-track {
        display:flex
    }
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-track:after {
    clear: both
}

.slick-loading .game-slider.slick-slider.game-slider-jackpot .slick-track {
    visibility: hidden
}

.game-slider.slick-slider.game-slider-jackpot .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin: 0!important;
    min-height: 1px;
    padding: 0 12px
}

@media(max-width: 768px) {
    .game-slider.slick-slider.game-slider-jackpot .slick-slide {
        padding:0 8px
    }
}

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

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

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

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

.game-slider.slick-slider.game-slider-jackpot.slick-initialized .slick-slide {
    display: block
}

.game-slider.slick-slider.game-slider-jackpot.slick-loading .slick-slide {
    visibility: hidden
}

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

.game-slider.slick-slider.game-slider-jackpot .slick-arrow.slick-hidden {
    display: none
}

@media(max-width: 960px) {
    .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot .slick-list {
        overflow:visible
    }
}

@media(max-width: 768px) {
    .game-slider.slick-slider.game-slider-jackpot.game-slider--jackpot .slick-slide {
        flex:0 0 156px
    }
}

.home-bonuses .home-bonuses__button {
    padding: 12px 20px
}

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

@media(min-width: 960px) {
    .home-bonuses-slider.slick-slider:hover .slick-next,.home-bonuses-slider.slick-slider:hover .slick-prev {
        display:block;
        opacity: 1
    }
}

.home-bonuses-slider.slick-slider .slick-list {
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.home-bonuses-slider.slick-slider .slick-list:focus {
    outline: none
}

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

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

.home-bonuses-slider.slick-slider .slick-track {
    display: block;
    height: 100%;
    left: 0;
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

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

.home-bonuses-slider.slick-slider .slick-track:after {
    clear: both
}

.slick-loading .home-bonuses-slider.slick-slider .slick-track {
    visibility: hidden
}

.home-bonuses-slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    overflow: hidden
}

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

.home-bonuses-slider.slick-slider .slick-slide img {
    display: block
}

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

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

.home-bonuses-slider.slick-slider .slick-slide>div {
    height: 100%
}

.home-bonuses-slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

.home-bonuses-slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

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

.home-bonuses-slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

.home-bonuses-slider.slick-slider .slick-next,.home-bonuses-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: 1
}

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

.home-bonuses-slider.slick-slider .slick-prev {
    left: 12px
}

.home-bonuses-slider.slick-slider .slick-next {
    right: 12px
}

.home-bonuses-slider.slick-slider.slick-dotted {
    margin-bottom: 30px
}

.home-bonuses-slider.slick-slider .slick-dots {
    align-items: center;
    bottom: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.home-bonuses-slider.slick-slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    margin: 0 6px;
    padding: 0;
    position: relative
}

.home-bonuses-slider.slick-slider .slick-dots li button {
    background: transparent;
    border: 0;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 4px;
    line-height: 0px;
    outline: none;
    padding: 0;
    position: relative;
    width: 28px
}

.home-bonuses-slider.slick-slider .slick-dots li button:hover {
    outline: none
}

.home-bonuses-slider.slick-slider .slick-dots li button:hover:before {
    background: #fff
}

.home-bonuses-slider.slick-slider .slick-dots li button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: hsla(0,0%,100%,.65);
    border-radius: 17px;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background .3s ease;
    width: 100%
}

.home-bonuses-slider.slick-slider .slick-dots li.slick-active button:before {
    background: #ff230a
}

.home-bonuses {
    background-color: #22242c;
    height: 320px;
    margin-left: -16px;
    overflow: hidden;
    position: relative;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .home-bonuses {
        border-radius:20px;
        height: 360px;
        margin-left: 0;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .home-bonuses {
        height:420px
    }
}

@media(min-width: 1440px) {
    .home-bonuses {
        height:500px
    }
}

.home-bonuses__wrapper {
    background-color: #22242c;
    height: 320px
}

@media(min-width: 768px) {
    .home-bonuses__wrapper {
        border-radius:20px;
        height: 360px;
        margin-left: 0;
        overflow: hidden;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .home-bonuses__wrapper {
        height:420px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__wrapper {
        height:500px
    }
}

.home-bonuses__item {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.home-bonuses__background {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

@media(max-width: 480px) {
    .home-bonuses__background--desktop {
        display:none
    }
}

.home-bonuses__background--mobile {
    display: none
}

@media(max-width: 480px) {
    .home-bonuses__background--mobile {
        display:block
    }
}

.home-bonuses__background--single .home-bonuses__background-image {
    animation: unset!important
}

.home-bonuses__background-image {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% + 80px)
}

@media(min-width: 768px) {
    .home-bonuses__background-image {
        border-radius:20px
    }
}

.home-bonuses__background-image--first {
    animation: background-first 15s linear infinite alternate;
    z-index: 1
}

.home-bonuses__background-image--second {
    animation: background-second 15s linear infinite alternate;
    z-index: 2
}

.home-bonuses__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 375px;
    padding: 40px 16px;
    position: relative;
    width: 100%;
    z-index: 3
}

.home-bonuses__content>* {
    display: block
}

.home-bonuses__content>:first-child {
    margin-top: 0!important
}

@media(min-width: 768px) {
    .home-bonuses__content {
        max-width:478px;
        padding: 40px 32px
    }
}

@media(min-width: 1200px) {
    .home-bonuses__content {
        max-width:712px;
        padding: 56px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__content {
        max-width:872px;
        padding: 62px 72px
    }
}

.home-bonuses__top-image {
    margin: 0 0 16px;
    max-width: 100px
}

.home-bonuses__pretitle {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

@media(min-width: 768px) {
    .home-bonuses__pretitle {
        font-size:20px;
        line-height: 30px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__pretitle {
        font-size:24px;
        line-height: 32px
    }
}

.home-bonuses__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 12px 0 0
}

@media(min-width: 768px) {
    .home-bonuses__title {
        font-size:32px;
        line-height: 40px;
        margin: 16px 0 0
    }
}

@media(min-width: 1200px) {
    .home-bonuses__title {
        font-size:42px;
        line-height: 52px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__title {
        font-size:54px;
        font-weight: 900;
        line-height: 64px;
        margin: 24px 0 0
    }
}

.home-bonuses__subtitle {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px
}

@media(min-width: 768px) {
    .home-bonuses__subtitle {
        font-size:16px;
        line-height: 24px
    }
}

@media(min-width: 1440px) {
    .home-bonuses__subtitle {
        font-size:20px;
        line-height: 30px;
        margin-top: 16px
    }
}

.home-bonuses .home-bonuses__button {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
    min-width: 130px;
    padding: 12px 29px;
    text-align: center
}

@media(min-width: 768px) {
    .home-bonuses .home-bonuses__button {
        margin-top:32px
    }
}

@media(min-width: 1200px) {
    .home-bonuses .home-bonuses__button {
        height:56px;
        min-width: 150px;
        padding: 16px 24px
    }
}

@media(min-width: 1440px) {
    .home-bonuses .home-bonuses__button {
        margin-top:40px
    }
}

@keyframes background-first {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(calc(-50% - 40px),-50%)
    }
}

@keyframes background-second {
    0% {
        transform: translate(-50%,-50%)
    }

    to {
        transform: translate(calc(-50% + 40px),-50%)
    }
}

.home-game-slider {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .home-game-slider {
        margin-bottom:32px
    }
}

.base-slider__horiz-scroll .home-game-slider__item {
    aspect-ratio: 1;
    width: 100%;
    width: calc(50vw - 20px)
}

@media(min-width: 480px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width:calc(33.33333vw - 16px)
    }
}

@media(min-width: 768px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width:calc(25vw - 20px)
    }
}

@media(min-width: 960px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width:calc(20vw - 18px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll .home-game-slider__item {
        width:unset
    }
}

.home-promotions {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .home-promotions {
        margin-bottom:32px
    }
}

.home-promotions__item {
    border-radius: 12px;
    height: 294px;
    overflow: hidden
}

@media(min-width: 480px) {
    .home-promotions__item {
        height:264px
    }
}

@media(min-width: 768px) {
    .home-promotions__item {
        height:294px
    }
}

@media(min-width: 1200px) {
    .home-promotions__item {
        height:312px
    }
}

.promotions-card {
    height: 100%;
    position: relative;
    width: 100%
}

.promotions-card__background {
    height: 100%;
    left: 50%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.promotions-card__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 24px 16px;
    position: relative;
    width: 100%
}

@media(min-width: 1200px) {
    .promotions-card__content {
        padding:32px 24px 24px 32px
    }
}

.promotions-card__content--bottom {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 20px
}

@media(min-width: 480px) {
    .promotions-card__content--bottom {
        align-items:center;
        flex-direction: row;
        justify-content: space-between
    }
}

@media(min-width: 768px) {
    .promotions-card__content--bottom {
        align-items:unset;
        flex-direction: column-reverse;
        justify-content: unset
    }
}

@media(min-width: 1200px) {
    .promotions-card__content--bottom {
        align-items:center;
        flex-direction: row;
        justify-content: space-between
    }
}

.promotions-card__title {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.promotions-card__description {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 24px;
    margin: 0 0 24px
}

.promotions-card__text {
    color: #fff;
    display: block;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 16px 0 12px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .promotions-card__text {
        font-size:26px;
        line-height: 32px;
        margin: 20px 0 12px
    }
}

.promotions-card__code--short {
    display: none
}

@media(min-width: 480px) {
    .promotions-card__code--short {
        display:flex
    }
}

@media(min-width: 768px) {
    .promotions-card__code--short {
        display:none
    }
}

@media(min-width: 1200px) {
    .promotions-card__code--short {
        display:flex
    }
}

.promotions-card__code--long {
    display: flex
}

@media(min-width: 480px) {
    .promotions-card__code--long {
        display:none
    }
}

@media(min-width: 768px) {
    .promotions-card__code--long {
        display:flex
    }
}

@media(min-width: 1200px) {
    .promotions-card__code--long {
        display:none
    }
}

.promotions-card__buttons {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex
}

.promotions-card .promotions-card__deposit-button {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px
}

.promotions-card__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

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

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

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

.promotions-card-custom {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 16px 16px 32px;
    position: relative;
    width: 100%
}

@media(min-width: 1200px) {
    .promotions-card-custom {
        padding:24px 24px 40px
    }
}

.promotions-card-custom__background {
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.promotions-card-custom__content {
    text-align: center
}

.promotions-card-custom .promotions-card-custom__modal-button {
    position: absolute;
    right: 16px;
    top: 16px
}

.promotions-card-custom__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

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

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

@media(min-width: 768px) {
    .promotions-card-custom__modal .modal__content {
        border-radius:20px;
        margin: 32px auto
    }
}

.jackpot-promotions-card__logo {
    margin-bottom: 12px;
    width: 140px
}

@media(min-width: 1200px) {
    .jackpot-promotions-card__logo {
        margin-bottom:3px;
        width: 180px
    }
}

.jackpot-promotions-card__text {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 8px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .jackpot-promotions-card__text {
        font-size:14px;
        font-weight: 700;
        line-height: 20px
    }
}

.jackpot-promotions-card__value {
    color: #ffc736;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-align: center
}

.jackpot-promotions-card__value span {
    font-family: Montserrat,Arial,sans-serif!important
}

.jackpot-promotions-card__value .od-total-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.jackpot-promotions-card__value .od-total-wrapper>span {
    font-family: Montserrat,Arial,sans-serif!important
}

@media(min-width: 1200px) {
    .jackpot-promotions-card__value {
        font-size:32px;
        line-height: 40px
    }
}

.exclusive-promotions-card__logo {
    margin: 0 0 12px;
    width: 120px
}

@media(min-width: 1200px) {
    .exclusive-promotions-card__logo {
        width:140px
    }
}

.exclusive-promotions-card__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    max-width: 280px
}

@media(min-width: 1200px) {
    .exclusive-promotions-card__text {
        font-size:24px;
        line-height: 32px;
        max-width: 380px
    }
}

.exclusive-promotions-card__text--accent {
    color: #ffc736
}

.promotions-modal::-webkit-scrollbar {
    width: 4px
}

.promotions-modal::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.promotions-modal {
    height: 100%;
    overflow-y: auto;
    position: relative
}

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

.promotions-modal__top {
    display: flex;
    flex-direction: column;
    height: 220px;
    justify-content: flex-end;
    overflow: hidden;
    padding: 40px 16px;
    position: relative;
    width: 100%
}

@media(min-width: 480px) {
    .promotions-modal__top {
        height:260px
    }
}

@media(min-width: 768px) {
    .promotions-modal__top {
        height:300px;
        padding: 48px 32px
    }
}

.promotions-modal__background {
    left: 50%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.promotions-modal__title {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.promotions-modal__description {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 12px
}

.promotions-modal__text {
    color: #fff;
    display: inline-block;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin-top: 20px
}

.promotions-modal__text--betting {
    text-transform: uppercase
}

@media(min-width: 480px) {
    .promotions-modal__text {
        font-size:26px;
        line-height: 32px
    }
}

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

.promotions-modal-content {
    padding: 32px 16px 80px
}

@media(min-width: 768px) {
    .promotions-modal-content {
        padding:32px 32px 96px
    }
}

.promotions-modal-content__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px
}

.promotions-modal-content__title--terms {
    font-size: 16px;
    line-height: 24px;
    margin: 32px 0 16px
}

.promotions-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.promotions-modal__bonus-code {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 32px auto;
    max-width: 340px;
    width: 100%
}

@media(min-width: 768px) {
    .promotions-modal__bonus-code {
        flex-direction:row;
        max-width: unset
    }
}

.promotions-modal__bonus-code>span {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding: 25px 0
}

@media(min-width: 768px) {
    .promotions-modal__bonus-code>span {
        font-size:20px;
        line-height: 26px;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

.promotions-modal__jackpot {
    align-items: center;
    background: #22222b;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    padding: 20px 0;
    row-gap: 8px;
    text-transform: uppercase
}

.promotions-modal__jackpot-value {
    color: #ffc736;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

.promotions-modal__jackpot-value span {
    font-family: Montserrat,Arial,sans-serif!important
}

.promotions-modal__jackpot-value .od-total-wrapper {
    align-items: center;
    display: flex;
    justify-content: center
}

.promotions-modal__jackpot-value .od-total-wrapper>span {
    font-family: Montserrat,Arial,sans-serif!important
}

.promotions-modal__terms {
    counter-reset: list-counter;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 16px 0;
    padding: 0 0 0 40px;
    row-gap: 16px
}

.promotions-modal__terms-item {
    color: hsla(0,0%,100%,.65);
    counter-increment: list-counter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: relative
}

.promotions-modal__terms-item:before {
    align-items: center;
    background: #282833;
    border-radius: 50%;
    color: #fff;
    content: counter(list-counter);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    left: -40px;
    line-height: 20px;
    position: absolute;
    width: 24px
}

.promotions-modal__bottom {
    background: #1a1a22;
    border-top: 1px solid #0f0f14;
    bottom: 0;
    left: 0;
    padding: 16px;
    position: fixed;
    width: 100%
}

@media(min-width: 768px) {
    .promotions-modal__bottom {
        padding:24px 32px
    }
}

.promotions-modal .promotions-modal__button {
    color: #fff;
    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%
}

.promotions-bonus-code {
    background: radial-gradient(177.24% 171.39% at 95.96% 0,#2ad0ca 0,#e1f664 22.92%,#feb0fe 46.88%,#abb3fc 68.23%,#5df7a4 87.5%,#58c4f6 100%);
    border-radius: 8px;
    display: inline-block;
    padding: 4px
}

.promotions-bonus-code__inner {
    border: 1px solid #0a0a0d;
    border-radius: 6px;
    color: #181a1f;
    padding: 12px
}

.promotions-bonus-code__value {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    justify-content: center
}

.promotions-bonus-code--short .promotions-bonus-code__inner {
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 14px;
    padding: 8px 24px;
    text-align: center;
    text-transform: uppercase
}

.promotions-bonus-code--short .promotions-bonus-code__text {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.promotions-bonus-code--short .promotions-bonus-code__value {
    font-family: DrukCyr,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

.promotions-bonus-code--long .promotions-bonus-code__inner {
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.promotions-bonus-code--long .promotions-bonus-code__text {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex
}

.promotions-bonus-code--long .promotions-bonus-code__value {
    font-family: DrukCyr,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

.promotions-bonus-code--modal {
    padding: 8px;
    width: 100%
}

.promotions-bonus-code--modal .promotions-bonus-code__inner {
    border: 2px solid #0a0a0d;
    padding: 13px;
    text-align: center
}

.promotions-bonus-code--modal .promotions-bonus-code__value {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 26px
}

.promotions-bonus-code--modal .promotions-bonus-code__button,.promotions-bonus-code--modal .promotions-bonus-code__button:active,.promotions-bonus-code--modal .promotions-bonus-code__button:focus,.promotions-bonus-code--modal .promotions-bonus-code__button:hover {
    color: #181a1f
}

.promotions-bonus-code--clipboard {
    width: 100%
}

@media(min-width: 768px) {
    .promotions-bonus-code--clipboard {
        max-width:50%
    }
}

.promotions-bonus-code--clipboard .promotions-bonus-code__inner {
    text-align: center
}

.promotions-bonus-code--clipboard .promotions-bonus-code__value {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    justify-content: center
}

.promotions-bonus-code--clipboard .promotions-bonus-code__text {
    font-family: Rubik,Arial,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.promotions-bonus-code--clipboard .promotions-bonus-code__button,.promotions-bonus-code--clipboard .promotions-bonus-code__button:active,.promotions-bonus-code--clipboard .promotions-bonus-code__button:focus,.promotions-bonus-code--clipboard .promotions-bonus-code__button:hover {
    color: #181a1f
}

.jackpot-total {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
    width: auto
}

.home-providers {
    display: block;
    width: 100%
}

.home-providers__list {
    margin: 30px 0 0
}

@media(min-width: 768px) {
    .home-providers__list {
        margin-top:36px
    }
}

.providers-preview-list {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .providers-preview-list {
        margin-bottom:32px
    }
}

.providers-preview-list__loader {
    aspect-ratio: unset;
    min-height: 112px
}

.providers-preview-list__link {
    align-items: center;
    background: #1a1a22;
    border-radius: 8px;
    display: flex;
    height: 112px;
    justify-content: center;
    transition: background .3s ease;
    width: 100%
}

.providers-preview-list__link:hover {
    background: #22222b
}

.providers-preview-list__logo {
    margin: 0 16px;
    max-height: 72px;
    max-width: 144px
}

.base-slider__horiz-scroll .providers-preview-list__item {
    width: calc(50vw - 20px)
}

@media(min-width: 480px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width:calc(33.33333vw - 16px)
    }
}

@media(min-width: 768px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width:calc(25vw - 20px)
    }
}

@media(min-width: 960px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width:calc(20vw - 18px)
    }
}

@media(min-width: 1200px) {
    .base-slider__horiz-scroll .providers-preview-list__item {
        width:unset
    }
}

.home-winners {
    margin-bottom: 25px
}

@media(min-width: 768px) {
    .home-winners {
        margin-bottom:32px
    }
}

.home-winners__tabs {
    -ms-overflow-style: none;
    display: flex;
    min-width: 314px;
    overflow-x: scroll;
    scrollbar-width: none
}

.home-winners__tabs::-webkit-scrollbar {
    display: none
}

.home-winners__tab {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-right: 16px;
    white-space: nowrap
}

.home-winners__tab:last-child {
    margin-right: 0
}

@media(min-width: 480px) {
    .home-winners__tab {
        font-size:20px;
        line-height: 30px
    }
}

@media(min-width: 768px) {
    .home-winners__tab {
        font-size:24px;
        line-height: 32px;
        margin-right: 24px
    }
}

.home-winners__tab--active {
    color: #fff
}

.winners__item {
    min-width: 272px
}

.winners__loader {
    aspect-ratio: unset;
    height: 100%;
    min-height: 96px;
    min-width: 272px
}

.winner {
    background: #1a1a22;
    border-radius: 8px;
    display: flex;
    height: 96px;
    position: relative
}

.winner__info {
    overflow: hidden;
    padding: 14px 16px;
    text-align: left;
    white-space: nowrap;
    width: 100%
}

.winner__game,.winner__sum,.winner__username {
    font-family: Roboto,sans-serif;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.winner__username {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 24px)
}

.winner__sum,.winner__username {
    font-style: normal;
    font-weight: 700;
    margin-bottom: 2px
}

.winner__sum {
    color: #fff;
    font-size: 20px;
    line-height: 30px
}

.winner__game {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    transition: color .3s ease
}

.winner__game:hover {
    color: #fff
}

.winner .winner__image {
    border-radius: 8px;
    height: 96px;
    width: 96px
}

.winner__image-top {
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px
}

.how-it-works__steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .how-it-works__steps {
        flex-direction:row
    }
}

@media(min-width: 1200px) {
    .how-it-works__steps {
        margin:0 0 40px
    }
}

.how-it-works__step {
    flex: 1
}

.how-it-works__actions {
    display: flex;
    justify-content: center
}

.how-it-works .how-it-works__action {
    min-width: 200px!important
}

@media(min-width: 1200px) {
    .how-it-works .how-it-works__action {
        min-width:250px!important
    }
}

.how-it-works-card {
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    gap: 16px;
    padding: 20px
}

@media(min-width: 768px) {
    .how-it-works-card {
        align-items:center;
        flex-direction: column;
        gap: 24px;
        padding: 32px 24px
    }
}

@media(min-width: 1200px) {
    .how-it-works-card {
        align-items:flex-start;
        flex-direction: row
    }
}

.how-it-works-card__icon {
    flex: 0 0 64px;
    height: 64px
}

@media(min-width: 768px) {
    .how-it-works-card__icon {
        flex:0 0 80px;
        height: 80px
    }
}

.how-it-works-card__icon-image {
    height: 100%
}

.how-it-works-card__content {
    flex: 1
}

@media(min-width: 768px)and (max-width:1199px) {
    .how-it-works-card__content {
        text-align:center
    }
}

.how-it-works-card__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

@media(min-width: 1200px) {
    .how-it-works-card__title {
        font-size:20px;
        line-height: 30px
    }
}

.how-it-works-card__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.info-jackpot {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media(min-width: 768px) {
    .info-jackpot {
        -moz-column-gap:65px;
        column-gap: 65px;
        flex-direction: row;
        flex-wrap: wrap;
        row-gap: 32px
    }
}

.info-jackpot__card {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.info-jackpot__card:not(:last-child) {
    position: relative
}

.info-jackpot__card:not(:last-child):after {
    background: hsla(0,0%,100%,.12);
    content: "";
    height: 100%;
    position: absolute;
    right: -33px;
    width: 1px
}

.info-jackpot .info-jackpot__image {
    max-width: 75%
}

.info-jackpot__image-wrap {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.info-jackpot__info {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.info-jackpot__title {
    color: hsla(0,0%,100%,.4);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133%;
    text-transform: uppercase
}

.info-jackpot__value {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%
}

.initial-setting {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px
}

.initial-setting__line {
    align-items: center;
    display: flex
}

.initial-setting__line>:not(:last-child) {
    margin-right: 50px
}

.initial-setting__value span {
    color: #ff230a;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

.initial-setting__swicher {
    display: flex;
    flex-direction: column
}

.initial-setting__swicher>:not(:last-child) {
    margin-bottom: 10px
}

.initial-setting-button {
    bottom: 120px;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 1030
}

@media(min-width: 768px) {
    .initial-setting-button {
        bottom:80px;
        display: block
    }
}

@media(min-width: 1200px) {
    .initial-setting-button {
        right:40px
    }
}

.initial-setting-button .link-btn {
    background: transparent none!important;
    height: 40px;
    min-height: auto;
    min-width: auto;
    padding: 0;
    width: 40px
}

.initial-setting-button .link-btn img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.initial-setting-button .link-btn:hover {
    animation: rotate 2s
}

.jackpot-banner {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    line-height: normal;
    min-height: 380px;
    overflow: hidden;
    position: relative;
    text-align: center
}

@media(min-width: 768px) {
    .jackpot-banner {
        font-size:20px
    }
}

.jackpot-banner__img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.jackpot-banner__content {
    padding: 20px 0;
    position: relative
}

.jackpot-banner__title {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 5px
}

@media(min-width: 768px) {
    .jackpot-banner__title {
        font-size:64px
    }
}

.jackpot-banner__total-label {
    margin-bottom: 5px
}

.jackpot-banner__total-value {
    color: #ff230a;
    font-size: 30px;
    font-weight: 800
}

@media(min-width: 768px) {
    .jackpot-banner__total-value {
        font-size:48px
    }
}

.jackpot-card-with-progress {
    align-items: center;
    background: radial-gradient(72.87% 72.87% at 50% 0,rgba(79,255,195,.4) 0,rgba(26,26,34,0) 100%),#1a1a22;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 72px 24px 32px;
    position: relative
}

.jackpot-card-with-progress__icon-wrap {
    height: 96px;
    left: 50%;
    position: absolute;
    top: -32px;
    transform: translateX(-50%);
    width: 96px
}

.jackpot-card-with-progress__name {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 143%;
    text-transform: capitalize
}

.jackpot-card-with-progress__icon {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.jackpot-card-with-progress .jackpot-card-with-progress__amount,.jackpot-card-with-progress .jackpot-card-with-progress__end,.jackpot-card-with-progress .jackpot-card-with-progress__odometer {
    color: #fff;
    font-size: 40px;
    font-weight: 900;
    line-height: 48px
}

.jackpot-card-with-progress__amount {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.jackpot-card-with-progress__odometer {
    letter-spacing: 3px
}

.jackpot-card-with-progress__end {
    letter-spacing: -1.2px
}

.jackpot-card-with-progress--drop {
    background: radial-gradient(72.87% 72.87% at 50% 0,rgba(255,135,56,.4) 0,rgba(26,26,34,0) 100%),#1a1a22
}

.jackpot-card-with-progress--short {
    align-items: start;
    background: #2e2e3b;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-auto-rows: max-content;
    grid-template-areas: "image title" "image amount" "progress progress";
    grid-template-columns: 48px auto;
    grid-template-rows: unset;
    padding: 16px
}

.jackpot-card-with-progress--short .jackpot-card-with-progress__inner {
    align-items: center;
    display: flex;
    flex-direction: row
}

.jackpot-card-with-progress--short .jackpot-card-with-progress .odometer-value,.jackpot-card-with-progress--short .jackpot-card-with-progress__amount,.jackpot-card-with-progress--short .jackpot-card-with-progress__odometr {
    font-size: 24px;
    font-weight: 700;
    line-height: 133.33%
}

.jackpot-card-with-progress--short .jackpot-card-with-progress__icon-wrap {
    align-self: center;
    grid-area: image;
    height: 48px;
    max-width: 48px;
    position: static;
    transform: translateX(0);
    width: 48px
}

.jackpot-card-with-progress--short .jackpot-card-with-progress__name {
    font-size: 10px;
    font-weight: 500;
    grid-area: title;
    letter-spacing: .2px;
    line-height: 140%;
    text-transform: uppercase
}

.jackpot-card-with-progress--short .jackpot-card-with-progress__amount {
    grid-area: amount
}

.jackpot-card-with-progress--short .jackpot-card-with-progress__jackpot-timer {
    flex-direction: column-reverse;
    grid-area: progress;
    margin-top: 12px
}

.jackpot-card-with-progress--short .jackpot-card-with-progress__end {
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: unset;
    line-height: 133.33%
}

.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
    *zoom:1;display: inline-block;
    *display: inline;
    position: relative;
    vertical-align: middle;
    *vertical-align: auto
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    *zoom:1;display: inline-block;
    *display: inline;
    vertical-align: middle;
    *vertical-align: auto;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    -webkit-backface-visibility: hidden;
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transform: translateY(0);
    transition: transform 2s
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: Helvetica Neue,sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: inherit;
    line-height: normal
}

.jackpot-timer {
    align-items: start;
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    margin-top: 16px;
    width: 100%
}

.jackpot-timer__title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 9px
}

.jackpot-timer__progress {
    background: rgba(10,10,13,.65);
    border-radius: 45px;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.04);
    height: 12px;
    margin-bottom: 9px;
    width: 100%
}

.jackpot-timer__completed {
    background: linear-gradient(180deg,#fff,#d5e3ff .01%,#4e4e98 100%,#4e4e98 0);
    border-radius: 45px;
    display: flex;
    height: 100%;
    transition: .3s
}

.jackpot-timer__info {
    justify-content: space-between;
    width: 100%
}

.jackpot-timer__info,.jackpot-timer__text {
    align-items: center;
    display: flex
}

.jackpot-timer .jackpot-timer__icon {
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.jackpot-timer__list-timer {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    gap: 2px;
    line-height: 143%;
    text-align: right
}

.jackpot-timer--drop .jackpot-timer__completed {
    background: linear-gradient(180deg,#ffd260,#ff604b);
    filter: drop-shadow(0 0 20px rgba(255,107,0,.8)) drop-shadow(0 0 10px rgba(255,168,0,.5));
    width: 100%
}

.jackpot-timer--drop .jackpot-timer__title {
    color: #fff
}

.jackpot-timer--drop .jackpot-timer__label {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#ffc736,#ff5c46 100%,#ff5c46 0);
    background-clip: text;
    -webkit-background-clip: text
}

.jackpot-timer--short .jackpot-timer__title {
    display: none
}

.jackpot-timer--short .jackpot-timer__info {
    margin-bottom: 8px
}

.jackpot-timer--short .jackpot-timer__label {
    font-size: 12px;
    line-height: 150%
}

.jackpot-timer--short .jackpot-timer__progress {
    height: 6px;
    margin-bottom: 0
}

.jackpot-game-panel {
    background: rgba(10,10,13,.65);
    border-radius: 0 0 16px 16px;
    display: inline-flex;
    min-height: 72px;
    padding: 14px 36px 14px 20px;
    position: relative
}

.jackpot-game-panel__inner {
    display: flex;
    justify-content: center
}

.jackpot-game-panel .jackpot-game-panel__toggle-btn {
    align-items: center;
    background: #22222b;
    border-radius: 50%;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 5px;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    transition: background .3s ease;
    width: 32px
}

.jackpot-game-panel .jackpot-game-panel__toggle-btn:focus,.jackpot-game-panel .jackpot-game-panel__toggle-btn:hover {
    background: #282833
}

.jackpot-game-panel__toggle-caret {
    font-size: 6px;
    transition: color .3s ease,transform .3s ease
}

.jackpot-game-panel__toggle-caret--open {
    color: #fff;
    transform: scaleY(-1)
}

.jackpot-game-panel__dropdown {
    background: #22222b;
    border-radius: 16px;
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    left: 50%;
    padding: 24px;
    position: absolute;
    top: calc(100% + 6px);
    transform: translate(-50%) scale(0);
    transform-origin: top;
    transition: transform .3s ease;
    width: 720px
}

.jackpot-game-panel__dropdown--open {
    transform: translate(-50%) scale(1)
}

.game-jackpots {
    align-items: center;
    display: flex;
    gap: 22px
}

@media(min-width: 1200px) {
    .game-jackpots {
        gap:32px
    }
}

.game-jackpots__inner {
    align-items: center;
    display: flex;
    gap: 22px;
    justify-content: flex-start;
    pointer-events: none
}

@media(min-width: 1200px) {
    .game-jackpots__inner {
        gap:32px
    }
}

.game-jackpots__inner--primary {
    animation: infinite-scroll 25s linear infinite
}

@media(min-width: 768px) {
    .game-jackpots__inner--primary {
        animation:unset
    }
}

.game-jackpots__inner--clone {
    animation: infinite-scroll 25s linear infinite
}

@media(min-width: 768px) {
    .game-jackpots__inner--clone {
        display:none
    }
}

.game-jackpots:not(:first-child) {
    display: none
}

@keyframes infinite-scroll {
    0% {
        transform: translate(4%)
    }

    to {
        transform: translate(-104%)
    }
}

.jackpot-list {
    display: flex;
    gap: 22px;
    margin: 0;
    width: 100%
}

@media(min-width: 1200px) {
    .jackpot-list {
        gap:32px
    }
}

.jackpot-list__item {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    margin: 0!important
}

.jackpot-list__icon {
    align-items: center;
    display: flex;
    flex: 0 0 21px;
    height: 21px;
    justify-content: center;
    width: 21px
}

@media(min-width: 1200px) {
    .jackpot-list__icon {
        flex:0 0 40px;
        height: 40px;
        width: 40px
    }
}

.jackpot-list__image {
    max-width: 100%
}

.jackpot-list__content {
    flex: 1
}

.jackpot-list__level {
    color: hsla(0,0%,100%,.65);
    display: none;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .jackpot-list__level {
        display:block
    }
}

.jackpot-list__pool {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

@media(min-width: 1200px) {
    .jackpot-list__pool {
        font-size:20px;
        font-weight: 700;
        line-height: 30px
    }
}

.jackpot-game-panel-info__title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 16px;
    text-transform: uppercase
}

.jackpot-game-panel-info__tabs {
    display: flex;
    gap: 8px;
    margin: 0 0 24px
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab {
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    opacity: .5;
    padding: 10px 16px;
    text-transform: uppercase;
    transition: opacity .3s ease
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--md {
    background: linear-gradient(268.9deg,rgba(72,26,255,.08),rgba(127,26,255,.38))!important
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--hh {
    background: linear-gradient(268.9deg,rgba(255,26,246,.08),rgba(58,255,26,.3))!important
}

.jackpot-game-panel-info .jackpot-game-panel-info__tab--active,.jackpot-game-panel-info .jackpot-game-panel-info__tab:focus,.jackpot-game-panel-info .jackpot-game-panel-info__tab:hover {
    color: #fff;
    opacity: 1
}

.jackpot-game-panel-info__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 24px
}

.jackpot-game-panel-info__text span {
    color: #fff
}

.jackpot-game-panel-info__text a {
    color: #00dccd
}

.jackpot-game-panel-info__text:last-child {
    margin: 0
}

.jackpot-game-panel-info__levels {
    margin: 0 0 16px
}

.jackpot-game-panel-info__levels-list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 960px) {
    .jackpot-game-panel-info__levels-list {
        flex-direction:row;
        gap: 32px
    }
}

.jackpot-game-panel-info__content {
    min-height: 200px;
    overflow: hidden
}

.jackpot-game-panel-info__section-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 16px
}

.jackpot-game-panel-info__divider {
    background: hsla(0,0%,100%,.12);
    border: none;
    border-radius: 8px;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.jackpot-game-panel-info__winners {
    min-height: 60px;
    position: relative
}

.jackpot-game-panel-info__winners:after {
    background: linear-gradient(270deg,#22222b,rgba(34,34,43,0));
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px
}

.jackpot-game-panel-info .jackpot-game-panel-info__winners-list {
    gap: 24px
}

.jackpot-game-panel-info .c-jp-level {
    align-items: center;
    display: flex;
    gap: 16px
}

.jackpot-game-panel-info .c-jp-level__icon {
    align-items: center;
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    overflow: hidden;
    width: 48px
}

.jackpot-game-panel-info .c-jp-level__icon img {
    max-width: 100%
}

.jackpot-game-panel-info .c-jp-level__content {
    flex: 1
}

.jackpot-game-panel-info .c-jp-level__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px
}

.jackpot-game-panel-info .c-jp-level__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.jackpot-winners-inline,.jackpot-wins-list {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.jackpot-winners-inline::-webkit-scrollbar,.jackpot-wins-list::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.jackpot-winners-inline::-webkit-scrollbar-track,.jackpot-wins-list::-webkit-scrollbar-track {
    background: transparent
}

.jackpot-winners-inline::-webkit-scrollbar-thumb,.jackpot-wins-list::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.jackpot-winners-inline::-webkit-scrollbar-thumb:hover,.jackpot-winners-inline:hover::-webkit-scrollbar-thumb,.jackpot-wins-list::-webkit-scrollbar-thumb:hover,.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.jackpot-winners-inline,.jackpot-wins-list {
    display: flex;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0
}

.jackpot-winners-inline {
    gap: 32px;
    overflow: auto;
    position: relative
}

.jackpot-winner {
    display: flex;
    gap: 12px
}

@media(min-width: 1680px) {
    .jackpot-winner {
        align-items:center
    }
}

.jackpot-winner__icon {
    align-items: center;
    display: flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px
}

@media(min-width: 1680px) {
    .jackpot-winner__icon {
        flex:0 0 56px;
        height: 56px;
        width: 56px
    }
}

.jackpot-winner__icon-image {
    max-width: 100%
}

@media(min-width: 1680px) {
    .jackpot-winner__icon-image {
        width:100%
    }
}

.jackpot-winner__content {
    flex: 1
}

.jackpot-winner__name {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 2px
}

@media(min-width: 1680px) {
    .jackpot-winner__name {
        margin:0
    }
}

.jackpot-winner__pool {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 6px;
    line-height: 24px;
    margin: 0
}

.jackpot-winner__pool-image {
    width: 16px
}

.jackpot-winner__time {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0
}

.jackpot-game-panel-mobile__dropdown {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-track {
    background: transparent
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.jackpot-game-panel-mobile__dropdown::-webkit-scrollbar-thumb:hover,.jackpot-game-panel-mobile__dropdown:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.jackpot-game-panel-mobile {
    background: #22222b;
    display: flex;
    justify-content: center;
    min-height: 40px;
    padding: 6px;
    position: relative;
    width: 100%
}

.jackpot-game-panel-mobile__inner {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0
}

.jackpot-game-panel-mobile__inner:after {
    background: linear-gradient(90deg,transparent,#22222b);
    content: "";
    height: 100%;
    position: absolute;
    right: 40px;
    top: 0;
    width: 40px;
    z-index: 2
}

.jackpot-game-panel-mobile__inner:before {
    background: linear-gradient(-90deg,transparent,#22222b);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 2
}

.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn {
    align-items: center;
    background: #22222b;
    border-radius: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: background .3s ease;
    width: 40px
}

.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn:focus,.jackpot-game-panel-mobile .jackpot-game-panel-mobile__toggle-btn:hover {
    background: #282833
}

.jackpot-game-panel-mobile__toggle-caret {
    font-size: 6px;
    transition: color .3s ease,transform .3s ease
}

.jackpot-game-panel-mobile__toggle-caret--open {
    color: #fff;
    transform: scaleY(-1)
}

.jackpot-game-panel-mobile__dropdown {
    background: #22222b;
    box-shadow: 0 6px 12px rgba(0,0,0,.2);
    left: 50%;
    max-height: calc(100dvh - 80px);
    overflow: auto;
    padding: 16px;
    position: absolute;
    top: 100%;
    transform: translate(-50%) scale(0);
    transform-origin: top;
    transition: transform .3s ease;
    width: 100%
}

.jackpot-game-panel-mobile__dropdown--open {
    transform: translate(-50%) scale(1)
}

.jackpot-games {
    background: url(/images/jackpot-games-bg.d4d28610..webp) 50% no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 88px 0
}

@media(max-width: 960px) {
    .jackpot-games {
        padding:80px 0
    }
}

@media(max-width: 768px) {
    .jackpot-games {
        padding:55px 0
    }
}

.jackpot-games__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 64px;
    text-align: center
}

@media(min-width: 768px) {
    .jackpot-games__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(max-width: 1200px) {
    .jackpot-games__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 45px
    }
}

@media(max-width: 768px) {
    .jackpot-games__title {
        font-size:24px;
        line-height: 32px;
        margin: 0 0 40px
    }
}

.jackpot-games__link {
    margin-top: 56px
}

@media(max-width: 960px) {
    .jackpot-games__link {
        margin-top:45px
    }
}

@media(max-width: 768px) {
    .jackpot-games__link {
        margin-top:40px
    }
}

.jackpot-games__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.jackpot-games__slider {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative
}

.jackpot-how-to {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 64px 0 80px;
    overflow: hidden;
    padding: 0 48px
}

@media(max-width: 960px) {
    .jackpot-how-to {
        flex-direction:column;
        gap: 0;
        margin: 0 0 80px;
        padding: 0 24px
    }
}

.jackpot-how-to__banner {
    flex: 0 1 auto;
    max-width: 930px;
    position: relative
}

.jackpot-how-to__banner-bg {
    max-width: 100%
}

@media(max-width: 768px) {
    .jackpot-how-to__banner-bg {
        margin-left:-25%;
        max-width: 150%
    }
}

.jackpot-how-to__banner-logo {
    left: 50%;
    max-width: 100%;
    position: absolute;
    top: 55%;
    transform: translate(-50%,-50%)
}

.jackpot-how-to__content {
    flex: 0 0 460px
}

@media(max-width: 960px) {
    .jackpot-how-to__content {
        flex:1;
        margin-top: -45px;
        text-align: center
    }
}

@media(max-width: 768px) {
    .jackpot-how-to__content {
        margin-top:0;
        text-align: center
    }
}

.jackpot-how-to__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 26px;
    margin: 0 0 48px
}

@media(max-width: 768px) {
    .jackpot-how-to__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .jackpot-how-to__title {
        font-size:32px;
        line-height: 40px
    }
}

.jackpot-how-to__list {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media(max-width: 960px)and (min-width:768px) {
    .jackpot-how-to__list {
        flex-direction:row
    }
}

.jackpot-how-to__list-item {
    width: 100%
}

.jackpot-how-to__link {
    margin-top: 56px
}

.jackpot-how-to .how-to-item {
    align-items: center;
    display: flex
}

@media(max-width: 960px)and (min-width:768px) {
    .jackpot-how-to .how-to-item {
        flex-direction:column
    }
}

.jackpot-how-to .how-to-item__icon {
    margin-right: 24px;
    width: 64px
}

@media(max-width: 960px)and (min-width:768px) {
    .jackpot-how-to .how-to-item__icon {
        margin:0 0 20px
    }
}

.jackpot-how-to .how-to-item__content {
    flex: 1
}

@media(max-width: 960px)and (min-width:768px) {
    .jackpot-how-to .how-to-item__content {
        text-align:center
    }
}

@media(max-width: 768px) {
    .jackpot-how-to .how-to-item__content {
        text-align:left
    }
}

.jackpot-how-to .how-to-item__title {
    color: #fff;
    font-family: Rubik,Arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 8px
}

.jackpot-how-to .how-to-item__text {
    color: #999;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}

.jackpot-page {
    padding: 20px 0 50px
}

.jackpot-page .jackpot-page__banner {
    border-radius: 10px
}

.jackpot-page__prizes {
    margin: 20px 0 0
}

@media(min-width: 768px) {
    .jackpot-page__prizes {
        margin-top:80px
    }
}

.jackpot-page .jackpot-page__content {
    margin-top: 20px
}

@media(min-width: 768px) {
    .jackpot-page .jackpot-page__content {
        margin-top:55px
    }
}

.jackpot-page .list-with-img {
    margin: 50px auto 0
}

.jackpot-page .home-slider {
    margin: 40px 0 0
}

@media(min-width: 768px) {
    .jackpot-page .home-slider {
        margin-top:50px
    }
}

.jackpot-page .home-slider .home-slider__title {
    font-size: 16px
}

@media(min-width: 768px) {
    .jackpot-page .home-slider .home-slider__title {
        font-size:24px
    }
}

.jackpot-page .jackpot-steps {
    margin: 50px 0
}

.jackpot-prizes-block {
    display: block;
    width: 100%
}

.jackpot-prizes {
    grid-gap: 15px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    width: 100%
}

@media(min-width: 960px) {
    .jackpot-prizes {
        grid-template-columns:repeat(3,1fr)
    }
}

.jackpot-prizes__item {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 43px 0 0;
    position: relative;
    width: 100%
}

.jackpot-prizes__content {
    background-color: #22242c;
    border-radius: 10px;
    flex: 1;
    height: 100%;
    overflow: hidden;
    padding: 90px 30px 16px;
    width: 100%
}

.jackpot-prizes__image-block {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.jackpot-prizes__image {
    max-height: 123px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.jackpot-prizes__title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    text-overflow: ellipsis;
    text-transform: uppercase
}

.jackpot-prizes__pool {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 34px;
    font-weight: 700;
    justify-content: center;
    margin-top: 6px;
    padding: 0;
    white-space: nowrap;
    width: 100%
}

@media(min-width: 960px) {
    .jackpot-prizes__pool {
        font-size:30px
    }
}

@media(min-width: 1200px) {
    .jackpot-prizes__pool {
        font-size:34px
    }
}

.jackpot-prizes__info {
    background-color: #000;
    border-radius: 10px;
    color: #ff230a;
    font-weight: 500;
    margin-top: 15px;
    padding: 25px 15px
}

.jackpot-prizes__label:after {
    content: ": "
}

.jackpot-prizes__currency {
    margin-right: 3px
}

.jackpot-prizes__loader {
    animation: spinner-border .75s linear infinite;
    border: 5px solid hsla(0,0%,100%,.65);
    border-radius: 50%;
    border-right-color: transparent;
    display: inline-block;
    height: 40px;
    margin: auto;
    vertical-align: text-bottom;
    width: 40px
}

.jackpot-prizes--promo {
    grid-gap: 24px
}

@media(min-width: 768px) {
    .jackpot-prizes--promo {
        grid-template-columns:repeat(3,1fr)
    }
}

.jackpot-prizes--promo .jackpot-prizes__item {
    padding: 0
}

@media(min-width: 960px) {
    .jackpot-prizes--promo .jackpot-prizes__item {
        flex-direction:row
    }
}

.jackpot-prizes--promo .jackpot-prizes__content {
    background-color: transparent;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    padding: 0
}

@media(min-width: 960px) {
    .jackpot-prizes--promo .jackpot-prizes__content {
        flex:1;
        text-align: left;
        width: 100%
    }
}

.jackpot-prizes--promo .jackpot-prizes__image-block {
    display: inline-flex;
    justify-content: center;
    margin: 0 0 8px;
    position: static;
    width: 100%
}

@media(min-width: 960px) {
    .jackpot-prizes--promo .jackpot-prizes__image-block {
        margin:0 8px 0 0;
        width: auto
    }
}

.jackpot-prizes--promo .jackpot-prizes__image {
    max-height: 58px
}

.jackpot-prizes--promo .jackpot-prizes__title {
    align-items: flex-end;
    display: flex;
    font-size: 12px;
    justify-content: center;
    margin: 0;
    order: 1;
    padding: 0
}

@media(min-width: 960px) {
    .jackpot-prizes--promo .jackpot-prizes__title {
        justify-content:flex-start
    }
}

.jackpot-prizes--promo .jackpot-prizes__info {
    background-color: transparent;
    color: hsla(0,0%,100%,.65);
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    order: 2;
    padding: 8px 0
}

@media(min-width: 768px)and (max-width:1439px) {
    .jackpot-prizes--promo .jackpot-prizes__info {
        font-size:12px
    }
}

.jackpot-prizes--promo .jackpot-prizes__value {
    color: #fff;
    font-size: 11px;
    font-weight: 700
}

.jackpot-prizes--promo .jackpot-prizes__pool {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 800;
    justify-content: center;
    margin: 0;
    order: 3;
    padding: 8px 0 0;
    position: relative
}

@media(min-width: 960px) {
    .jackpot-prizes--promo .jackpot-prizes__pool {
        justify-content:flex-start
    }
}

.jackpot-prizes--promo .jackpot-prizes__pool:before {
    background-color: hsla(0,0%,100%,.2);
    content: "";
    display: block;
    height: 1px;
    left: calc(50% - 90px);
    position: absolute;
    top: 0;
    width: 180px
}

@media(min-width: 960px) {
    .jackpot-prizes--promo .jackpot-prizes__pool:before {
        left:0
    }
}

.jackpot-prizes.jackpot-prizes--loading {
    grid-template-columns: 1fr;
    text-align: center
}

.jackpot-prizes.jackpot-prizes--loading .jackpot-prizes__item {
    text-align: center
}

.jackpot-prizes--game .jackpot-prizes__image,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__image {
    max-height: 58px!important
}

.jackpot-prizes--game .jackpot-prizes__title,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__title {
    align-items: flex-end;
    font-size: 12px;
    justify-content: flex-start;
    order: 2
}

.jackpot-prizes--game .jackpot-prizes__pool,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__pool {
    align-items: flex-start;
    font-size: 16px;
    justify-content: flex-start;
    order: 3;
    padding: 2px 0 0
}

.jackpot-prizes--game .jackpot-prizes__info,.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__info {
    display: block;
    font-size: 11px;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    white-space: nowrap
}

.jackpot-prizes--game .jackpot-prizes__block:not(.jackpot-prizes__block--hit-range),.jackpot-prizes--game.jackpot-prizes--promo .jackpot-prizes__block:not(.jackpot-prizes__block--hit-range),.jackpot-prizes--slide .jackpot-prizes__info {
    display: none
}

.jackpot-prizes--slide .jackpot-prizes__item {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: auto 1fr
}

.jackpot-prizes--slide .jackpot-prizes__image-block {
    grid-row: span 2
}

.jackpot-prizes--slide .jackpot-prizes__image {
    min-width: 50px
}

.jackpot-prizes--slide .jackpot-prizes__title {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.jackpot-prizes--slide .jackpot-prizes__pool {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

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

.jackpot-promo {
    background: #000;
    border-radius: 10px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    padding: 16px 10px;
    position: relative;
    text-align: center;
    width: 100%
}

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

@media(min-width: 960px) {
    .jackpot-promo {
        padding:16px 40px
    }
}

@media(min-width: 1200px) {
    .jackpot-promo {
        padding:16px 77px
    }
}

@media(min-width: 1440px) {
    .jackpot-promo {
        padding:25px 23px
    }
}

.jackpot-promo__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.jackpot-promo__content {
    grid-gap: 10px;
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    width: 100%
}

@media(min-width: 1440px) {
    .jackpot-promo__content {
        grid-gap:24px;
        grid-template-columns: auto auto 1fr auto
    }
}

.jackpot-promo__title {
    align-items: center;
    display: flex;
    font-size: 22px;
    font-weight: 800;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 1440px) {
    .jackpot-promo__title {
        font-size:24px;
        justify-content: flex-start;
        max-width: 160px
    }
}

.jackpot-promo__total {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

@media(min-width: 1440px) {
    .jackpot-promo__total {
        align-items:flex-start;
        flex-direction: column;
        width: auto
    }
}

.jackpot-promo__total-label {
    display: inline-flex;
    margin: 0 5px 0 0
}

@media(min-width: 768px) {
    .jackpot-promo__total-label {
        margin:0 10px 0 0
    }
}

@media(min-width: 1440px) {
    .jackpot-promo__total-label {
        margin:0 0 5px
    }
}

.jackpot-promo__total-value {
    display: inline-flex;
    font-size: 16px;
    font-weight: 800
}

@media(min-width: 768px) {
    .jackpot-promo__total-value {
        font-size:24px
    }
}

@media(min-width: 1440px) {
    .jackpot-promo__total-value {
        font-size:26px
    }
}

.jackpot-promo__block-button,.jackpot-promo__prizes {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.jackpot-promo__prizes {
    padding: 14px 0
}

@media(min-width: 1440px) {
    .jackpot-promo__prizes {
        padding:0
    }
}

.jackpot-promo__rules {
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    justify-content: center;
    margin: 10px 0 0;
    width: 100%
}

@media(min-width: 768px)and (max-width:1439px) {
    .jackpot-promo__rules {
        margin:0 0 0 10px;
        width: auto
    }
}

@media(min-width: 1440px) {
    .jackpot-promo__rules {
        justify-content:flex-start
    }
}

.jackpot-promo__btn-info {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    transition: color .3s ease;
    width: auto
}

.jackpot-promo__btn-info:hover {
    color: #fff
}

.jackpot-promo__btn-info .font-icons {
    display: inline-flex;
    margin: 0 5px 0 0
}

@media(min-width: 1200px)and (max-width:1439px) {
    .layout:not(.layout--left-padding) .jackpot-promo {
        padding:16px 22px
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__content {
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto 1fr
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__block-button,.layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__prizes {
        grid-row: span 2
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__title {
        justify-content: flex-start;
        order: 1
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__prizes {
        order: 2
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__total {
        align-items: flex-start;
        flex-direction: column;
        order: 4
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__block-button {
        order: 3
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__rules {
        margin: 10px 0 0
    }
}

@media(min-width: 1440px) {
    .layout:not(.layout--left-padding) .jackpot-promo {
        padding:25px 96px
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__title {
        font-size: 24px
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-promo__total-value {
        font-size: 16px
    }

    .layout:not(.layout--left-padding) .jackpot-promo .jackpot-prizes__image {
        max-height: 76px
    }
}

.jackpot-promo--game,.layout:not(.layout--left-padding) .jackpot-promo--game {
    border-radius: 0;
    padding: 10px
}

@media(min-width: 1200px) {
    .jackpot-promo--game,.layout:not(.layout--left-padding) .jackpot-promo--game {
        padding:10px 50px
    }
}

.jackpot-promo--game .jackpot-promo__content,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__content {
    grid-gap: 20px;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto
}

@media(min-width: 1200px) {
    .jackpot-promo--game .jackpot-promo__content,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__content {
        grid-gap:30px;
        grid-template-columns: auto auto 1fr
    }
}

.jackpot-promo--game .jackpot-promo__block-button,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__block-button {
    display: none
}

.jackpot-promo--game .jackpot-promo__total-value,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total-value {
    font-size: 16px
}

.jackpot-promo--game .jackpot-promo__title,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__title {
    display: none;
    font-size: 19px;
    grid-row: span 1;
    order: 1
}

@media(min-width: 1200px) {
    .jackpot-promo--game .jackpot-promo__title,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__title {
        display:flex;
        grid-row: 1
    }
}

.jackpot-promo--game .jackpot-promo__rules,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__rules {
    justify-content: flex-start;
    margin: 0
}

.jackpot-promo--game .jackpot-promo__total-label,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total-label {
    margin: 0
}

.jackpot-promo--game .jackpot-promo__total,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total {
    flex-direction: column;
    grid-row: 1;
    justify-content: center;
    margin: 0;
    order: 2;
    padding: 0;
    text-align: left
}

.jackpot-promo--game .jackpot-promo__total>div,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__total>div {
    width: 100%
}

.jackpot-promo--game .jackpot-promo__prizes,.layout:not(.layout--left-padding) .jackpot-promo--game .jackpot-promo__prizes {
    grid-row: 1;
    order: 3;
    padding: 0
}

.jackpot-slide {
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: center
}

.jackpot-slide__title {
    font-size: 40px;
    font-weight: 800
}

@media(min-width: 768px) {
    .jackpot-slide__title {
        font-size:64px
    }
}

.jackpot-slide__total {
    margin-top: 5px
}

.jackpot-slide__total-value {
    color: #ff230a;
    font-size: 24px;
    font-weight: 800
}

@media(min-width: 768px) {
    .jackpot-slide__total-value {
        font-size:36px
    }
}

.jackpot-slide__block-button {
    display: block;
    margin: 5px 0 0
}

.jackpot-slide__prizes {
    display: none;
    margin-top: 10px
}

@media(min-width: 768px) {
    .jackpot-slide__prizes {
        display:block
    }
}

.jackpot-steps {
    align-items: center;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    padding: 320px 18px 26px;
    position: relative;
    text-align: left;
    width: 100%
}

@media(min-width: 768px) {
    .jackpot-steps {
        flex-direction:row;
        font-size: 16px;
        justify-content: flex-start;
        padding: 40px
    }
}

.jackpot-steps__banner {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.jackpot-steps__content {
    display: block;
    position: relative
}

.jackpot-steps__title {
    color: #22242c;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px;
    text-align: center
}

@media(min-width: 768px) {
    .jackpot-steps__title {
        font-size:32px;
        text-align: left
    }
}

.jackpot-steps__button {
    margin: 30px 0 0;
    text-align: center
}

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

.jackpot-steps__list {
    align-items: center;
    counter-reset: list-counter;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center
}

.jackpot-steps__item {
    counter-increment: list-counter;
    padding: 0 0 0 40px;
    position: relative;
    width: 100%
}

.jackpot-steps__item:not(:first-child) {
    margin: 20px 0 0
}

.jackpot-steps__item:before {
    align-items: center;
    color: #ec3200;
    content: counter(list-counter);
    display: inline-flex;
    font-size: 36px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.jackpot-steps__item-title {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.jackpot-steps__item-subtitle {
    margin-top: 5px
}

.jackpot-winners-table__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .jackpot-winners-table__title {
        font-size:24px;
        line-height: 133%;
        margin-bottom: 24px
    }
}

.jackpot-winners-table__inner {
    background: #1a1a22;
    border-radius: 12px;
    padding: 16px
}

@media(min-width: 1200px) {
    .jackpot-winners-table__inner {
        padding:24px 32px
    }
}

.jackpot-winners-table__header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    padding: 4px 12px
}

@media(min-width: 768px) {
    .jackpot-winners-table__header {
        gap:16px;
        justify-content: flex-start;
        padding: 14px 24px
    }
}

.jackpot-winners-table__th {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    flex: 1 1 auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 10px 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media(min-width: 768px) {
    .jackpot-winners-table__th {
        gap:16px;
        min-height: auto;
        padding: 0
    }
}

.jackpot-winners-table__player-th {
    max-width: 100px
}

.jackpot-winners-table__prize-th {
    justify-content: right;
    text-align: right
}

.jackpot-winners-table__body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.jackpot-winners-table__tr {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    min-height: 64px;
    padding: 4px 12px
}

.jackpot-winners-table__tr:nth-of-type(odd) {
    background-color: #22222b
}

@media(min-width: 768px) {
    .jackpot-winners-table__tr {
        gap:16px;
        justify-content: flex-start;
        min-height: 48px;
        padding: 8px 16px
    }
}

.jackpot-winners-table__td {
    flex: 1
}

.jackpot-winners-table__winner {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.jackpot-winners-table__game-icon {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 40px;
    width: 40px
}

@media(min-width: 768px) {
    .jackpot-winners-table__game-icon {
        height:32px;
        width: 32px
    }
}

.jackpot-winners-table__game-icon span {
    display: none
}

.jackpot-winners-table__game-image {
    border-radius: 8px;
    height: 40px;
    width: 40px
}

@media(min-width: 768px) {
    .jackpot-winners-table__game-image {
        height:32px;
        width: 32px
    }
}

.jackpot-winners-table__player {
    align-items: center;
    display: flex;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.jackpot-winners-table__player .ago-timer__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 143%
}

.jackpot-winners-table__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.jackpot-winners-table__user .ago-timer__text {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    overflow: hidden;
    text-overflow: ellipsis
}

.jackpot-winners-table__prize,.jackpot-winners-table__winner {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jackpot-winners-table__prize {
    gap: 16px;
    justify-content: right;
    text-align: right
}

.jackpot-winners-table__amount-icon,.jackpot-winners-table__prize {
    align-items: center;
    display: flex
}

.jackpot-winners-table__jackpot-image {
    height: 28px;
    width: 28px
}

.jackpot-winners-table__place {
    display: flex;
    justify-content: center
}

.jackpot-winners-table .jackpot-winners-table__btn {
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    width: 100%
}

.jackpot-wins-list {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.jackpot-wins-list::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.jackpot-wins-list::-webkit-scrollbar-track {
    background: transparent
}

.jackpot-wins-list::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.jackpot-wins-list::-webkit-scrollbar-thumb:hover,.jackpot-wins-list:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.jackpot-wins-list {
    display: flex;
    gap: 12px;
    list-style-type: none;
    margin: 0;
    overflow: auto;
    padding: 0
}

.jackpot-wins-list__item {
    flex: 1 0 auto;
    min-width: calc(33.33333% - 8px)
}

.journey-map-panel {
    align-items: flex-end;
    bottom: 125px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 664px;
    padding: 0 16px;
    position: sticky;
    width: 100%
}

@media(min-width: 960px) {
    .journey-map-panel {
        bottom:40px
    }
}

@media(min-width: 1200px) {
    .journey-map-panel {
        padding:0 48px 0 0
    }
}

.journey-map-panel__point {
    background: #1a1a22;
    border-radius: 16px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 16px;
    row-gap: 8px
}

@media(min-width: 768px) {
    .journey-map-panel__point {
        -webkit-backdrop-filter:blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(46,46,59,.4)
    }
}

.journey-map-panel__marker {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(46,46,59,.4);
    border-radius: 50%;
    color: hsla(0,0%,100%,.65);
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 6px;
    text-decoration: none;
    width: 48px
}

.journey-map-panel__marker--active {
    cursor: pointer
}

.journey-map-panel__marker--disabled {
    margin-left: auto
}

.journey-map-panel__marker i {
    font-size: 36px!important
}

.journey-map-panel__text {
    margin: 0
}

.journey-map-panel__text--level {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 25px;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.journey-map-rewards {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

.journey-map-rewards__reward {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex
}

.journey-map-rewards__text {
    color: #fff;
    font-family: Roboto,sans-serif;
    margin: 0
}

.journey-map-rewards__text--reward {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

.journey-map-rewards__image--reward {
    height: 24px;
    width: 24px
}

.journey-map-point {
    position: absolute
}

.journey-map-point--checkpoint .tooltip__content--top {
    bottom: calc(100% - 30px)
}

.journey-map-point--checkpoint .journey-map-point__image--point {
    height: 120px
}

@media(min-width: 768px) {
    .journey-map-point--checkpoint .journey-map-point__image--point {
        height:160px
    }
}

.journey-map-point--1 {
    left: 98px;
    top: 318px
}

@media(min-width: 768px) {
    .journey-map-point--1 {
        left:219px;
        top: 447px
    }
}

.journey-map-point--1.journey-map-point--checkpoint {
    left: 55px;
    top: 243px
}

@media(min-width: 768px) {
    .journey-map-point--1.journey-map-point--checkpoint {
        left:161px;
        top: 346.5px
    }
}

.journey-map-point--2 {
    left: 180px;
    top: 430px
}

@media(min-width: 768px) {
    .journey-map-point--2 {
        left:335.7px;
        top: 627px
    }
}

.journey-map-point--3 {
    left: 275px;
    top: 427px
}

@media(min-width: 768px) {
    .journey-map-point--3 {
        left:486.3px;
        top: 624.5px
    }
}

.journey-map-point--4 {
    left: 254px;
    top: 484px
}

@media(min-width: 768px) {
    .journey-map-point--4 {
        left:455px;
        top: 713px
    }
}

.journey-map-point--5 {
    left: 131px;
    top: 507px
}

@media(min-width: 768px) {
    .journey-map-point--5 {
        left:264.5px;
        top: 749.5px
    }
}

.journey-map-point--6 {
    left: 69px;
    top: 556px
}

@media(min-width: 768px) {
    .journey-map-point--6 {
        left:174.5px;
        top: 818px
    }
}

.journey-map-point--7 {
    left: 121px;
    top: 621px
}

@media(min-width: 768px) {
    .journey-map-point--7 {
        left:252px;
        top: 922px
    }
}

.journey-map-point--8 {
    left: 145px;
    top: 708px
}

@media(min-width: 768px) {
    .journey-map-point--8 {
        left:288px;
        top: 1054px
    }
}

.journey-map-point--9 {
    left: 218px;
    top: 769px
}

@media(min-width: 768px) {
    .journey-map-point--9 {
        left:400.5px;
        top: 1145.5px
    }
}

.journey-map-point--10 {
    left: 125px;
    top: 875px
}

@media(min-width: 768px) {
    .journey-map-point--10 {
        left:256px;
        top: 1306px
    }
}

.journey-map-point--10.journey-map-point--checkpoint {
    left: 78px;
    top: 805px
}

@media(min-width: 768px) {
    .journey-map-point--10.journey-map-point--checkpoint {
        left:201.5px;
        top: 1202.5px
    }
}

.journey-map-point--11 {
    left: 269.5px;
    top: 950px
}

@media(min-width: 768px) {
    .journey-map-point--11 {
        left:479px;
        top: 1421.5px
    }
}

.journey-map-point--12 {
    left: 138px;
    top: 1024px
}

@media(min-width: 768px) {
    .journey-map-point--12 {
        left:281.5px;
        top: 1536.5px
    }
}

.journey-map-point--13 {
    left: 208px;
    top: 1102px
}

@media(min-width: 768px) {
    .journey-map-point--13 {
        left:387.5px;
        top: 1653.5px
    }
}

.journey-map-point--14 {
    left: 276px;
    top: 1138px
}

@media(min-width: 768px) {
    .journey-map-point--14 {
        left:485.5px;
        top: 1712.5px
    }
}

.journey-map-point--15 {
    left: 88px;
    top: 1204px
}

@media(min-width: 768px) {
    .journey-map-point--15 {
        left:209.5px;
        top: 1809.5px
    }
}

.journey-map-point--16 {
    left: 252px;
    top: 1277px
}

@media(min-width: 768px) {
    .journey-map-point--16 {
        left:448.5px;
        top: 1921.5px
    }
}

.journey-map-point--17 {
    left: 174px;
    top: 1351px
}

@media(min-width: 768px) {
    .journey-map-point--17 {
        left:337.5px;
        top: 2033.5px
    }
}

.journey-map-point--18 {
    left: 295px;
    top: 1391px
}

@media(min-width: 768px) {
    .journey-map-point--18 {
        left:515.5px;
        top: 2094.5px
    }
}

.journey-map-point--19 {
    left: 118px;
    top: 1582px
}

@media(min-width: 768px) {
    .journey-map-point--19 {
        left:245.5px;
        top: 2385.5px
    }
}

.journey-map-point--20 {
    left: 79px;
    top: 1839px
}

@media(min-width: 768px) {
    .journey-map-point--20 {
        left:188px;
        top: 2780px
    }
}

.journey-map-point--20.journey-map-point--checkpoint {
    left: 38px;
    top: 1765px
}

@media(min-width: 768px) {
    .journey-map-point--20.journey-map-point--checkpoint {
        left:134.5px;
        top: 2677.5px
    }
}

.journey-map-point--21 {
    left: 276px;
    top: 1892px
}

@media(min-width: 768px) {
    .journey-map-point--21 {
        left:487.5px;
        top: 2857.5px
    }
}

.journey-map-point--22 {
    left: 179px;
    top: 1970px
}

@media(min-width: 768px) {
    .journey-map-point--22 {
        left:339.5px;
        top: 2979.5px
    }
}

.journey-map-point--23 {
    left: 128.5px;
    top: 2055px
}

@media(min-width: 768px) {
    .journey-map-point--23 {
        left:259.5px;
        top: 3108.5px
    }
}

.journey-map-point--24 {
    left: 238px;
    top: 2035px
}

@media(min-width: 768px) {
    .journey-map-point--24 {
        left:431.5px;
        top: 3078.5px
    }
}

.journey-map-point--25 {
    left: 77px;
    top: 2143px
}

@media(min-width: 768px) {
    .journey-map-point--25 {
        left:178.5px;
        top: 3242.5px
    }
}

.journey-map-point--26 {
    left: 302px;
    top: 2260px
}

@media(min-width: 768px) {
    .journey-map-point--26 {
        left:527.5px;
        top: 3417.5px
    }
}

.journey-map-point--27 {
    left: 75px;
    top: 2441px
}

@media(min-width: 768px) {
    .journey-map-point--27 {
        left:175.5px;
        top: 3690.5px
    }
}

.journey-map-point--28 {
    left: 205.5px;
    top: 2459px
}

@media(min-width: 768px) {
    .journey-map-point--28 {
        left:382px;
        top: 3723px
    }
}

.journey-map-point--29 {
    left: 312px;
    top: 2326px
}

@media(min-width: 768px) {
    .journey-map-point--29 {
        left:541.5px;
        top: 3520.5px
    }
}

.journey-map-point--30 {
    left: 84px;
    top: 2303px
}

@media(min-width: 768px) {
    .journey-map-point--30 {
        left:200px;
        top: 3479px
    }
}

.journey-map-point--30.journey-map-point--checkpoint {
    left: 42.5px;
    top: 2245px
}

@media(min-width: 768px) {
    .journey-map-point--30.journey-map-point--checkpoint {
        left:143px;
        top: 3389.5px
    }
}

.journey-map-point__image--point {
    cursor: pointer;
    height: 44px
}

@media(min-width: 768px) {
    .journey-map-point__image--point {
        height:57px
    }
}

.journey-map-point__image--arrow {
    pointer-events: none;
    position: absolute
}

.journey-map-point__image--arrow-current {
    bottom: 100%;
    left: 50%
}

.journey-map-point__image--arrow-current,.journey-map-point__image--arrow-start {
    animation: arrow-journey 2s linear infinite;
    position: absolute;
    transform: translate(-30%)
}

.journey-map-point__image--arrow-start {
    bottom: 75%;
    left: 30%
}

.journey-map-point__tooltip {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.journey-map-point__rewards {
    flex-direction: column;
    row-gap: 4px!important
}

.journey-map-point__rewards--active {
    opacity: .4
}

.journey-map-point__text {
    color: #fff;
    font-family: Roboto,sans-serif;
    margin: 0
}

.journey-map-point__text--level {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.journey-map-point__text--reward {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px
}

@keyframes arrow-journey {
    0% {
        transform: translate(-30%)
    }

    50% {
        transform: translate(-30%,4px)
    }

    to {
        transform: translate(-30%)
    }
}

.journey-map-rules {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.journey-map-rules::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.journey-map-rules::-webkit-scrollbar-track {
    background: transparent
}

.journey-map-rules::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.journey-map-rules::-webkit-scrollbar-thumb:hover,.journey-map-rules:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.journey-map-rules {
    height: 100%;
    overflow-y: auto;
    position: relative
}

@media(min-width: 768px) {
    .journey-map-rules {
        max-height:800px
    }
}

.journey-map-rules__content {
    padding: 32px 16px 96px
}

@media(min-width: 768px) {
    .journey-map-rules__content {
        padding:56px 32px 112px
    }
}

.journey-map-rules__bottom {
    background: #1a1a22;
    border-top: 1px solid #0f0f14;
    bottom: 0;
    left: 0;
    padding: 16px;
    position: fixed;
    width: 100%
}

@media(min-width: 768px) {
    .journey-map-rules__bottom {
        padding:24px 32px
    }
}

.journey-map-rules .journey-map-rules__button {
    height: 48px;
    width: 100%
}

.key-features__steps {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 12px
}

@media(min-width: 768px) {
    .key-features__steps {
        -moz-column-gap:0;
        column-gap: 0;
        grid-template-columns: repeat(4,1fr)
    }
}

.key-features__step {
    align-items: center;
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    padding: 0 8px
}

.key-features__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .key-features__title {
        font-size:24px;
        line-height: 133%
    }
}

.key-features__image {
    height: 48px;
    width: 48px
}

.key-features .key-features__step-text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 0!important;
    margin-top: 16px!important;
    text-align: center
}

.last-level-info {
    align-items: center;
    background-color: #22242c;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 940px;
    overflow: hidden;
    padding: 20px 18px 30px;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .last-level-info {
        flex-direction:row;
        margin-top: 50px;
        padding: 20px 0
    }
}

@media(min-width: 960px) {
    .last-level-info {
        padding:30px 0
    }
}

.last-level-info__image-wrapper {
    display: inline-flex;
    justify-content: center;
    padding: 0 0 30px;
    width: 100%
}

@media(min-width: 768px) {
    .last-level-info__image-wrapper {
        min-width:230px;
        padding: 0 10px;
        width: auto
    }
}

.last-level-info__image {
    max-height: 105px;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width: 768px) {
    .last-level-info__image {
        max-height:110px
    }
}

.last-level-info__content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%
}

@media(min-width: 1200px) {
    .last-level-info__content {
        flex-direction:row
    }
}

.last-level-info__list {
    font-size: 12px;
    padding: 20px 10px 0;
    width: 100%
}

@media(min-width: 1200px) {
    .last-level-info__list {
        padding:0 10px;
        width: 35%
    }
}

.last-level-info__list ul {
    align-items: flex-start;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    max-width: 100%;
    padding: 0;
    text-align: left;
    width: auto
}

.last-level-info__list ul>li {
    padding-left: 15px;
    position: relative
}

.last-level-info__list ul>li:before {
    background-color: hsla(0,0%,100%,.65);
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: .5em;
    width: 5px
}

.last-level-info__title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

@media(min-width: 768px) {
    .last-level-info__title {
        font-size:30px
    }
}

.last-level-info__subtitle {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.last-level-info p {
    margin: 0;
    padding: 0
}

.last-level-info p+p {
    margin-top: 10px
}

.lb-lootboxes {
    margin-top: 23px;
    width: 100%
}

.lb-lootboxes__inner {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: linear-gradient(115deg,#039d8b,#13667d 53.18%,#014b62 94.85%);
    border: 1px solid #000;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .lb-lootboxes__inner {
        align-items:center;
        flex-direction: row;
        justify-content: space-between
    }
}

.lb-lootboxes__inner:before {
    background: url(/images/lb-lotboxes-rises.0540544d..webp) no-repeat 50%/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 768px) {
    .lb-lootboxes__inner:before {
        background:url(/images/lb-lotboxes-rises-desktop.284fddbb..webp) no-repeat 50%/cover
    }
}

.lb-lootboxes__content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .lb-lootboxes__content {
        margin:0
    }
}

.lb-lootboxes__icon {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(255,152,30,.88),0 0 12px rgba(255,205,30,.22);
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 30px;
    margin-right: 16px;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,.12);
    width: 36px
}

.lb-lootboxes__icon:after {
    background: url(/images/lootbox-count-bg.e314008a..svg) no-repeat 50%/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lb-lootboxes__text {
    color: #fff;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px
}

@media(min-width: 768px) {
    .lb-lootboxes__text {
        font-size:20px;
        line-height: 28px
    }
}

@media(min-width: 960px) {
    .lb-lootboxes__text {
        font-size:20px;
        line-height: 28px
    }
}

.lb-lootboxes .lb-lootboxes__button,.lb-lootboxes .ls-lootboxes__button {
    font-size: 16px;
    letter-spacing: .2px;
    line-height: 24px;
    padding: 12px 0;
    width: 100%
}

@media(min-width: 768px) {
    .lb-lootboxes .lb-lootboxes__button,.lb-lootboxes .ls-lootboxes__button {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 12px 16px
    }
}

.lb-lootboxes--inactive .lb-lootboxes__inner {
    background: linear-gradient(91deg,rgba(3,157,139,.6) 2.66%,rgba(19,102,125,.6) 48.66%,rgba(1,75,98,.6) 84.71%)
}

.lb-lootboxes--inactive .lb-lootboxes__inner:after,.lb-lootboxes--inactive .lb-lootboxes__inner:before {
    display: none
}

.lb-lootboxes--inactive .lb-lootboxes__icon {
    background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
    border-radius: 36px;
    box-shadow: none;
    opacity: .7
}

.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: #ff230a;
    text-decoration: none
}

.limits-modal .link:hover {
    text-decoration: underline
}

.list-with-img {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.list-with-img__title {
    font-size: 20px;
    font-weight: 700
}

@media(min-width: 768px) {
    .list-with-img__title {
        font-size:32px
    }
}

.list-with-img__list {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0
}

@media(min-width: 768px) {
    .list-with-img__list {
        align-items:flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }
}

.list-with-img__item {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 30px auto 0;
    padding: 0 10px;
    width: 196px
}

@media(min-width: 768px) {
    .list-with-img__item {
        align-self:stretch;
        margin: 30px 20px
    }
}

.list-with-img__icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
    width: 100%
}

.list-with-img__item-title {
    display: block;
    width: 100%
}

.btn.live-chat-button {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #ff230a;
    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: #ff230a!important;
    color: #fff!important
}

.btn.live-chat-button--game {
    bottom: 0;
    height: 44px;
    position: relative;
    right: 0;
    width: 44px
}

.btn.live-chat-button--home {
    background: #00dccd!important;
    bottom: 64px;
    color: #0f0f14;
    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: #1df0e2!important;
    color: #0f0f14!important
}

.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
}

.lottery-page {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    line-height: 1.6;
    padding: 20px 0;
    text-align: center
}

@media(min-width: 768px) {
    .lottery-page {
        padding:40px 0
    }
}

.lottery-page__banner {
    border-radius: 10px;
    color: #fff;
    line-height: 1.375;
    min-height: 360px;
    overflow: hidden;
    padding: 35px 30px;
    position: relative;
    text-align: left
}

.lottery-page__banner-img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.lottery-page__banner-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 100%;
    padding: 0 30% 0 0;
    position: relative
}

@media(min-width: 768px) {
    .lottery-page__banner-inner {
        padding:0
    }
}

.lottery-page__banner-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px
}

@media(min-width: 768px) {
    .lottery-page__banner-title {
        font-size:24px;
        margin-bottom: 15px
    }
}

.lottery-page__pool {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px
}

.lottery-page__pool-label {
    font-size: 16px;
    margin: 0 0 10px
}

.lottery-page__section {
    margin: 20px 0 0
}

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

@media(min-width: 960px) {
    .lottery-page__section {
        margin-top:50px
    }
}

.lottery-page .lottery-page__conditions {
    margin-top: 30px
}

.lottery-title {
    color: #fff;
    display: flex;
    font-size: 24px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.25;
    margin: 0 auto 16px;
    padding: 0;
    text-align: center
}

@media(min-width: 768px) {
    .lottery-title {
        font-size:32px;
        margin-bottom: 30px
    }
}

.lottery-conditions {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    row-gap: 12px
}

@media(min-width: 768px) {
    .lottery-conditions {
        -moz-column-gap:12px;
        column-gap: 12px
    }
}

@media(min-width: 1200px) {
    .lottery-conditions {
        -moz-column-gap:16px;
        column-gap: 16px;
        row-gap: 16px
    }
}

.lottery-ticket {
    display: flex;
    grid-column: span 6;
    overflow: hidden
}

@media(min-width: 768px) {
    .lottery-ticket,.lottery-ticket:first-child:nth-last-child(2n),.lottery-ticket:first-child:nth-last-child(2n)~* {
        grid-column:span 3
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__block--right {
        max-width: 140px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--count {
        font-size: 32px;
        line-height: 40px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--tickets,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--tickets {
        font-size: 16px;
        line-height: 24px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--amount {
        font-size: 20px;
        line-height: 26px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--deposit {
        font-size: 14px;
        line-height: 20px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--price {
        font-size: 12px;
        line-height: 18px
    }

    .lottery-ticket:last-child {
        grid-column: span 6
    }

    .lottery-ticket:last-child .lottery-ticket__block--right {
        max-width: 172px
    }

    .lottery-ticket:last-child .lottery-ticket__text--count {
        font-size: 42px;
        line-height: 52px
    }

    .lottery-ticket:last-child .lottery-ticket__text--tickets {
        font-size: 16px;
        line-height: 24px
    }

    .lottery-ticket:last-child .lottery-ticket__text--amount {
        font-size: 32px;
        line-height: 40px
    }

    .lottery-ticket:last-child .lottery-ticket__text--deposit {
        font-size: 16px;
        line-height: 24px
    }

    .lottery-ticket:last-child .lottery-ticket__text--price {
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket {
        grid-column:span 6
    }

    .lottery-ticket:first-child:nth-last-child(2n),.lottery-ticket:first-child:nth-last-child(2n)~* {
        grid-column: span 3
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__block--right {
        max-width: 172px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--count {
        font-size: 42px;
        line-height: 52px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--tickets,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--tickets {
        font-size: 16px;
        line-height: 24px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--amount {
        font-size: 32px;
        line-height: 40px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--deposit {
        font-size: 16px;
        line-height: 24px
    }

    .lottery-ticket:first-child:nth-last-child(2n) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n)~* .lottery-ticket__text--price {
        font-size: 14px;
        line-height: 20px
    }

    .lottery-ticket:first-child:nth-last-child(2n-1),.lottery-ticket:first-child:nth-last-child(2n-1)~* {
        grid-column: span 2
    }

    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__block--right {
        max-width: 140px
    }
}

@media(min-width: 1200px)and (min-width:1440px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__block--right,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__block--right {
        max-width:172px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--count {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1200px)and (min-width:1440px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--count,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--count {
        font-size:42px;
        line-height: 52px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--tickets,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--tickets {
        font-size:16px;
        line-height: 24px
    }

    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--amount {
        font-size: 20px;
        line-height: 26px
    }
}

@media(min-width: 1200px)and (min-width:1440px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--amount,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--amount {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--deposit {
        font-size:14px;
        line-height: 20px
    }
}

@media(min-width: 1200px)and (min-width:1440px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--deposit,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--deposit {
        font-size:16px;
        line-height: 24px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--price {
        font-size:12px;
        line-height: 18px
    }
}

@media(min-width: 1200px)and (min-width:1440px) {
    .lottery-ticket:first-child:nth-last-child(2n-1) .lottery-ticket__text--price,.lottery-ticket:first-child:nth-last-child(2n-1)~* .lottery-ticket__text--price {
        font-size:14px;
        line-height: 20px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket:first-child:nth-last-child(2n-1):only-child {
        grid-column:span 3
    }
}

@media(min-width: 1200px)and (min-width:1200px) {
    .lottery-ticket:first-child:nth-last-child(2n-1):only-child .lottery-ticket__text--amount {
        font-size:34px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) {
        grid-column:span 3
    }

    .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__block--right {
        max-width: 172px
    }

    .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--count {
        font-size: 42px;
        line-height: 52px
    }

    .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--deposit {
        font-size: 16px;
        line-height: 24px
    }

    .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--amount {
        font-size: 32px;
        line-height: 40px
    }

    .lottery-ticket:nth-last-child(-n+2):not(.lottery-ticket:nth-child(-n+3)) .lottery-ticket__text--price {
        font-size: 14px;
        line-height: 20px
    }
}

.lottery-ticket__block {
    padding: 12px;
    position: relative;
    width: 100%
}

@media(min-width: 480px) {
    .lottery-ticket__block {
        padding:16px
    }
}

.lottery-ticket__block--left {
    border-radius: 16px 0 0 16px
}

.lottery-ticket__block--left:after,.lottery-ticket__block--left:before {
    background: #0f0f14;
    border-radius: 50%;
    content: "";
    height: 40px;
    position: absolute;
    right: -20px;
    width: 40px;
    z-index: 1
}

.lottery-ticket__block--left:before {
    top: -20px
}

.lottery-ticket__block--left:after {
    bottom: -20px
}

.lottery-ticket__block--right {
    border-radius: 0 16px 16px 0;
    max-width: 124px
}

.lottery-ticket__block--right:after,.lottery-ticket__block--right:before {
    background: #0f0f14;
    border-radius: 50%;
    content: "";
    height: 40px;
    left: -20px;
    position: absolute;
    width: 40px;
    z-index: 1
}

.lottery-ticket__block--right:before {
    top: -20px
}

.lottery-ticket__block--right:after {
    bottom: -20px
}

@media(min-width: 480px) {
    .lottery-ticket__block--right {
        max-width:140px
    }
}

.lottery-ticket__inner {
    background: linear-gradient(256.03deg,rgba(0,0,0,.1) 23.64%,rgba(0,0,0,.2) 84.92%);
    border-radius: 12px;
    min-height: 180px;
    padding: 16px;
    width: 100%
}

@media(min-width: 480px) {
    .lottery-ticket__inner {
        min-height:188px;
        padding: 24px
    }
}

.lottery-ticket__inner--left {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.lottery-ticket__inner--right {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0
}

.lottery-ticket__divider {
    border-left: 2px dashed #0f0f14;
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0
}

.lottery-ticket__text {
    color: #fff;
    font-family: Roboto,sans-serif;
    margin: 0
}

.lottery-ticket__text--count {
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 16px 0 0
}

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

.lottery-ticket__text--tickets {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 16px;
    text-transform: capitalize
}

@media(min-width: 480px) {
    .lottery-ticket__text--tickets {
        font-size:16px;
        line-height: 24px
    }
}

.lottery-ticket__text--amount {
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 8px
}

.lottery-ticket__text--deposit {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

@media(min-width: 480px) {
    .lottery-ticket__text--deposit {
        font-size:14px;
        line-height: 20px
    }
}

.lottery-ticket__text--price {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.lottery-ticket__text--previous {
    color: hsla(0,0%,100%,.65);
    text-decoration: line-through
}

.lottery-prizes {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 32px
}

@media(min-width: 1200px) {
    .lottery-prizes {
        row-gap:40px
    }
}

.lottery-prizes__grid {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 12px;
    width: 100%
}

@media(min-width: 480px) {
    .lottery-prizes__grid {
        -moz-column-gap:8px;
        column-gap: 8px;
        grid-template-columns: 1fr 1fr;
        row-gap: 8px
    }
}

@media(min-width: 768px) {
    .lottery-prizes__grid {
        -moz-column-gap:12px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 12px
    }
}

@media(min-width: 1200px) {
    .lottery-prizes__grid {
        -moz-column-gap:16px;
        column-gap: 16px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        row-gap: 16px
    }
}

.lottery-prizes-prize {
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.lottery-prizes-prize__top {
    align-items: center;
    display: flex;
    height: 146px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media(min-width: 1200px) {
    .lottery-prizes-prize__top {
        height:176px
    }
}

.lottery-prizes-prize__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 8px
}

@media(min-width: 1200px) {
    .lottery-prizes-prize__content {
        row-gap:12px
    }
}

.lottery-prizes-prize__image--bottom {
    bottom: -16px;
    left: 50%;
    max-width: 90%;
    position: absolute;
    transform: translate(-50%)
}

.lottery-prizes-prize__bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 24px 32px;
    text-align: center
}

@media(min-width: 1200px) {
    .lottery-prizes-prize__bottom {
        padding:32px 24px 40px
    }
}

.lottery-prizes-prize__title--top {
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

@media(min-width: 1200px) {
    .lottery-prizes-prize__title--top {
        font-size:32px;
        line-height: 40px
    }
}

.lottery-prizes-prize__title--money {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(136deg,gold 2.04%,#d56b00 19.53%,#ffaf1c 37.34%,#ffc588 47.63%,#ffc225 58.92%,#a35a00 85.45%,#d59100 99.13%);
    -webkit-background-clip: text;
    background-clip: text
}

.lottery-prizes-prize__title--fs {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(250deg,#48b2ff 8.31%,#72ffd5 16.13%,#48b2ff 45.83%,#72ffd5 72.16%,#48b2ff);
    -webkit-background-clip: text;
    background-clip: text
}

.lottery-prizes-prize__title--bottom {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px
}

@media(min-width: 1200px) {
    .lottery-prizes-prize__title--bottom {
        font-size:20px;
        line-height: 30px
    }
}

.lottery-prizes-prize__count {
    background: linear-gradient(136deg,gold 2.04%,#d56b00 19.53%,#ffaf1c 37.34%,#ffc588 47.63%,#ffc225 58.92%,#a35a00 85.45%,#d59100 99.13%);
    border-radius: 4px;
    color: #0a0a0d;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    padding: 2px 8px
}

.lottery-prizes .lottery-prizes__button {
    height: 40px;
    white-space: nowrap;
    width: 100%
}

@media(min-width: 768px) {
    .lottery-prizes .lottery-prizes__button {
        height:48px;
        max-width: 300px
    }
}

.catalog {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.catalog__not-found {
    text-transform: uppercase
}

.catalog__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 8px
}

@media(min-width: 480px) {
    .catalog__list {
        grid-template-columns:repeat(3,1fr)
    }
}

@media(min-width: 768px) {
    .catalog__list {
        -moz-column-gap:12px;
        column-gap: 12px;
        grid-template-columns: repeat(4,1fr);
        row-gap: 12px
    }
}

@media(min-width: 960px) {
    .catalog__list {
        grid-template-columns:repeat(5,1fr)
    }
}

@media(min-width: 1200px) {
    .catalog__list {
        -moz-column-gap:16px;
        column-gap: 16px;
        grid-template-columns: repeat(6,1fr);
        row-gap: 16px
    }
}

@media(min-width: 1440px) {
    .catalog__list {
        grid-template-columns:repeat(7,1fr)
    }
}

.catalog__more {
    display: block;
    margin: 0;
    padding-top: 24px;
    text-align: center;
    width: 100%
}

@media(min-width: 1200px) {
    .catalog__more {
        padding-top:32px
    }
}

.catalog .catalog__more-button {
    color: #fff;
    font-family: Roboto,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%
}

@media(min-width: 768px) {
    .catalog .catalog__more-button {
        max-width:300px
    }
}

.lottery-winners {
    background: #1a1a22;
    border-radius: 12px;
    padding: 12px
}

@media(min-width: 768px) {
    .lottery-winners {
        padding:16px
    }
}

@media(min-width: 1200px) {
    .lottery-winners {
        padding:24px 32px
    }
}

.lottery-winners__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 14px 16px
}

.lottery-winners__row {
    display: grid;
    grid-template-columns: 64px 1fr 1fr;
    padding: 14px 16px 14px 0
}

.lottery-winners__row:nth-child(odd) {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    background: #22222b;
    border-radius: 8px
}

.lottery-winners__cell--place {
    font-weight: 700;
    text-align: center
}

.lottery-winners__cell--winner {
    text-align: left
}

.lottery-winners__cell--prize {
    font-weight: 700;
    text-align: right
}

.lottery-winners__text {
    margin: 0
}

.lottery-winners__text--header {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.lottery-winners__text--cell {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.lottery-winners__text--modal {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-align: center
}

.lottery-winners .lottery-winners__button {
    height: 40px;
    margin-top: 8px;
    width: 100%
}

@media(min-width: 768px) {
    .lottery-winners .lottery-winners__button {
        height:48px
    }
}

.lottery-winners__modal-content {
    height: 100%;
    overflow-y: auto;
    padding: 56px 16px 16px
}

@media(min-width: 768px) {
    .lottery-winners__modal-content {
        padding:56px 32px 32px
    }
}

.lottery-winners__modal .modal__content-wrapper {
    height: 100%;
    margin: unset;
    max-width: unset;
    width: 100%
}

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

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

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

@media(min-width: 480px) {
    .lottery-winners__modal .modal__close-button {
        right:24px;
        top: 24px
    }
}

.lottery-player-awards-list {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
    width: auto
}

.lottery-player-awards-list__item {
    display: inline
}

.lottery-player-awards-list__item+.lottery-player-awards-list__item:before {
    content: " + "
}

.lottery-player-awards-list__label {
    display: inline-block;
    margin: 0 0 0 3px;
    vertical-align: top
}

.lottery-awards-three .lottery-player-awards-list__item {
    display: block
}

.lottery-awards-three .lottery-player-awards-list__item:before {
    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.e87fe5ec..webp) 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.b4cf8372..webp) 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.efec2e8a..webp) 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
    }
}

.ls-lootboxes {
    margin-top: 24px;
    width: 100%
}

.ls-lootboxes__inner {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: radial-gradient(37.64% 142.5% at 82.7% 100%,rgba(255,35,10,.2) 0,rgba(255,35,10,0) 100%),rgba(144,144,210,.06);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .ls-lootboxes__inner {
        align-items:center;
        flex-direction: row;
        justify-content: space-between;
        overflow: hidden
    }
}

@media(min-width: 1680px) {
    .ls-lootboxes__inner {
        padding:16px
    }
}

.ls-lootboxes__content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .ls-lootboxes__content {
        margin:0
    }
}

.ls-lootboxes__icon {
    align-items: center;
    background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    filter: drop-shadow(0 0 8px rgba(255,205,30,.22)) drop-shadow(0 0 24px rgba(255,151,30,.88));
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 30px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,.12);
    width: 36px;
    z-index: 1
}

.ls-lootboxes__icon:after {
    background: url(/images/lootbox-count-bg.e314008a..svg) no-repeat 50%/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.ls-lootboxes__text {
    color: #fff;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

@media(min-width: 768px) {
    .ls-lootboxes__text {
        font-size:20px;
        line-height: 28px
    }
}

@media(min-width: 960px) {
    .ls-lootboxes__text {
        font-size:20px;
        line-height: 28px
    }
}

.ls-lootboxes--inactive .ls-lootboxes__inner {
    background: rgba(144,144,210,.06)
}

.ls-lootboxes--inactive .ls-lootboxes__icon {
    background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
    border-radius: 36px;
    filter: none;
    opacity: .7
}

.ls-reward {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%
}

.ls-reward--current .ls-reward__head:before,.ls-reward--current .ls-reward__status {
    display: block
}

.ls-reward--passed .ls-reward__head {
    color: hsla(0,0%,100%,.4)
}

.ls-reward--passed .ls-reward__status {
    display: block
}

.ls-reward--passed .ls-reward__item {
    background: rgba(45,48,55,.4)
}

.ls-reward--passed .ls-reward__content,.ls-reward--passed .ls-reward__icon {
    opacity: .4
}

.ls-reward__head {
    align-items: center;
    background: #131417;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 24px;
    max-height: 71px;
    overflow: hidden;
    padding: 16px 24px;
    position: relative;
    text-align: center
}

.ls-reward__head:before {
    background: radial-gradient(49.75% 140.2% at 50.25% 50%,#ffc226 0,#f90 99.62%);
    box-shadow: 0 0 20px rgba(255,152,30,.88),0 0 10px rgba(255,205,30,.22);
    content: "";
    display: none;
    height: 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 960px) {
    .ls-reward__head {
        padding:26px 5px
    }
}

.ls-reward__inner {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media(min-width: 768px) {
    .ls-reward__inner {
        flex-direction:row
    }
}

@media(min-width: 960px) {
    .ls-reward__inner {
        flex-direction:column;
        height: 100%
    }
}

.ls-reward__item {
    align-items: center;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    border: 1px solid #1b1c1f;
    border-radius: 4px;
    display: flex;
    flex: 1;
    padding: 12px 16px;
    position: relative
}

@media(min-width: 960px) {
    .ls-reward__item {
        flex-direction:column;
        max-height: calc(50% - 2px);
        padding: 32px 16px 24px
    }
}

@media(min-width: 1440px) {
    .ls-reward__item {
        padding:32px 16px 40px
    }
}

.ls-reward__item--silver {
    background: radial-gradient(99.04% 1321.91% at .96% 54.17%,rgba(74,45,255,.2) 0,rgba(74,45,255,0) 100%),rgba(45,48,55,.4)
}

@media(min-width: 960px) {
    .ls-reward__item--silver {
        background:radial-gradient(100.37% 78.92% at 50% 100%,rgba(74,45,255,.2) 0,rgba(74,45,255,0) 100%),rgba(45,48,55,.4)
    }
}

.ls-reward__item--silver .ls-reward__title {
    color: #a4a4e6
}

.ls-reward__item--gold {
    background: radial-gradient(100% 1334.78% at 0 57.29%,rgba(255,184,0,.21) 0,rgba(255,122,0,0) 100%),rgba(45,48,55,.4)
}

@media(min-width: 960px) {
    .ls-reward__item--gold {
        background:radial-gradient(100.37% 78.92% at 50% 100%,rgba(255,184,0,.21) 0,rgba(255,122,0,0) 100%),rgba(45,48,55,.4)
    }
}

.ls-reward__item--gold .ls-reward__title {
    color: #ffc978
}

.ls-reward__status {
    display: none;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

.ls-reward__status--active {
    background: linear-gradient(45deg,transparent,transparent 50%,rgba(184,212,255,.08) 51%,rgba(184,212,255,.08))
}

.ls-reward__status--active:before {
    background: url(/images/ls-check.f453fdf5..svg) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 8px;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 10px
}

.ls-reward__status--declined {
    background: linear-gradient(45deg,transparent,transparent 50%,rgba(0,0,0,.65) 51%,rgba(0,0,0,.65))
}

.ls-reward__status--declined:before {
    background: url(/images/ls-decline.6bed49ee..svg) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px
}

.ls-reward__icon {
    height: 32px;
    margin-right: 12px;
    width: 36px
}

@media(min-width: 960px) {
    .ls-reward__icon {
        height:48px;
        margin: 0 0 16px;
        width: 54px
    }
}

.ls-reward__icon img {
    width: 100%
}

.ls-reward__content {
    flex: 1
}

@media(min-width: 960px) {
    .ls-reward__content {
        text-align:center
    }
}

.ls-reward__title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 16px;
    margin: 0 0 4px;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .ls-reward__title {
        margin:0 0 8px
    }
}

.ls-reward__text {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 20px;
    margin: 0
}

@media(min-width: 960px) {
    .ls-reward__text {
        font-size:12px;
        line-height: 18px
    }
}

.ls-reward-progress {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 18px
}

@media(min-width: 960px) {
    .ls-reward-progress {
        height:100%;
        margin-top: 0
    }
}

.ls-reward-progress__head {
    background: linear-gradient(93.19deg,#671d33 -6.21%,#3e1b47 28.01%,#1f1d3a 56.33%,#211f43 75.46%,#2d249d 106.01%);
    border: 1px solid #1b1c1f;
    border-radius: 4px;
    max-height: 71px;
    padding: 0 16px 17px;
    position: relative
}

@media(min-width: 960px) {
    .ls-reward-progress__head {
        padding:0 16px 15px
    }
}

.ls-reward-progress__head-icon {
    margin: -28px auto 3px;
    width: 54px
}

.ls-reward-progress__head-icon img {
    width: 100%
}

.ls-reward-progress__head-text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.ls-reward-progress__head-about {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

.ls-reward-progress__head-about .ls-page__tooltip {
    right: -8px
}

.ls-reward-progress__head-about .ls-page__tooltip:after {
    right: 8px
}

.ls-reward-progress__head-about:hover .ls-page__tooltip {
    transform: scale(1)
}

.ls-reward-progress__inner {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media(min-width: 768px) {
    .ls-reward-progress__inner {
        flex-direction:row
    }
}

@media(min-width: 960px) {
    .ls-reward-progress__inner {
        flex-direction:column;
        height: 100%
    }
}

.ls-reward-progress__item {
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    border: 1px solid #1b1c1f;
    border-radius: 4px;
    flex: 1;
    padding: 16px 24px;
    position: relative
}

@media(min-width: 960px) {
    .ls-reward-progress__item {
        max-height:calc(50% - 2px);
        padding: 48px 15px
    }
}

@media(min-width: 1200px) {
    .ls-reward-progress__item {
        padding:26px 15px
    }
}

.ls-reward-progress__item--silver {
    background: radial-gradient(99.04% 1321.91% at .96% 54.17%,rgba(74,45,255,.2) 0,rgba(74,45,255,0) 100%),rgba(45,48,55,.4)
}

@media(min-width: 960px) {
    .ls-reward-progress__item--silver {
        background:radial-gradient(100.37% 78.92% at 50% 100%,rgba(74,45,255,.2) 0,rgba(74,45,255,0) 100%),rgba(45,48,55,.4)
    }
}

.ls-reward-progress__item--silver .ls-reward-progress__reward-text {
    color: #fff;
    text-shadow: 0 0 6px rgba(134,161,255,.5),0 0 20px #86a1ff
}

.ls-reward-progress__item--gold {
    background: radial-gradient(100% 1334.78% at 0 57.29%,rgba(255,184,0,.21) 0,rgba(255,122,0,0) 100%),rgba(45,48,55,.4)
}

@media(min-width: 960px) {
    .ls-reward-progress__item--gold {
        background:radial-gradient(100.37% 78.92% at 50% 100%,rgba(255,184,0,.21) 0,rgba(255,122,0,0) 100%),rgba(45,48,55,.4)
    }
}

.ls-reward-progress__item--gold .ls-reward-progress__reward-text {
    color: #fff;
    text-shadow: 0 0 6px rgba(255,220,129,.5),0 0 20px #ffaf65
}

.ls-reward-progress__item--locked {
    background: rgba(45,48,55,.4)
}

.ls-reward-progress__item--locked .ls-reward-progress__reward,.ls-reward-progress__item--locked .ls-reward-progress__steps {
    opacity: .5
}

.ls-reward-progress__item--locked .ls-reward-progress__status {
    display: block
}

.ls-reward-progress__status {
    display: none;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

.ls-reward-progress__status--locked {
    background: linear-gradient(45deg,transparent,transparent 50%,rgba(0,0,0,.65) 51%,rgba(0,0,0,.65))
}

.ls-reward-progress__status--locked:before {
    background: url(/images/ls-lock.d8534f86..svg) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 10px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 10px
}

.ls-reward-progress__reward {
    margin: 0 0 10px
}

@media(min-width: 960px) {
    .ls-reward-progress__reward {
        margin:0 0 16px
    }
}

@media(min-width: 1200px) {
    .ls-reward-progress__reward {
        margin:0 0 20px
    }
}

@media(min-width: 1440px) {
    .ls-reward-progress__reward {
        margin:0 0 16px
    }
}

.ls-reward-progress__reward-text {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 40px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 960px) {
    .ls-reward-progress__reward-text {
        font-size:20px;
        line-height: 28px
    }
}

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

@media(min-width: 1440px) {
    .ls-reward-progress__reward-text {
        font-size:32px;
        line-height: 40px
    }
}

.ls-reward-steps__list {
    align-items: center;
    display: flex;
    gap: 2px;
    justify-content: center;
    margin: 0 0 12px
}

.ls-reward-steps__list-item {
    height: 20px;
    width: 19px
}

@media(min-width: 960px) {
    .ls-reward-steps__list-item {
        height:13px;
        width: 13px
    }
}

@media(min-width: 1200px) {
    .ls-reward-steps__list-item {
        height:20px;
        width: 19px
    }
}

.ls-reward-steps__list-item img {
    height: 100%
}

.ls-reward-steps__list-item--active .ls-reward-steps__active {
    display: block
}

.ls-reward-steps__list-item--active .ls-reward-steps__empty {
    display: none
}

.ls-reward-steps__count {
    text-align: center
}

.ls-reward-steps__text {
    color: hsla(0,0%,100%,.5);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase
}

.ls-reward-steps__text span {
    color: #fff
}

.ls-reward-steps__active {
    display: none
}

.ls-reward-steps__empty {
    display: block
}

.ls-rewards__list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 960px) {
    .ls-rewards__list {
        flex-direction:row;
        gap: 4px;
        justify-content: center
    }
}

.ls-rewards__item {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    max-width: 100%
}

@media(min-width: 960px) {
    .ls-rewards__item {
        flex:1 1 14.2857142857%;
        max-width: calc(14.28571% - 4px)
    }
}

.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;
        width: 100%
    }
}

.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-bg {
    left: 50%;
    position: absolute;
    top: -70px;
    transform: translateX(-50%);
    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: Oswald,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    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 {
    background: url(/images/ls-wheel-info-bg.d3f5f28a..webp) top no-repeat;
    bottom: -25px;
    height: 145px;
    left: 50%;
    padding: 40px 0 20px;
    position: absolute;
    text-align: center;
    transform: translate(-50%);
    width: 359px;
    z-index: 4
}

.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: Roboto,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;
    margin-top: -32px;
    padding: 0 16px;
    text-align: center;
    width: 100%;
    z-index: 5
}

@media(min-width: 480px) {
    .ls-wheel-buttons {
        margin-top:0
    }
}

@media(min-width: 768px) {
    .ls-wheel-buttons {
        background:unset;
        border: unset;
        bottom: 48px;
        margin-top: 10px;
        padding: 0 48px
    }
}

.ls-wheel-buttons .ls-wheel-buttons__btn {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    letter-spacing: .2px;
    line-height: 24px;
    min-width: 100%;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .ls-wheel-buttons .ls-wheel-buttons__btn {
        min-width:128px
    }
}

.ls-wheel-buttons .ls-wheel-buttons__btn-close {
    height: 48px;
    min-width: 100%
}

@media(min-width: 768px) {
    .ls-wheel-buttons .ls-wheel-buttons__btn-close {
        min-width:128px
    }
}

@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-waiting {
    0% {
        transform: rotate(-3deg)
    }

    50% {
        transform: rotate(3deg)
    }

    to {
        transform: rotate(-3deg)
    }
}

@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)
    }
}

.lucky-card {
    align-items: center;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 72px 16px 24px;
    position: relative
}

@media(min-width: 768px) {
    .lucky-card {
        max-width:255px;
        padding: 72px 24px 32px
    }
}

.lucky-card__icon {
    height: 100%;
    left: 50%;
    max-height: 105px;
    max-width: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -36px;
    transform: translate(-50%);
    width: 100%
}

@media(min-width: 768px) {
    .lucky-card__icon {
        max-height:129px;
        max-width: 147px;
        top: -50px
    }
}

.lucky-card__content {
    width: 100%
}

.lucky-card__code,.lucky-card__content,.lucky-card__prizes,.lucky-card__tasks {
    align-items: center;
    display: flex;
    flex-direction: column
}

.lucky-card__tasks {
    margin-bottom: 8px
}

.lucky-card__prizes {
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .lucky-card__prizes {
        margin-bottom:16px
    }
}

.lucky-card__label {
    color: hsla(0,0%,100%,.65);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 14px;
    text-transform: uppercase
}

.lucky-card__label--default-case {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none
}

.lucky-card__amount {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-card__amount {
        font-size:14px;
        line-height: 20px
    }
}

.lucky-card__code {
    font-weight: 400;
    width: 100%
}

.lucky-card__clip-board {
    align-items: center;
    background: hsla(0,0%,100%,.05);
    border: 1px dashed hsla(0,0%,100%,.16);
    border-radius: 4px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    padding: 7px 12px;
    width: 100%
}

.lucky-card__code-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .lucky-card__code-text {
        font-size:14px;
        line-height: 20px
    }
}

.lucky-card--rare {
    background: linear-gradient(8deg,#003f5a 7.06%,#03b6aa 93.81%)
}

.lucky-card--epic {
    background: linear-gradient(180deg,#ffc736,rgba(147,63,15,.99))
}

.lucky-card--silver {
    background: linear-gradient(355deg,#46188f 3.83%,#6c36aa 77.44%,#8a4ebe 96.2%)
}

.lucky-card--gold {
    background: linear-gradient(13.32deg,#bc571f 9.54%,#fc9904 72.12%,#fcb705 90.39%)
}

.lucky-cards__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 auto 16px
}

@media(min-width: 480px) {
    .lucky-cards__list {
        gap:16px
    }
}

.lucky-cards__list-item {
    flex: 1 1 50%;
    max-width: calc(50% - 4px)
}

@media(min-width: 480px) {
    .lucky-cards__list-item {
        max-width:calc(50% - 8px)
    }
}

.lucky-cards__links {
    line-height: 1;
    text-align: center
}

.lucky-cards .lucky-cards__link {
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.lucky-kick-widget {
    background: linear-gradient(4.67deg,#288bff 9%,#4343e8 55.67%,#5c01d3 98.62%),radial-gradient(288.54% 66.96% at -61.46% 42.43%,rgba(192,12,255,.92) 0,rgba(108,123,255,0) 100%);
    border-radius: 8px 8px 0 0;
    position: fixed;
    right: -52px;
    top: 50%;
    transform: rotate(-90deg)
}

.lucky-kick-widget__inner {
    align-items: center;
    display: flex;
    height: 48px;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    width: 152px
}

.lucky-kick-widget__text {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px
}

.lucky-kick-widget__ball {
    animation: rotate 10s linear infinite;
    display: flex;
    position: absolute;
    right: -6px;
    top: -6px
}

.lucky-kick-widget__image--ball {
    height: 46px
}

.lucky-kick-widget__image--air {
    height: 72px;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 74px
}

.lucky-kick-widget__count {
    align-items: center;
    background: linear-gradient(180deg,#ffda34,#ffb903);
    border-radius: 50%;
    box-shadow: 0 0 24px rgba(255,152,30,.88),0 0 12px rgba(255,205,30,.22);
    color: #fff;
    display: flex;
    font-family: DrukCyr,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    line-height: 22px;
    position: absolute;
    right: -6px;
    top: -6px;
    transform: rotate(90deg);
    width: 24px;
    z-index: 1
}

.lucky-prizes-modal--spin .lucky-prizes-modal__reward {
    background-image: url(/images/bg-prizes-modal.6a728cb8..webp)
}

.lucky-prizes-modal--box .lucky-prizes-modal__reward {
    background-image: url(/images/bg-prizes-modal.ad3aa064..webp)
}

.lucky-prizes-modal__content {
    margin: 0 auto;
    max-width: 420px
}

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

.lucky-prizes-modal__description {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 20px;
    margin: 8px auto 24px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-prizes-modal__description {
        max-width:484px
    }
}

.lucky-prizes-modal__rewards {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 768px) {
    .lucky-prizes-modal__rewards {
        flex-direction:row
    }
}

.lucky-prizes-modal__reward-wrapper {
    position: relative
}

@media(min-width: 768px) {
    .lucky-prizes-modal__reward-wrapper {
        width:100%
    }
}

.lucky-prizes-modal__reward-wrapper:before {
    border-radius: 12px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.lucky-prizes-modal__reward-wrapper--silver:before {
    background: linear-gradient(21deg,#46188f 13.94%,#6c36aa 80.64%,#8a4ebe 97.64%)
}

.lucky-prizes-modal__reward-wrapper--gold:before {
    background: linear-gradient(13.32deg,#bc571f 9.57%,#fcb705 90.43%)
}

.lucky-prizes-modal__reward-wrapper--epic:before {
    background: linear-gradient(180deg,#ffc736,rgba(147,63,15,.99))
}

.lucky-prizes-modal__reward-wrapper--rare:before {
    background: linear-gradient(8deg,#003f5a 7.06%,#03b6aa 93.81%)
}

.lucky-prizes-modal__reward {
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 32px 24px;
    position: relative;
    z-index: 2
}

.lucky-prizes-modal__reward-title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-align: center
}

.lucky-prizes-modal__reward-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 20px 0 0;
    padding: 0
}

.lucky-prizes-modal__reward-item {
    display: flex;
    justify-content: space-between;
    margin: 0
}

.lucky-prizes-modal__reward-item span {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 20px
}

.lucky-prizes-modal__reward-item span:last-child {
    color: #fff;
    font-weight: 700
}

.lucky-wheel {
    border: 2px solid;
    -o-border-image: url(/images/wheel.9b64bc98..webp) 1 fill/0/30px round;
    border-image: url(/images/wheel.9b64bc98..webp) 1 fill/0/30px round;
    border-radius: 50%;
    box-shadow: inset 5px 5px 5px 5px rgba(0,0,0,.25),inset -6px 5px 5px 5px rgba(0,0,0,.25),inset 0 -5px 5px 5px rgba(0,0,0,.25);
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width: 1440px) {
    .lucky-wheel {
        box-shadow:inset 15px 15px 15px 15px rgba(0,0,0,.25),inset -15px 15px 15px 15px rgba(0,0,0,.25),inset 0 -15px 15px 15px rgba(0,0,0,.25)
    }
}

.lucky-wheel__sector-wrap {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: -1
}

.lucky-wheel__wheel-img {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.lucky-wheel__sector {
    box-shadow: inset 3px 0 5px 0 rgba(0,0,0,.25);
    box-sizing: border-box;
    clip-path: polygon(100% 0,50% 100%,0 0);
    display: flex;
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.35));
    height: 50%;
    justify-content: center;
    left: 33.5%;
    padding-top: 20px;
    position: absolute;
    transform: translate(-50%);
    transform-origin: bottom;
    white-space: break-spaces;
    width: 33%;
    z-index: var(--i)
}

@media(min-width: 1440px) {
    .lucky-wheel__sector {
        padding-top:40px
    }
}

.lucky-wheel__sector span {
    color: #fff;
    font-family: Rubik,Arial,sans-serif;
    font-size: 7.5px;
    font-weight: 700;
    max-width: 30px;
    text-align: center;
    text-shadow: 0 1.3567487001px 2.7134974003px rgba(0,0,0,.5);
    text-transform: uppercase
}

@media(min-width: 768px) {
    .lucky-wheel__sector span {
        font-size:8.686px;
        max-width: 50px;
        text-shadow: 0 .9px 1.8px rgba(0,0,0,.5)
    }
}

@media(min-width: 1440px) {
    .lucky-wheel__sector span {
        font-size:13.536px;
        max-width: 60px;
        text-shadow: 0 1.35px 2.7px rgba(0,0,0,.5)
    }
}

.lucky-wheel__sector:first-child {
    background: linear-gradient(125deg,#00d1ff 41.02%,#09fffc 67.75%);
    box-shadow: inset 4px 0 6px 0 rgba(0,0,0,.25);
    left: 50%
}

.lucky-wheel__sector:nth-child(2) {
    background: linear-gradient(29deg,#ff3d33 45.43%,#cb2e25 101.01%);
    filter: drop-shadow(-4px 0 5px rgba(0,0,0,.35));
    transform: rotate(36deg)
}

.lucky-wheel__sector:nth-child(3) {
    background: linear-gradient(342deg,#faff1d 41.89%,#cdc500 69.89%);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.45);
    transform: rotate(72deg)
}

.lucky-wheel__sector:nth-child(4) {
    background: linear-gradient(113deg,#fb1acf 58.26%,#d214a2 90.38%);
    box-shadow: inset -3px 0 5px 0 rgba(0,0,0,.25);
    transform: rotate(108deg)
}

.lucky-wheel__sector:nth-child(5) {
    background: linear-gradient(141deg,#00dcc0 35.13%,#00c0a4 76.25%);
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.25);
    transform: rotate(144deg)
}

.lucky-wheel__sector:nth-child(6) {
    background: linear-gradient(166deg,#a91dff 53.87%,#3f0071 90.14%);
    box-shadow: inset 0 3px 5px 0 rgba(0,0,0,.25);
    transform: rotate(180deg)
}

.lucky-wheel__sector:nth-child(7) {
    background: linear-gradient(309deg,#ff7190 52.06%,#dd5f76 81.39%);
    box-shadow: inset -3px 0 5px 0 rgba(0,0,0,.25);
    transform: rotate(216deg)
}

.lucky-wheel__sector:nth-child(8) {
    background: linear-gradient(305deg,#a6ff35 40.81%,#3ab500 79.79%);
    box-shadow: inset 0 3px 3px 0 rgba(0,0,0,.25);
    filter: drop-shadow(0 3px 5px rgba(0,0,0,.35));
    transform: rotate(252deg)
}

.lucky-wheel__sector:nth-child(9) {
    background: linear-gradient(260deg,#3157fd 70.73%,#233ca5 95.79%);
    filter: drop-shadow(0 3.3px 5.4px rgba(0,0,0,.35));
    transform: rotate(288deg)
}

.lucky-wheel__sector:nth-child(10) {
    background: linear-gradient(73deg,#ff891d 53.18%,#da5c01 82.37%);
    box-shadow: inset 3.39187px 0 5.42699px 0 rgba(0,0,0,.25);
    transform: rotate(324deg)
}

.metamask-install-modal-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px
}

.metamask-install-modal-block__message,.metamask-sign-up-modal-block__header {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2
}

.metamask-sign-up-modal-block__header {
    align-items: center;
    background-color: #22242c;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    min-height: 40px;
    padding: 10px;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .metamask-sign-up-modal-block__header {
        font-size:20px;
        min-height: 60px;
        padding: 10px 40px
    }
}

.metamask-sign-up-modal-block__body {
    padding: 25px
}

.metamask-sign-up-form {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.metamask-sign-up-form__submit-button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%
}

.mission-card__modal .modal__content {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.mission-card__modal .modal__content::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.mission-card__modal .modal__content::-webkit-scrollbar-track {
    background: transparent
}

.mission-card__modal .modal__content::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.mission-card__modal .modal__content::-webkit-scrollbar-thumb:hover,.mission-card__modal .modal__content:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.mission-card {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mission-card__body,.mission-card__header {
    background: #1a1a22
}

.mission-card__header {
    align-items: center;
    border-radius: 8px 8px 4px 4px;
    display: flex;
    justify-content: center;
    min-height: 80px;
    padding: 16px
}

.mission-card__period {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    text-align: center
}

.mission-card__body {
    align-items: center;
    border-radius: 8px 8px 4px 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px 16px 24px
}

.mission-card__img-wrapper {
    max-height: 80px;
    max-width: 80px
}

.mission-card__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
    transition: transform .3s
}

@media(min-width: 480px) {
    .mission-card__content {
        margin-bottom:0
    }
}

.mission-card__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.mission-card__title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133%;
    margin-bottom: 16px;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    transition: opacity .3s
}

.mission-card__prize {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    text-align: center
}

.mission-card .mission-card__btn {
    font-size: 14px;
    height: unset;
    letter-spacing: .2px;
    line-height: 143%;
    margin-bottom: 0;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 8px 12px;
    text-transform: capitalize;
    transition: opacity .3s
}

@media(min-width: 480px) {
    .mission-card .mission-card__btn {
        margin-top:auto;
        opacity: 0;
        pointer-events: none
    }

    .mission-card:hover .mission-card__title {
        opacity: 0
    }

    .mission-card:hover .mission-card__content {
        transform: translateY(-32px)
    }

    .mission-card:hover .mission-card__btn {
        opacity: 1;
        pointer-events: unset
    }
}

.mission-card__modal .modal__content-wrapper {
    height: 100%;
    margin: 0;
    width: 100%
}

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

.mission-card__modal .modal__content {
    border-radius: unset;
    height: 100%;
    margin: 0
}

@media(min-width: 768px) {
    .mission-card__modal .modal__content {
        border-radius:20px;
        height: auto;
        margin: 32px auto;
        min-height: 600px
    }
}

.mission-card-modal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 56px 16px 120px
}

@media(min-width: 768px) {
    .mission-card-modal-content {
        padding:40px 48px 120px
    }
}

.mission-card-modal-content__img-wrapper {
    height: 100%;
    margin-bottom: 24px;
    max-height: 100px;
    max-width: 100px;
    width: 100%
}

.mission-card-modal-content__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.mission-card-modal-content__main-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 133.33%;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: center
}

.mission-card-modal-content__title {
    flex-basis: 104px
}

.mission-card-modal-content__desc {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 24px;
    text-align: center
}

.mission-card-modal-content__options {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%
}

.mission-card-modal-content__option {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    display: flex;
    font-size: 14px;
    gap: 24px;
    justify-content: space-between;
    line-height: 143%;
    padding: 14px 0;
    width: 100%
}

.mission-card-modal-content__text {
    color: #fff;
    flex: 1 1 100%;
    text-align: right
}

.mission-card-modal-content__clipboard {
    color: #00dccd;
    -moz-column-gap: 8px;
    column-gap: 8px;
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase
}

.mission-card-modal-content__clipboard .clipboard__icon-wrap {
    position: static
}

.mission-card-modal-content__notification {
    align-items: center;
    color: #ffc736;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 8px;
    line-height: 143%;
    margin-top: 24px
}

.mission-list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2,1fr)
}

@media(min-width: 768px) {
    .mission-list {
        grid-template-columns:repeat(4,1fr)
    }

    .mission-list--big.mission-list {
        grid-template-columns: repeat(3,1fr)
    }
}

.page-lootboxes {
    color: #181a1f;
    font-size: 20px;
    font-weight: 400;
    padding: 30px 0;
    position: relative;
    text-align: center
}

.page-lootboxes__container {
    background-color: #ff230a;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

.page-lootboxes__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.page-lootboxes__content {
    padding: 30px;
    position: relative
}

@media(min-width: 768px) {
    .page-lootboxes__content {
        padding:60px 30px
    }
}

.page-lootboxes__title {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px
}

@media(min-width: 768px) {
    .page-lootboxes__title {
        font-size:36px
    }
}

.page-lootboxes__description {
    font-size: 20px;
    margin: 0 auto 30px;
    max-width: 630px
}

@media(min-width: 768px) {
    .page-lootboxes__description {
        margin-bottom:70px
    }
}

.page-lootboxes__button {
    margin-top: 30px
}

@media(min-width: 768px) {
    .page-lootboxes__button {
        margin-top:20px
    }
}

.page-lootboxes__button .deposit-button {
    min-width: 164px
}

.page-lootboxes__boxes {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    padding: 0
}

@media(min-width: 768px) {
    .page-lootboxes__boxes {
        align-items:flex-start;
        flex-direction: row
    }
}

.page-lootboxes__box {
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    margin: 0 auto 30px;
    text-align: center;
    width: 220px
}

@media(min-width: 768px) {
    .page-lootboxes__box {
        margin:0 50px
    }
}

.page-lootboxes__box:last-child {
    margin: 0 auto
}

@media(min-width: 768px) {
    .page-lootboxes__box:last-child {
        margin:0 50px
    }
}

.page-lootboxes__list {
    grid-gap: 8px;
    counter-reset: list-counter;
    display: grid;
    grid-template-columns: 1fr;
    margin: 30px auto 0;
    max-width: 880px
}

@media(min-width: 768px) {
    .page-lootboxes__list {
        grid-gap:20px;
        grid-template-columns: repeat(3,1fr);
        margin-top: 50px
    }
}

.page-lootboxes__item {
    align-self: stretch;
    background-color: hsla(0,0%,100%,.2);
    border-radius: 8px;
    color: #22242c;
    counter-increment: list-counter;
    display: block;
    font-size: 14px;
    font-weight: 700;
    min-height: 136px;
    padding: 20px;
    text-align: center;
    width: 100%
}

.page-lootboxes__subtitle {
    color: #ec3200;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.page-lootboxes__subtitle:before {
    content: counter(list-counter) ".";
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.page-lootwheel__tabs {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 10px;
    min-height: 32px;
    padding: 0 70px 0 0
}

.page-lootwheel__tab {
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    max-width: calc(50% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-lootwheel__tab:not(:first-child) {
    margin-left: 20px
}

.page-lootwheel__tab--active,.page-lootwheel__tab--active:active,.page-lootwheel__tab--active:focus {
    color: #fff
}

.page-lootwheel__content {
    display: none
}

.page-lootwheel__content--active {
    display: block
}

.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
}

.pagination {
    gap: 4px;
    margin-top: 16px
}

.pagination,.pagination__item {
    display: flex;
    justify-content: center
}

.pagination__item {
    align-items: center;
    background-color: #2b2d32;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    padding: 8px;
    transition: background-color .3s ease;
    width: 36px
}

.pagination__item--prev {
    font-size: 8px;
    margin-right: 12px
}

.pagination__item--next {
    font-size: 8px;
    margin-left: 12px
}

.pagination__item--disable {
    cursor: not-allowed;
    opacity: .6
}

.pagination__item--disable:hover {
    background-color: #2b2d32
}

.pagination__points {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 36px;
    padding: 10px;
    text-align: center;
    width: 36px
}

.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--standalone {
    height: 66px
}

.panel--standalone .panel__list {
    padding-bottom: 12px
}

.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: #ff230a;
    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 .panel__link {
    color: hsla(0,0%,100%,.65);
    display: flex;
    flex-direction: column;
    font-family: Roboto,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
    text-transform: capitalize;
    transition: color .3s ease
}

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

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

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

.panel .panel__icon {
    margin-bottom: 6px
}

@media(min-width: 768px) {
    .panel .panel__icon {
        margin-bottom:0;
        margin-right: 8px
    }
}

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

.payment-list__image-wrap {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    min-height: 45px;
    min-width: 112px;
    width: 112px
}

@media(min-width: 1440px) {
    .payment-list__image-wrap {
        min-height:50px;
        min-width: 124px;
        width: 124px
    }
}

.payment-list__image-wrap img {
    max-height: 100%;
    max-width: 98px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    padding: 0 6px
}

@media(max-width: 1199px) {
    .payment-list .payment-list__payment {
        height:50px;
        left: 0;
        padding: 12px!important;
        position: absolute;
        top: 12px;
        width: 124px!important
    }
}

.payment-list__payment-info {
    align-items: center;
    display: flex;
    gap: 16px
}

.payment-list .payment-list__method {
    color: #fff;
    font-size: 14px
}

@media(max-width: 1199px) {
    .payment-list .payment-list__method {
        display:none
    }
}

.payment-list .payment-list__btn {
    height: 40px;
    margin: 0
}

@media(max-width: 1199px) {
    .payment-list .payment-list__btn {
        left:6px;
        min-width: 112px!important;
        position: absolute;
        top: 70px
    }
}

.payment-list .payment-list__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 32px
}

@media(min-width: 1200px) {
    .payment-list .payment-list__text {
        margin:0 0 40px
    }
}

.payment-list .payment-list__table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: auto;
    width: 100%
}

@media(max-width: 1199px) {
    .payment-list .payment-list__table {
        border:none
    }

    .payment-list .payment-list__table thead {
        display: none
    }
}

.payment-list .payment-list__table thead tr th {
    background-color: #22222b;
    border: none;
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 500;
    height: 42px;
    letter-spacing: .2px;
    line-height: 16px;
    padding: 20px 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap
}

@media(min-width: 1200px) {
    .payment-list .payment-list__table thead tr th {
        width:16.6666666667%
    }
}

.payment-list .payment-list__table thead tr th:first-child {
    border-radius: 8px 0 0 8px;
    padding: 20px 16px;
    width: 22%
}

@media(min-width: 1440px) {
    .payment-list .payment-list__table thead tr th:first-child {
        padding:20px
    }
}

@media(min-width: 1680px) {
    .payment-list .payment-list__table thead tr th:first-child {
        padding:20px 24px
    }
}

.payment-list .payment-list__table thead tr th:last-child {
    border-radius: 0 8px 8px 0;
    padding-right: 0;
    width: 100px
}

@media(min-width: 1440px) {
    .payment-list .payment-list__table thead tr th:last-child {
        padding:20px
    }
}

@media(min-width: 1680px) {
    .payment-list .payment-list__table thead tr th:last-child {
        padding:20px 24px
    }
}

@media(min-width: 1200px) {
    .payment-list .payment-list__table thead tr th:last-child {
        color:transparent;
        width: 15%
    }
}

.payment-list .payment-list__table tbody tr {
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    overflow: hidden;
    text-align: center
}

@media(min-width: 767px)and (max-width:1199px) {
    .payment-list .payment-list__table tbody tr {
        padding-bottom:12px;
        padding-left: 180px;
        padding-top: 10px
    }
}

@media(max-width: 1199px) {
    .payment-list .payment-list__table tbody tr {
        display:flex;
        flex-wrap: wrap;
        position: relative
    }

    .payment-list .payment-list__table tbody tr:not(:last-child) {
        margin-bottom: 8px
    }
}

.payment-list .payment-list__table tbody tr:last-child,.payment-list .payment-list__table tbody tr:last-child td {
    border-bottom: none
}

.payment-list .payment-list__table tbody tr td {
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-width: 90px;
    padding: 10px 10px 10px 0;
    text-align: left;
    vertical-align: middle
}

@media(max-width: 1199px) {
    .payment-list .payment-list__table tbody tr td {
        border:none;
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding-left: 140px;
        width: 100%
    }

    .payment-list .payment-list__table tbody tr td:before {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        color: hsla(0,0%,100%,.4);
        content: attr(data-title);
        left: 0;
        line-height: 16px;
        position: static;
        width: 100%
    }
}

@media(min-width: 767px)and (max-width:1199px) {
    .payment-list .payment-list__table tbody tr td {
        flex:1 1 50%;
        padding-left: 0
    }
}

@media(min-width: 1200px) {
    .payment-list .payment-list__table tbody tr td {
        padding:24px 0
    }
}

@media(min-width: 1440px) {
    .payment-list .payment-list__table tbody tr td {
        padding:20px 0
    }
}

.payment-list .payment-list__table tbody tr td:last-child {
    padding-right: 0;
    width: 100px
}

@media(max-width: 1199px) {
    .payment-list .payment-list__table tbody tr td:first-child,.payment-list .payment-list__table tbody tr td:last-child {
        align-items:center;
        border: none;
        display: flex;
        justify-content: center;
        padding: 0;
        text-align: center
    }

    .payment-list .payment-list__table tbody tr td:first-child:before,.payment-list .payment-list__table tbody tr td:last-child:before {
        display: none
    }
}

@media(min-width: 1200px) {
    .payment-list .payment-list__table tbody tr td:first-child {
        min-width:240px
    }
}

@media(max-width: 1199px) {
    .payment-list .payment-list__table tbody tr td:last-child {
        width:100%
    }
}

@media(min-width: 1200px) {
    .payment-list .payment-list__table tbody tr td:last-child {
        text-align:right
    }
}

.payment-list .payment-list__table .deposit-button,.payment-list .payment-list__table .withdrawal-button {
    font-size: 14px!important;
    line-height: 20px!important;
    min-width: 105px;
    padding: 12px 20px;
    white-space: nowrap;
    width: auto
}

@media(min-width: 1200px) {
    .payment-list .payment-list__table .deposit-button,.payment-list .payment-list__table .withdrawal-button {
        min-width:unset
    }
}

.btn,.withdrawal-button {
    align-items: center;
    background: #ff230a;
    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,.withdrawal-button:active,.withdrawal-button:focus,.withdrawal-button:hover {
    background: #ff442b
}

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

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

.payment-tables__children-content {
    margin: 0 0 36px
}

.payment-tables__tabs {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 16px
}

.payment-tables .payment-tables__tab {
    align-items: center;
    border-bottom: 2px solid transparent;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 20px;
    min-height: 32px;
    overflow: hidden;
    padding: 0 0 14px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: border-color .3s ease,color .3s ease;
    white-space: nowrap
}

.payment-tables .payment-tables__tab:not(:first-child) {
    margin-left: 24px
}

.payment-tables .payment-tables__tab--active,.payment-tables .payment-tables__tab:hover {
    border-bottom: 2px solid #ff230a;
    color: #fff
}

.payment-tables__content {
    display: block
}

.payment-tables__content--hide {
    display: none
}

.profile-modal {
    padding: 24px 16px
}

@media(min-width: 768px) {
    .profile-modal {
        padding:24px
    }
}

.profile-modal__title {
    color: #fff;
    font-family: Roboto,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
}

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

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

.user-menu__utils>:not(:last-child) {
    position: relative
}

@media(min-width: 960px) {
    .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__utils--hidden {
    display: none
}

.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: Roboto,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: Roboto,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;
    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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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 {
    margin-right: 12px
}

.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
}

.user-menu__player-level {
    background: #1a1a22;
    border-radius: 8px;
    max-width: 100%;
    padding: 16px
}

@media(min-width: 960px) {
    .user-menu__player-level {
        background:transparent;
        border-radius: 0;
        padding: 0
    }
}

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

.select-header-currency__wrapper::-webkit-scrollbar-thumb {
    background: #363645;
    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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    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: Roboto,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
}

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

@media(min-width: 960px) {
    .user-menu-rcp {
        background:#282833;
        border-radius: 0;
        padding: 0
    }
}

.user-menu-rcp__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 13px
}

.user-menu-rcp__balance {
    display: flex;
    gap: 16px
}

.user-menu-rcp__icon {
    align-items: center;
    color: #ff230a;
    display: flex;
    flex: 0 0 46px;
    font-size: 46px;
    height: 46px;
    justify-content: center
}

.user-menu-rcp__title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 0 4px;
    text-transform: uppercase
}

.user-menu-rcp__amount {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

.user-menu-rcp--compact .user-menu-rcp__inner {
    flex-wrap: nowrap
}

.user-menu-rcp--compact .user-menu-rcp__title {
    display: none
}

.user-menu-rcp--compact .user-menu-rcp__icon {
    align-items: center;
    color: #ff230a;
    display: flex;
    flex: 0 0 26px;
    font-size: 26px;
    height: 26px;
    justify-content: center
}

.comp-points {
    display: flex
}

.comp-points__redeemable-title {
    padding-bottom: 4px;
    text-transform: uppercase
}

.comp-points__status {
    padding: 20px
}

.comp-points__redeemable-count {
    font-size: 20px;
    text-align: center
}

.comp-points__redeemable-title {
    margin-top: 10px
}

.comp-points__status-count {
    font-size: 20px;
    text-align: center
}

.comp-points__status-title {
    margin-top: 10px
}

.comp-points--inline .comp-points__redeemable {
    align-items: center;
    display: flex;
    gap: 12px;
    margin: 0;
    padding: 0
}

.comp-points--inline .comp-points__redeemable-count {
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 960px) {
    .comp-points--inline .comp-points__redeemable-count {
        font-size:14px;
        line-height: 20px
    }
}

.comp-points--inline .comp-points__redeemable-title {
    color: #adadad;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0
}

.comp-points__icon {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    margin: 0 8px;
    width: 40px
}

.comp-points__image {
    height: 100%;
    width: 100%
}

.sign-out-menu-button.menu-button {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-family: Roboto,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 {
    margin-right: 12px
}

.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
}

.promo-clipboard {
    display: flex;
    flex-direction: column;
    margin: 32px 0;
    row-gap: 12px
}

@media(min-width: 1200px) {
    .promo-clipboard {
        row-gap:16px
    }
}

.promo-clipboard__code {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media(min-width: 768px) {
    .promo-clipboard__code {
        flex-direction:row;
        max-width: unset
    }
}

.promo-clipboard__code .promo-clipboard__clipboard {
    padding: 8px 9px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .promo-clipboard__code .promo-clipboard__clipboard {
        flex-direction:row;
        max-width: 360px;
        max-width: 50%;
        padding: 8px
    }
}

.promo-clipboard__code .promo-clipboard__clipboard__inner {
    border: 2px solid #0a0a0d;
    padding: 12px 20px
}

@media(min-width: 768px) {
    .promo-clipboard__code .promo-clipboard__clipboard__inner {
        padding:13px 20px
    }
}

.promo-item {
    align-items: center;
    align-self: stretch;
    background-color: #22242c;
    border-radius: 10px;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0;
    min-height: 100%;
    overflow: hidden;
    padding: 44px 20px;
    position: relative;
    text-align: left;
    width: 100%
}

@media(min-width: 768px) {
    .promo-item {
        padding:40px 50px
    }
}

.promo-item__bg {
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.promo-item__content {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .promo-item__content {
        max-width:60%
    }
}

@media(min-width: 1200px) {
    .promo-item--small .promo-item__content {
        max-width:100%
    }
}

.promo-item__subtitle {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: capitalize
}

@media(min-width: 768px) {
    .promo-item__subtitle {
        font-size:24px
    }
}

.promo-item__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

@media(min-width: 768px) {
    .promo-item__title {
        font-size:32px
    }
}

.promo-item__bnt-wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: auto 0 0;
    padding: 20px 0 0;
    position: relative;
    width: 100%
}

.promo-item .promo-item__terms {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    text-decoration: none;
    transition: color .3s ease
}

.promo-item .promo-item__terms:hover {
    color: #ff230a
}

.promo-list__title {
    padding-bottom: 30px
}

.promo-list__bonuses-grid {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

@media(min-width: 768px) {
    .promo-list__bonuses-grid {
        grid-gap:30px
    }
}

.promo-list__bonuses-grid-cell {
    grid-column: span 2;
    min-height: 360px
}

@media(min-width: 1200px) {
    .promo-list__bonuses-grid-cell--small {
        grid-column:span 1
    }
}

.promo-page__section:not(:last-child) {
    padding-bottom: 30px
}

@media(min-width: 768px) {
    .promo-page__section:not(:last-child) {
        padding-bottom:45px
    }
}

@media(min-width: 1200px) {
    .promo-page__section:not(:last-child) {
        padding-bottom:50px
    }
}

.promo-single-page-background {
    height: 400px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .promo-single-page-background {
        height:600px
    }
}

.promotion-ticker {
    position: fixed;
    width: 100%;
    z-index: 1
}

.promotion-ticker__content {
    background-color: #1a1a22;
    display: flex;
    max-width: 100%;
    padding: 3px 0 5px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media(min-width: 768px) {
    .promotion-ticker__content {
        position:absolute
    }
}

.promotion-ticker__wrapper {
    animation: ticker-mobile 6s linear infinite;
    -webkit-animation: ticker-mobile 6s linear infinite;
    display: flex;
    justify-content: space-around;
    min-width: 100%
}

.promotion-ticker__wrapper_desktop {
    animation: ticker 24s linear infinite;
    -webkit-animation: ticker 24s linear infinite
}

.promotion-ticker__wrapper--items {
    -moz-column-gap: 72px;
    column-gap: 72px;
    flex-shrink: 0;
    padding-left: 72px
}

.promotion-ticker__wrapper--images {
    position: absolute;
    top: -58px;
    z-index: 1
}

.promotion-ticker__image {
    animation: fall 6s linear infinite;
    position: absolute
}

.promotion-ticker__container--image {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.promotion-ticker__container--image:nth-child(2) .promotion-ticker__image {
    animation: fall 6s linear 4s infinite
}

.promotion-ticker__container--image:last-child .promotion-ticker__image {
    animation: fall-reverse 6s linear 1s infinite
}

.promotion-ticker__container--content {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    width: 238px
}

.promotion-ticker__container--content:nth-child(odd) .promotion-ticker__text {
    color: #ff230a
}

.promotion-ticker__text {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.promotion-ticker__text--selected {
    color: #ff230a
}

.promotion-ticker__img {
    align-items: center;
    display: flex;
    justify-content: center
}

@keyframes ticker-mobile {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-620px)
    }
}

@keyframes ticker {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes fall {
    0% {
        transform: translate(0) scale(1) rotate(30deg)
    }

    60% {
        opacity: 1;
        transform: translateY(110px) scale(.7) rotate(-30deg)
    }

    to {
        opacity: 0;
        transform: translateY(128px) scale(.3) rotate(30deg)
    }
}

@keyframes fall-reverse {
    0% {
        transform: translate(0) scale(1) rotate(-30deg)
    }

    60% {
        opacity: 1;
        transform: translateY(110px) scale(.7) rotate(30deg)
    }

    to {
        opacity: 0;
        transform: translateY(128px) scale(.3) rotate(-30deg)
    }
}

.promotions-block {
    margin-bottom: 40px
}

@media(min-width: 768px) {
    .promotions-block {
        margin-bottom:48px
    }
}

.promotions-block__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 32px 0 8px
}

@media(min-width: 1200px) {
    .promotions-block__title {
        font-size:24px;
        line-height: 32px;
        margin: 40px 0 8px
    }
}

.promotions-block__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0 0 24px 0
}

.promotions-block__cards {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 24px;
    row-gap: 12px
}

@media(min-width: 768px) {
    .promotions-block__cards {
        -moz-column-gap:12px;
        column-gap: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1200px) {
    .promotions-block__cards {
        -moz-column-gap:16px;
        column-gap: 16px;
        row-gap: 16px
    }
}

.promotions-block__card {
    border-radius: 12px;
    min-height: 268px;
    overflow: hidden
}

.promotions-block__card--full {
    grid-column: 1/-1
}

@media(min-width: 480px) {
    .promotions-block__card {
        min-height:264px
    }
}

@media(min-width: 768px) {
    .promotions-block__card {
        min-height:294px
    }
}

@media(min-width: 1200px) {
    .promotions-block__card {
        min-height:312px
    }
}

.promotions-block--active {
    margin-top: 32px
}

@media(min-width: 1200px) {
    .promotions-block--active {
        margin-top:40px
    }
}

.promotions-categories {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.promotions-categories:after {
    background: hsla(0,0%,100%,.12);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.promotions-categories__buttons {
    -ms-overflow-style: none;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 13px;
    scrollbar-width: none
}

.promotions-categories__buttons::-webkit-scrollbar {
    display: none
}

.promotions-categories .promotions-categories__button {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.promotions-categories .promotions-categories__button--active,.promotions-categories .promotions-categories__button:active,.promotions-categories .promotions-categories__button:focus,.promotions-categories .promotions-categories__button:hover {
    color: #fff
}

.promotions-categories .promotions-categories__button--active:after {
    background: #ff230a;
    bottom: -13px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.random-bonus-box.--step-first .random-bonus-box__box-close: :-webkit-scrollbar {
    width:4px
}

.random-bonus-box.--step-first .random-bonus-box__box-close: :-webkit-scrollbar-thumb {
    background:#363645;
    border-radius: 10px
}

@media(min-width: 768px) {
    .random-bonus-box {
        overflow:hidden
    }
}

.random-bonus-box__title {
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 123%;
    margin: 0
}

.random-bonus-box__stars-bg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.random-bonus-box__stars-bg:after,.random-bonus-box__stars-bg:before {
    background-image: url(/images/stars.37463329..webp);
    background-size: contain;
    content: "";
    height: 400px;
    position: absolute;
    width: 429px;
    z-index: -1
}

.random-bonus-box__stars-bg:after {
    left: -210px;
    top: -250px
}

@media(min-width: 768px) {
    .random-bonus-box__stars-bg:after {
        left:-200px;
        top: -170px
    }
}

.random-bonus-box__stars-bg:before {
    right: -210px;
    top: -250px
}

@media(min-width: 768px) {
    .random-bonus-box__stars-bg:before {
        right:-170px;
        top: -170px
    }
}

.random-bonus-box.--step-first {
    display: flex;
    height: 100%;
    padding: 48px 16px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first {
        min-height:556px;
        min-width: 480px;
        padding: 56px 24px 48px
    }
}

.random-bonus-box.--step-first: after,.random-bonus-box.--step-first:before {
    border-radius:560px;
    content: "";
    height: 400px;
    position: absolute;
    width: 400px;
    z-index: -1
}

.random-bonus-box.--step-first: before {
    background:radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: -150px;
    left: -250px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first:before {
        bottom:-250px;
        left: -200px
    }
}

.random-bonus-box.--step-first: after {
    background:radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    right: -230px;
    top: -250px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first:after {
        right:-130px;
        top: -250px
    }
}

.random-bonus-box.--step-first .random-bonus-box__box-close {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.random-bonus-box.--step-first .random-bonus-box__title {
    color: #fff;
    margin: 0 auto 49px;
    max-width: 343px;
    text-align: center
}

.random-bonus-box.--step-first .random-bonus-box__img-wrap {
    margin-bottom: 40px;
    max-height: 238px;
    max-width: 222px;
    position: relative;
    width: 100%
}

.random-bonus-box.--step-first .random-bonus-box__img-wrap: after,.random-bonus-box.--step-first .random-bonus-box__img-wrap:before {
    content:"";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.random-bonus-box.--step-first .random-bonus-box__img-wrap: after {
    background-color:#03aea4;
    filter: blur(40px);
    height: 65%;
    width: 65%
}

.random-bonus-box.--step-first .random-bonus-box__img-wrap: before {
    background-image:url(/images/stars.37463329..webp);
    background-repeat: no-repeat;
    height: 280px;
    top: 110px;
    width: 300px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first .random-bonus-box__img-wrap {
        margin-bottom:20px;
        max-height: 233px;
        max-width: 223px
    }
}

.random-bonus-box.--step-first .random-bonus-box__img {
    animation: rotate-box 3s linear infinite;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.random-bonus-box.--step-first .random-bonus-box__img: hover {
    cursor:pointer
}

.random-bonus-box.--step-first .random-bonus-box__star {
    background-image: url(/images/stars.37463329..webp);
    background-repeat: no-repeat;
    content: "";
    cursor: pointer;
    height: 244px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 136px;
    transform: translate(-50%,-50%);
    width: 262px;
    z-index: 1
}

.random-bonus-box.--step-first .random-bonus-box__btn {
    margin-top: auto;
    max-width: 350px;
    width: 100%
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first .random-bonus-box__btn {
        max-width:-moz-max-content;
        max-width: max-content;
        padding: 16px 24px
    }
}

.random-bonus-box.--closed .random-bonus-box__title {
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateY(150%) scale(.2);
    transition: transform,opacity,.2s
}

.random-bonus-box.--closed .random-bonus-box__img-wrap {
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateY(30%) scale(.2);
    transition: transform,opacity,.2s
}

.random-bonus-box.--closed .random-bonus-box__btn {
    opacity: 0;
    transition: opacity .2s
}

.random-bonus-box.--step-second {
    align-items: flex-start;
    padding-top: 39px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-second {
        padding-top:17px
    }
}

.random-bonus-box.--step-second .random-bonus-box__box-close {
    display: none
}

.random-bonus-box.--step-second .random-bonus-box__title {
    animation: onset-prize 1.5s linear .5s forwards;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    top: 117px;
    transform: translateY(80px);
    z-index: 1
}

@media(min-width: 768px) {
    .random-bonus-box.--step-second .random-bonus-box__title {
        top:156px
    }
}

.random-bonus-box.--step-second .random-bonus-box__subtitle {
    animation: onset-title 1.5s linear .5s forwards;
    color: #ffc736;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    opacity: 0;
    position: absolute;
    top: 81px;
    transform: translateY(80px);
    z-index: 1
}

@media(min-width: 768px) {
    .random-bonus-box.--step-second .random-bonus-box__subtitle {
        top:120px
    }
}

.random-bonus-box.--step-second .random-bonus-box__box-open {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 479px;
    position: relative;
    width: 100%
}

.random-bonus-box.--step-second .random-bonus-box__img {
    animation: close-hidden .3s reverse forwards;
    margin-bottom: -80px;
    margin-top: -10px;
    width: 375px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-second .random-bonus-box__img {
        margin-bottom:-90px;
        margin-top: 0;
        width: 387px
    }
}

.random-bonus-box.--step-second .random-bonus-box__btn {
    animation: opacity .3s reverse forwards
}

.random-bonus-box.--step-last {
    padding: 80px 16px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .random-bonus-box.--step-last {
        max-width:480px;
        padding: 48px 56px
    }
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last {
        max-width:1024px;
        width: 1024px
    }
}

.random-bonus-box.--step-last: after,.random-bonus-box.--step-last:before {
    content:none
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last:after,.random-bonus-box.--step-last:before {
        border-radius:560px;
        content: "";
        position: absolute;
        z-index: -1
    }

    .random-bonus-box.--step-last: before {
        background:radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
        border-radius: 991px;
        bottom: -550px;
        height: 809px;
        right: -450px;
        width: 991px
    }

    .random-bonus-box.--step-last: after {
        background:radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
        border-radius: 896px;
        height: 560px;
        right: -250px;
        top: -350px;
        width: 896px
    }
}

.random-bonus-box.--step-last .random-bonus-box__box-close,.random-bonus-box.--step-last .random-bonus-box__box-open {
    display: none
}

.random-bonus-box.--step-last .random-bonus-box__register {
    display: flex;
    flex-direction: column
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__register {
        flex-direction:row
    }
}

.random-bonus-box.--step-last .random-bonus-box__img {
    left: 50%;
    min-width: 480px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

.random-bonus-box.--step-last .random-bonus-box__form {
    order: 2
}

.random-bonus-box.--step-last .random-bonus-box__form .sign-up-steps {
    flex-wrap: nowrap;
    margin-top: 32px
}

.random-bonus-box.--step-last .random-bonus-box__form .registration-dynamic-form__footer {
    display: none
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__form {
        margin-right:112px;
        order: 1;
        width: 400px
    }
}

.random-bonus-box.--step-last .random-bonus-box__content {
    order: 1
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__content {
        align-items:center;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        order: 2;
        position: relative
    }
}

.random-bonus-box.--step-last .random-bonus-box__logo {
    display: none
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__logo {
        display:flex;
        margin-bottom: 32px
    }

    .random-bonus-box.--step-last .random-bonus-box__logo .image {
        -o-object-fit: cover;
        object-fit: cover;
        width: 171px
    }
}

.random-bonus-box.--step-last .random-bonus-box__content {
    display: flex;
    flex-direction: column
}

.random-bonus-box.--step-last .random-bonus-box__subtitle {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__subtitle {
        font-size:16px;
        line-height: 150%
    }
}

.random-bonus-box.--step-last .random-bonus-box__title {
    color: #00dccd;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    max-width: 333px
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__title {
        font-size:26px;
        line-height: 123%;
        text-align: center
    }
}

.random-bonus-box.--step-last .random-bonus-box__bg-wrap {
    display: none
}

@media(min-width: 1200px) {
    .random-bonus-box.--step-last .random-bonus-box__bg-wrap {
        align-items:center;
        display: flex;
        height: 306px;
        justify-content: center;
        margin-bottom: 25px;
        margin-top: 12px;
        width: 100%;
        z-index: -1
    }
}

.random-bonus-box.--step-last .random-bonus-box__bg,.random-bonus-box.--step-last .random-bonus-box__box-wrap,.random-bonus-box.--step-last .random-bonus-box__stars--first,.random-bonus-box.--step-last .random-bonus-box__stars--second,.random-bonus-box.--step-last .random-bonus-box__stars--static {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.random-bonus-box.--step-last .random-bonus-box__bg,.random-bonus-box.--step-last .random-bonus-box__stars--static {
    -o-object-fit: cover;
    object-fit: cover;
    width: 528px;
    z-index: 1
}

.random-bonus-box.--step-last .random-bonus-box__stars--first,.random-bonus-box.--step-last .random-bonus-box__stars--second {
    -o-object-fit: cover;
    object-fit: cover;
    top: 60%;
    width: 400px;
    z-index: 1
}

.random-bonus-box.--step-last .random-bonus-box__stars--first {
    animation: random-stars-anim 3s linear infinite alternate
}

.random-bonus-box.--step-last .random-bonus-box__stars--second {
    animation: random-stars-anim 3s linear 3s infinite alternate
}

.random-bonus-box.--step-last .random-bonus-box__box-wrap {
    height: 100%;
    max-height: 211px;
    max-width: 196px;
    top: 60%;
    width: 100%;
    z-index: 5
}

.random-bonus-box.--step-last .random-bonus-box__box-wrap: after {
    background:rgba(3,174,164,.4);
    bottom: 0;
    content: "";
    filter: blur(40px);
    height: 59px;
    left: 50%;
    max-width: 159px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

.random-bonus-box.--step-last .random-bonus-box__img-box {
    animation: random-box-animate-main 7s linear infinite;
    height: 100%;
    width: 100%
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__title {
    margin-bottom: 34px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first.--wheel .random-bonus-box__title {
        margin-bottom:24px
    }
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__btn {
    margin-top: auto
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first.--wheel .random-bonus-box__btn {
        margin-top:auto
    }
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap {
    height: 287px;
    margin-bottom: 24px;
    margin-top: 10px;
    max-height: 287px;
    max-width: 287px;
    width: 287px
}

@media(min-width: 768px) {
    .random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap {
        margin-bottom:0
    }
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap: after,.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap:before {
    content:none
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap .lucky-wheel {
    -o-border-image: url(/images/wheel.9b64bc98..webp) 2 fill/0/25px round;
    border-image: url(/images/wheel.9b64bc98..webp) 2 fill/0/25px round;
    box-shadow: inset 10px 10px 10px 10px rgba(0,0,0,.25),inset -11px 10px 10px 10px rgba(0,0,0,.25),inset 0 -10px 10px 10px rgba(0,0,0,.25)
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap .lucky-wheel__sector {
    padding-top: 30px
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap .lucky-wheel__sector span {
    font-size: 8.59px;
    max-width: 50px
}

.random-bonus-box.--step-first.--wheel .random-bonus-box__img-wrap .lucky-wheel__sector-wrap {
    animation: rotate-wheel 8s linear infinite
}

.random-bonus-box.--closed.--wheel .random-bonus-box__btn,.random-bonus-box.--closed.--wheel .random-bonus-box__img-wrap,.random-bonus-box.--closed.--wheel .random-bonus-box__title {
    animation: unset;
    opacity: unset;
    opacity: 0;
    transform: unset;
    transition: opacity .5s linear 2.5s
}

.random-bonus-box.--closed.--wheel .random-bonus-box__img-wrap .lucky-wheel__sector-wrap {
    animation: onset-prize-wheel 2s cubic-bezier(.13,.55,.24,1) forwards;
    opacity: unset;
    transform: unset
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__prize-wrap {
    animation: opacity .5s reverse forwards;
    animation-fill-mode: forwards;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__box-open {
    align-self: normal
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__coins,.random-bonus-box.--step-second.--wheel .random-bonus-box__gradient,.random-bonus-box.--step-second.--wheel .random-bonus-box__light,.random-bonus-box.--step-second.--wheel .random-bonus-box__stars {
    position: absolute;
    top: 0
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__stars {
    height: 344px;
    top: 70px;
    width: 362px;
    z-index: 2
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__gradient {
    height: 474px;
    width: 500px;
    z-index: -1
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__light {
    animation: rotate-light 7s linear .5s infinite;
    height: 572px;
    top: -30px;
    width: 572px;
    z-index: 1
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__coins {
    animation: coins-visible 1s ease-in-out .4s forwards;
    top: 100px;
    width: 478px;
    z-index: 3
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__title {
    animation: onset-prize-second 1s linear .5s forwards;
    top: 243px;
    z-index: 5
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__subtitle {
    animation: onset-title-second 1s linear .5s forwards;
    top: 207px;
    z-index: 6
}

.random-bonus-box.--step-second.--wheel .random-bonus-box__coins,.random-bonus-box.--step-second.--wheel .random-bonus-box__subtitle,.random-bonus-box.--step-second.--wheel .random-bonus-box__title {
    transform: scale(0)
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__bg {
    z-index: -1
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__bg-wrap {
    height: 266px;
    margin-bottom: 46.15px;
    margin-top: 30px;
    width: 266px
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__bg-wrap .lucky-wheel {
    -o-border-image: url(/images/wheel.9b64bc98..webp) 1 fill/0/18px round;
    border-image: url(/images/wheel.9b64bc98..webp) 1 fill/0/18px round;
    box-shadow: inset 10px 10px 10px 10px rgba(0,0,0,.25),inset -11px 10px 10px 10px rgba(0,0,0,.25),inset 0 -10px 10px 10px rgba(0,0,0,.25)
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__bg-wrap .lucky-wheel__sector-wrap {
    animation: rotate-wheel 8s linear infinite
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__bg-wrap .lucky-wheel__sector {
    padding-top: 30px
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__bg-wrap .lucky-wheel__sector span {
    font-size: 8.59px;
    max-width: 50px
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__wheel-wrap {
    height: 100%;
    width: 100%
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__coins {
    position: absolute;
    right: -58px;
    width: 486px
}

.random-bonus-box.--step-last.--wheel .random-bonus-box__title {
    text-transform: uppercase
}

@keyframes onset-prize {
    0% {
        opacity: 0;
        transform: translateY(80px) scale(.3)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        transform: translateY(-30px)
    }

    30% {
        transform: translateY(20px)
    }

    40% {
        transform: translateY(-20px)
    }

    60% {
        transform: translateY(10px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes onset-prize-second {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(.3)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        transform: translateY(-30px)
    }

    30% {
        transform: translateY(20px)
    }

    40% {
        transform: translateY(-20px)
    }

    60% {
        transform: translateY(10px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes onset-title {
    0% {
        opacity: 0;
        transform: translateY(80px) scale(.3)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        transform: translateY(-30px) scale(1)
    }

    30% {
        transform: translateY(20px) scale(.9)
    }

    40% {
        transform: translateY(-20px) scale(1)
    }

    60% {
        transform: translateY(10px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes onset-title-second {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(.3)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1;
        transform: translateY(-30px) scale(1)
    }

    30% {
        transform: translateY(20px) scale(.9)
    }

    40% {
        transform: translateY(-20px) scale(1)
    }

    60% {
        transform: translateY(10px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes onset-prize-wheel {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(730deg)
    }
}

@keyframes coins-visible {
    0% {
        transform: scale(0)
    }

    30% {
        transform: scale(1.2)
    }

    50% {
        transform: scale(1)
    }

    70% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

.registration-dynamic-form {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__pnp-btn {
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    justify-content: center;
    line-height: 20px;
    margin-top: 16px;
    padding: 14px 20px;
    text-transform: none;
    width: 100%
}

.registration-dynamic-form__pnp-btn .img {
    height: 100%;
    max-width: 76px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.registration-dynamic-form__step-bar {
    background: #2e2e3b;
    border-radius: 4px;
    height: 3px;
    margin: 24px 0;
    width: 100%
}

.registration-dynamic-form__step-bar--value {
    background: #ff230a;
    border-radius: 6px;
    height: 100%
}

.registration-dynamic-form__title {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.registration-dynamic-form__form {
    flex-grow: 1
}

.registration-dynamic-form__form-step {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.registration-dynamic-form .registration-dynamic-form__element {
    margin-bottom: 12px
}

.registration-dynamic-form .registration-dynamic-form__element--city,.registration-dynamic-form .registration-dynamic-form__element--postal_code {
    max-width: calc(50% - 6px)
}

.registration-dynamic-form .registration-dynamic-form__element--city {
    margin-right: 12px
}

.registration-dynamic-form__footer {
    display: none
}

@media(min-width: 1200px) {
    .registration-dynamic-form__footer {
        align-items:center;
        color: hsla(0,0%,100%,.65);
        display: flex;
        font-family: Roboto,sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        justify-content: center;
        line-height: 20px;
        margin-top: 24px;
        text-align: center;
        width: 100%
    }
}

.registration-dynamic-form__footer p {
    margin: 0;
    padding: 0
}

.registration-dynamic-form__link {
    color: #00dccd;
    margin-left: 4px;
    transition: color .3s ease
}

.registration-dynamic-form__link:hover {
    color: #1df0e2
}

.registration-dynamic-form__label-wrapper {
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 16px;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .registration-dynamic-form__label-wrapper {
        font-size:16px
    }
}

.registration-dynamic-form__label {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .registration-dynamic-form__label {
        font-size:16px
    }
}

.registration-dynamic-form__buttons {
    display: flex;
    flex-wrap: nowrap;
    margin: 12px 0 0
}

.registration-dynamic-form__button-wrapper,.registration-dynamic-form__buttons {
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    width: 100%
}

.registration-dynamic-form__button-wrapper {
    align-self: stretch;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.registration-dynamic-form__button-wrapper--submit {
    flex: 1
}

.registration-dynamic-form__button-wrapper--step {
    width: auto
}

.registration-dynamic-form__button-wrapper+.registration-dynamic-form__button-wrapper {
    margin-left: 12px
}

.registration-dynamic-form .registration-dynamic-form__back-button {
    height: 48px;
    min-width: unset;
    width: 48px
}

.registration-dynamic-form .registration-dynamic-form__submit-button,.registration-dynamic-form__social {
    width: 100%
}

@media(min-width: 1200px) {
    .registration-form-head {
        text-align:center;
        width: 100%
    }
}

.registration-form-head__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .registration-form-head__title {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.registration-form-head__text {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.registration-dynamic-form__element--gender .radio__input:checked+.radio__block .radio__point {
    opacity: 1
}

.registration-dynamic-form__element--gender .radio__input:checked+.radio__block .radio__label {
    color: #fff
}

.registration-dynamic-form__element--gender .radio {
    background: #22222b;
    border-radius: 8px;
    flex: 1;
    max-width: 100%;
    position: relative;
    width: 50%
}

.registration-dynamic-form__element--gender .radio:after {
    content: "";
    height: 24px;
    left: 16px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.registration-dynamic-form__element--gender .radio:first-child:after {
    background: url(/images/male.d686d740..svg) 50% no-repeat
}

.registration-dynamic-form__element--gender .radio:nth-child(2):after {
    background: url(/images/female.2cb1e2d8..svg) 50% no-repeat
}

.registration-dynamic-form__element--gender .radio-group {
    gap: 12px;
    justify-content: space-between
}

.registration-dynamic-form__element--gender .radio-group--inline .radio-group__radio:not(:first-child) {
    margin-left: 0;
    margin-top: 0
}

.registration-dynamic-form__element--gender .radio__block {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    height: 56px;
    justify-content: center;
    width: 100%
}

.registration-dynamic-form__element--gender .radio__label {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 52px;
    margin-right: 5px;
    white-space: nowrap
}

.registration-dynamic-form__element--gender .radio__point {
    margin-right: 18px;
    min-width: 20px
}

.registration-dynamic-form__element--bonus_code,.registration-dynamic-form__element--captcha {
    display: none!important
}

.multiple-checkboxes-tooltip {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.multiple-checkboxes-tooltip__inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.multiple-checkboxes-tooltip .multiple-checkboxes-tooltip__checkbox {
    width: 100%
}

.multiple-checkboxes-tooltip .multiple-checkboxes-tooltip__checkbox:first-of-type {
    width: auto
}

.multiple-checkboxes-tooltip__icon-wrapper {
    cursor: pointer;
    display: flex
}

.multiple-checkboxes-tooltip__tooltip.tooltip {
    background: #282833;
    border-radius: 8px;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    max-width: 260px;
    padding: 12px;
    z-index: 1070
}

.multiple-checkboxes-tooltip__tooltip.tooltip .arrow {
    background: #282833
}

.multiple-checkboxes-tooltip__childs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 15px
}

.multiple-checkboxes-tooltip__message {
    text-align: left
}

.multiple-checkboxes-tooltip__icon {
    color: hsla(0,0%,100%,.2)
}

.metamask.metamask {
    border: none;
    min-height: 0;
    min-width: 0;
    padding: 0
}

.metamask.metamask:hover {
    background: transparent
}

.metamask__icon {
    height: 100%;
    width: 100%
}

.sign-up-steps {
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    row-gap: 12px;
    width: 100%
}

.sign-up-steps__step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    row-gap: 8px;
    width: 108px
}

.sign-up-steps__step:last-child .sign-up-steps__image {
    transform: scale(1.5)
}

.sign-up-steps__step:last-child .sign-up-steps__icon {
    display: none
}

@media(min-width: 480px) {
    .sign-up-steps__step {
        width:128px
    }
}

.sign-up-steps__icon {
    color: hsla(0,0%,100%,.2);
    position: absolute;
    right: -12px;
    top: 12px
}

.sign-up-steps__image {
    height: 48px;
    width: 48px
}

.sign-up-steps__title {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center
}

.btn {
    align-items: center;
    background: #ff230a;
    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: 8px;
    height: 48px;
    padding: 12px 20px
}

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

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

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

.rating {
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex
}

.resend-confirmation-instructions-modal-content {
    padding: 56px 16px;
    width: 100%
}

@media(min-width: 768px) {
    .resend-confirmation-instructions-modal-content {
        padding:56px 48px 48px
    }
}

.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: 900;
    line-height: 32px;
    margin: 0 0 16px
}

.resend-confirmation-instructions-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    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: #ff230a;
    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;
    transform: rotate(180deg)
}

.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
}

.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: #ff230a;
    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: #ff230a;
    transition: color .3s ease
}

.auth-form__instruction-link:hover {
    color: #ffe458;
    text-decoration: underline
}

.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 {
    padding: 56px 16px;
    width: 100%
}

@media(min-width: 768px) {
    .reset-password-confirm-modal-content {
        padding:56px 48px 48px
    }
}

.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: 900;
    line-height: 32px;
    margin: 0 0 16px
}

.reset-password-confirm-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    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
}

.reset-password-modal-content {
    padding: 56px 16px;
    width: 100%
}

@media(min-width: 768px) {
    .reset-password-modal-content {
        padding:56px 48px 48px
    }
}

.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
}

.reset-password-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    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 16px
}

.reset-password-modal-content__footer {
    text-align: center
}

.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
}

.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: Roboto,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: 400
}

.responsible-game-modal .responsible-game-modal__button,.responsible-game-modal__text {
    font-family: Roboto,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
}

.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__dropdown::-webkit-scrollbar {
    width: 4px
}

.select__dropdown::-webkit-scrollbar-thumb {
    background: #363645;
    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
}

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

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

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

@media(min-width: 768px) {
    .select-games-search-for-modal__dropdown--no-button {
        padding:0 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 {
    display: flex
}

.select-games-search-for-modal__option-image {
    border-radius: 8px;
    height: 56px;
    margin-right: 16px;
    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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px
}

.select-games-search-for-modal__provider {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 15px 8px 24px
}

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

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

.select-games-search-for-modal__not-found+.games-block-recommended .games-block-recommended__title {
    text-align: left
}

.games-block-recommended__title {
    color: #fff;
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    padding: 8px 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 {
    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;
    margin-right: 16px;
    width: 56px
}

.games-block-recommended__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 2px
}

.games-block-recommended__name {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 2px
}

.games-block-recommended__provider {
    color: hsla(0,0%,100%,.4);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    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
}

.category-with-filter {
    display: flex;
    flex-direction: column
}

.category-with-filter__dropdown {
    padding: 0 16px 56px
}

@media(min-width: 768px) {
    .category-with-filter__dropdown {
        padding:0 32px 64px
    }
}

.category-with-filter__list {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr
}

@media(min-width: 480px) {
    .category-with-filter__list {
        grid-template-columns:1fr 1fr
    }
}

@media(min-width: 768px) {
    .category-with-filter__list {
        grid-template-columns:1fr 1fr 1fr
    }
}

.category-with-filter__category {
    align-items: center;
    background-color: #22222b;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    position: relative;
    transition: background .3s ease
}

@media(hover: hover) {
    .category-with-filter__category:hover {
        background-color:#282833
    }
}

.category-with-filter__category--hide {
    display: none
}

.category-with-filter__category-icon {
    color: #ff230a;
    line-height: 0;
    width: 24px
}

.category-with-filter__category-content {
    color: #fff;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize
}

.category-with-filter__not-found {
    color: hsla(0,0%,100%,.4);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    grid-column-end: 3;
    grid-column-start: 1;
    line-height: 24px
}

@media(min-width: 768px) {
    .category-with-filter__not-found {
        padding:0
    }
}

.self-assessment-result {
    margin-top: 32px
}

.self-assessment-result__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 16px
}

.self-assessment-result__result {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media(min-width: 768px) {
    .self-assessment-result__result {
        font-size:14px;
        line-height: 20px
    }
}

.self-assessment-result__button {
    margin: 0!important;
    width: 100%
}

.self-assessment-result__button--download {
    border-radius: 8px
}

.self-assessment-result__footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media(min-width: 768px) {
    .self-assessment-result__footer {
        -moz-column-gap:12px;
        column-gap: 12px;
        flex-direction: row
    }
}

.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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    transition: color .3s ease
}

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

.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;
    display: flex;
    font-family: Roboto,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;
    color: #fff
}

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

.sidebar-menu-main__link--special {
    margin: 8px 0
}

.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(268.9deg,rgba(182,26,255,.08),rgba(255,26,150,.3))
}

.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__link--journey-map,.sidebar-menu-main__link--journey-map:hover {
    background: linear-gradient(225deg,rgba(26,49,255,.08),rgba(26,214,255,.3))
}

.sidebar-menu-main__link--lucky-box,.sidebar-menu-main__link--lucky-box:hover {
    background: linear-gradient(269deg,rgba(255,97,5,.02) 3.45%,rgba(255,193,53,.8))
}

.sidebar-menu-main__link--lucky-box .sidebar-menu-main__image-wrapper {
    background: linear-gradient(180deg,#19989b,#1c1c3a);
    border-radius: 50%;
    height: 36px;
    width: 36px
}

.sidebar-menu-main__link--advent {
    background: linear-gradient(90deg,rgba(145,255,10,.52),rgba(8,94,62,.75))
}

.sidebar-menu-main__link--advent:hover {
    background: linear-gradient(90deg,rgba(145,255,10,.7),#085e3e)
}

.sidebar-menu-main .sidebar-menu-main__icon {
    font-size: 24px;
    margin-right: 20px
}

.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;
    margin-right: 12px;
    overflow: hidden;
    position: relative
}

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

.sidebar-menu-main__box {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    z-index: 1
}

.sidebar-menu-main__lines {
    animation: lines 3s linear infinite;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-100%)
}

.sidebar-menu-main__arrow {
    animation: arrow 2s ease-out infinite;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.sidebar-menu-main__tag-wrapper {
    position: absolute;
    right: 24px
}

.sidebar-menu-main__tag {
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 6px;
    text-transform: uppercase;
    z-index: 0
}

.sidebar-menu-main__tag--new {
    background: #1adb4a;
    color: #0a0a0d
}

.sidebar-menu-main__tag--top {
    background: #00dccd;
    color: #0a0a0d
}

.sidebar-menu-main__tag--cashback {
    background: #7e14ff;
    color: #fff
}

.sidebar-menu-main__tag--exclusive {
    background: radial-gradient(243.63% 279.45% at 127.61% -17.5%,#2ad0ca 0,#e1f664 22.92%,#feb0fe 56.7%,#5df7a4 98.15%);
    color: #0a0a0d
}

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

    3% {
        transform: translate(100%,100%)
    }

    to {
        transform: translate(100%,100%)
    }
}

@keyframes arrow {
    0% {
        transform: translate(-50%)
    }

    50% {
        transform: translate(-50%,5px)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes lines {
    0% {
        transform: translate(-50%,100%)
    }

    15% {
        transform: translate(-50%,-100%)
    }

    to {
        transform: translate(-50%,-100%)
    }
}

.sign-form-switcher {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(10,10,13,.65);
    border-radius: 100px;
    display: flex;
    left: 16px;
    padding: 4px;
    position: absolute;
    top: 16px;
    z-index: 3
}

@media(min-width: 480px) {
    .sign-form-switcher {
        left:40px;
        top: 24px
    }
}

@media(min-width: 1200px) {
    .sign-form-switcher {
        display:none
    }
}

.sign-form-switcher .sign-form-switcher__item {
    align-items: center;
    border-radius: 51px;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    padding: 6px 16px;
    text-transform: uppercase;
    transition: color .3s ease
}

.sign-form-switcher .sign-form-switcher__item:hover:not(.sign-form-switcher .sign-form-switcher__item--active) {
    color: #fff
}

.sign-form-switcher .sign-form-switcher__item--trustly {
    align-items: center;
    display: flex;
    gap: 4px
}

.sign-form-switcher .sign-form-switcher__item--trustly .font-icons {
    color: #0ee06e;
    font-size: 12px!important
}

.sign-form-switcher .sign-form-switcher__item--active {
    background: #00dccd;
    color: #0a0a0d
}

.sign-form-switcher .sign-form-switcher__item--active.sign-form-switcher__item--trustly .font-icons {
    color: #0a0a0d
}

.sign-in-page {
    overflow: hidden;
    padding: 104px 16px 16px;
    position: relative;
    z-index: 5
}

@media(min-width: 480px) {
    .sign-in-page {
        padding:112px 40px 40px
    }
}

@media(min-width: 1200px) {
    .sign-in-page {
        padding:48px 40px
    }
}

.sign-in-page__background {
    height: 272px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%
}

@media(min-width: 1200px) {
    .sign-in-page__background {
        display:none
    }
}

.sign-in-page__background:after {
    background: linear-gradient(180deg,rgba(26,26,34,.3),#1a1a22 66.18%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sign-in-page__background--gradient {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media(min-width: 1200px) {
    .sign-in-page__background--gradient {
        display:block
    }
}

.sign-in-page__background img {
    width: 100%
}

.sign-in-page__gradient {
    position: absolute
}

.sign-in-page__gradient--blue {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) .01%,rgba(17,77,148,0) 100%);
    bottom: 60%;
    height: 560px;
    left: -92.29%;
    right: 5.62%;
    top: -87.27%;
    width: 896px
}

.sign-in-page__gradient--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: -89.55%;
    height: 610px;
    left: 21.67%;
    right: -108.33%;
    top: 50.91%;
    width: 896px
}

.sign-in-page__form {
    position: relative
}

.sign-in-page__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 24px;
    position: relative
}

@media(min-width: 1200px) {
    .sign-in-page__title {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 32px;
        text-align: center
    }
}

.login-form .login-form__form-element,.login-form__two-factor-errors {
    margin-bottom: 12px
}

.login-form__forgot-password-link-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
    width: 100%
}

.login-form__forgot-password-link {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: color .3s ease
}

.login-form__forgot-password-link:hover {
    color: #fff
}

.login-form__sign-up-link {
    color: #00dccd;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-left: 4px;
    transition: color .3s ease
}

.login-form__sign-up-link:hover {
    color: #1df0e2
}

.login-form .login-form__submit-button {
    margin: 16px 0 0;
    width: 100%
}

.login-form__footer {
    color: hsla(0,0%,100%,.65);
    display: none;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
    width: 100%
}

@media(min-width: 1200px) {
    .login-form__footer {
        align-items:center;
        display: flex;
        justify-content: center
    }
}

.login-form__pnp-btn {
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 16px;
    justify-content: center;
    line-height: 20px;
    margin-top: 16px;
    padding: 14px 20px;
    text-transform: none;
    width: 100%
}

.login-form__pnp-btn .img {
    height: 100%;
    max-width: 76px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.sign-up-page {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5
}

@media(min-width: 1200px) {
    .sign-up-page {
        display:flex;
        flex-direction: row-reverse;
        height: unset;
        min-height: 680px
    }
}

.sign-up-page__column {
    position: relative;
    width: 100%
}

@media(min-width: 1200px) {
    .sign-up-page__column {
        width:50%
    }
}

.sign-up-page__steps--desktop {
    bottom: 32px;
    display: none;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 100%;
    z-index: 3
}

@media(min-width: 1200px) {
    .sign-up-page__steps--desktop {
        display:block
    }
}

.sign-up-page__steps--mobile {
    margin-bottom: 32px;
    margin-top: 32px
}

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

.sign-up-page__form {
    padding: 48px 16px 0
}

@media(min-width: 480px) {
    .sign-up-page__form {
        padding:48px 48px 0
    }
}

@media(min-width: 1200px) {
    .sign-up-page__form {
        padding:48px
    }
}

.snow-bg {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.snow-bg .snow {
    background: #fff;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    width: 10px
}

.snow-bg .snow:first-child {
    animation: fall-1 14s linear -25s infinite;
    opacity: .9368;
    transform: translate(44.4378vw,-10px) scale(.3769)
}

@keyframes fall-1 {
    73.773% {
        transform: translate(53.5001vw,73.773vh) scale(.3769)
    }

    to {
        transform: translate(48.96895vw,100vh) scale(.3769)
    }
}

.snow-bg .snow:nth-child(2) {
    animation: fall-2 10s linear -22s infinite;
    opacity: .1161;
    transform: translate(80.689vw,-10px) scale(.6236)
}

@keyframes fall-2 {
    69.35% {
        transform: translate(79.5016vw,69.35vh) scale(.6236)
    }

    to {
        transform: translate(80.0953vw,100vh) scale(.6236)
    }
}

.snow-bg .snow:nth-child(3) {
    animation: fall-3 12s linear -5s infinite;
    opacity: .427;
    transform: translate(90.2153vw,-10px) scale(.6169)
}

@keyframes fall-3 {
    36.174% {
        transform: translate(83.8579vw,36.174vh) scale(.6169)
    }

    to {
        transform: translate(87.0366vw,100vh) scale(.6169)
    }
}

.snow-bg .snow:nth-child(4) {
    animation: fall-4 24s linear -26s infinite;
    opacity: .5229;
    transform: translate(37.8vw,-10px) scale(.6705)
}

@keyframes fall-4 {
    79.185% {
        transform: translate(44.9317vw,79.185vh) scale(.6705)
    }

    to {
        transform: translate(41.36585vw,100vh) scale(.6705)
    }
}

.snow-bg .snow:nth-child(5) {
    animation: fall-5 25s linear -21s infinite;
    opacity: .4507;
    transform: translate(35.0211vw,-10px) scale(.8504)
}

@keyframes fall-5 {
    30.101% {
        transform: translate(34.5061vw,30.101vh) scale(.8504)
    }

    to {
        transform: translate(34.7636vw,100vh) scale(.8504)
    }
}

.snow-bg .snow:nth-child(6) {
    animation: fall-6 10s linear -14s infinite;
    opacity: .8955;
    transform: translate(2.2005vw,-10px) scale(.9861)
}

@keyframes fall-6 {
    42.256% {
        transform: translate(.7165vw,42.256vh) scale(.9861)
    }

    to {
        transform: translate(1.4585vw,100vh) scale(.9861)
    }
}

.snow-bg .snow:nth-child(7) {
    animation: fall-7 19s linear -2s infinite;
    opacity: .7879;
    transform: translate(15.3717vw,-10px) scale(.0853)
}

@keyframes fall-7 {
    63.193% {
        transform: translate(6.4801vw,63.193vh) scale(.0853)
    }

    to {
        transform: translate(10.9259vw,100vh) scale(.0853)
    }
}

.snow-bg .snow:nth-child(8) {
    animation: fall-8 28s linear -16s infinite;
    opacity: .1189;
    transform: translate(48.7442vw,-10px) scale(.761)
}

@keyframes fall-8 {
    73.316% {
        transform: translate(51.2962vw,73.316vh) scale(.761)
    }

    to {
        transform: translate(50.0202vw,100vh) scale(.761)
    }
}

.snow-bg .snow:nth-child(9) {
    animation: fall-9 26s linear -29s infinite;
    opacity: .1164;
    transform: translate(60.8478vw,-10px) scale(.78)
}

@keyframes fall-9 {
    79.327% {
        transform: translate(70.3471vw,79.327vh) scale(.78)
    }

    to {
        transform: translate(65.59745vw,100vh) scale(.78)
    }
}

.snow-bg .snow:nth-child(10) {
    animation: fall-10 19s linear -9s infinite;
    opacity: .3983;
    transform: translate(88.7157vw,-10px) scale(.0363)
}

@keyframes fall-10 {
    75.189% {
        transform: translate(93.5746vw,75.189vh) scale(.0363)
    }

    to {
        transform: translate(91.14515vw,100vh) scale(.0363)
    }
}

.snow-bg .snow:nth-child(11) {
    animation: fall-11 12s linear -7s infinite;
    opacity: .5182;
    transform: translate(49.6524vw,-10px) scale(.2536)
}

@keyframes fall-11 {
    66.68% {
        transform: translate(49.749vw,66.68vh) scale(.2536)
    }

    to {
        transform: translate(49.7007vw,100vh) scale(.2536)
    }
}

.snow-bg .snow:nth-child(12) {
    animation: fall-12 17s linear -28s infinite;
    opacity: .0035;
    transform: translate(58.5885vw,-10px) scale(.0438)
}

@keyframes fall-12 {
    65.972% {
        transform: translate(48.6278vw,65.972vh) scale(.0438)
    }

    to {
        transform: translate(53.60815vw,100vh) scale(.0438)
    }
}

.snow-bg .snow:nth-child(13) {
    animation: fall-13 21s linear -22s infinite;
    opacity: .4806;
    transform: translate(13.417vw,-10px) scale(.1993)
}

@keyframes fall-13 {
    57.217% {
        transform: translate(17.9903vw,57.217vh) scale(.1993)
    }

    to {
        transform: translate(15.70365vw,100vh) scale(.1993)
    }
}

.snow-bg .snow:nth-child(14) {
    animation: fall-14 14s linear -21s infinite;
    opacity: .7858;
    transform: translate(23.4985vw,-10px) scale(.1377)
}

@keyframes fall-14 {
    35.713% {
        transform: translate(13.8875vw,35.713vh) scale(.1377)
    }

    to {
        transform: translate(18.693vw,100vh) scale(.1377)
    }
}

.snow-bg .snow:nth-child(15) {
    animation: fall-15 23s linear -15s infinite;
    opacity: .5572;
    transform: translate(85.6087vw,-10px) scale(.2002)
}

@keyframes fall-15 {
    64.655% {
        transform: translate(82.4557vw,64.655vh) scale(.2002)
    }

    to {
        transform: translate(84.0322vw,100vh) scale(.2002)
    }
}

.snow-bg .snow:nth-child(16) {
    animation: fall-16 17s linear -30s infinite;
    opacity: .0569;
    transform: translate(29.4804vw,-10px) scale(.0041)
}

@keyframes fall-16 {
    33.047% {
        transform: translate(23.037vw,33.047vh) scale(.0041)
    }

    to {
        transform: translate(26.2587vw,100vh) scale(.0041)
    }
}

.snow-bg .snow:nth-child(17) {
    animation: fall-17 25s linear -17s infinite;
    opacity: .9995;
    transform: translate(48.4994vw,-10px) scale(.6204)
}

@keyframes fall-17 {
    54.933% {
        transform: translate(38.7392vw,54.933vh) scale(.6204)
    }

    to {
        transform: translate(43.6193vw,100vh) scale(.6204)
    }
}

.snow-bg .snow:nth-child(18) {
    animation: fall-18 17s linear -25s infinite;
    opacity: .9908;
    transform: translate(8.849vw,-10px) scale(.3784)
}

@keyframes fall-18 {
    52.259% {
        transform: translate(6.5249vw,52.259vh) scale(.3784)
    }

    to {
        transform: translate(7.68695vw,100vh) scale(.3784)
    }
}

.snow-bg .snow:nth-child(19) {
    animation: fall-19 22s linear -28s infinite;
    opacity: .5849;
    transform: translate(47.805vw,-10px) scale(.9295)
}

@keyframes fall-19 {
    39.819% {
        transform: translate(40.1177vw,39.819vh) scale(.9295)
    }

    to {
        transform: translate(43.96135vw,100vh) scale(.9295)
    }
}

.snow-bg .snow:nth-child(20) {
    animation: fall-20 16s linear -14s infinite;
    opacity: .3065;
    transform: translate(40.972vw,-10px) scale(.6825)
}

@keyframes fall-20 {
    46.607% {
        transform: translate(34.1151vw,46.607vh) scale(.6825)
    }

    to {
        transform: translate(37.54355vw,100vh) scale(.6825)
    }
}

.snow-bg .snow:nth-child(21) {
    animation: fall-21 16s linear -28s infinite;
    opacity: .1098;
    transform: translate(18.5772vw,-10px) scale(.0844)
}

@keyframes fall-21 {
    51.891% {
        transform: translate(24.9247vw,51.891vh) scale(.0844)
    }

    to {
        transform: translate(21.75095vw,100vh) scale(.0844)
    }
}

.snow-bg .snow:nth-child(22) {
    animation: fall-22 20s linear -5s infinite;
    opacity: .115;
    transform: translate(15.355vw,-10px) scale(.1763)
}

@keyframes fall-22 {
    31.496% {
        transform: translate(6.9133vw,31.496vh) scale(.1763)
    }

    to {
        transform: translate(11.13415vw,100vh) scale(.1763)
    }
}

.snow-bg .snow:nth-child(23) {
    animation: fall-23 20s linear -15s infinite;
    opacity: .0375;
    transform: translate(88.8194vw,-10px) scale(.9111)
}

@keyframes fall-23 {
    54.085% {
        transform: translate(78.8871vw,54.085vh) scale(.9111)
    }

    to {
        transform: translate(83.85325vw,100vh) scale(.9111)
    }
}

.snow-bg .snow:nth-child(24) {
    animation: fall-24 23s linear -26s infinite;
    opacity: .7627;
    transform: translate(72.8107vw,-10px) scale(.5931)
}

@keyframes fall-24 {
    42.613% {
        transform: translate(76.0853vw,42.613vh) scale(.5931)
    }

    to {
        transform: translate(74.448vw,100vh) scale(.5931)
    }
}

.snow-bg .snow:nth-child(25) {
    animation: fall-25 10s linear -16s infinite;
    opacity: .6067;
    transform: translate(79.935vw,-10px) scale(.1743)
}

@keyframes fall-25 {
    74.531% {
        transform: translate(77.708vw,74.531vh) scale(.1743)
    }

    to {
        transform: translate(78.8215vw,100vh) scale(.1743)
    }
}

.snow-bg .snow:nth-child(26) {
    animation: fall-26 18s linear -11s infinite;
    opacity: .5481;
    transform: translate(19.3425vw,-10px) scale(.16)
}

@keyframes fall-26 {
    78.11% {
        transform: translate(19.0376vw,78.11vh) scale(.16)
    }

    to {
        transform: translate(19.19005vw,100vh) scale(.16)
    }
}

.snow-bg .snow:nth-child(27) {
    animation: fall-27 13s linear -4s infinite;
    opacity: .3669;
    transform: translate(16.0817vw,-10px) scale(.4018)
}

@keyframes fall-27 {
    74.509% {
        transform: translate(14.3631vw,74.509vh) scale(.4018)
    }

    to {
        transform: translate(15.2224vw,100vh) scale(.4018)
    }
}

.snow-bg .snow:nth-child(28) {
    animation: fall-28 28s linear -17s infinite;
    opacity: .576;
    transform: translate(38.6751vw,-10px) scale(.4635)
}

@keyframes fall-28 {
    30.068% {
        transform: translate(42.5452vw,30.068vh) scale(.4635)
    }

    to {
        transform: translate(40.61015vw,100vh) scale(.4635)
    }
}

.snow-bg .snow:nth-child(29) {
    animation: fall-29 21s linear -10s infinite;
    opacity: .4101;
    transform: translate(32.0829vw,-10px) scale(.3623)
}

@keyframes fall-29 {
    73.633% {
        transform: translate(28.0818vw,73.633vh) scale(.3623)
    }

    to {
        transform: translate(30.08235vw,100vh) scale(.3623)
    }
}

.snow-bg .snow:nth-child(30) {
    animation: fall-30 30s linear -25s infinite;
    opacity: .41;
    transform: translate(98.5147vw,-10px) scale(.6751)
}

@keyframes fall-30 {
    39.998% {
        transform: translate(102.9925vw,39.998vh) scale(.6751)
    }

    to {
        transform: translate(100.7536vw,100vh) scale(.6751)
    }
}

.snow-bg .snow:nth-child(31) {
    animation: fall-31 16s linear -19s infinite;
    opacity: .354;
    transform: translate(17.089vw,-10px) scale(.8754)
}

@keyframes fall-31 {
    39.513% {
        transform: translate(11.8552vw,39.513vh) scale(.8754)
    }

    to {
        transform: translate(14.4721vw,100vh) scale(.8754)
    }
}

.snow-bg .snow:nth-child(32) {
    animation: fall-32 22s linear -5s infinite;
    opacity: .8451;
    transform: translate(37.5633vw,-10px) scale(.0766)
}

@keyframes fall-32 {
    60.428% {
        transform: translate(29.7874vw,60.428vh) scale(.0766)
    }

    to {
        transform: translate(33.67535vw,100vh) scale(.0766)
    }
}

.snow-bg .snow:nth-child(33) {
    animation: fall-33 25s linear -23s infinite;
    opacity: .9261;
    transform: translate(25.529vw,-10px) scale(.581)
}

@keyframes fall-33 {
    52.193% {
        transform: translate(16.1616vw,52.193vh) scale(.581)
    }

    to {
        transform: translate(20.8453vw,100vh) scale(.581)
    }
}

.snow-bg .snow:nth-child(34) {
    animation: fall-34 21s linear -9s infinite;
    opacity: .6951;
    transform: translate(24.0489vw,-10px) scale(1)
}

@keyframes fall-34 {
    76.583% {
        transform: translate(24.3651vw,76.583vh) scale(1)
    }

    to {
        transform: translate(24.207vw,100vh) scale(1)
    }
}

.snow-bg .snow:nth-child(35) {
    animation: fall-35 14s linear -22s infinite;
    opacity: .7774;
    transform: translate(50.2504vw,-10px) scale(.79)
}

@keyframes fall-35 {
    75.11% {
        transform: translate(51.0318vw,75.11vh) scale(.79)
    }

    to {
        transform: translate(50.6411vw,100vh) scale(.79)
    }
}

.snow-bg .snow:nth-child(36) {
    animation: fall-36 20s linear -9s infinite;
    opacity: .6151;
    transform: translate(74.5898vw,-10px) scale(.8783)
}

@keyframes fall-36 {
    34.956% {
        transform: translate(79.8185vw,34.956vh) scale(.8783)
    }

    to {
        transform: translate(77.20415vw,100vh) scale(.8783)
    }
}

.snow-bg .snow:nth-child(37) {
    animation: fall-37 26s linear -18s infinite;
    opacity: .9106;
    transform: translate(53.9687vw,-10px) scale(.7937)
}

@keyframes fall-37 {
    31.447% {
        transform: translate(55.1634vw,31.447vh) scale(.7937)
    }

    to {
        transform: translate(54.56605vw,100vh) scale(.7937)
    }
}

.snow-bg .snow:nth-child(38) {
    animation: fall-38 10s linear -3s infinite;
    opacity: .4895;
    transform: translate(66.0237vw,-10px) scale(.2641)
}

@keyframes fall-38 {
    73.018% {
        transform: translate(74.1976vw,73.018vh) scale(.2641)
    }

    to {
        transform: translate(70.11065vw,100vh) scale(.2641)
    }
}

.snow-bg .snow:nth-child(39) {
    animation: fall-39 25s linear -2s infinite;
    opacity: .1829;
    transform: translate(73.3272vw,-10px) scale(.6732)
}

@keyframes fall-39 {
    36.541% {
        transform: translate(79.8664vw,36.541vh) scale(.6732)
    }

    to {
        transform: translate(76.5968vw,100vh) scale(.6732)
    }
}

.snow-bg .snow:nth-child(40) {
    animation: fall-40 19s linear -24s infinite;
    opacity: .8192;
    transform: translate(53.5021vw,-10px) scale(.658)
}

@keyframes fall-40 {
    68.497% {
        transform: translate(43.7559vw,68.497vh) scale(.658)
    }

    to {
        transform: translate(48.629vw,100vh) scale(.658)
    }
}

.snow-bg .snow:nth-child(41) {
    animation: fall-41 19s linear -16s infinite;
    opacity: .0822;
    transform: translate(25.0266vw,-10px) scale(.4369)
}

@keyframes fall-41 {
    66.288% {
        transform: translate(18.2828vw,66.288vh) scale(.4369)
    }

    to {
        transform: translate(21.6547vw,100vh) scale(.4369)
    }
}

.snow-bg .snow:nth-child(42) {
    animation: fall-42 26s linear -5s infinite;
    opacity: .6993;
    transform: translate(76.033vw,-10px) scale(.8612)
}

@keyframes fall-42 {
    55.34% {
        transform: translate(76.2349vw,55.34vh) scale(.8612)
    }

    to {
        transform: translate(76.13395vw,100vh) scale(.8612)
    }
}

.snow-bg .snow:nth-child(43) {
    animation: fall-43 21s linear -9s infinite;
    opacity: .9539;
    transform: translate(55.0592vw,-10px) scale(.0428)
}

@keyframes fall-43 {
    37.088% {
        transform: translate(51.6814vw,37.088vh) scale(.0428)
    }

    to {
        transform: translate(53.3703vw,100vh) scale(.0428)
    }
}

.snow-bg .snow:nth-child(44) {
    animation: fall-44 10s linear -23s infinite;
    opacity: .6442;
    transform: translate(20.2673vw,-10px) scale(.9636)
}

@keyframes fall-44 {
    39.952% {
        transform: translate(23.5711vw,39.952vh) scale(.9636)
    }

    to {
        transform: translate(21.9192vw,100vh) scale(.9636)
    }
}

.snow-bg .snow:nth-child(45) {
    animation: fall-45 28s linear -1s infinite;
    opacity: .0847;
    transform: translate(27.0847vw,-10px) scale(.5793)
}

@keyframes fall-45 {
    72.217% {
        transform: translate(29.481vw,72.217vh) scale(.5793)
    }

    to {
        transform: translate(28.28285vw,100vh) scale(.5793)
    }
}

.snow-bg .snow:nth-child(46) {
    animation: fall-46 15s linear -28s infinite;
    opacity: .8578;
    transform: translate(86.3541vw,-10px) scale(.7822)
}

@keyframes fall-46 {
    63.7% {
        transform: translate(82.6146vw,63.7vh) scale(.7822)
    }

    to {
        transform: translate(84.48435vw,100vh) scale(.7822)
    }
}

.snow-bg .snow:nth-child(47) {
    animation: fall-47 19s linear -30s infinite;
    opacity: .7226;
    transform: translate(32.7612vw,-10px) scale(.2674)
}

@keyframes fall-47 {
    51.051% {
        transform: translate(36.2909vw,51.051vh) scale(.2674)
    }

    to {
        transform: translate(34.52605vw,100vh) scale(.2674)
    }
}

.snow-bg .snow:nth-child(48) {
    animation: fall-48 28s linear -28s infinite;
    opacity: .488;
    transform: translate(2.7261vw,-10px) scale(.3494)
}

@keyframes fall-48 {
    39.021% {
        transform: translate(-1.1755vw,39.021vh) scale(.3494)
    }

    to {
        transform: translate(.7753vw,100vh) scale(.3494)
    }
}

.snow-bg .snow:nth-child(49) {
    animation: fall-49 13s linear -2s infinite;
    opacity: .7508;
    transform: translate(76.7334vw,-10px) scale(.0975)
}

@keyframes fall-49 {
    46.546% {
        transform: translate(77.1019vw,46.546vh) scale(.0975)
    }

    to {
        transform: translate(76.91765vw,100vh) scale(.0975)
    }
}

.snow-bg .snow:nth-child(50) {
    animation: fall-50 27s linear -21s infinite;
    opacity: .2436;
    transform: translate(97.5621vw,-10px) scale(.6042)
}

@keyframes fall-50 {
    34.156% {
        transform: translate(94.0948vw,34.156vh) scale(.6042)
    }

    to {
        transform: translate(95.82845vw,100vh) scale(.6042)
    }
}

.snow-bg .snow:nth-child(51) {
    animation: fall-51 26s linear -8s infinite;
    opacity: .0575;
    transform: translate(31.1262vw,-10px) scale(.0688)
}

@keyframes fall-51 {
    33.865% {
        transform: translate(29.6213vw,33.865vh) scale(.0688)
    }

    to {
        transform: translate(30.37375vw,100vh) scale(.0688)
    }
}

.snow-bg .snow:nth-child(52) {
    animation: fall-52 18s linear -10s infinite;
    opacity: .8958;
    transform: translate(41.7851vw,-10px) scale(.2268)
}

@keyframes fall-52 {
    59.415% {
        transform: translate(45.2461vw,59.415vh) scale(.2268)
    }

    to {
        transform: translate(43.5156vw,100vh) scale(.2268)
    }
}

.snow-bg .snow:nth-child(53) {
    animation: fall-53 21s linear -2s infinite;
    opacity: .2558;
    transform: translate(16.0193vw,-10px) scale(.0109)
}

@keyframes fall-53 {
    48.692% {
        transform: translate(18.4178vw,48.692vh) scale(.0109)
    }

    to {
        transform: translate(17.21855vw,100vh) scale(.0109)
    }
}

.snow-bg .snow:nth-child(54) {
    animation: fall-54 16s linear -5s infinite;
    opacity: .0185;
    transform: translate(84.6939vw,-10px) scale(.8165)
}

@keyframes fall-54 {
    41.35% {
        transform: translate(85.5072vw,41.35vh) scale(.8165)
    }

    to {
        transform: translate(85.10055vw,100vh) scale(.8165)
    }
}

.snow-bg .snow:nth-child(55) {
    animation: fall-55 15s linear -26s infinite;
    opacity: .8615;
    transform: translate(41.7658vw,-10px) scale(.6811)
}

@keyframes fall-55 {
    41.261% {
        transform: translate(39.0634vw,41.261vh) scale(.6811)
    }

    to {
        transform: translate(40.4146vw,100vh) scale(.6811)
    }
}

.snow-bg .snow:nth-child(56) {
    animation: fall-56 23s linear -1s infinite;
    opacity: .6864;
    transform: translate(43.1072vw,-10px) scale(.631)
}

@keyframes fall-56 {
    46.373% {
        transform: translate(33.9795vw,46.373vh) scale(.631)
    }

    to {
        transform: translate(38.54335vw,100vh) scale(.631)
    }
}

.snow-bg .snow:nth-child(57) {
    animation: fall-57 19s linear -18s infinite;
    opacity: .3732;
    transform: translate(8.1508vw,-10px) scale(.5736)
}

@keyframes fall-57 {
    78.02% {
        transform: translate(14.3136vw,78.02vh) scale(.5736)
    }

    to {
        transform: translate(11.2322vw,100vh) scale(.5736)
    }
}

.snow-bg .snow:nth-child(58) {
    animation: fall-58 14s linear -20s infinite;
    opacity: .757;
    transform: translate(87.2621vw,-10px) scale(.4788)
}

@keyframes fall-58 {
    36.899% {
        transform: translate(80.3309vw,36.899vh) scale(.4788)
    }

    to {
        transform: translate(83.7965vw,100vh) scale(.4788)
    }
}

.snow-bg .snow:nth-child(59) {
    animation: fall-59 26s linear -21s infinite;
    opacity: .0521;
    transform: translate(74.9417vw,-10px) scale(.1564)
}

@keyframes fall-59 {
    36.491% {
        transform: translate(77.6432vw,36.491vh) scale(.1564)
    }

    to {
        transform: translate(76.29245vw,100vh) scale(.1564)
    }
}

.snow-bg .snow:nth-child(60) {
    animation: fall-60 28s linear -23s infinite;
    opacity: .5606;
    transform: translate(27.7515vw,-10px) scale(.1053)
}

@keyframes fall-60 {
    75.406% {
        transform: translate(33.3902vw,75.406vh) scale(.1053)
    }

    to {
        transform: translate(30.57085vw,100vh) scale(.1053)
    }
}

.snow-bg .snow:nth-child(61) {
    animation: fall-61 21s linear -13s infinite;
    opacity: .2752;
    transform: translate(89.1537vw,-10px) scale(.1705)
}

@keyframes fall-61 {
    51.66% {
        transform: translate(94.8273vw,51.66vh) scale(.1705)
    }

    to {
        transform: translate(91.9905vw,100vh) scale(.1705)
    }
}

.snow-bg .snow:nth-child(62) {
    animation: fall-62 18s linear -22s infinite;
    opacity: .4793;
    transform: translate(37.3727vw,-10px) scale(.3878)
}

@keyframes fall-62 {
    70.333% {
        transform: translate(33.5006vw,70.333vh) scale(.3878)
    }

    to {
        transform: translate(35.43665vw,100vh) scale(.3878)
    }
}

.snow-bg .snow:nth-child(63) {
    animation: fall-63 23s linear -21s infinite;
    opacity: .4957;
    transform: translate(51.8245vw,-10px) scale(.0835)
}

@keyframes fall-63 {
    57.525% {
        transform: translate(50.4978vw,57.525vh) scale(.0835)
    }

    to {
        transform: translate(51.16115vw,100vh) scale(.0835)
    }
}

.snow-bg .snow:nth-child(64) {
    animation: fall-64 19s linear -28s infinite;
    opacity: .9095;
    transform: translate(30.5866vw,-10px) scale(.6323)
}

@keyframes fall-64 {
    48.944% {
        transform: translate(29.5387vw,48.944vh) scale(.6323)
    }

    to {
        transform: translate(30.06265vw,100vh) scale(.6323)
    }
}

.snow-bg .snow:nth-child(65) {
    animation: fall-65 30s linear -5s infinite;
    opacity: .7531;
    transform: translate(50.3614vw,-10px) scale(.595)
}

@keyframes fall-65 {
    36.198% {
        transform: translate(42.7335vw,36.198vh) scale(.595)
    }

    to {
        transform: translate(46.54745vw,100vh) scale(.595)
    }
}

.snow-bg .snow:nth-child(66) {
    animation: fall-66 25s linear -5s infinite;
    opacity: .0977;
    transform: translate(30.7725vw,-10px) scale(.3234)
}

@keyframes fall-66 {
    75.48% {
        transform: translate(38.0354vw,75.48vh) scale(.3234)
    }

    to {
        transform: translate(34.40395vw,100vh) scale(.3234)
    }
}

.snow-bg .snow:nth-child(67) {
    animation: fall-67 24s linear -22s infinite;
    opacity: .7681;
    transform: translate(62.5494vw,-10px) scale(.7523)
}

@keyframes fall-67 {
    53.703% {
        transform: translate(61.9446vw,53.703vh) scale(.7523)
    }

    to {
        transform: translate(62.247vw,100vh) scale(.7523)
    }
}

.snow-bg .snow:nth-child(68) {
    animation: fall-68 24s linear -24s infinite;
    opacity: .4077;
    transform: translate(34.5241vw,-10px) scale(.4649)
}

@keyframes fall-68 {
    71.651% {
        transform: translate(27.3237vw,71.651vh) scale(.4649)
    }

    to {
        transform: translate(30.9239vw,100vh) scale(.4649)
    }
}

.snow-bg .snow:nth-child(69) {
    animation: fall-69 15s linear -3s infinite;
    opacity: .9872;
    transform: translate(13.8472vw,-10px) scale(.8863)
}

@keyframes fall-69 {
    45.173% {
        transform: translate(18.1655vw,45.173vh) scale(.8863)
    }

    to {
        transform: translate(16.00635vw,100vh) scale(.8863)
    }
}

.snow-bg .snow:nth-child(70) {
    animation: fall-70 13s linear -9s infinite;
    opacity: .6043;
    transform: translate(69.8487vw,-10px) scale(.3475)
}

@keyframes fall-70 {
    35.22% {
        transform: translate(78.0832vw,35.22vh) scale(.3475)
    }

    to {
        transform: translate(73.96595vw,100vh) scale(.3475)
    }
}

.snow-bg .snow:nth-child(71) {
    animation: fall-71 30s linear -7s infinite;
    opacity: .236;
    transform: translate(38.3173vw,-10px) scale(.7633)
}

@keyframes fall-71 {
    60.714% {
        transform: translate(29.0095vw,60.714vh) scale(.7633)
    }

    to {
        transform: translate(33.6634vw,100vh) scale(.7633)
    }
}

.snow-bg .snow:nth-child(72) {
    animation: fall-72 25s linear -12s infinite;
    opacity: .5131;
    transform: translate(57.3791vw,-10px) scale(.2803)
}

@keyframes fall-72 {
    62.656% {
        transform: translate(54.9342vw,62.656vh) scale(.2803)
    }

    to {
        transform: translate(56.15665vw,100vh) scale(.2803)
    }
}

.snow-bg .snow:nth-child(73) {
    animation: fall-73 29s linear -10s infinite;
    opacity: .5332;
    transform: translate(29.7018vw,-10px) scale(.8931)
}

@keyframes fall-73 {
    39.857% {
        transform: translate(37.6638vw,39.857vh) scale(.8931)
    }

    to {
        transform: translate(33.6828vw,100vh) scale(.8931)
    }
}

.snow-bg .snow:nth-child(74) {
    animation: fall-74 29s linear -12s infinite;
    opacity: .0078;
    transform: translate(84.8119vw,-10px) scale(.5059)
}

@keyframes fall-74 {
    74.449% {
        transform: translate(76.271vw,74.449vh) scale(.5059)
    }

    to {
        transform: translate(80.54145vw,100vh) scale(.5059)
    }
}

.snow-bg .snow:nth-child(75) {
    animation: fall-75 29s linear -10s infinite;
    opacity: .1821;
    transform: translate(23.2945vw,-10px) scale(.4215)
}

@keyframes fall-75 {
    43.778% {
        transform: translate(14.5613vw,43.778vh) scale(.4215)
    }

    to {
        transform: translate(18.9279vw,100vh) scale(.4215)
    }
}

.snow-bg .snow:nth-child(76) {
    animation: fall-76 27s linear -13s infinite;
    opacity: .1861;
    transform: translate(76.7141vw,-10px) scale(.214)
}

@keyframes fall-76 {
    34.646% {
        transform: translate(71.1435vw,34.646vh) scale(.214)
    }

    to {
        transform: translate(73.9288vw,100vh) scale(.214)
    }
}

.snow-bg .snow:nth-child(77) {
    animation: fall-77 24s linear -20s infinite;
    opacity: .6512;
    transform: translate(53.1191vw,-10px) scale(.8065)
}

@keyframes fall-77 {
    36.224% {
        transform: translate(56.9552vw,36.224vh) scale(.8065)
    }

    to {
        transform: translate(55.03715vw,100vh) scale(.8065)
    }
}

.snow-bg .snow:nth-child(78) {
    animation: fall-78 10s linear -6s infinite;
    opacity: .3397;
    transform: translate(61.33vw,-10px) scale(.8532)
}

@keyframes fall-78 {
    43.587% {
        transform: translate(68.9709vw,43.587vh) scale(.8532)
    }

    to {
        transform: translate(65.15045vw,100vh) scale(.8532)
    }
}

.snow-bg .snow:nth-child(79) {
    animation: fall-79 28s linear -24s infinite;
    opacity: .1068;
    transform: translate(73.997vw,-10px) scale(.2823)
}

@keyframes fall-79 {
    59.062% {
        transform: translate(74.7663vw,59.062vh) scale(.2823)
    }

    to {
        transform: translate(74.38165vw,100vh) scale(.2823)
    }
}

.snow-bg .snow:nth-child(80) {
    animation: fall-80 10s linear -20s infinite;
    opacity: .1792;
    transform: translate(82.8207vw,-10px) scale(.1667)
}

@keyframes fall-80 {
    65.581% {
        transform: translate(84.8916vw,65.581vh) scale(.1667)
    }

    to {
        transform: translate(83.85615vw,100vh) scale(.1667)
    }
}

.snow-bg .snow:nth-child(81) {
    animation: fall-81 17s linear -2s infinite;
    opacity: .9274;
    transform: translate(44.2288vw,-10px) scale(.5101)
}

@keyframes fall-81 {
    57.894% {
        transform: translate(38.269vw,57.894vh) scale(.5101)
    }

    to {
        transform: translate(41.2489vw,100vh) scale(.5101)
    }
}

.snow-bg .snow:nth-child(82) {
    animation: fall-82 24s linear -2s infinite;
    opacity: .1021;
    transform: translate(85.7743vw,-10px) scale(.8196)
}

@keyframes fall-82 {
    52.813% {
        transform: translate(91.0193vw,52.813vh) scale(.8196)
    }

    to {
        transform: translate(88.3968vw,100vh) scale(.8196)
    }
}

.snow-bg .snow:nth-child(83) {
    animation: fall-83 13s linear -4s infinite;
    opacity: .2945;
    transform: translate(56.3319vw,-10px) scale(.8213)
}

@keyframes fall-83 {
    55.218% {
        transform: translate(52.8418vw,55.218vh) scale(.8213)
    }

    to {
        transform: translate(54.58685vw,100vh) scale(.8213)
    }
}

.snow-bg .snow:nth-child(84) {
    animation: fall-84 24s linear -20s infinite;
    opacity: .6224;
    transform: translate(70.4533vw,-10px) scale(.2429)
}

@keyframes fall-84 {
    43.531% {
        transform: translate(68.1824vw,43.531vh) scale(.2429)
    }

    to {
        transform: translate(69.31785vw,100vh) scale(.2429)
    }
}

.snow-bg .snow:nth-child(85) {
    animation: fall-85 14s linear -24s infinite;
    opacity: .4936;
    transform: translate(3.7263vw,-10px) scale(.4866)
}

@keyframes fall-85 {
    71.057% {
        transform: translate(-.5281vw,71.057vh) scale(.4866)
    }

    to {
        transform: translate(1.5991vw,100vh) scale(.4866)
    }
}

.snow-bg .snow:nth-child(86) {
    animation: fall-86 24s linear -29s infinite;
    opacity: .4166;
    transform: translate(38.2603vw,-10px) scale(.3439)
}

@keyframes fall-86 {
    60.644% {
        transform: translate(43.408vw,60.644vh) scale(.3439)
    }

    to {
        transform: translate(40.83415vw,100vh) scale(.3439)
    }
}

.snow-bg .snow:nth-child(87) {
    animation: fall-87 14s linear -26s infinite;
    opacity: .8233;
    transform: translate(84.3319vw,-10px) scale(.2187)
}

@keyframes fall-87 {
    50.452% {
        transform: translate(76.8761vw,50.452vh) scale(.2187)
    }

    to {
        transform: translate(80.604vw,100vh) scale(.2187)
    }
}

.snow-bg .snow:nth-child(88) {
    animation: fall-88 20s linear -2s infinite;
    opacity: .2229;
    transform: translate(54.8855vw,-10px) scale(.9267)
}

@keyframes fall-88 {
    59.551% {
        transform: translate(49.9893vw,59.551vh) scale(.9267)
    }

    to {
        transform: translate(52.4374vw,100vh) scale(.9267)
    }
}

.snow-bg .snow:nth-child(89) {
    animation: fall-89 14s linear -14s infinite;
    opacity: .528;
    transform: translate(8.0774vw,-10px) scale(.7489)
}

@keyframes fall-89 {
    65.614% {
        transform: translate(13.4555vw,65.614vh) scale(.7489)
    }

    to {
        transform: translate(10.76645vw,100vh) scale(.7489)
    }
}

.snow-bg .snow:nth-child(90) {
    animation: fall-90 26s linear -27s infinite;
    opacity: .0956;
    transform: translate(73.5509vw,-10px) scale(.141)
}

@keyframes fall-90 {
    62.174% {
        transform: translate(70.4211vw,62.174vh) scale(.141)
    }

    to {
        transform: translate(71.986vw,100vh) scale(.141)
    }
}

.snow-bg .snow:nth-child(91) {
    animation: fall-91 20s linear -8s infinite;
    opacity: .0604;
    transform: translate(37.0926vw,-10px) scale(.6794)
}

@keyframes fall-91 {
    71.964% {
        transform: translate(29.3552vw,71.964vh) scale(.6794)
    }

    to {
        transform: translate(33.2239vw,100vh) scale(.6794)
    }
}

.snow-bg .snow:nth-child(92) {
    animation: fall-92 19s linear -1s infinite;
    opacity: .4874;
    transform: translate(20.3697vw,-10px) scale(.8737)
}

@keyframes fall-92 {
    53.224% {
        transform: translate(15.6193vw,53.224vh) scale(.8737)
    }

    to {
        transform: translate(17.9945vw,100vh) scale(.8737)
    }
}

.snow-bg .snow:nth-child(93) {
    animation: fall-93 29s linear -18s infinite;
    opacity: .1231;
    transform: translate(42.1962vw,-10px) scale(.3266)
}

@keyframes fall-93 {
    45.372% {
        transform: translate(51.7834vw,45.372vh) scale(.3266)
    }

    to {
        transform: translate(46.9898vw,100vh) scale(.3266)
    }
}

.snow-bg .snow:nth-child(94) {
    animation: fall-94 30s linear -4s infinite;
    opacity: .4723;
    transform: translate(83.491vw,-10px) scale(.4133)
}

@keyframes fall-94 {
    65.682% {
        transform: translate(88.7209vw,65.682vh) scale(.4133)
    }

    to {
        transform: translate(86.10595vw,100vh) scale(.4133)
    }
}

.snow-bg .snow:nth-child(95) {
    animation: fall-95 30s linear -17s infinite;
    opacity: .3629;
    transform: translate(15.0589vw,-10px) scale(.0269)
}

@keyframes fall-95 {
    30.444% {
        transform: translate(12.0006vw,30.444vh) scale(.0269)
    }

    to {
        transform: translate(13.52975vw,100vh) scale(.0269)
    }
}

.snow-bg .snow:nth-child(96) {
    animation: fall-96 29s linear -27s infinite;
    opacity: .3394;
    transform: translate(54.4168vw,-10px) scale(.2008)
}

@keyframes fall-96 {
    66.321% {
        transform: translate(62.793vw,66.321vh) scale(.2008)
    }

    to {
        transform: translate(58.6049vw,100vh) scale(.2008)
    }
}

.snow-bg .snow:nth-child(97) {
    animation: fall-97 21s linear -7s infinite;
    opacity: .4536;
    transform: translate(35.0701vw,-10px) scale(.0628)
}

@keyframes fall-97 {
    42.877% {
        transform: translate(27.8881vw,42.877vh) scale(.0628)
    }

    to {
        transform: translate(31.4791vw,100vh) scale(.0628)
    }
}

.snow-bg .snow:nth-child(98) {
    animation: fall-98 30s linear -23s infinite;
    opacity: .0596;
    transform: translate(86.182vw,-10px) scale(.6635)
}

@keyframes fall-98 {
    68.373% {
        transform: translate(84.559vw,68.373vh) scale(.6635)
    }

    to {
        transform: translate(85.3705vw,100vh) scale(.6635)
    }
}

.snow-bg .snow:nth-child(99) {
    animation: fall-99 25s linear -8s infinite;
    opacity: .8393;
    transform: translate(77.404vw,-10px) scale(.2389)
}

@keyframes fall-99 {
    49.632% {
        transform: translate(70.6308vw,49.632vh) scale(.2389)
    }

    to {
        transform: translate(74.0174vw,100vh) scale(.2389)
    }
}

.snow-bg .snow:nth-child(100) {
    animation: fall-100 13s linear -17s infinite;
    opacity: .9157;
    transform: translate(74.7954vw,-10px) scale(.5873)
}

@keyframes fall-100 {
    77.235% {
        transform: translate(64.8926vw,77.235vh) scale(.5873)
    }

    to {
        transform: translate(69.844vw,100vh) scale(.5873)
    }
}

.special-champions-table__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .special-champions-table__title {
        font-size:24px;
        line-height: 133%;
        margin-bottom: 24px
    }
}

.special-champions-table__inner {
    background: #1a1a22;
    border-radius: 12px;
    padding: 16px
}

@media(min-width: 768px) {
    .special-champions-table__inner {
        padding:24px 32px
    }
}

.special-champions-table__header {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    padding: 4px 16px
}

@media(min-width: 768px) {
    .special-champions-table__header {
        gap:0;
        justify-content: flex-start;
        padding: 14px 16px
    }
}

.special-champions-table__th {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    display: flex;
    flex: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    min-height: 40px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media(min-width: 768px) {
    .special-champions-table__th {
        flex:1;
        gap: 16px;
        min-height: auto
    }
}

.special-champions-table__player-th {
    flex: 2
}

@media(min-width: 768px) {
    .special-champions-table__player-th {
        flex:1
    }
}

.special-champions-table__place-th {
    flex-grow: 1.1;
    max-width: 88px
}

@media(min-width: 768px) {
    .special-champions-table__place-th {
        max-width:72px
    }
}

.special-champions-table__place-th-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 32px
}

.special-champions-table__prize-th {
    flex: 2;
    justify-content: flex-end;
    text-align: right
}

.special-champions-table__body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.special-champions-table__tr {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 16px
}

.special-champions-table__tr:nth-of-type(odd) {
    background-color: #22222b
}

@media(min-width: 768px) {
    .special-champions-table__tr {
        gap:0;
        justify-content: flex-start
    }
}

.special-champions-table__td {
    flex: 1
}

.special-champions-table__player {
    align-items: center;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 768px) {
    .special-champions-table__player {
        -moz-column-gap:16px;
        column-gap: 16px;
        flex: 1
    }
}

.special-champions-table__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.special-champions-table__name,.special-champions-table__prize {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.special-champions-table__prize {
    flex: 2;
    text-align: right
}

.special-champions-table__place {
    color: #fff;
    display: flex;
    flex-grow: 1.1;
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    max-width: 88px
}

@media(min-width: 768px) {
    .special-champions-table__place {
        max-width:72px
    }
}

.special-champions-table__place-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 32px
}

.special-champions-table .special-champions-table__btn {
    border-radius: 8px;
    margin-bottom: 0;
    padding: 12px 20px;
    text-transform: uppercase;
    width: 100%
}

.steps__title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .steps__title {
        font-size:24px;
        line-height: 133%;
        margin-bottom: 24px
    }
}

@media(min-width: 1200px) {
    .steps--promo .steps__step {
        flex-direction:column
    }

    .steps--promo .steps__content {
        align-items: center;
        text-align: center
    }

    .steps--promo .steps__step-text {
        text-align: center
    }
}

.steps__steps {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 768px) {
    .steps__steps {
        -moz-column-gap:12px;
        column-gap: 12px;
        flex-direction: row
    }
}

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

.steps__step {
    align-items: flex-start;
    background: #1a1a22;
    border-radius: 12px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    padding: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .steps__step {
        flex-direction:column;
        padding: 32px 24px;
        row-gap: 24px
    }
}

@media(min-width: 1200px) {
    .steps__step {
        -moz-column-gap:24px;
        column-gap: 24px;
        flex-direction: row
    }
}

.steps__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media(min-width: 768px) {
    .steps__content {
        align-items:center;
        text-align: center;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .steps__content {
        align-items:start;
        text-align: start
    }
}

.steps .steps__step-text {
    font-size: 14px!important;
    line-height: 20px!important
}

.steps .steps__image {
    height: 64px
}

@media(min-width: 768px) {
    .steps .steps__image {
        height:80px;
        margin: 0 auto
    }
}

.steps .steps__step-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin: 0
}

@media(min-width: 1200px) {
    .steps .steps__step-title {
        font-size:20px
    }
}

.steps__step-text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    margin: 0;
    text-align: left
}

@media(min-width: 768px) {
    .steps__step-text {
        text-align:center
    }
}

@media(min-width: 1200px) {
    .steps__step-text {
        text-align:start
    }
}

.success-after-registration {
    position: relative
}

.success-after-registration__image {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.success-after-registration__content {
    padding: 340px 16px 48px;
    text-align: center
}

@media(min-width: 480px) {
    .success-after-registration__content {
        padding:296px 48px 48px
    }
}

.success-after-registration__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.success-after-registration__text {
    color: hsla(0,0%,100%,.65);
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px
}

.success-after-registration__text:last-child {
    margin-bottom: 40px
}

.tourn-prizes {
    color: #6d6a71;
    display: block;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

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

.tourn-prizes__list {
    grid-gap: 10px;
    counter-reset: list1;
    display: grid;
    flex-wrap: wrap;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    margin: 0;
    padding: 0;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-prizes__list {
        grid-gap:12px 16px;
        grid-template-columns: repeat(3,1fr)
    }
}

@media(min-width: 960px) {
    .tourn-prizes__list {
        grid-column-gap:15px
    }
}

@media(min-width: 1200px) {
    .tourn-prizes__list {
        grid-column-gap:17px
    }
}

@media(min-width: 1440px) {
    .tourn-prizes__list {
        grid-column-gap:26px
    }
}

.tourn-prizes__item {
    align-items: center;
    align-self: stretch;
    background-color: #22242c;
    border-radius: 10px;
    color: #6d6a71;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    min-height: 70px;
    padding: 10px
}

@media(min-width: 960px) {
    .tourn-prizes__item {
        font-size:18px;
        font-size: 20px;
        padding: 10px 16px
    }
}

@media(min-width: 1200px) {
    .tourn-prizes__item {
        padding:10px 10px 10px 0
    }
}

@media(min-width: 1440px) {
    .tourn-prizes__item {
        font-size:24px
    }
}

.tourn-prizes__item:nth-child(-n+3) {
    min-height: 102px
}

.tourn-prizes__item:before {
    align-items: center;
    content: counter(list1) "â„–";
    counter-increment: list1;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 16px 0 0;
    text-transform: uppercase;
    width: auto
}

@media(min-width: 768px) {
    .tourn-prizes__item:before {
        padding:0;
        width: 3em
    }
}

@media(min-width: 1200px) {
    .tourn-prizes__item:before {
        font-size:20px
    }
}

@media(min-width: 1440px) {
    .tourn-prizes__item:before {
        padding-left:25px
    }
}

.tourn-prizes__item:first-child,.tourn-prizes__item:first-child:before {
    color: #ff230a
}

.tourn-prizes__item:nth-child(2),.tourn-prizes__item:nth-child(2):before {
    color: hsla(0,0%,100%,.65)
}

.tourn-prizes__item:nth-child(3),.tourn-prizes__item:nth-child(3):before {
    color: #ec3200
}

.tourn-prizes__more {
    display: block;
    margin: 0;
    padding: 30px 0 0;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-prizes__more {
        padding-top:35px
    }
}

.tourn-prizes__item-inner {
    display: inline-block;
    vertical-align: top
}

@media(min-width: 768px) {
    .tourn-prizes__item-inner {
        flex:1;
        overflow: hidden;
        width: 100%
    }
}

.tourn-prizes__prize {
    display: inline
}

.tourn-prizes__prize+.tourn-prizes__prize:before {
    content: " + "
}

.tourn-prizes__label {
    display: inline-block;
    margin: 0 0 0 3px;
    vertical-align: top
}

.tourn-prizes-three {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-prizes-three {
        font-size:20px;
        font-weight: 500
    }
}

.tourn-prizes-three__list {
    counter-reset: list1;
    display: flex;
    padding: 0;
    width: 100%
}

.tourn-prizes-three__item,.tourn-prizes-three__list {
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0
}

.tourn-prizes-three__item {
    color: #ff230a;
    display: inline-flex;
    padding: 68px 5px 0;
    position: relative;
    width: 50%
}

@media(min-width: 768px) {
    .tourn-prizes-three__item {
        padding-top:93px;
        width: 33.3333333333%
    }
}

.tourn-prizes-three__item:first-child {
    font-size: 14px;
    margin: 0 20% 16px;
    width: 60%
}

@media(min-width: 768px) {
    .tourn-prizes-three__item:first-child {
        font-size:inherit;
        margin: 0;
        order: 2;
        padding-top: 108px;
        width: 33.3333333333%
    }
}

.tourn-prizes-three__item:nth-child(2) {
    color: hsla(0,0%,100%,.65)
}

@media(min-width: 768px) {
    .tourn-prizes-three__item:nth-child(2) {
        margin-top:25px;
        order: 1
    }
}

@media(min-width: 960px) {
    .tourn-prizes-three__item:nth-child(2) {
        width:25%
    }
}

.tourn-prizes-three__item:nth-child(3) {
    color: #ec3200
}

@media(min-width: 768px) {
    .tourn-prizes-three__item:nth-child(3) {
        margin-top:25px;
        order: 3
    }
}

@media(min-width: 960px) {
    .tourn-prizes-three__item:nth-child(3) {
        width:25%
    }
}

.tourn-prizes-three__item:before {
    background: transparent url(/images/tourn-prizes-three__place1.ed385883..svg) no-repeat 50%;
    background-size: contain;
    content: counter(list1);
    counter-increment: list1;
    display: block;
    font-size: 24px;
    font-weight: 700;
    height: 48px;
    left: 0;
    line-height: 1;
    padding: 12px 0 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 768px) {
    .tourn-prizes-three__item:before {
        font-size:40px;
        height: 77px;
        padding: 10px 0 0
    }
}

.tourn-prizes-three__item:nth-child(2):before {
    background-image: url(/images/tourn-prizes-three__place2.98a53842..svg)
}

.tourn-prizes-three__item:nth-child(3):before {
    background-image: url(/images/tourn-prizes-three__place3.9a757032..svg)
}

@media(min-width: 768px) {
    .tourn-prizes-three__item:first-child:before {
        font-size:48px;
        height: 85px;
        padding: 15px 0 0
    }
}

.tourn-prizes-three__prize {
    color: #fff;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.tourn-prizes-three__label {
    display: inline-block;
    margin: 0 0 0 3px;
    vertical-align: top
}

.tourn-tabs {
    display: flex;
    position: relative;
    width: 100%
}

.tourn-tabs:after {
    background: hsla(0,0%,100%,.12);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.tourn-tabs__buttons {
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: inline-flex;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 13px
}

.tourn-tabs .tourn-tabs__button {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

.tourn-tabs .tourn-tabs__button--active,.tourn-tabs .tourn-tabs__button:active,.tourn-tabs .tourn-tabs__button:focus,.tourn-tabs .tourn-tabs__button:hover {
    color: #fff
}

.tourn-tabs .tourn-tabs__button--active:after {
    background: #ff230a;
    bottom: -13px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.unlock-instructions-modal-content {
    padding: 56px 16px;
    width: 100%
}

@media(min-width: 768px) {
    .unlock-instructions-modal-content {
        padding:56px 48px 48px
    }
}

.unlock-instructions-modal-content__content {
    margin: 0 0 32px;
    text-align: center
}

.unlock-instructions-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin: 0 0 16px
}

.unlock-instructions-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    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
}

.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-page-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 560px;
    padding: 30px 24px
}

@media(min-width: 768px) {
    .user-page-container {
        padding:40px 48px
    }
}

@media(min-width: 1200px) {
    .user-page-container {
        padding:40px 54px
    }
}

@media(min-width: 1440px) {
    .user-page-container {
        padding:40px 64px
    }
}

@media(min-width: 1680px) {
    .user-page-container {
        padding:40px 68px
    }
}

.vip-page {
    color: hsla(0,0%,100%,.65);
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    width: 100%
}

.vip-page .cms-page__title-block {
    justify-content: center
}

.vip-page__title {
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .vip-page__title {
        font-size:32px
    }
}

.vip-page__description {
    text-align: center
}

.vip-page__img {
    display: flex;
    height: 60px;
    margin: 0 auto 20px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 60px
}

.vip-page__list {
    grid-gap: 40px;
    display: grid;
    flex-direction: column;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 30px auto 0;
    padding: 0
}

@media(min-width: 768px) {
    .vip-page__list {
        grid-gap:50px;
        grid-template-columns: repeat(3,1fr);
        margin-top: 40px;
        max-width: 700px
    }
}

@media(min-width: 960px) {
    .vip-page__list {
        grid-gap:57px;
        margin-top: 50px;
        max-width: 864px
    }
}

@media(min-width: 1200px) {
    .vip-page__list {
        grid-gap:95px;
        max-width: 940px
    }
}

@media(min-width: 1440px) {
    .vip-page__list {
        grid-gap:150px;
        max-width: 1050px
    }
}

.vip-page__item {
    margin: 0;
    padding: 0;
    width: 100%
}

.vip-page__sub-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 15px;
    text-transform: capitalize
}

.vip-page .vip-page__position {
    margin: 30px auto 0;
    max-width: 336px
}

@media(min-width: 768px) {
    .vip-page .vip-page__position {
        margin-top:50px;
        max-width: 100%
    }
}

@media(min-width: 960px) {
    .vip-page .vip-page__position {
        max-width:700px
    }
}

.vip-page__levels-list {
    grid-gap: 20px;
    display: grid;
    flex-direction: column;
    grid-template-columns: 1fr;
    list-style: none;
    margin: 30px auto 0;
    padding: 0
}

@media(min-width: 768px) {
    .vip-page__levels-list {
        grid-gap:20px;
        grid-template-columns: repeat(3,1fr);
        margin-top: 50px;
        max-width: 672px
    }
}

@media(min-width: 960px) {
    .vip-page__levels-list {
        grid-gap:27px;
        margin-top: 50px;
        max-width: 864px
    }
}

@media(min-width: 1200px) {
    .vip-page__levels-list {
        grid-gap:20px;
        max-width: 700px
    }
}

@media(min-width: 1440px) {
    .vip-page__levels-list {
        max-width:988px
    }
}

.vip-position__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .vip-position__title {
        font-size:26px;
        line-height: 32px
    }
}

.vip-position__content {
    border-radius: 20px;
    overflow: hidden
}

.vip-position__line {
    align-items: center;
    background: #ff230a;
    box-shadow: inset -2px 2px 24px rgba(0,0,0,.32);
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 12px 0;
    row-gap: 12px
}

@media(min-width: 480px) {
    .vip-position__line {
        padding:22px 0
    }
}

@media(min-width: 768px) {
    .vip-position__line {
        -moz-column-gap:28px;
        column-gap: 28px
    }
}

.vip-position__block {
    color: #fff;
    display: flex;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .vip-position__block {
        font-size:16px;
        line-height: 24px
    }
}

@media(min-width: 1200px) {
    .vip-position__block {
        font-size:20px;
        line-height: 30px
    }
}

.vip-position__block--big {
    flex: 1 0 100%;
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px
}

.vip-position__block--big span {
    position: relative
}

.vip-position__block--big span:after,.vip-position__block--big span:before {
    background: radial-gradient(50% 50% at 50% 50%,#fff 0,hsla(0,0%,100%,0) 100%);
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
    width: 4px
}

.vip-position__block--big span:before {
    left: -12px
}

@media(min-width: 768px) {
    .vip-position__block--big span:before {
        left:-28px
    }
}

.vip-position__block--big span:after {
    right: -12px
}

@media(min-width: 768px) {
    .vip-position__block--big span:after {
        right:-28px
    }
}

@media(min-width: 480px) {
    .vip-position__block--big {
        flex:unset
    }
}

@media(min-width: 768px) {
    .vip-position__block--big {
        font-size:20px;
        line-height: 30px;
        padding: 0 28px
    }
}

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

.vip-position__background {
    background: url(/images/vip-position-background-mobile.3707f381..webp) 50% no-repeat;
    height: 314px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .vip-position__background {
        background:url(/images/vip-position-background.6e9d69db..webp) 50% no-repeat
    }
}

.vip-list {
    grid-gap: 30px;
    display: grid;
    grid-template-columns: 1fr;
    width: 100%
}

@media(min-width: 768px) {
    .vip-list {
        grid-gap:20px;
        grid-template-columns: repeat(3,1fr)
    }
}

@media(min-width: 960px) {
    .vip-list {
        grid-gap:27px
    }
}

@media(min-width: 1200px) {
    .vip-list {
        grid-gap:20px
    }
}

.vip-level {
    align-items: center;
    background: #1a1a22;
    border-radius: 20px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin: 12px 0;
    padding: 20px 20px 38px;
    position: relative
}

.vip-level:last-child {
    margin: 12px 0 0
}

@media(min-width: 480px) {
    .vip-level {
        padding:24px 24px 38px
    }
}

@media(min-width: 768px) {
    .vip-level {
        padding:54px 32px 78px
    }
}

@media(min-width: 1200px) {
    .vip-level {
        margin:24px 0;
        padding: 50px 54px 52px
    }
}

@media(min-width: 1440px) {
    .vip-level {
        padding:50px 70px 52px
    }
}

@media(min-width: 1680px) {
    .vip-level {
        padding:50px 80px 52px
    }
}

.vip-level--open {
    padding: 20px 20px 44px;
    row-gap: 36px
}

@media(min-width: 480px) {
    .vip-level--open {
        padding:24px 24px 48px;
        row-gap: unset
    }
}

@media(min-width: 768px) {
    .vip-level--open {
        padding:32px 32px 78px
    }
}

@media(min-width: 1200px) {
    .vip-level--open {
        padding:62px 54px 86px;
        row-gap: 32px
    }
}

@media(min-width: 1440px) {
    .vip-level--open {
        padding:70px 70px 95px
    }
}

@media(min-width: 1680px) {
    .vip-level--open {
        padding:50px 80px 116px
    }
}

.vip-level__return-level {
    display: none
}

@media(min-width: 768px) {
    .vip-level__return-level {
        display:flex
    }
}

.vip-level__exclamation-mark {
    margin: 0 5px 0 10px
}

.vip-level__level {
    width: 100%
}

.vip-level--low {
    background-color: #e64836
}

.vip-level__disabled-layer {
    background-color: #0f0f14;
    opacity: .65
}

.vip-level__disabled-layer,.vip-level__lock {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.vip-level__lock {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.vip-level__lock-img {
    height: 50px;
    margin-bottom: 8px;
    transition: .3s;
    width: 50px
}

.vip-level__lock-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: uppercase
}

.vip-level__lock-title,.vip-level__lock-value {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal
}

.vip-level__lock-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.vip-level__lock--open .vip-level__lock-img {
    height: 92px;
    width: 92px
}

@media(min-width: 768px) {
    .vip-level__lock--open .vip-level__lock-img {
        height:107px;
        width: 107px
    }
}

.vip-level__lock--open .vip-level__lock-title {
    font-size: 16px;
    line-height: 24px
}

@media(min-width: 768px) {
    .vip-level__lock--open .vip-level__lock-title {
        font-size:20px;
        line-height: 30px
    }
}

.vip-level__lock--open .vip-level__lock-value {
    font-size: 20px;
    line-height: 30px
}

@media(min-width: 768px) {
    .vip-level__lock--open .vip-level__lock-value {
        font-size:24px;
        line-height: 32px
    }
}

.vip-level__header-status {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

@media(min-width: 1200px) {
    .vip-level__header-status {
        margin-right:12px
    }
}

.vip-level__header-value {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px
}

.vip-level__header-value--gold {
    color: #ffc736
}

.vip-level__header-value--silver {
    color: #8cb6d7
}

.vip-level__header-value--bronze {
    color: #d66e41
}

@media(min-width: 1200px) {
    .vip-level__header-value {
        font-size:26px;
        line-height: 32px
    }
}

.vip-level__header-title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .vip-level__header-title {
        margin-bottom:16px
    }
}

@media(min-width: 1200px) {
    .vip-level__header-title {
        font-size:14px;
        line-height: 20px
    }
}

.vip-level__divider {
    display: none;
    height: 4px;
    width: 263px
}

@media(min-width: 1200px) {
    .vip-level__divider {
        display:block;
        margin-top: 16px
    }
}

.vip-level__divider--long {
    display: none;
    width: 100%
}

@media(min-width: 480px) {
    .vip-level__divider--long {
        display:block;
        margin: 20px 0
    }
}

@media(min-width: 768px) {
    .vip-level__divider--long {
        display:block;
        margin: 24px 0 20px
    }
}

@media(min-width: 1200px) {
    .vip-level__divider--long {
        display:none
    }
}

@media(min-width: 768px) {
    .vip-level__progress {
        width:45%
    }
}

@media(min-width: 1200px) {
    .vip-level__progress {
        width:38%
    }
}

@media(min-width: 1440px) {
    .vip-level__progress {
        width:31%
    }
}

@media(min-width: 1680px) {
    .vip-level__progress {
        width:27%
    }
}

.vip-level__progress-block {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    width: 100%
}

@media(min-width: 768px) {
    .vip-level__progress-block {
        flex-direction:row-reverse;
        justify-content: space-between;
        row-gap: 28px
    }
}

.vip-level__progress-block--open {
    flex-direction: column
}

@media(min-width: 1200px) {
    .vip-level__progress-block--open {
        flex-direction:row-reverse
    }
}

.vip-level__progress-img {
    display: block;
    height: 78px;
    margin: 0 auto 15px;
    width: 144px
}

@media(min-width: 768px) {
    .vip-level__progress-img {
        height:98px;
        position: absolute;
        right: 86px;
        top: 32px;
        width: 184px
    }
}

@media(min-width: 960px) {
    .vip-level__progress-img {
        height:180px;
        margin: 0;
        position: relative;
        right: unset;
        top: unset;
        width: 337px
    }
}

.vip-level__description {
    width: 50%
}

@media(min-width: 480px) {
    .vip-level__description {
        width:unset
    }
}

.vip-level__descriptions-container {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .vip-level__descriptions-container {
        flex-direction:row;
        justify-content: space-between
    }
}

.vip-level__descriptions-group {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 1200px) {
    .vip-level__descriptions-group {
        row-gap:16px
    }
}

.vip-level__descriptions-group-main {
    display: none
}

@media(min-width: 480px) {
    .vip-level__descriptions-group-main {
        display:flex;
        justify-content: space-between
    }
}

@media(min-width: 768px) {
    .vip-level__descriptions-group-main {
        -moz-column-gap:90px;
        column-gap: 90px
    }
}

.vip-level__descriptions-group-main-mobile {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px
}

@media(min-width: 480px) {
    .vip-level__descriptions-group-main-mobile {
        display:none
    }
}

.vip-level__description-title {
    color: hsla(0,0%,100%,.4);
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin-bottom: 4px
}

.vip-level__description-title,.vip-level__description-value {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    white-space: nowrap
}

.vip-level__description-value {
    color: #fff;
    font-weight: 400;
    line-height: 18px
}

@media(min-width: 480px) {
    .vip-level__description-value {
        font-size:14px;
        line-height: 20px
    }
}

@media(min-width: 768px) {
    .vip-level__description-value {
        font-size:16px;
        line-height: 24px
    }
}

.vip-level .vip-level__arrow-icon-wrapper {
    bottom: 8px;
    color: #fff;
    cursor: pointer;
    left: 50%;
    position: absolute;
    transform: rotate(180deg) translate(-50%);
    transform-origin: left;
    transition: transform .3s
}

.vip-level .vip-level__arrow-icon-wrapper--open {
    transform: rotate(0deg) translate(-50%)
}

@media(min-width: 960px) {
    .vip-level .vip-level__arrow-icon-wrapper {
        bottom:5px
    }
}

@media(min-width: 1440px) {
    .vip-level .vip-level__arrow-icon-wrapper {
        bottom:14px
    }
}

.vip-status-modal {
    align-items: center;
    background-color: #1a1a22;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 296px 16px 48px;
    position: relative;
    z-index: -2
}

@media(min-width: 768px) {
    .vip-status-modal {
        padding:296px 48px 48px
    }
}

.vip-status-modal__background {
    height: 336px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 480px;
    z-index: -1
}

.vip-status-modal__text {
    font-family: Roboto,sans-serif;
    margin: 0
}

.vip-status-modal__text--title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.vip-status-modal__text--description {
    color: hsla(0,0%,100%,.65);
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 32px;
    text-align: center
}

.vip-status-modal .vip-status-modal__button {
    width: 100%
}

.welcome-bonus {
    align-items: flex-end;
    align-self: stretch;
    background-color: #ff230a;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-weight: 700;
    line-height: normal;
    min-height: 100%;
    padding: 30px;
    position: relative;
    text-align: left
}

.welcome-bonus__bg {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.welcome-bonus__content {
    display: block;
    position: relative;
    width: 100%
}

.welcome-bonus__title {
    font-size: 24px;
    margin: 10px 0 20px
}

.welcome-bonus__subtitle {
    font-size: 10px;
    text-transform: uppercase
}

.welcome-bonus__list {
    display: block
}

.welcome-bonus__item {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0;
    width: 100%
}

.welcome-bonus__item:not(:first-child) {
    margin-top: 20px
}

.welcome-bonus__icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0 12px 0 0;
    width: auto
}

.welcome-bonus__item-title {
    display: block;
    flex: 1;
    width: 100%
}

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

.notification-center__container::-webkit-scrollbar-thumb {
    background: #363645;
    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-size: 24px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px;
    padding: 56px 0 16px;
    text-align: center
}

.notification-center__empty {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.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
}

@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
    }
}

.advent-banner {
    position: relative
}

.advent-banner .advent-banner__container {
    max-width: 1342px;
    position: relative
}

.advent-banner__bg-wrapper {
    height: 250px;
    left: 50%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    translate: -50% 0;
    z-index: -1
}

@media(min-width: 768px) {
    .advent-banner__bg-wrapper {
        height:608px
    }
}

@media(min-width: 960px) {
    .advent-banner__bg-wrapper {
        height:500px
    }
}

@media(min-width: 1200px) {
    .advent-banner__bg-wrapper {
        height:700px
    }
}

@media(min-width: 1680px) {
    .advent-banner__bg-wrapper {
        min-width:unset
    }
}

.advent-banner__bg-wrapper:after {
    background: linear-gradient(180deg,rgba(15,15,20,0),rgba(15,15,20,.76) 64.58%,#0f0f14);
    bottom: -1px;
    content: "";
    height: 128px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 768px) {
    .advent-banner__bg-wrapper:after {
        height:300px
    }
}

.advent-banner__bg-wrapper--fade:before {
    background: #0f0f14;
    content: "";
    inset: 0;
    opacity: .6;
    position: absolute
}

.advent-banner__bg-image {
    display: block;
    height: 100%
}

@media(min-width: 1680px) {
    .advent-banner__bg-image {
        width:auto
    }
}

.advent-banner__bg-desktop-blur {
    display: none;
    inset: 0;
    position: absolute
}

@media(min-width: 1680px) {
    .advent-banner__bg-desktop-blur {
        display:block
    }
}

.advent-banner__bg-desktop-blur:after,.advent-banner__bg-desktop-blur:before {
    background: linear-gradient(90deg,rgba(15,15,20,0),rgba(15,15,20,.76) 64.58%,#0f0f14);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 220px
}

.advent-banner__bg-desktop-blur:before {
    left: 0;
    rotate: 180deg
}

.advent-banner__bg-desktop-blur:after {
    right: 0
}

.advent-banner__content {
    margin: 0 auto 32px;
    max-width: 340px;
    padding: 16px 0 0;
    text-align: center;
    z-index: 2
}

@media(min-width: 480px) {
    .advent-banner__content {
        max-width:450px
    }
}

@media(min-width: 768px) {
    .advent-banner__content {
        margin:0 auto 56px;
        padding: 32px 0 0
    }
}

@media(min-width: 1200px) {
    .advent-banner__content {
        padding:64px 0 0
    }
}

@media(min-width: 1440px) {
    .advent-banner__content {
        max-width:720px
    }
}

.advent-banner__date {
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    gap: 4px;
    line-height: 16px;
    margin: 0 auto 24px;
    padding: 4px 12px;
    text-transform: uppercase
}

@media(min-width: 1200px) {
    .advent-banner__date {
        margin:0 auto 32px
    }
}

.advent-banner__date--finished {
    color: hsla(0,0%,100%,.65)
}

.advent-banner__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px;
    text-align: center
}

@media(min-width: 375px) {
    .advent-banner__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .advent-banner__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 20px
    }
}

@media(min-width: 1200px) {
    .advent-banner__title {
        font-size:42px;
        line-height: 52px
    }
}

.advent-banner__title:last-child {
    margin: 0
}

.advent-banner__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.advent-banner__timer {
    display: inline-flex;
    flex-direction: column
}

.advent-banner__timer-title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 16px;
    text-transform: uppercase
}

.advent-banner__badge {
    align-items: center;
    background: rgba(46,46,59,.4);
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    min-height: 64px;
    min-width: 183px;
    padding: 16px 24px
}

.advent-banner__actions {
    min-height: 48px
}

.advent-modal-content__content {
    padding: 0 16px
}

@media(min-width: 768px) {
    .advent-modal-content__content {
        padding:40px 48px
    }
}

.advent-modal-content .advent-modal-content__progress-bar {
    margin: 4px auto 16px
}

@media(min-width: 768px) {
    .advent-modal-content .advent-modal-content__progress-bar {
        margin:0 auto 16px;
        max-width: 200px
    }
}

.advent-modal-content__banner {
    height: 300px;
    margin: 0 0 20px;
    text-align: center
}

.advent-modal-content__banner img {
    height: 100%
}

.advent-modal-content__content-inner {
    margin: 0 0 32px;
    text-align: center
}

.advent-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.advent-modal-content__title:last-child {
    margin: 0
}

.advent-modal-content__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 16px
}

.advent-modal-content__text:last-child {
    margin: 0
}

.advent-modal-content__actions {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.advent-modal-content__action {
    width: 100%
}

.advent-modal-content__action--skip {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    width: auto
}

.progress-bar-stories {
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    margin: 4px 0
}

.progress-bar-stories__step {
    background: #363645;
    border-radius: 1.5px;
    flex: 1;
    height: 4px;
    overflow: hidden
}

.progress-bar-stories__fill {
    background: #ff230a;
    display: none;
    height: 100%;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.progress-bar-stories__step--active .progress-bar-stories__fill {
    display: block;
    opacity: 1
}

.progress-bar-stories__step--past .progress-bar-stories__fill {
    display: block;
    opacity: 1;
    width: 100%!important
}

.advent-calendar__list {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.advent-calendar__list::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.advent-calendar__list::-webkit-scrollbar-track {
    background: transparent
}

.advent-calendar__list::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.advent-calendar__list::-webkit-scrollbar-thumb:hover,.advent-calendar__list:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.advent-calendar {
    margin: 0 -16px
}

@media(min-width: 768px) {
    .advent-calendar {
        margin:0
    }
}

.advent-calendar__list {
    align-items: center;
    display: flex;
    gap: 8px;
    grid-auto-flow: column;
    list-style-type: none;
    margin: 0 0 16px;
    min-height: 125px;
    overflow: scroll;
    padding: 0 16px
}

@media(min-width: 768px) {
    .advent-calendar__list {
        flex-wrap:wrap;
        gap: 20px 16px;
        justify-content: center;
        margin: 0;
        overflow: visible;
        padding: 0 0 16px
    }
}

.advent-calendar__list-item {
    flex: 1;
    transition: scale .3s ease
}

@media(min-width: 768px) {
    .advent-calendar__list-item {
        flex:0 0 214px
    }
}

.advent-calendar__prize {
    padding: 0 16px
}

@media(min-width: 768px) {
    .advent-calendar__prize {
        margin:0
    }
}

.advent-calendar__prizes {
    padding: 0 16px
}

@media(min-width: 768px) {
    .advent-calendar__prizes {
        padding:0
    }
}

.advent-calendar__placeholder {
    padding: 0 16px;
    text-align: center
}

.advent-calendar__banner {
    height: 150px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .advent-calendar__banner {
        height:300px
    }
}

.advent-calendar__banner img {
    height: 100%
}

.advent-calendar__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

.advent-task {
    align-items: center;
    background: #22222b;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 78px;
    min-width: 78px;
    padding: 20px;
    perspective: 1700px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .advent-task {
        border-radius:20px;
        min-height: 214px;
        min-width: 214px
    }
}

.advent-task__cover {
    align-items: center;
    background: #22222b;
    border-radius: 12px;
    box-shadow: 5px 0 5px 0 rgba(0,0,0,.2);
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute;
    transform-origin: left top;
    transition: 1s ease-in-out;
    z-index: 1
}

@media(min-width: 768px) {
    .advent-task__cover {
        border-radius:20px
    }

    .advent-task:hover .advent-task__cover {
        transform: rotateY(-100deg)
    }
}

.advent-task__cover-image {
    border-radius: 12px;
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media(min-width: 768px) {
    .advent-task__cover-image {
        border-radius:20px
    }
}

.advent-task__content {
    inset: 0;
    padding: 8px;
    position: absolute;
    z-index: 1
}

@media(min-width: 768px) {
    .advent-task__content {
        padding:20px
    }
}

.advent-task__info {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media(min-width: 768px) {
    .advent-task__info {
        display:flex
    }
}

.advent-task__inner-icon {
    display: block;
    height: 72px;
    margin-bottom: 16px
}

.advent-task__inner-title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 8px;
    text-transform: uppercase
}

.advent-task__inner-text {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.advent-task__inner-prize {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 20px;
    word-break: break-word
}

.advent-task__date {
    color: hsla(0,0%,100%,.4);
    font-family: DrukCyr,sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 2px;
    transition: color .3s ease
}

@media(min-width: 768px) {
    .advent-task__date {
        font-size:44px;
        line-height: 52px
    }
}

.advent-task__month {
    color: hsla(0,0%,100%,.65);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 14px;
    opacity: 0;
    text-transform: uppercase;
    transition: opacity .3s ease
}

@media(min-width: 768px) {
    .advent-task__month {
        font-size:12px;
        line-height: 16px;
        opacity: 1
    }
}

.advent-task__lock-icon {
    color: hsla(0,0%,100%,.4);
    font-size: 32px!important;
    left: 50%;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    z-index: 2
}

@media(min-width: 768px) {
    .advent-task__lock-icon {
        font-size:56px!important
    }
}

.advent-task--prev .advent-task__cover {
    transform: rotateY(-20deg)
}

.advent-task--prev .advent-task__cover:before {
    background: linear-gradient(90deg,rgba(0,0,0,.24),transparent 35.49%);
    border-radius: 12px;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 2
}

@media(min-width: 768px) {
    .advent-task--prev .advent-task__cover:before {
        border-radius:20px
    }
}

.advent-task--next:not(.advent-task--current) .advent-task__cover:before {
    background: rgba(10,10,13,.65);
    border-radius: 12px;
    content: "";
    inset: 0;
    position: absolute;
    z-index: 2
}

@media(min-width: 768px) {
    .advent-task--next:not(.advent-task--current) .advent-task__cover:before {
        border-radius:20px
    }
}

.advent-task--active {
    min-height: 100px;
    min-width: 100px
}

@media(min-width: 768px) {
    .advent-task--active {
        min-height:214px;
        min-width: 214px
    }
}

.advent-task--current .advent-task__date {
    color: #fff
}

.advent-task--current .advent-task__month {
    color: hsla(0,0%,100%,.65);
    opacity: 1
}

.advent-task--current .advent-task__cover {
    inset: 2px;
    transform: rotateY(0deg)
}

@media(min-width: 768px) {
    .advent-task--current .advent-task__cover {
        inset:3px
    }
}

.advent-task--current .advent-task__cover:after {
    background: linear-gradient(152deg,#10b981 1.77%,#a3e635 39.81%,#ffc736 52.42%,#ff230a 98.77%);
    border-radius: 12px;
    content: "";
    inset: -2px;
    position: absolute
}

@media(min-width: 768px) {
    .advent-task--current .advent-task__cover:after {
        border-radius:20px;
        inset: -3px
    }
}

.advent-modal__inner {
    padding: 40px 48px;
    position: relative
}

.advent-modal__inner:before {
    background: linear-gradient(180deg,rgba(26,26,34,0),rgba(26,26,34,.76) 64.58%,#1a1a22);
    content: "";
    height: 72px;
    left: 0;
    position: absolute;
    top: 178px;
    width: 100%;
    z-index: -1
}

.advent-modal__bg {
    left: 0;
    min-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2
}

.advent-modal__top-content {
    margin: 0 0 24px;
    text-align: center
}

.advent-modal__name {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 12px
}

.advent-modal__name:last-child {
    margin: 0
}

.advent-modal__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 12px
}

.advent-modal__description:last-child {
    margin: 0
}

.advent-prize {
    background: #1a1a22;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 480px;
    min-height: 163px;
    padding: 12px;
    position: relative
}

.advent-prize__bg {
    border-radius: 10px;
    content: "";
    height: 250px;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media(min-width: 768px) {
    .advent-prize__bg {
        display:none
    }
}

.advent-prize__content {
    margin: 0 0 10px;
    position: relative;
    text-align: center;
    z-index: 0
}

.advent-prize__name {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 8px
}

.advent-prize__name:last-child {
    margin: 0
}

.advent-prize__description {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 8px
}

.advent-prize__description:last-child {
    margin: 0
}

.advent-prize__offers {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 0
}

.advent-prize__placeholder {
    padding: 20px 0;
    text-align: center
}

.advent-prize__icon-wrapper {
    margin: 0 0 12px
}

.advent-prize__icon-wrapper,.advent-prize__inner-icon {
    height: 72px
}

.advent-prize__inner-text {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.advent-prize--modal {
    background-color: transparent;
    padding: 0
}

.advent-prize--modal .advent-prize__content,.advent-prize--modal:after,.advent-prize--modal:before {
    display: none
}

.advent-offer {
    background: #22222b;
    border-radius: 12px;
    padding: 12px
}

.advent-offer__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 8px
}

.advent-offer__description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.advent-offer__list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.advent-offer__item {
    align-items: center;
    border-bottom: 1px solid hsla(0,0%,100%,.12);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 48px
}

.advent-offer__item:last-child {
    border-bottom: none
}

.advent-offer__item-name {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.advent-offer__item-value {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.advent-offer__item-value--code {
    color: #00dccd
}

.advent-offer .advent-offer__collapse {
    min-height: 150px;
    opacity: 1;
    position: relative
}

.advent-offer .advent-offer__collapse:after {
    background: linear-gradient(179deg,rgba(34,34,43,0) 1.09%,#22222b 98.74%);
    bottom: 0;
    content: "";
    height: 72px;
    left: 0;
    position: absolute;
    width: 100%
}

.advent-offer .advent-offer__collapse--open:after {
    display: none
}

.advent-offer__collapse-actions {
    display: flex;
    justify-content: center;
    margin: 0 0 12px;
    position: relative;
    z-index: 2
}

.advent-offer__collapse-actions:last-child {
    margin: 0
}

.advent-offer .advent-offer__toggle {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.advent-offer__toggle-icon {
    color: hsla(0,0%,100%,.4)
}

.advent-offer__toggle-icon--open {
    rotate: 180deg
}

.advent-offer__cta-action {
    width: 100%
}

.advent-offer__additional-info {
    margin: 12px 0;
    text-align: center
}

.advent-offer__link {
    color: #00dccd;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.advent-offer__link:hover {
    vertical-align: #1df0e2
}

.advent-offer__warning {
    color: #ffc736;
    display: flex;
    gap: 8px;
    text-align: left
}

.advent-offer__warning-icon {
    flex: 0 0 20px
}

.advent-offer__warning-icon .font-icons {
    font-size: 20px!important
}

.advent-offer__warning-content {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.footer {
    padding-bottom: 56px
}

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

.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%;
        gap: 10px
    }
}

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

@media(min-width: 1200px) {
    .footer__responsibility {
        align-items:flex-start;
        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
}

@media(min-width: 1200px) {
    .footer__responsibility-logos {
        justify-content:flex-start
    }
}

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

.footer__responsibility-logo:hover {
    opacity: 1
}

.footer__responsibility-logo--mga {
    align-items: center;
    display: flex
}

.footer__responsibility-logo--mga img {
    height: 32px;
    width: 108px
}

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

.select-language-icons-with-name-footer__container::-webkit-scrollbar-thumb {
    background: #363645;
    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;
    display: flex;
    font-family: Roboto,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;
    margin-right: 12px;
    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__name {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    white-space: nowrap
}

.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,.layout__main--overflow-visible {
    overflow: visible
}

.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: 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: DrukCyr,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 .layout-help-center__btn-to-top {
    border-radius: 50%;
    height: 40px;
    min-width: unset;
    position: fixed;
    transform-origin: center;
    width: 40px
}

.layout-help-center__body {
    flex: 1
}

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

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

.layout-invisible-header__main {
    flex: 1;
    max-width: 100vw;
    min-height: calc(100dvh - 56px);
    overflow: hidden;
    padding-top: 56px
}

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

@media(min-width: 1200px) {
    .layout-invisible-header__main {
        min-height:calc(100dvh - 64px);
        padding-top: 64px
    }
}

.layout-invisible-header__main--install-app {
    min-height: calc(100dvh - 116px);
    padding-top: 116px
}

@media(min-width: 768px) {
    .layout-invisible-header__main--install-app {
        min-height:calc(100dvh - 56px);
        padding-top: 56px
    }
}

@media(min-width: 1200px) {
    .layout-invisible-header__main--install-app {
        min-height:calc(100dvh - 64px);
        padding-top: 64px
    }
}

.layout-invisible-header--overflow-visible,.layout-invisible-header__main--overflow-visible {
    overflow: visible
}

.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
}

.layout.landing-secondary .container {
    max-width: 1343px
}

.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: DrukCyr,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;
    width: 100%
}

@media(min-width: 768px) {
    .lt-second__steps {
        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;
    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) {
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .lt-second__step:not(:last-child) {
        margin-bottom:0;
        margin-right: 16px;
        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: DrukCyr,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__responsibility-logo {
    display: flex;
    opacity: .2;
    transition: opacity,.3s
}

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

.footer-landing__image {
    height: 100%;
    max-height: 32px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1680px) {
    .lottery {
        margin:0 auto;
        max-width: 1344px
    }
}

.lottery__section--tickets {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .lottery__section--tickets {
        margin-bottom:80px
    }
}

.lottery__section--prizes {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .lottery__section--prizes {
        margin-bottom:80px
    }
}

.lottery__section--winners {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .lottery__section--winners {
        margin-bottom:80px
    }
}

@media(min-width: 1200px) {
    .lottery__section--winners {
        margin:0 auto 80px;
        max-width: 944px
    }
}

@media(min-width: 1440px) {
    .lottery__section--winners {
        max-width:1072px
    }
}

.lottery__section--flow {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .lottery__section--flow {
        margin-bottom:80px
    }
}

.lottery__section--rules {
    margin-bottom: 80px
}

@media(min-width: 768px) {
    .lottery__section--rules {
        margin-bottom:100px
    }
}

@media(min-width: 1200px) {
    .lottery__section--rules {
        margin:0 auto 120px;
        max-width: 944px
    }
}

@media(min-width: 1440px) {
    .lottery__section--rules {
        max-width:1072px
    }
}

@media(min-width: 1680px) {
    .lottery__section--rules {
        max-width:unset
    }
}

.lottery__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    row-gap: 12px
}

@media(min-width: 1200px) {
    .lottery__header {
        margin-bottom:40px
    }
}

@media(min-width: 768px) {
    .lottery__header--tickets {
        align-items:flex-start
    }
}

.lottery__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-align: center
}

@media(min-width: 768px) {
    .lottery__title {
        font-size:26px;
        line-height: 32px
    }
}

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

.lottery__description {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    text-align: center
}

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

.lottery-header {
    display: flex;
    flex-direction: column;
    min-height: 752px;
    padding: 40px 0 64px;
    position: relative;
    width: 100%
}

@media(min-width: 480px) {
    .lottery-header {
        min-height:740px;
        padding: 48px 0 64px
    }
}

@media(min-width: 768px) {
    .lottery-header {
        align-items:flex-start;
        -moz-column-gap: 100px;
        column-gap: 100px;
        flex-direction: row;
        justify-content: space-between;
        min-height: 422px;
        padding: 56px 0 65px
    }
}

@media(min-width: 1200px) {
    .lottery-header {
        min-height:448px;
        padding-top: 80px
    }
}

.lottery-header__image--background {
    height: 543px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: -1
}

@media(min-width: 768px) {
    .lottery-header__image--background {
        top:-56px
    }
}

@media(min-width: 1200px) {
    .lottery-header__image--background {
        height:832px;
        top: -156px
    }
}

.lottery-header__image--tickets {
    left: 50%;
    max-width: 160px;
    position: absolute;
    top: -24px;
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    .lottery-header__content {
        max-width:664px
    }
}

.lottery-header__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .lottery-header__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .lottery-header__title {
        font-size:32px;
        line-height: 40px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .lottery-header__title {
        font-size:42px;
        line-height: 52px;
        margin: 0 0 20px
    }
}

.lottery-header__description {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px;
    text-align: center
}

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

@media(min-width: 1200px) {
    .lottery-header__description {
        margin:0 0 40px
    }
}

.lottery-header__timer-block {
    background-color: rgba(46,46,59,.4)!important;
    margin: 0 auto 72px;
    max-width: 254px;
    mix-blend-mode: normal
}

@media(min-width: 768px) {
    .lottery-header__timer-block {
        margin:unset
    }
}

.lottery-header__timer-block .blocks-timer__text {
    font-size: 10px;
    line-height: 14px
}

.lottery-header__timer-finish {
    align-items: center;
    background-color: rgba(46,46,59,.4);
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    height: 56px;
    justify-content: center;
    margin: 0 auto 112px;
    max-width: 207px;
    mix-blend-mode: normal
}

@media(min-width: 768px) {
    .lottery-header__timer-finish {
        margin:unset
    }
}

.lottery-header__tickets {
    background: rgba(46,46,59,.4);
    border-radius: 16px;
    mix-blend-mode: normal;
    padding: 116px 32px 32px;
    position: relative;
    text-align: center
}

.lottery-header__tickets:before {
    background: radial-gradient(67% 67% at 50% 0,rgba(105,105,255,.3) 0,rgba(32,32,96,0) 100%);
    border-radius: 16px;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .lottery-header__tickets {
        max-width:262px;
        min-width: 262px
    }
}

@media(min-width: 1200px) {
    .lottery-header__tickets {
        max-width:328px;
        min-width: 328px;
        padding: 116px 40px 40px
    }
}

.lottery-header__text--count {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 4px;
    text-align: center
}

.lottery-header__text--tickets {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 24px
}

.lottery-header__text--tickets,.lottery-header__text--timer {
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-style: normal;
    text-align: center
}

.lottery-header__text--timer {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .lottery-header__text--timer {
        text-align:left
    }
}

.lottery-header__text--finish {
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.lottery-header .lottery-header__button {
    height: 48px;
    max-width: 280px;
    width: 100%
}

@media(min-width: 1200px) {
    .lottery-header .lottery-header__button {
        height:56px
    }
}

.lucky-promo-page {
    overflow: hidden;
    position: relative
}

.lucky-promo-page__section {
    margin: 0 0 64px
}

@media(min-width: 768px) {
    .lucky-promo-page__section {
        margin:0 0 80px
    }
}

@media(min-width: 1200px) {
    .lucky-promo-page__section {
        margin:0 0 104px
    }
}

@media(min-width: 768px) {
    .lucky-promo-page__section--terms {
        margin-bottom:100px
    }
}

@media(min-width: 1200px) {
    .lucky-promo-page__section--terms {
        margin-bottom:120px
    }
}

.lucky-promo-page__section--seo {
    margin-bottom: 0
}

@media(min-width: 1680px) {
    .lucky-promo-page .lucky-promo-page__container {
        max-width:1343px
    }
}

.lucky-promo-page .lucky-promo-intro {
    padding-top: 24px;
    position: relative
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-intro {
        padding-top:40px
    }
}

.lucky-promo-page .lucky-promo-intro__bg-wrapper {
    height: 365px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: -1
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-intro__bg-wrapper {
        height:770px
    }
}

@media(min-width: 1200px) {
    .lucky-promo-page .lucky-promo-intro__bg-wrapper {
        height:880px;
        max-width: 1920px
    }
}

.lucky-promo-page .lucky-promo-intro__bg-wrapper:after {
    background: linear-gradient(top top,#0f0f14 0,transparent);
    bottom: 0;
    content: "";
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(min-width: 1680px) {
    .lucky-promo-page .lucky-promo-intro__bg-wrapper:after {
        height:320px
    }
}

.lucky-promo-page .lucky-promo-intro__bg {
    height: 100%;
    min-width: 100%
}

.lucky-promo-page .lucky-promo-intro__container {
    margin: 0 auto;
    max-width: 526px
}

.lucky-promo-page .lucky-promo-intro__logo-wrapper {
    margin: 0 0 40px;
    min-height: 90px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-intro__logo-wrapper {
        margin:0 0 48px;
        min-height: 106px
    }
}

.lucky-promo-page .lucky-promo-intro__logo {
    display: block;
    margin: 0 auto;
    max-height: 90px
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-intro__logo {
        max-height:106px
    }
}

.lucky-promo-page .lucky-promo-intro__content {
    margin: 0 0 49px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-intro__content {
        margin:0 0 65px
    }
}

.lucky-promo-page .lucky-promo-intro__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 8px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-intro__title {
        font-size:26px;
        line-height: 32px
    }
}

.lucky-promo-page .lucky-promo-intro__title span {
    color: #ffc736
}

.lucky-promo-page .lucky-promo-intro__tickets {
    margin: 0 0 24px
}

.lucky-promo-page .lucky-promo-about__content {
    margin: 0 auto 32px;
    max-width: 669px;
    text-align: center
}

@media(min-width: 1200px) {
    .lucky-promo-page .lucky-promo-about__content {
        margin:0 auto 40px
    }
}

.lucky-promo-page .lucky-promo-about__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-about__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .lucky-promo-page .lucky-promo-about__title {
        font-size:32px;
        line-height: 40px
    }
}

.lucky-promo-page .lucky-promo-about__title:last-child {
    margin: 0
}

.lucky-promo-page .lucky-promo-about__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 16px
}

.lucky-promo-page .lucky-promo-about__text:last-child {
    margin: 0
}

.lucky-promo-page .lucky-promo-about__list {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto 56px;
    max-width: 288px;
    row-gap: 32px
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-about__list {
        -moz-column-gap:16px;
        column-gap: 16px;
        flex-direction: row;
        grid-template-columns: 1fr 1fr 1fr;
        max-width: 720px
    }
}

@media(min-width: 1200px) {
    .lucky-promo-page .lucky-promo-about__list {
        max-width:992px
    }
}

.lucky-promo-page .lucky-promo-about__links {
    display: flex;
    justify-content: center;
    margin: 32px auto 0
}

@media(min-width: 1200px) {
    .lucky-promo-page .lucky-promo-about__links {
        margin-top:40px
    }
}

.lucky-promo-page .lucky-promo-about__deposit-btn {
    min-width: 155px;
    padding: 12px 20px
}

@media(min-width: 1200px) {
    .lucky-promo-page .lucky-promo-about__deposit-btn {
        height:56px
    }
}

.lucky-promo-page .lucky-promo-about-item {
    display: flex;
    gap: 8px
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-about-item {
        align-items:center;
        flex-direction: column;
        gap: 24px
    }
}

.lucky-promo-page .lucky-promo-about-item__icon {
    height: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .lucky-promo-page .lucky-promo-about-item__content {
        text-align:center
    }
}

.lucky-promo-page .lucky-promo-about-item__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 4px
}

.lucky-promo-page .lucky-promo-about-item__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.lucky-promo-panel {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 16px;
    row-gap: 16px
}

@media(min-width: 768px) {
    .lucky-promo-panel {
        flex-direction:row;
        justify-content: space-between
    }
}

.lucky-promo-panel--spin {
    background: radial-gradient(37.64% 142.5% at 82.7% 100%,rgba(255,35,10,.2) 0,rgba(255,35,10,0) 100%),#1a1a22
}

@media(min-width: 768px) {
    .lucky-promo-panel--spin {
        -webkit-backdrop-filter:blur(20px);
        backdrop-filter: blur(20px);
        background: radial-gradient(37.64% 142.5% at 82.7% 100%,rgba(255,35,10,.2) 0,rgba(255,35,10,0) 100%),rgba(144,144,210,.06)
    }
}

.lucky-promo-panel--spin--inactive {
    background: #1a1a22
}

@media(min-width: 768px) {
    .lucky-promo-panel--spin--inactive {
        background:rgba(144,144,210,.06)
    }
}

.lucky-promo-panel--box {
    background: linear-gradient(91deg,#039d8b 2.66%,#13667d 48.66%,#014b62 84.71%);
    position: relative
}

.lucky-promo-panel--box:before {
    background: url(/images/lb-lotboxes-rises.0540544d..webp) no-repeat 50%/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media(min-width: 768px) {
    .lucky-promo-panel--box:before {
        background:url(/images/lb-lotboxes-rises-desktop.284fddbb..webp) no-repeat 50%/cover
    }
}

.lucky-promo-panel--box--inactive {
    background: linear-gradient(91deg,rgba(3,157,139,.6) 2.66%,rgba(19,102,125,.6) 48.66%,rgba(1,75,98,.6) 84.71%)
}

.lucky-promo-panel--box--inactive:before {
    display: none
}

.lucky-promo-panel__content {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: -moz-max-content;
    max-width: max-content;
    z-index: 1
}

@media(min-width: 768px) {
    .lucky-promo-panel__content {
        margin:0
    }
}

.lucky-promo-panel__count {
    align-items: center;
    background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    filter: drop-shadow(0 0 8px rgba(255,205,30,.22)) drop-shadow(0 0 24px rgba(255,151,30,.88));
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 30px;
    margin-right: 15px;
    position: relative;
    text-align: center;
    text-shadow: 0 2px 0 rgba(0,0,0,.12);
    width: 36px;
    z-index: 1
}

.lucky-promo-panel__count:after {
    background: url(/images/lootbox-count-bg.e314008a..svg) no-repeat 50%/cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lucky-promo-panel__count--inactive {
    background: radial-gradient(46.09% 46.09% at 45.54% 50%,#ffc226 0,#f90 99.62%);
    border-radius: 36px;
    filter: none;
    opacity: .7
}

.lucky-promo-panel__text {
    color: #fff;
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 768px) {
    .lucky-promo-panel__text {
        font-size:20px;
        font-weight: 700;
        line-height: 30px
    }
}

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

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

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

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

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

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

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

.missions-layout__section {
    margin: 0 0 64px
}

@media(min-width: 1200px) {
    .missions-layout__section {
        margin:0 0 80px
    }
}

.missions-layout__section:last-child {
    margin: 64px 0 80px
}

@media(min-width: 768px) {
    .missions-layout__section:last-child {
        margin:80px 0 100px
    }
}

@media(min-width: 1200px) {
    .missions-layout__section:last-child {
        margin:80px 0 120px
    }
}

.missions-layout__section--seo:last-child {
    margin: 80px 0 0
}

@media(min-width: 768px) {
    .missions-layout__section--seo:last-child {
        margin:100px 0 0
    }
}

@media(min-width: 1200px) {
    .missions-layout__section--seo:last-child {
        margin:120px 0 0
    }
}

.missions-layout .missions-layout__container {
    max-width: 1344px
}

@media(min-width: 1200px) {
    .missions-layout .missions-layout__container--terms {
        max-width:944px
    }
}

@media(min-width: 1440px) {
    .missions-layout .missions-layout__container--terms {
        max-width:1144px
    }
}

@media(min-width: 1680px) {
    .missions-layout .missions-layout__container--terms {
        max-width:1344px
    }
}

.missions-layout__info {
    margin: 0 0 32px;
    text-align: center
}

@media(min-width: 1200px) {
    .missions-layout__info {
        margin:0 0 40px
    }
}

.missions-layout__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    margin: 0 0 12px
}

@media(min-width: 768px) {
    .missions-layout__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .missions-layout__title {
        font-size:32px;
        line-height: 40px
    }
}

.missions-layout__title:last-child {
    margin: 0
}

.missions-layout__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 12px
}

@media(min-width: 768px) {
    .missions-layout__text {
        font-size:16px;
        line-height: 24px
    }
}

.missions-layout__text:last-child {
    margin: 0
}

.mission-banner {
    position: relative
}

.mission-banner .mission-banner__container {
    max-width: 1342px;
    position: relative
}

.mission-banner__bg-wrapper {
    height: 600px;
    left: 50%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    translate: -50% 0;
    z-index: -1
}

.mission-banner__bg-wrapper:after {
    background: linear-gradient(180deg,rgba(15,15,20,0) .05%,#0f0f14 99.95%);
    bottom: -1px;
    content: "";
    height: 300px;
    left: 0;
    position: absolute;
    width: 100%
}

.mission-banner__bg-image {
    display: block
}

@media(min-width: 1440px) {
    .mission-banner__bg-image {
        height:100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%
    }
}

.mission-banner__content {
    margin: 0 0 48px;
    min-height: 374px;
    padding: 280px 0 0;
    position: relative;
    text-align: center;
    z-index: 2
}

@media(min-width: 480px) {
    .mission-banner__content {
        padding:330px 0 0
    }
}

@media(min-width: 768px) {
    .mission-banner__content {
        margin:0 0 56px;
        max-width: 355px;
        padding: 40px 0 0;
        position: static;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .mission-banner__content {
        margin:0 0 64px;
        max-width: 560px;
        padding: 64px 0 0
    }
}

@media(min-width: 1440px) {
    .mission-banner__content {
        max-width:664px
    }
}

.mission-banner__hero-image {
    height: 257px;
    left: 50%;
    position: absolute;
    top: 24px;
    translate: -50% 0
}

@media(min-width: 480px) {
    .mission-banner__hero-image {
        height:322px
    }
}

@media(min-width: 768px) {
    .mission-banner__hero-image {
        height:328px;
        left: unset;
        right: 0;
        top: 32px;
        translate: 0 0;
        z-index: -1
    }
}

@media(min-width: 1200px) {
    .mission-banner__hero-image {
        height:500px
    }
}

.mission-banner__info {
    margin: 0 0 32px
}

.mission-banner__date {
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto 24px;
    padding: 4px 12px
}

.mission-banner__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 26px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .mission-banner__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 20px
    }
}

@media(min-width: 1200px) {
    .mission-banner__title {
        font-size:42px;
        line-height: 52px
    }
}

.mission-banner__text {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.mission-banner__timer {
    display: inline-flex;
    flex-direction: column
}

.mission-banner__timer-title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 16px;
    text-transform: uppercase
}

.mission-banner__badge {
    align-items: center;
    background: rgba(46,46,59,.4);
    border-radius: 8px;
    color: hsla(0,0%,100%,.65);
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    min-height: 64px;
    min-width: 183px;
    padding: 16px 24px
}

.mission-info__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(min-width: 768px) {
    .mission-info__list {
        flex-direction:row
    }
}

@media(min-width: 1200px) {
    .mission-info__list {
        gap:16px
    }
}

.mission-info__item {
    flex: 1
}

@media(min-width: 768px) {
    .mission-info__item {
        flex:1 1 33.3333333333%
    }
}

.mission-info-card {
    align-items: flex-start;
    background: rgba(192,192,255,.08);
    border-radius: 12px;
    display: flex;
    gap: 16px;
    min-height: 100%;
    padding: 20px
}

@media(min-width: 768px)and (max-width:1199px) {
    .mission-info-card {
        align-items:center;
        flex-direction: column;
        gap: 20px;
        padding: 24px
    }
}

@media(min-width: 768px) {
    .mission-info-card {
        -webkit-backdrop-filter:blur(15px);
        backdrop-filter: blur(15px)
    }
}

@media(min-width: 1440px) {
    .mission-info-card {
        gap:20px;
        padding: 24px
    }
}

.mission-info-card__icon-wrapper {
    flex: 0 0 64px;
    height: 64px
}

@media(min-width: 1440px) {
    .mission-info-card__icon-wrapper {
        flex:0 0 100px;
        height: 100px
    }
}

.mission-info-card__icon {
    height: 100%
}

.mission-info-card__body {
    flex: 1;
    width: 100%
}

.mission-info-card__content {
    margin: 0 0 16px
}

@media(min-width: 768px)and (max-width:1199px) {
    .mission-info-card__content {
        text-align:center
    }
}

.mission-info-card__content:last-child {
    margin: 0
}

.mission-info-card__pre-title {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    letter-spacing: .2px;
    line-height: 16px;
    margin: 0 0 4px;
    text-transform: uppercase
}

@media(min-width: 768px)and (max-width:1199px) {
    .mission-info-card__pre-title {
        justify-content:center
    }
}

.mission-info-card__pre-title:last-child {
    margin: 0
}

.mission-info-card__locked-img {
    margin-left: -3px
}

.mission-info-card__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px
}

@media(min-width: 768px)and (max-width:1199px) {
    .mission-info-card__title {
        margin:0 0 20px
    }
}

@media(min-width: 1440px) {
    .mission-info-card__title {
        font-size:24px;
        line-height: 32px;
        margin: 0 0 20px
    }
}

.mission-info-card__title:last-child {
    margin: 0
}

.mission-info-card__title--sm {
    font-size: 16px;
    line-height: 24px
}

.mission-info-card__text {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

@media(min-width: 768px)and (max-width:1199px) {
    .mission-info-card__text--locked {
        text-align:center
    }
}

.mission-info-card__actions {
    display: flex;
    gap: 8px;
    justify-content: flex-start
}

@media(min-width: 768px)and (max-width:1199px) {
    .mission-info-card__actions {
        flex-direction:column
    }
}

.mission-info-card__clipboard {
    display: inline-flex;
    flex: 0 1 auto;
    justify-content: center
}

.mission-info-card__button {
    flex: 0 0 auto
}

.mission-progress__info {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin: 0 0 12px
}

.mission-progress__bar {
    border-radius: 4px;
    width: 100%
}

.mission-progress--completed .mission-progress__bar {
    box-shadow: 0 0 8px 0 rgba(0,220,205,.65),inset 0 0 4px 0 rgba(0,220,205,.65)
}

.mission-progress__title {
    font-weight: 500;
    letter-spacing: .2px;
    text-transform: uppercase
}

.mission-progress__counter,.mission-progress__title {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    margin: 0
}

.mission-progress__counter {
    font-weight: 700
}

.mission-progress__completed {
    color: #fff
}

.mission-calendar__list {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(167px,1fr));
    list-style-type: none;
    margin: 0;
    padding: 0;
    row-gap: 12px
}

@media(min-width: 480px) {
    .mission-calendar__list {
        grid-template-columns:repeat(auto-fit,minmax(184px,1fr))
    }
}

@media(min-width: 768px) {
    .mission-calendar__list {
        grid-template-columns:repeat(auto-fit,minmax(174px,1fr))
    }
}

@media(min-width: 1200px) {
    .mission-calendar__list {
        grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
        margin: 40px 0 0;
        row-gap: 16px
    }
}

@media(min-width: 1440px) {
    .mission-calendar__list {
        grid-template-columns:repeat(auto-fit,minmax(180px,1fr))
    }
}

@media(min-width: 1200px) {
    .mission-calendar__list--small {
        display:flex;
        justify-content: center
    }
}

@media(min-width: 768px) {
    .mission-calendar__list_smallest {
        display:flex;
        justify-content: center
    }

    .mission-calendar__list_smallest .mission-task__card {
        width: 216px
    }
}

.mission-task {
    position: relative
}

.mission-task__head {
    align-items: center;
    background-color: rgba(46,46,59,.4);
    border-radius: 8px 8px 4px 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 80px;
    justify-content: center;
    overflow: hidden;
    padding: 16px
}

@media(min-width: 1200px) {
    .mission-task__head {
        justify-content:stretch
    }
}

.mission-task--current .mission-task__head:before {
    background: #00dccd;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.mission-task--current-background .mission-task__head {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: radial-gradient(50% 97.5% at 50% 97.5%,rgba(0,220,205,.16) 0,rgba(0,220,205,0) 100%),rgba(46,46,59,.4)
}

.mission-task__day {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 4px
}

.mission-task__date {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.mission-task__body {
    height: calc(100% - 88px);
    margin: 8px 0 0;
    position: relative;
    text-align: center
}

.mission-task__back,.mission-task__body,.mission-task__front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.mission-task__back,.mission-task__front {
    align-items: center;
    background: rgba(46,46,59,.4);
    border-radius: 4px 4px 8px 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 184px;
    padding: 16px;
    transition: all .7s cubic-bezier(.4,.2,.2,1);
    width: 100%
}

.mission-task__back--big,.mission-task__front--big {
    min-height: 232px
}

.mission-task__front {
    position: relative;
    transform: rotateY(0deg)
}

.mission-task__front--active {
    transform: rotateY(-180deg)
}

@media(min-width: 1200px) {
    .mission-task__front--active .mission-task__bonus,.mission-task__front--active .mission-task__button,.mission-task__front--active .mission-task__text {
        display:none
    }

    .mission-task__front:hover .mission-task__button {
        opacity: 1
    }

    .mission-task__front:hover .mission-task__subtitle {
        opacity: 0
    }

    .mission-task__front:hover .mission-task__bonus {
        transform: translateY(-40px)
    }
}

.mission-task__back {
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(180deg);
    width: 100%
}

.mission-task__back--active {
    transform: rotateY(0deg)
}

.mission-task__status {
    position: absolute;
    right: 0;
    top: 0
}

.mission-task__subtitle {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133%;
    margin: 0;
    text-transform: uppercase;
    transition: opacity .6s ease
}

.mission-task__text {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.mission-task__text--sm {
    font-size: 14px;
    line-height: 20px
}

.mission-task__prize {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.mission-task__button {
    margin: 16px 0 0
}

@media(min-width: 1200px) {
    .mission-task__button {
        bottom:32px;
        opacity: 0;
        position: absolute;
        transition: opacity .6s ease
    }

    .mission-task__button--big-card {
        bottom: 24px
    }
}

.mission-task__text-button {
    align-items: center;
    border-radius: 20px;
    height: 40px;
    justify-content: center;
    width: 40px
}

.mission-task__text-button,.mission-task__text-button:hover {
    background: rgba(10,10,13,.65)
}

.mission-task__text-button:hover .mission-task__icon {
    color: #fff
}

.mission-task__icon {
    color: hsla(0,0%,100%,.65);
    font-size: 10px
}

.mission-task__bonus {
    align-items: center;
    display: flex;
    flex-direction: column;
    transition: transform .6s ease
}

.mission-task__image-wrapper {
    height: 36px;
    margin: 16px 0 8px;
    width: 36px
}

@media(min-width: 1200px) {
    .mission-task__image-wrapper {
        margin:32px 0 8px
    }
}

.mission-task__task-content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    row-gap: 4px
}

.mission-task__clipboard {
    color: #00dccd;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: 143%;
    text-transform: uppercase
}

.mission-task__clipboard .clipboard__tooltip {
    text-transform: none
}

.mission-task__clipboard .clipboard__icon {
    font-size: 18px;
    margin: 0 0 0 8px
}

.mission-task__today-assets {
    display: none
}

.mission-task__today-assets--christmas {
    content: "";
    display: block;
    height: 29px;
    position: absolute;
    transform: translate(-4%,-60%);
    width: 108%;
    z-index: 1
}

@media(min-width: 480px) {
    .mission-task__today-assets--christmas {
        height:38px
    }
}

@media(min-width: 768px) {
    .mission-task__today-assets--christmas {
        height:32px
    }
}

@media(min-width: 1200px) {
    .mission-task__today-assets--christmas {
        height:28px
    }
}

@media(min-width: 1440px) {
    .mission-task__today-assets--christmas {
        height:34px
    }
}

.promo-single-page__promotions .base-slider__title {
    font-size: 20px;
    line-height: 150%
}

@media(min-width: 768px) {
    .promo-single-page__promotions .base-slider__title {
        font-size:24px;
        line-height: 133.33%
    }
}

.promo-single-page .jackpot-with-progress {
    margin: 64px 0 40px
}

.promo-single-page .jackpot-list-winner,.promo-single-page .key-features,.promo-single-page .special-champions-table,.promo-single-page .steps {
    margin: 40px 0
}

.promo-single-page .info-jackpot,.promo-single-page .mission-list,.promo-single-page .promo-clipboard,.promo-single-page .promo-page-total {
    margin: 32px 0
}

@media(min-width: 1200px) {
    .promo-single-page .promo-single-page__container--big {
        max-width:1072px
    }
}

.promo-single-page .promo-single-page__container--small {
    max-width: 800px
}

.promo-single-page .promo-single-page__container--full {
    margin-top: 80px;
    max-width: 1616px
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__container--full {
        margin-top:100px
    }
}

@media(min-width: 1200px) {
    .promo-single-page .promo-single-page__container--full {
        margin-top:120px
    }
}

.promo-single-page .promo-single-page__container--terms {
    margin-top: 80px
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__container--terms {
        margin-top:100px
    }
}

@media(min-width: 1200px) {
    .promo-single-page .promo-single-page__container--terms {
        margin-top:120px
    }
}

.promo-single-page .promo-single-page__text--header {
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -.72px;
    line-height: 116.6%
}

@media(min-width: 375px) {
    .promo-single-page .promo-single-page__text--header {
        font-size:28px;
        letter-spacing: -.84px;
        line-height: 114%;
        max-width: 541px
    }
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__text--header {
        font-size:40px;
        font-weight: 900;
        letter-spacing: -1.2px;
        line-height: 120%
    }
}

.promo-single-page-header {
    padding: 16px
}

.promo-single-page__container .content h1,.promo-single-page__container .content h2 {
    margin-bottom: 16px
}

.promo-single-page__container .content h1,.promo-single-page__container .content h2,.promo-single-page__container .content h3 {
    color: #fff;
    font-weight: 700
}

.promo-single-page__container .content h1 {
    font-size: 24px;
    line-height: 133%
}

.promo-single-page__container .content h2 {
    font-size: 20px;
    line-height: 150%
}

.promo-single-page__container .content h3 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 12px
}

.promo-single-page__container .content ol,.promo-single-page__container .content p,.promo-single-page__container .content ul {
    margin-bottom: 24px
}

.promo-single-page__container .content ol,.promo-single-page__container .content ul {
    margin-bottom: 12px;
    padding: 0 0 0 24px
}

.promo-single-page__container .content ol:last-child,.promo-single-page__container .content ul:last-child {
    margin: 0
}

.promo-single-page__container .content ul li {
    padding-left: 18px!important
}

.promo-single-page__container .content ul li:before {
    left: 4px
}

.promo-single-page__container .content li {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px
}

.promo-single-page__container .content li:last-child {
    margin: 0
}

.promo-single-page__container .content .home-game-slider {
    margin: 40px 0
}

.promo-single-page__container .content .home-game-slider .btn,.promo-single-page__container .content .home-game-slider .link-btn,.promo-single-page__container .content .home-game-slider h4 {
    color: #fff;
    margin-bottom: 0
}

.promo-single-page__container .content .home-game-slider .base-slider__title {
    font-size: 20px;
    line-height: 150%
}

@media(min-width: 768px) {
    .promo-single-page__container .content .home-game-slider .base-slider__title {
        font-size:24px;
        line-height: 133.33%
    }
}

.promo-single-page .rules .btn {
    margin-bottom: 0!important
}

.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: #ff230a;
    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: 20px;
    display: flex;
    height: 50px;
    justify-content: center;
    max-width: 100px;
    padding: 5px
}

@media(min-width: 480px) {
    .credit-card-payment-fallback__method {
        margin-bottom:10px
    }
}

.advent-label {
    align-items: center;
    background: linear-gradient(179deg,#6cb912 3.62%,#10653b 104.43%),#22222b;
    border-radius: 8px 0 0 8px;
    display: flex;
    height: 210px;
    justify-content: center;
    overflow: hidden;
    padding: 12px 8px;
    position: fixed;
    right: 0;
    top: 50%;
    translate: 0 -50%;
    width: 36px;
    z-index: 10
}

.advent-label:after {
    animation: blink 2s ease-in-out infinite;
    background: url(/images/ac-label-amination.d11cdf62..png) 50% no-repeat;
    background-size: cover;
    content: "";
    height: 73px;
    left: 50%;
    position: absolute;
    top: 100%;
    translate: -50%;
    width: 73px;
    z-index: 2
}

.advent-label__text {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    rotate: -90deg;
    text-transform: uppercase;
    translate: 0 25px;
    white-space: nowrap
}

.advent-label__icon {
    position: absolute;
    right: 0;
    top: 8px
}

@keyframes blink {
    0% {
        top: 100%
    }

    to {
        top: -35%
    }
}

.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--lucky-spin .modal__content {
    margin: 0;
    overflow: visible;
    padding: 0;
    position: relative
}

@media(max-width: 767px) {
    .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--left {
    background: radial-gradient(50% 50% at 50% 50%,rgba(55,219,255,.12) 0,rgba(17,101,148,0) 100%);
    bottom: -300px;
    height: 500px;
    left: -240px;
    position: absolute;
    width: 500px;
    z-index: -1
}

.notification-center-modal--lucky-spin .modal__content-wrapper {
    max-width: 480px
}

@media(max-width: 767px) {
    .notification-center-modal--lucky-spin .modal__content-wrapper {
        border-radius:0;
        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__text {
    display: none
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .spin-bg,.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-wrap {
    filter: blur(20px);
    opacity: .2;
    z-index: -1
}

.notification-center-modal--lucky-spin .modal__content-wrapper--finished .ls-modal .wheel-lootbox__wheel-wrap {
    transform: scale(1.25);
    z-index: -1
}

.notification-center-modal__top-content {
    padding: 56px 0 40px
}

.notification-center-modal__title {
    color: #fff;
    font-family: Roboto,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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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_major {
    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_grand {
    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_mega {
    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: Roboto,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_major {
    text-shadow: 0 0 6px rgba(134,233,255,.5),0 0 20px #65b5ff
}

.bonus--jackpot .notification-center-modal__value--jackpot_grand {
    text-shadow: 0 0 6px rgba(255,220,129,.5),0 0 20px #ffaf65
}

.bonus--jackpot .notification-center-modal__value--jackpot_mega {
    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
}

.bonus-games__list {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center
}

.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
}

.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 {
    cursor: pointer
}

.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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.bonus-game-inline .bonus-game-inline__icon {
    color: #ff230a;
    font-size: 15px
}

.freespin,.freespin__title {
    text-align: center
}

.freespin__title {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

.freespin__timer {
    margin: 0 auto;
    max-width: 280px
}

.notification-center-modal-content-level {
    overflow: hidden
}

.notification-center-modal-content-level__confetti {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.notification-center-modal-content-level .notification-center-modal__top-content {
    padding: 56px 0 24px
}

.notification-center-modal-content-level .notification-center-modal__image {
    position: relative
}

.notification-center-modal-content-level .notification-center-modal__image img {
    height: 146px;
    width: 168px
}

.notification-center-modal-content-level__background,.notification-center-modal-content-level__background--gradient {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.notification-center-modal-content-level__background--gradient {
    background: radial-gradient(42.41% 43.85% at 50% 48.32%,rgba(133,37,255,.15) 0,rgba(133,37,255,.15) 6.67%,rgba(132,37,255,.14) 13.33%,rgba(130,37,255,.14) 20%,rgba(127,37,255,.13) 26.67%,rgba(124,37,255,.12) 33.33%,rgba(120,37,255,.1) 40%,rgba(116,37,255,.08) 46.67%,rgba(111,37,255,.07) 53.33%,rgba(107,37,255,.05) 60%,rgba(103,37,255,.03) 66.67%,rgba(100,37,255,.02) 73.33%,rgba(97,37,255,.01) 80%,rgba(95,37,255,.01) 86.67%,rgba(94,37,255,0) 93.33%,rgba(94,37,255,0) 100%);
    border-radius: 582px;
    height: 384px;
    width: 582px;
    z-index: -1
}

.notification-center-modal-content-level__background--image {
    animation: rotate 10s linear infinite;
    height: 572px!important;
    width: 572px!important
}

.notification-center-modal-content-level .notification-center-modal__value {
    margin-top: 16px
}

.notification-center-modal-content-level .notification-center-modal__bottom-content {
    margin-top: 64px
}

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

    to {
        transform: rotate(1turn)
    }
}

.ls-modal {
    min-height: 100%;
    overflow: hidden;
    padding: 40px 0;
    position: relative
}

@media(min-width: 768px) {
    .ls-modal {
        min-height:unset
    }
}

.ls-modal__boxes {
    display: none
}

.ls-modal__inner {
    width: 100%
}

.ls-modal__type {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 64px;
    text-align: center
}

.ls-modal__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 16px 0 0
}

.ls-modal__text span {
    color: #ffc736
}

.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: 480px;
    padding-top: 150px;
    position: absolute;
    top: -50px;
    transform: scale(0) translateX(-50%);
    transform-origin: 0 center;
    transition: all .3s ease-in;
    width: 100%
}

.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: 110%
}

@media(min-width: 480px) {
    .ls-modal__result-coins {
        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-family: Roboto,sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 8px;
    text-align: center
}

.ls-modal__result-value {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 40px;
    margin: 0;
    text-align: center;
    text-shadow: 0 0 12px rgba(255,204,129,.5),0 0 24px #ff8a65;
    text-transform: uppercase
}

.ls-modal__result:before {
    animation: rise-spin 20s linear infinite;
    background: url(/images/ls-wheel-rise-bg.5650fa45..webp) 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%)
    }
}

.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: DrukCyr,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
}

.lucky-box-modal {
    align-items: flex-start;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 627px;
    overflow: hidden;
    padding: 40px 16px 24px;
    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;
    content: "";
    height: 560px;
    left: -300px;
    position: absolute;
    width: 560px;
    z-index: -1
}

@media(min-width: 768px) {
    .lucky-box-modal:after {
        background:radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) 0,rgba(17,77,148,0) 100%);
        border-radius: 560px;
        content: "";
        height: 560px;
        position: absolute;
        right: -250px;
        top: -350px;
        width: 560px;
        z-index: -1
    }
}

.lucky-box-modal--finished {
    align-items: stretch;
    background-image: none
}

@media(min-width: 768px) {
    .lucky-box-modal {
        background-size:100% 40%;
        min-height: 556px;
        padding: 40px 16px
    }
}

.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;
    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-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: 232px;
    justify-content: center;
    margin: 95px auto 84px;
    position: relative;
    width: 216px
}

@media(min-width: 768px) {
    .lucky-box-modal__img-wrapper {
        height:244px;
        margin: 56px auto 66px;
        width: 218px
    }
}

.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 .lucky-box-modal__btn {
    font-size: 16px;
    letter-spacing: .2px;
    min-width: 100%;
    padding: 16px 24px
}

@media(min-width: 768px) {
    .lucky-box-modal .lucky-box-modal__btn {
        min-width:153px
    }
}

.lucky-box-modal .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: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .lucky-box-modal .lb-opened-content__amount {
        font-size:32px;
        line-height: 40px
    }
}

.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
}

@media(min-width: 768px) {
    .lucky-box-modal .lb-opened-content__prizes {
        margin-top:64px
    }
}

.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;
    min-width: 100%;
    padding: 12px 16px
}

@media(min-width: 768px) {
    .lucky-box-modal .lb-opened-content__btn-close {
        min-width:100px
    }
}

@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)
    }
}

.balance-select__dropdown::-webkit-scrollbar {
    width: 4px
}

.balance-select__dropdown::-webkit-scrollbar-thumb {
    background: #363645;
    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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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)
}

.notification__text-wrapper {
    display: flex;
    flex-direction: column;
    overflow-wrap: anywhere;
    row-gap: 4px;
    word-break: normal
}

.notification__title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.notification__close-button {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    position: absolute;
    right: 4px;
    top: 4px
}

.notification__close-button:hover {
    color: #fff;
    transition: color .3s ease
}

.notification-cookies-policy {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(46,46,59,.4);
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    margin: 0 auto;
    padding: 12px 16px
}

.notification-cookies-policy__text-wrapper {
    align-items: center;
    align-items: flex-start;
    align-self: flex-start;
    -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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.notification-cookies-policy__link {
    color: #00dccd
}

.notification-cookies-policy__link:hover {
    color: #1df0e2
}

.notification-cookies-policy .notification-cookies-policy__accept {
    color: #fff;
    font-family: Roboto,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
}

.notification__container {
    background: #282833;
    border-radius: 8px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    padding: 16px;
    position: relative;
    width: 100%;
    word-break: break-all
}

.notification__image {
    align-self: flex-start;
    display: flex
}

.notification__image span {
    display: none
}

.notification-unavailable-in-country-policy__text-wrapper,.notification__text-wrapper {
    display: flex;
    flex-direction: column;
    overflow-wrap: anywhere;
    row-gap: 4px;
    word-break: normal
}

.notification-unavailable-in-country-policy__title,.notification__title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}

.notification__message {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.notification-unavailable-in-country-policy__close-button,.notification__close-button {
    color: hsla(0,0%,100%,.65);
    font-size: 12px;
    position: absolute;
    right: 4px;
    top: 4px
}

.notification-unavailable-in-country-policy__close-button:hover,.notification__close-button:hover {
    color: #fff;
    transition: color .3s ease
}

.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::-webkit-scrollbar {
    width: 4px
}

.required-fields-modal__content::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.required-fields-modal {
    z-index: 1060
}

.required-fields-modal__back-button {
    background: rgba(10,10,13,.65);
    border-radius: 50%;
    left: 16px;
    min-width: unset;
    position: absolute;
    top: 16px;
    width: 40px
}

@media(min-width: 768px) {
    .required-fields-modal__back-button {
        left:24px;
        top: 24px
    }
}

.required-fields-modal__head {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 16px;
    text-align: center
}

.required-fields-modal__title {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
    text-align: center
}

.required-fields-modal__content {
    height: 100dvh;
    overflow: auto;
    padding: 40px 16px 160px;
    position: relative
}

@media(min-width: 768px) {
    .required-fields-modal__content {
        height:800px;
        padding: 40px 48px 100px
    }
}

.required-fields-modal__content:has(.attention-modal__buttons) .dynamic-form__buttons-wrapper {
    display: none
}

.required-fields-modal__content .required-fields-modal__form {
    padding: 0
}

.required-fields-modal__content .required-fields-modal__form .dynamic-form__buttons-wrapper {
    background: #1a1a22;
    border-radius: 0;
    border-top: 1px solid #0f0f14;
    bottom: 0;
    gap: 12px;
    left: -50%;
    padding: 24px 16px;
    position: fixed;
    transform: translateX(50%);
    width: 100%;
    z-index: 1
}

@media(min-width: 768px) {
    .required-fields-modal__content .required-fields-modal__form .dynamic-form__buttons-wrapper {
        border-radius:0 0 20px 20px;
        padding: 24px 48px
    }
}

.required-fields-modal__content .required-fields-modal__form .dynamic-form__element {
    margin: 0 auto 12px
}

.required-fields-modal__content .required-fields-modal__form .dynamic-form__element--terms_acceptance {
    margin-bottom: 0
}

.required-fields-modal__content .required-fields-modal__form .dynamic-form__element--receive_promos {
    bottom: 214px;
    margin: 0;
    padding: 24px 16px 0;
    position: absolute;
    z-index: 2
}

@media(min-width: 480px) {
    .required-fields-modal__content .required-fields-modal__form .dynamic-form__element--receive_promos {
        bottom:156px
    }
}

@media(min-width: 600px) {
    .required-fields-modal__content .required-fields-modal__form .dynamic-form__element--receive_promos {
        bottom:140px
    }
}

@media(min-width: 768px) {
    .required-fields-modal__content .required-fields-modal__form .dynamic-form__element--receive_promos {
        padding:24px 48px 0
    }
}

.required-fields-modal__content .required-fields-modal__form .dynamic-form__tel {
    display: flex
}

.required-fields-modal__content .required-fields-modal__form .form-element__error {
    opacity: 0
}

.required-fields-modal__content .required-fields-modal__reject-button,.required-fields-modal__content .required-fields-modal__submit-button {
    text-transform: uppercase;
    width: 100%
}

.required-fields-modal--first-step .required-fields-modal__content {
    padding: 0
}

.required-fields-modal--first-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
    padding: 128px 16px 24px
}

@media(min-width: 600px) {
    .required-fields-modal--first-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding-top:112px
    }
}

@media(min-width: 768px) {
    .required-fields-modal--first-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding:112px 48px 24px
    }
}

.required-fields-modal--first-step .required-fields-modal__form .form-element__error {
    opacity: 1
}

.required-fields-modal--first-step.required-fields-modal--without-promos .required-fields-modal__form .dynamic-form__buttons-wrapper {
    padding: 86px 16px 24px
}

@media(min-width: 480px) {
    .required-fields-modal--first-step.required-fields-modal--without-promos .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding-top:88px
    }
}

@media(min-width: 600px) {
    .required-fields-modal--first-step.required-fields-modal--without-promos .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding-top:70px
    }
}

@media(min-width: 768px) {
    .required-fields-modal--first-step.required-fields-modal--without-promos .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding:68px 48px 24px
    }
}

.required-fields-modal--first-step.required-fields-modal--without-promos .required-fields-modal__form .form-element__error {
    opacity: 1
}

.required-fields-modal--only-terms-step .required-fields-modal__content {
    padding: 0
}

.required-fields-modal--only-terms-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
    padding: 86px 16px 24px
}

@media(min-width: 480px) {
    .required-fields-modal--only-terms-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding-top:88px
    }
}

@media(min-width: 600px) {
    .required-fields-modal--only-terms-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding-top:70px
    }
}

@media(min-width: 768px) {
    .required-fields-modal--only-terms-step .required-fields-modal__form .dynamic-form__buttons-wrapper {
        padding:68px 48px 24px
    }
}

.required-fields-modal--only-terms-step .required-fields-modal__form .form-element__error {
    opacity: 1
}

.required-fields-modal .convert-to-pdf {
    margin-top: 20px
}

@media(min-width: 768px) {
    .required-fields-modal .convert-to-pdf {
        margin-top:24px
    }
}

/*! 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;
    scroll-behavior: smooth;
    width: 100%
}

.body,html {
    min-height: 100%
}

.body {
    background-color: #0f0f14;
    color: hsla(0,0%,100%,.65);
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.6;
    margin: 0;
    max-width: 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
}

.intercom-dfosxs,.intercom-lightweight-app,.intercom-lightweight-app-launcher {
    bottom: 16px!important;
    right: 16px!important
}

@media(max-width: 959px) {
    .intercom-dfosxs,.intercom-lightweight-app,.intercom-lightweight-app-launcher {
        bottom:64px!important;
        right: 8px!important;
        z-index: 88!important
    }
}

.body--gamepage .intercom-dfosxs,.body--gamepage .intercom-lightweight-app-launcher,.body--landing .intercom-dfosxs,.body--landing .intercom-launcher-discovery-frame,.body--landing .intercom-lightweight-app-launcher {
    display: none!important
}

.intercom-namespace .intercom-o8wqhy {
    bottom: 76px!important;
    right: 16px!important
}

@media(max-width: 959px) {
    .intercom-namespace .intercom-o8wqhy {
        bottom:125px!important;
        right: 8px!important
    }

    .body--gamepage .intercom-namespace .intercom-o8wqhy {
        bottom: 84px!important
    }
}

.body--gamepage .intercom-namespace .intercom-1ojvo21,.body--gamepage .intercom-namespace .intercom-o8wqhy {
    right: 64px!important
}

@media(max-height: 959px)and (max-width:1199px) {
    .intercom-namespace .intercom-o8wqhy {
        height:min(704px,100% - 145px)!important
    }
}

.intercom-messenger-frame {
    bottom: 0!important;
    color: #fff!important
}

@media(min-width: 768px) {
    .intercom-messenger-frame {
        bottom:120px!important
    }
}

@media(min-width: 960px) {
    .intercom-messenger-frame {
        bottom:80px!important
    }
}

@media(max-width: 767px) {
    .intercom-messenger-frame {
        border-radius:0!important;
        bottom: 0!important;
        height: 100%!important;
        max-height: inherit!important;
        right: 0!important;
        width: 100%!important
    }
}

@media(min-width: 768px) {
    .body--gamepage .intercom-messenger-frame {
        bottom:200px!important
    }
}

.body--gamepage .intercom-button--main,.body--landing .intercom-button--main {
    display: none!important
}

.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: #ff230a;
    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: Roboto,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: Montserrat,Arial,sans-serif
}

.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: #ff230a
}

.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: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    max-width: 333px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 3
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__title {
        font-size:26px;
        line-height: 32px;
        margin: 32px auto 0;
        max-width: 400px
    }
}

.welcome-bonus-sign-up__background {
    height: 272px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 480px
}

@media(min-width: 480px) {
    .welcome-bonus-sign-up__background {
        height:unset;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__background {
        height:680px
    }
}

.welcome-bonus-sign-up__background:after {
    background: linear-gradient(180deg,rgba(26,26,34,.3),#1a1a22 66.18%);
    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
}

@media(min-width: 1200px) {
    .welcome-bonus-sign-up__background--gradient {
        display:block
    }
}

.welcome-bonus-sign-up__background img {
    width: 100%
}

.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 {
        display:block;
        left: 32%;
        top: 265px
    }
}

.home-vip-benifits__star--big {
    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;
    opacity: .4;
    position: absolute;
    right: -570px;
    top: -165px;
    z-index: -2
}

@media(min-width: 768px) {
    .home-vip-benifits__background-image {
        opacity:1;
        right: -375px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__background-image {
        right:-200px;
        top: -310px
    }
}

@media(min-width: 1680px) {
    .home-vip-benifits__background-image {
        right:-50px
    }
}

@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: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px
}

@media(min-width: 1200px) {
    .home-vip-benifits__title {
        font-size:42px;
        line-height: 52px;
        margin: 0 0 32px
    }
}

@media(min-width: 1440px) {
    .home-vip-benifits__title {
        font-size:54px;
        font-weight: 900;
        line-height: 64px
    }
}

.home-vip-benifits__description {
    color: hsla(0,0%,100%,.65);
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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
    }
}

@media(min-width: 768px) {
    .home-vip-benifits__card--three {
        height:200px;
        max-width: 264px;
        min-width: unset;
        right: 338px;
        top: 370px
    }
}

@media(min-width: 1200px) {
    .home-vip-benifits__card--three {
        right:340px;
        top: 224px
    }
}

@media(min-width: 1440px) {
    .home-vip-benifits__card--three {
        right:362px
    }
}

@media(min-width: 1680px) {
    .home-vip-benifits__card--three {
        right:466px
    }
}

.home-vip-benifits__card-title {
    color: #fff;
    font-family: DrukCyr,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: Roboto,sans-serif;
    font-style: normal;
    font-weight: 400
}

.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 {
        display:flex;
        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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: DrukCyr,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: Rubik,Arial,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 Roboto,sans-serif;
    margin-bottom: 0;
    margin-top: 4px
}

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

.lucky-prizes-modal__inner {
    background: #1a1a22;
    overflow: hidden;
    padding: 40px 16px 44px
}

@media(min-width: 768px) {
    .lucky-prizes-modal__inner {
        padding:40px 48px
    }
}

.lucky-prizes-modal .lb-prizes-modal__content,.lucky-prizes-modal .ls-prizes-modal__content {
    margin: 0 auto;
    max-width: 420px
}

.lucky-prizes-modal .lb-prizes-modal__main-title,.lucky-prizes-modal .lb-prizes-modal__title,.lucky-prizes-modal .ls-prizes-modal__main-title,.lucky-prizes-modal .ls-prizes-modal__title {
    color: #fff;
    margin: 0;
    text-align: center
}

.lucky-prizes-modal .lb-prizes-modal__main-title,.lucky-prizes-modal .ls-prizes-modal__main-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px
}

.lucky-prizes-modal .lb-prizes-modal__title,.lucky-prizes-modal .ls-prizes-modal__title {
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px
}

.lucky-prizes-modal .lb-prizes-modal__text,.lucky-prizes-modal .ls-prizes-modal__text {
    color: #999;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 8px auto 24px;
    text-align: center
}

@media(min-width: 768px) {
    .lucky-prizes-modal .lb-prizes-modal__text,.lucky-prizes-modal .ls-prizes-modal__text {
        max-width:484px
    }
}

.lucky-prizes-modal .lb-prizes-modal__rewards,.lucky-prizes-modal .ls-prizes-modal__rewards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 1
}

@media(min-width: 768px) {
    .lucky-prizes-modal .lb-prizes-modal__rewards,.lucky-prizes-modal .ls-prizes-modal__rewards {
        flex-direction:row;
        width: 100%
    }
}

.lucky-prizes-modal .lb-modal-rewards,.lucky-prizes-modal .ls-modal-rewards {
    background-position: 0 100%;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 32px 24px;
    position: relative
}

@media(min-width: 768px) {
    .lucky-prizes-modal .lb-modal-rewards,.lucky-prizes-modal .ls-modal-rewards {
        width:100%
    }
}

.lucky-prizes-modal .lb-modal-rewards__list,.lucky-prizes-modal .ls-modal-rewards__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 24px 0 0;
    padding: 0
}

.lucky-prizes-modal .lb-modal-rewards__item-text,.lucky-prizes-modal .ls-modal-rewards__item-text {
    display: flex;
    justify-content: space-between;
    margin: 0
}

.lucky-prizes-modal .lb-modal-rewards__item-text span,.lucky-prizes-modal .ls-modal-rewards__item-text span {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    letter-spacing: .01em;
    line-height: 143%
}

.lucky-prizes-modal .lb-modal-rewards__item-text span:last-child,.lucky-prizes-modal .ls-modal-rewards__item-text span:last-child {
    color: #fff;
    font-weight: 700
}

.lucky-prizes-modal .lb-modal-rewards:before,.lucky-prizes-modal .ls-modal-rewards:before {
    border-radius: 12px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.lucky-prizes-modal .lb-modal-rewards {
    background-image: url(/images/bg-prizes-modal.ad3aa064..webp)
}

.lucky-prizes-modal .lb-modal-rewards--epic:before {
    background: linear-gradient(180deg,#ffc736,rgba(147,63,15,.99))
}

.lucky-prizes-modal .lb-modal-rewards--rare:before {
    background: linear-gradient(8deg,#003f5a 7.06%,#03b6aa 93.81%)
}

.lucky-prizes-modal .ls-modal-rewards {
    background-image: url(/images/bg-prizes-modal.6a728cb8..webp)
}

.lucky-prizes-modal .ls-modal-rewards--silver:before {
    background: linear-gradient(21deg,#46188f 13.94%,#6c36aa 80.64%,#8a4ebe 97.64%)
}

.lucky-prizes-modal .ls-modal-rewards--gold:before {
    background: linear-gradient(13.32deg,#bc571f 9.57%,#fcb705 90.43%)
}

.lucky-prizes-modal .modal__content-wrapper {
    margin: 0;
    max-width: 100%;
    width: 100%
}

@media(min-width: 768px) {
    .lucky-prizes-modal .modal__content-wrapper {
        margin:auto;
        max-width: 720px
    }
}

.lucky-prizes-modal .modal__content {
    border-radius: 0;
    margin: 0;
    min-height: 100vh;
    overflow: hidden
}

@media(min-width: 768px) {
    .lucky-prizes-modal .modal__content {
        border-radius:20px;
        min-height: auto
    }
}

.lucky-prizes-modal .modal__close-button {
    right: 16px;
    top: 12px
}

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

.bonus-shop-modal-notification__text {
    color: #999;
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.bonus-shop-modal-notification__text--white {
    color: #fff
}

.bonus-shop-modal-notification__text--underline {
    text-decoration: underline
}

.bonus-shop-modal-notification__tooltip {
    background: #393939;
    border: 1px solid hsla(0,0%,100%,.06);
    border-radius: 4px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
    max-width: 250px;
    padding: 12px!important
}

.bonus-shop-modal-notification__tooltip-body {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.bonus-shop-modal-notification__tooltip-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    margin: 0
}

.bonus-shop-modal-notification__tooltip-text {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.need-help-modal-content {
    padding: 56px 16px 16px
}

@media(min-width: 480px) {
    .need-help-modal-content {
        padding:56px 48px 48px
    }
}

.need-help-modal-content__inner {
    align-items: center;
    display: flex;
    flex-direction: column
}

.need-help-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    margin-bottom: 24px;
    margin-top: 0;
    text-align: center
}

.need-help-modal-content__list {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0 0 22px;
    padding: 0
}

.need-help-modal-content__item {
    background: #22222b;
    border-radius: 8px;
    transition: background-color .3s
}

.need-help-modal-content__item:not(:last-child) {
    margin-bottom: 8px
}

.need-help-modal-content__item:hover {
    background: #282833
}

.need-help-modal-content__info-wrap {
    align-items: flex-start;
    display: flex;
    padding: 16px
}

.need-help-modal-content__icon {
    height: 48px;
    margin-right: 8px;
    width: 48px
}

.need-help-modal-content__subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 4px;
    margin-top: 0
}

.need-help-modal-content__desc {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 143%;
    margin: 0
}

.need-help-modal-content__back-wrap {
    margin-bottom: 22px
}

.need-help-modal-content__back,.need-help-modal-content__contact,.need-help-modal-content__contact-link {
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    text-align: center
}

.need-help-modal-content__back {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    display: flex;
    gap: 8px
}

.need-help-modal-content__contact {
    color: hsla(0,0%,100%,.65);
    margin: 0
}

.need-help-modal-content__contact-link {
    color: #00dccd
}

.home-main-slider {
    background-color: #22242c;
    height: 320px
}

@media(min-width: 768px) {
    .home-main-slider {
        border-radius:20px;
        height: 360px;
        margin-left: 0;
        overflow: hidden;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .home-main-slider {
        height:420px
    }
}

@media(min-width: 1440px) {
    .home-main-slider {
        height:500px
    }
}

.vip-contacts-modal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 40px 16px;
    row-gap: 32px;
    text-align: center
}

@media(min-width: 768px) {
    .vip-contacts-modal-content {
        padding:40px 48px
    }
}

.vip-contacts-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.vip-contacts-modal-content__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.vip-contacts-modal-content__buttons {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 100%
}

.vip-contacts-modal-content .vip-contacts-modal-content__button {
    -moz-column-gap: 16px;
    column-gap: 16px;
    min-height: 48px;
    padding: 12px 40px;
    text-transform: none
}

@media(min-width: 1200px) {
    .vip-contacts-modal-content .vip-contacts-modal-content__button--download {
        display:none
    }
}

.vip-contacts-modal-content .vip-contacts-modal-content__button--modal {
    display: none
}

@media(min-width: 1200px) {
    .vip-contacts-modal-content .vip-contacts-modal-content__button--modal {
        display:inline-flex
    }
}

.vip-contacts-modal-content__need-help {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.vip-manager-whatsapp-modal-content {
    padding: 56px 16px 32px;
    text-align: center
}

@media(min-width: 768px) {
    .vip-manager-whatsapp-modal-content {
        padding:40px 48px
    }
}

.vip-manager-whatsapp-modal-content__content {
    margin-bottom: 56px
}

.vip-manager-whatsapp-modal-content__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

.vip-manager-whatsapp-modal-content__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.vip-manager-whatsapp-modal-content__footer {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.vip-manager-whatsapp-modal-content__back {
    align-items: center;
    color: hsla(0,0%,100%,.65);
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 20px
}

.vip-manager-whatsapp-modal-content__back:hover {
    color: #fff
}

.vip-manager-whatsapp-modal-content__need-help {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.vip-manager-whatsapp-modal-content-manager {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding: 48px 40px 24px;
    position: relative;
    row-gap: 16px;
    width: 100%
}

.vip-manager-whatsapp-modal-content-manager__avatar {
    border-radius: 64px;
    height: 64px;
    left: 50%;
    position: absolute;
    top: -32px;
    transform: translateX(-50%);
    width: 64px
}

.vip-manager-whatsapp-modal-content-manager__name {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 4px
}

.vip-manager-whatsapp-modal-content-manager__description {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.vip-manager-whatsapp-modal-content-manager__qr-wrapper {
    background: #fff;
    border-radius: 8px;
    height: 150px;
    padding: 6px;
    width: 150px
}

.vip-manager-whatsapp-modal-content-manager__qr {
    height: 100%;
    width: 100%
}

.vip-manager-whatsapp-modal-content-manager__footer {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0
}

.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: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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%
}

@media(min-width: 768px) {
    .p-support__cards-item {
        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;
    position: relative
}

@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 {
    overflow: hidden;
    text-align: center;
    width: 100%
}

.casino-promotions__background {
    height: 100%;
    left: 50%;
    max-height: 407px;
    min-width: 768px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: -1
}

@media(min-width: 768px) {
    .casino-promotions__background {
        height:100%;
        max-height: 542px;
        min-width: 1200px
    }
}

@media(min-width: 1200px) {
    .casino-promotions__background {
        height:100%;
        max-height: 572px;
        max-width: 1268px;
        width: 100%
    }
}

@media(min-width: 1440px) {
    .casino-promotions__background {
        height:100%;
        max-width: 1568px;
        width: 100%
    }
}

.casino-promotions__title {
    color: #fff;
    display: inline-block;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    max-width: 348px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .casino-promotions__title {
        font-size:42px;
        line-height: 52px;
        max-width: 548px
    }
}

@media(min-width: 1440px) {
    .casino-promotions__title {
        font-size:54px;
        font-weight: 900;
        line-height: 64px;
        max-width: 748px
    }
}

.casino-promotions__title:before {
    color: #00ffd1;
    left: -3px
}

.casino-promotions__title:after,.casino-promotions__title:before {
    content: attr(data-value);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.casino-promotions__title:after {
    color: #ff331c;
    right: -3px
}

.casino-promotions__description {
    color: #fff;
    display: block;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 32px
}

@media(min-width: 768px) {
    .casino-promotions__description {
        font-size:20px;
        line-height: 30px
    }
}

.casino-promotions .casino-promotions__button {
    color: #fff;
    font-family: Roboto,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: DrukCyr,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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: DrukCyr,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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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: #ff230a
}

.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__title {
    color: #fff;
    font-family: DrukCyr,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: Roboto,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    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
}

.tournaments-page__list {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .tournaments-page__list {
        margin-bottom:80px
    }
}

.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-image: url(/cms/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOTNOQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--ce14999e83208fc29e210e44c24f9692af9377ce/install-app-bg-mobile-min.png);
    background-position-x: right;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    max-width: 1616px;
    position: relative
}

@media(min-width: 768px) {
    .install-app {
        background-image:url(/cms/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBOW5OQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--35cb42ba3713e62cd09e353d94cd5991220b13e1/install-app-bg-min.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: -160px
    }
}

@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: Roboto,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: DrukCyr,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;
    display: flex;
    height: 56px;
    padding: 8px 24px;
    text-decoration: none;
    width: 168px
}

.install-app-hero-button-image {
    margin-right: 8px
}

.install-app-hero-button-text-top {
    color: hsla(0,0%,100%,.8);
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    white-space: nowrap
}

.install-app-hero-button-text-platform {
    color: #fff;
    font-family: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase
}

.install-app-how-to {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.install-app-how-to-header {
    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;
        margin-right: 16px
    }
}

.install-app-how-to-title {
    color: #fff;
    font-family: DrukCyr,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: Roboto,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: Roboto,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    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__banner {
    padding-bottom: 48px;
    position: relative
}

@media(min-width: 768px) {
    .welcome-page__banner {
        padding:64px 0 56px
    }
}

.welcome-page__banner .welcome-page-banner__background {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: -1
}

.welcome-page__banner .welcome-page-banner__content {
    margin: 0 auto 80px;
    max-width: 720px;
    text-align: center
}

@media(min-width: 480px) {
    .welcome-page__banner .welcome-page-banner__content {
        margin:0 auto 64px
    }
}

@media(min-width: 768px) {
    .welcome-page__banner .welcome-page-banner__content {
        margin:0 auto 50px
    }
}

@media(min-width: 1200px) {
    .welcome-page__banner .welcome-page-banner__content {
        margin:0 auto 76px;
        max-width: 840px
    }
}

.welcome-page__banner .welcome-page-banner__logo {
    display: inline-block;
    margin-bottom: 48px;
    width: 228px
}

@media(min-width: 768px) {
    .welcome-page__banner .welcome-page-banner__logo {
        margin-bottom:56px
    }
}

.welcome-page__banner .welcome-page-banner__logo img {
    width: 100%
}

.welcome-page__banner .welcome-page-banner__title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .welcome-page__banner .welcome-page-banner__title {
        margin:0 0 24px
    }
}

.welcome-page__banner .welcome-page-banner__offer {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 40px
}

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

@media(min-width: 768px) {
    .welcome-page__banner .welcome-page-banner__offer {
        font-size:42px;
        line-height: 52px
    }
}

@media(min-width: 1200px) {
    .welcome-page__banner .welcome-page-banner__offer {
        font-size:54px;
        line-height: 64px
    }
}

.welcome-page__banner .welcome-page-banner__button {
    min-width: 280px
}

@media(min-width: 768px) {
    .welcome-page__banner .welcome-page-banner__button {
        height:56px;
        padding: 16px 24px
    }
}

.welcome-page__payments {
    -ms-overflow-style: none;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    justify-content: safe center;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none
}

.welcome-page__payments::-webkit-scrollbar {
    display: none
}

@media(min-width: 768px) {
    .welcome-page__payments {
        -moz-column-gap:48px;
        column-gap: 48px;
        padding: 0 24px
    }
}

@media(min-width: 1200px) {
    .welcome-page__payments {
        -moz-column-gap:32px;
        column-gap: 32px
    }
}

.welcome-page__payments .welcome-page-payments__item {
    display: flex
}

.welcome-page__payments .welcome-page-payments__image {
    height: 36px
}

.welcome-page__container--content,.welcome-page__section {
    margin-bottom: 32px
}

.welcome-page__games-slider,.welcome-page__promotions-slider,.welcome-page__section:last-child {
    margin-bottom: 0
}

.welcome-page__cashback {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.welcome-page__cashback .welcome-page-cashback__content {
    padding: 114px 0
}

@media(min-width: 480px) {
    .welcome-page__cashback .welcome-page-cashback__content {
        padding:129px 0
    }
}

@media(min-width: 768px) {
    .welcome-page__cashback .welcome-page-cashback__content {
        padding:122px 0 124px
    }
}

@media(min-width: 1200px) {
    .welcome-page__cashback .welcome-page-cashback__content {
        padding:96px 0 97px
    }
}

.welcome-page__cashback .welcome-page-cashback__background {
    background: #22242c;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.welcome-page__cashback .welcome-page-cashback__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 0 0 12px
}

@media(min-width: 768px) {
    .welcome-page__cashback .welcome-page-cashback__title {
        font-size:42px;
        line-height: 52px
    }
}

@media(min-width: 1200px) {
    .welcome-page__cashback .welcome-page-cashback__title {
        font-size:54px;
        line-height: 64px
    }
}

.welcome-page__cashback .welcome-page-cashback__description {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 32px
}

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

.welcome-page__cashback .welcome-page-cashback__button {
    max-width: 314px;
    width: 100%
}

@media(min-width: 768px) {
    .welcome-page__cashback .welcome-page-cashback__button {
        padding:16px 24px
    }
}

@media(min-width: 1200px) {
    .welcome-page__cashback .welcome-page-cashback__button {
        max-width:375px
    }
}

.welcome-page__cashback .welcome-page-cashback__crypto {
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -8px;
    width: calc(100% + 16px)
}

@media(min-width: 1200px) {
    .welcome-page__cashback .welcome-page-cashback__crypto {
        -moz-column-gap:12px;
        column-gap: 12px;
        row-gap: 12px
    }
}

.welcome-page__winners {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 768px) {
    .welcome-page__winners {
        row-gap:24px
    }
}

.welcome-page__winners .welcome-page-winners__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 480px) {
    .welcome-page__winners .welcome-page-winners__title {
        font-size:20px;
        line-height: 30px
    }
}

@media(min-width: 768px) {
    .welcome-page__winners .welcome-page-winners__title {
        font-size:24px;
        line-height: 32px
    }
}

.welcome-page__benefits {
    margin-bottom: 24px;
    position: relative
}

@media(min-width: 480px) {
    .welcome-page__benefits {
        margin-bottom:40px
    }
}

@media(min-width: 768px) {
    .welcome-page__benefits {
        margin-bottom:60px
    }
}

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

.welcome-page__benefits .welcome-page-benefits__background {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .welcome-page__benefits .welcome-page-benefits__background {
        width:unset
    }
}

.welcome-page__benefits .welcome-page-benefits__content {
    padding: 28px 0 19px;
    text-align: center
}

@media(min-width: 480px) {
    .welcome-page__benefits .welcome-page-benefits__content {
        padding:40px 0 43px
    }
}

@media(min-width: 768px) {
    .welcome-page__benefits .welcome-page-benefits__content {
        padding:72px 0 68px
    }
}

@media(min-width: 1440px) {
    .welcome-page__benefits .welcome-page-benefits__content {
        padding:70px 0
    }
}

.welcome-page__benefits .welcome-page-benefits__description {
    margin-bottom: 40px;
    text-align: center
}

@media(min-width: 480px) {
    .welcome-page__benefits .welcome-page-benefits__description {
        margin-bottom:32px
    }
}

.welcome-page__benefits .welcome-page-benefits__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 32px
}

@media(min-width: 1440px) {
    .welcome-page__benefits .welcome-page-benefits__cards {
        -moz-column-gap:16px;
        column-gap: 16px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        flex-wrap: nowrap
    }
}

.welcome-page__benefits .welcome-page-benefits__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px
}

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

@media(min-width: 768px) {
    .welcome-page__benefits .welcome-page-benefits__title {
        font-size:42px;
        line-height: 52px
    }
}

.welcome-page__benefits .welcome-page-benefits__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.welcome-page__benefits .welcome-page-benefits__button {
    height: 56px;
    width: 280px
}

@media(min-width: 768px) {
    .welcome-page__benefits .welcome-page-benefits__button {
        padding:16px 24px
    }
}

.welcome-page__benefits .welcome-page-benefit-card {
    align-items: center;
    background: linear-gradient(0deg,rgba(255,35,10,0) 58.16%,rgba(255,35,10,.3) 213.68%),#1a1a22;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    row-gap: 16px;
    width: 100%
}

@media(min-width: 768px) {
    .welcome-page__benefits .welcome-page-benefit-card {
        max-width:448px;
        width: calc(50% - 8px)
    }
}

@media(min-width: 1440px) {
    .welcome-page__benefits .welcome-page-benefit-card {
        max-width:326px;
        width: calc(25% - 12px)
    }
}

.welcome-page__benefits .welcome-page-benefit-card__icon {
    filter: drop-shadow(0 4px 14px rgba(255,35,10,.5))
}

.welcome-page__benefits .welcome-page-benefit-card__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    text-align: center
}

.welcome-page__benefits .welcome-page-benefit-card__title {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0
}

.welcome-page__benefits .welcome-page-benefit-card__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.welcome-page__benefits .welcome-page-benefit-card__logos {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

.welcome-page__benefits .welcome-page-benefit-card__logo {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.welcome-page__benefits .welcome-page-benefit-card__rating {
    justify-content: center
}

.p-payments {
    background-color: #1a1a22;
    border-radius: 12px;
    padding: 24px
}

@media(min-width: 1200px) {
    .p-payments {
        border-radius:unset;
        padding: unset
    }
}

.p-payments__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px
}

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

.bonus-store {
    margin-bottom: 64px
}

@media(min-width: 960px) {
    .bonus-store {
        margin-bottom:80px
    }
}

@media(min-width: 1440px) {
    .bonus-store {
        margin-bottom:104px
    }
}

@media(min-width: 1200px) {
    .bonus-store .bonus-store__container {
        max-width:calc(100% - 256px)
    }
}

@media(min-width: 1440px) {
    .bonus-store .bonus-store__container {
        max-width:1344px;
        width: calc(100% - 296px)
    }
}

.bonus-store__main-title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%
}

@media(min-width: 768px) {
    .bonus-store__main-title {
        font-size:42px;
        line-height: 124%
    }
}

.bonus-store .bs-main {
    display: flex;
    flex-direction: column;
    padding-top: 24px
}

@media(min-width: 768px) {
    .bonus-store .bs-main {
        align-items:center;
        flex-direction: row;
        gap: 74px;
        justify-content: space-between;
        padding-top: 40px
    }
}

@media(min-width: 960px) {
    .bonus-store .bs-main {
        gap:151px
    }
}

@media(min-width: 1200px) {
    .bonus-store .bs-main {
        gap:167px
    }
}

@media(min-width: 768px) {
    .bonus-store .bs-main__desc {
        max-width:936px
    }
}

.bonus-store .bs-main__title {
    margin-bottom: 16px;
    margin-top: 0
}

.bonus-store .bs-main__title-desc {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0
}

@media(min-width: 1200px) {
    .bonus-store .bs-main__title-desc {
        font-size:16px
    }
}

.bonus-store .bs-main__balance {
    margin-top: 32px
}

@media(min-width: 768px) {
    .bonus-store .bs-main__balance {
        margin-top:0
    }
}

.bonus-store .bs-shop {
    margin-bottom: 64px;
    margin-top: 40px
}

@media(min-width: 960px) {
    .bonus-store .bs-shop {
        margin-bottom:80px
    }
}

@media(min-width: 1440px) {
    .bonus-store .bs-shop {
        margin-bottom:104px
    }
}

.bonus-store-tooltip {
    background: #282833;
    border: 1px solid hsla(0,0%,100%,.06);
    border-radius: 4px;
    box-shadow: 0 16px 32px -12px rgba(0,0,0,.44);
    max-width: 250px;
    padding: 12px!important
}

.bonus-store-tooltip__content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.bonus-store-tooltip__header {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 143%;
    margin: 0
}

.bonus-store-tooltip__text {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin: 0
}

.bonus-store-tooltip .arrow {
    background: #282833
}

.hh-page {
    background: #000;
    overflow: hidden;
    position: relative
}

.hh-page__title {
    color: #fff;
    font-family: DrukCyr,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: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    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: Rubik,Arial,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-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: Roboto,sans-serif
}

.daily-cashback-description__text--daily {
    color: hsla(0,0%,100%,.8);
    font-family: Roboto,sans-serif;
    font-size: 40px;
    font-weight: 400;
    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: Roboto,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: Roboto,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: Roboto,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: Roboto,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: Roboto,sans-serif;
    font-size: 20px;
    font-weight: 400;
    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.08e2d3c0..webp);
    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: Roboto,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: Roboto,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: Roboto,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: DrukCyr,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: DrukCyr,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: Roboto,sans-serif;
    font-style: normal;
    margin: 0
}

.lb-page-how-to-step__text {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    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
    }
}

.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 DrukCyr,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
    }
}

.journey-map {
    background-attachment: fixed;
    background-image: url(/cms/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeGZkQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--628d9bf80f8238730c922a2b771b73fc6b39b0d8/road-to-glory-background--mobile.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 32px
}

@supports(-webkit-overflow-scrolling:touch) {
    .journey-map {
        background-attachment: scroll;
        background-position: top;
        background-size: contain
    }
}

@media(min-width: 768px) {
    .journey-map {
        background-attachment:fixed;
        background-image: url(/cms/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeGpkQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b7c43d4a61ed961508251cf1f01ab8adf8da7043/road-to-glory-background--tablet.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }
}

@media(min-width: 1200px) {
    .journey-map {
        background-attachment:fixed;
        background-image: url(/cms/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeGJkQWc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--966bace7d92f55aa0fbb595deb12ea86eaee0df9/road-to-glory-background--desktop.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 120px
    }
}

.journey-map__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1440px;
    position: relative
}

@media(min-width: 1200px) {
    .journey-map__content {
        align-items:flex-start;
        flex-direction: row;
        justify-content: space-between;
        padding-left: 32px
    }
}

@media(min-width: 1440px) {
    .journey-map__content {
        padding-left:148px
    }
}

.journey-map__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%
}

@media(min-width: 1200px) {
    .journey-map__header {
        align-items:flex-start;
        position: sticky;
        text-align: left;
        top: 64px
    }
}

.journey-map__logo {
    height: 80px;
    margin: 24px 0 8px
}

@media(min-width: 768px) {
    .journey-map__logo {
        height:100px
    }
}

@media(min-width: 1200px) {
    .journey-map__logo {
        height:116px;
        margin: 80px 0 8px
    }
}

.journey-map__timer {
    margin-bottom: 24px
}

@media(min-width: 1200px) {
    .journey-map__timer {
        margin-bottom:32px
    }
}

.journey-map__text {
    font-family: Roboto,sans-serif;
    margin: 0
}

.journey-map__text--fund {
    color: hsla(0,0%,100%,.4);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0 0 8px;
    text-transform: uppercase
}

.journey-map__text--prize {
    color: #ffc736;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

@media(min-width: 768px) {
    .journey-map__text--prize {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .journey-map__text--prize {
        font-size:42px;
        line-height: 52px
    }

    .journey-map .journey-map__button--deposit {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 24px
    }
}

.journey-map .journey-map__button--modal {
    align-items: center;
    color: hsla(0,0%,100%,.4);
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

.journey-map__player-level {
    margin-top: 24px;
    max-width: 496px;
    padding: 0 16px;
    width: 100%
}

@media(min-width: 1200px) {
    .journey-map__player-level {
        max-width:392px;
        padding: 0
    }
}

.journey-map__player-level .user-level-status {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    padding: 12px
}

@media(min-width: 1200px) {
    .journey-map__player-level .user-level-status {
        -webkit-backdrop-filter:unset;
        backdrop-filter: unset;
        background: unset;
        border-radius: unset;
        padding: 0
    }
}

.journey-map__player-level .user-level-status__avatar-wrap {
    width: 80px
}

.journey-map__player-level .user-level-status__player-name {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 4px;
    text-align: left
}

.journey-map__player-level .user-level-status__info {
    margin-top: 8px
}

@media(min-width: 768px) {
    .journey-map__player-level .user-level-status__info-container {
        padding-left:16px
    }
}

.journey-map__controls {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    row-gap: 24px
}

@media(min-width: 1200px) {
    .journey-map__controls {
        -moz-column-gap:24px;
        column-gap: 24px;
        flex-direction: row;
        margin-top: 40px
    }
}

.journey-map__map {
    align-items: flex-end;
    display: flex;
    min-height: 2690px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .journey-map__map {
        min-height:3975px
    }
}

.p-vip-club {
    margin: 0 auto;
    max-width: 1440px;
    position: relative
}

.p-vip-club .container {
    max-width: 1344px
}

.p-vip-club__bg {
    height: 380px;
    position: relative
}

.p-vip-club__bg:after {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) 0,rgba(17,77,148,0) 100%);
    border-radius: 500px;
    content: "";
    height: 420px;
    left: -350px;
    position: absolute;
    top: -260px;
    width: 500px
}

@media(min-width: 768px) {
    .p-vip-club__bg:after {
        border-radius:694px;
        height: 583px;
        left: -360px;
        top: -390px;
        width: 694px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__bg:after {
        border-radius:1024px;
        height: 860px;
        left: -890px;
        top: -530px;
        width: 1024px
    }
}

.p-vip-club__bg:before {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    border-radius: 500px;
    content: "";
    height: 420px;
    position: absolute;
    right: -350px;
    top: -250px;
    width: 500px
}

@media(min-width: 768px) {
    .p-vip-club__bg:before {
        height:583px;
        right: -160px;
        top: -290px;
        width: 694px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__bg:before {
        border-radius:1024px;
        height: 860px;
        right: -290px;
        top: -530px;
        width: 1024px
    }
}

@media(min-width: 480px) {
    .p-vip-club__bg {
        height:472px
    }
}

@media(min-width: 768px) {
    .p-vip-club__bg {
        height:auto;
        left: unset;
        position: absolute;
        right: -220px;
        top: 0;
        width: 1013px;
        z-index: -1
    }
}

@media(min-width: 1200px) {
    .p-vip-club__bg {
        right:-120px;
        width: 1156px
    }
}

.p-vip-club__bg-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.p-vip-club__main-title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .p-vip-club__main-title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 768px) {
    .p-vip-club__main-title {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__main-title {
        font-size:42px;
        line-height: 52px
    }
}

.p-vip-club__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin: 0;
    text-transform: capitalize
}

@media(min-width: 480px) {
    .p-vip-club__title {
        font-size:26px;
        line-height: 123%
    }
}

@media(min-width: 768px) {
    .p-vip-club__title {
        font-size:20px;
        line-height: 130%
    }
}

@media(min-width: 1680px) {
    .p-vip-club__title {
        font-size:26px;
        line-height: 123%
    }
}

.p-vip-club .p-vip-club__text--yellow {
    color: #ffc736!important
}

.p-vip-club__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding-left: 20px
}

.p-vip-club__list--single {
    list-style: none;
    padding-left: 0
}

.p-vip-club__head,.p-vip-club__instant,.p-vip-club__passes,.p-vip-club__table {
    margin-bottom: 64px
}

@media(min-width: 768px) {
    .p-vip-club__head,.p-vip-club__instant,.p-vip-club__passes,.p-vip-club__table {
        margin-bottom:80px
    }
}

@media(min-width: 1200px) {
    .p-vip-club__head,.p-vip-club__instant,.p-vip-club__passes,.p-vip-club__table {
        margin-bottom:100px
    }
}

.p-vip-club__rules {
    scroll-margin: 125px 0 0 0
}

@media(min-width: 768px) {
    .p-vip-club__rules {
        scroll-margin:65px 0 0 0
    }
}

@media(min-width: 1200px) {
    .p-vip-club__rules {
        scroll-margin:74px 0 0 0
    }
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head {
        padding-top:72px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head {
        padding-top:120px
    }
}

.p-vip-club .p-vip-club-head__title {
    margin-bottom: 16px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head__title {
        margin-bottom:20px;
        max-width: 446px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head__title {
        max-width:560px
    }
}

.p-vip-club .p-vip-club-head__desc {
    color: #fff;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 32px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head__desc {
        max-width:354px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head__desc {
        margin-bottom:48px;
        max-width: 560px
    }
}

.p-vip-club .p-vip-club-head__btn {
    display: flex;
    margin: 0 auto 64px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-head__btn {
        margin:0 0 72px;
        padding: 16px 24px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-head__btn {
        margin:0 0 180px;
        padding: 16px 24px
    }
}

.p-vip-club .p-vip-club-benefits {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits {
        align-items:flex-start
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-benefits {
        align-items:center;
        flex-direction: row;
        justify-content: space-between
    }
}

.p-vip-club .p-vip-club-benefits__sticker {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__sticker {
        flex-direction:row
    }
}

.p-vip-club .p-vip-club-benefits__badge {
    height: 100%;
    margin-bottom: 24px;
    max-height: 120px;
    max-width: 120px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__badge {
        margin-bottom:0;
        margin-right: 24px
    }
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-club-benefits__badge {
        max-height:142px;
        max-width: 142px
    }
}

.p-vip-club .p-vip-club-benefits__badge-img {
    height: 100%;
    left: 50%;
    max-height: 74px;
    max-width: 74px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-club-benefits__badge-img {
        max-height:88px;
        max-width: 88px
    }
}

.p-vip-club .p-vip-club-benefits__badge-letters {
    animation: animate-vip-sticker 10s linear infinite;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__title {
        max-width:122px
    }
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-club-benefits__title {
        max-width:160px
    }
}

.p-vip-club .p-vip-club-benefits__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 8px;
    margin-top: 40px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__cards {
        -moz-column-gap:41px;
        column-gap: 41px;
        flex-wrap: nowrap;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-benefits__cards {
        justify-content:end;
        margin-top: 0;
        width: auto
    }
}

.p-vip-club .p-vip-club-benefits__card {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(50% - 4px)
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__card:not(:last-child):after {
        background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.12) 48.96%,hsla(0,0%,100%,0));
        content: "";
        height: 100%;
        position: absolute;
        right: -21px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }

    .p-vip-club .p-vip-club-benefits__card {
        flex-wrap: nowrap;
        max-width: 148px;
        width: calc(25% - 15px)
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-benefits__card {
        flex-wrap:nowrap;
        max-width: 100%;
        min-width: 170px
    }
}

.p-vip-club .p-vip-club-benefits__icon {
    height: 100%;
    margin-bottom: 12px;
    max-height: 80px;
    max-width: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.p-vip-club .p-vip-club-benefits__desc {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-benefits__desc {
        font-size:20px
    }
}

.p-vip-club .p-vip-club-passes__title {
    margin-bottom: 32px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-passes__title {
        margin-bottom:40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-passes__title {
        margin-bottom:48px
    }
}

.p-vip-club .p-vip-club-passes__cards {
    display: flex;
    flex-wrap: nowrap;
    margin-left: -16px;
    overflow: auto;
    padding: 0 16px;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-passes__cards {
        margin-left:-24px;
        padding: 0 24px;
        width: calc(100% + 48px)
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-passes__cards {
        margin-left:unset;
        overflow: hidden;
        padding: 0;
        width: 100%
    }
}

.p-vip-club .vip-club-passes-card {
    border-radius: 16px;
    min-height: 296px;
    min-width: 288px
}

.p-vip-club .vip-club-passes-card:not(:last-child) {
    margin-right: 12px
}

@media(min-width: 1200px) {
    .p-vip-club .vip-club-passes-card:not(:last-child) {
        margin-right:16px
    }
}

@media(min-width: 480px) {
    .p-vip-club .vip-club-passes-card {
        min-height:318px;
        min-width: 324px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .vip-club-passes-card {
        min-height:294px;
        min-width: unset;
        width: calc(25% - 12px)
    }
}

@media(min-width: 1440px) {
    .p-vip-club .vip-club-passes-card {
        min-height:318px
    }
}

.p-vip-club .vip-club-passes-card__front-wrap {
    display: flex;
    flex-direction: column
}

.p-vip-club .vip-club-passes-card__view {
    display: flex;
    flex-direction: column;
    min-height: 178px;
    padding: 20px 20px 16px;
    position: relative;
    z-index: 1
}

@media(min-width: 480px) {
    .p-vip-club .vip-club-passes-card__view {
        min-height:200px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .vip-club-passes-card__view {
        min-height:176px
    }
}

@media(min-width: 1440px) {
    .p-vip-club .vip-club-passes-card__view {
        min-height:200px
    }
}

.p-vip-club .vip-club-passes-card__img {
    border-radius: 16px;
    z-index: -1
}

.p-vip-club .vip-club-passes-card__title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 143%;
    margin-bottom: 12px;
    text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__type {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 123%;
    text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__holder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: auto
}

.p-vip-club .vip-club-passes-card__sticker {
    bottom: 16px;
    height: 56px;
    position: absolute;
    right: 16px;
    width: 56px;
    z-index: -1
}

.p-vip-club .vip-club-passes-card__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-vip-club .vip-club-passes-card__desc {
    padding: 20px;
    width: 100%
}

.p-vip-club .vip-club-passes-card__subtitle {
    color: hsla(0,0%,100%,.4);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 133%;
    margin-bottom: 12px;
    text-transform: uppercase
}

.p-vip-club .vip-club-passes-card__back-details,.p-vip-club .vip-club-passes-card__ditails,.p-vip-club .vip-club-passes-card__list-title,.p-vip-club .vip-club-passes-card__message {
    color: #fff;
    font-size: 14px;
    line-height: 143%
}

.p-vip-club .vip-club-passes-card__list-title {
    margin-bottom: 12px
}

.p-vip-club .vip-club-passes-card__ditails {
    margin-bottom: 8px
}

.p-vip-club .vip-club-passes-card__back-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px 20px 20px;
    width: 100%
}

.p-vip-club .vip-club-passes-card__back-details {
    margin-bottom: 12px
}

.p-vip-club .vip-club-passes-card__more-rules {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    margin-top: auto;
    text-decoration: none
}

.p-vip-club .vip-club-passes-card__more-rules:hover {
    color: #fff
}

.p-vip-club .p-vip-club-table__title {
    margin-bottom: 32px;
    text-align: center;
    text-transform: unset
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-table__title {
        margin-bottom:40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-table__title {
        margin-bottom:48px
    }
}

.p-vip-club .p-vip-club-table__wrapper {
    margin-left: -16px;
    overflow: auto;
    padding: 0 16px;
    width: calc(100% + 32px)
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-table__wrapper {
        margin-left:unset;
        padding: unset;
        width: 100%
    }
}

.p-vip-club .vip-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 736px;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club .vip-table {
        min-width:unset
    }
}

.p-vip-club .vip-table tr {
    border-radius: 16px
}

.p-vip-club .vip-table tr:nth-of-type(2) td:first-child {
    border-radius: 16px 0 0 0
}

.p-vip-club .vip-table tr:nth-of-type(2) td:last-child {
    border-radius: 0 16px 0 0
}

.p-vip-club .vip-table tr:last-child td {
    border-bottom: 1px solid #2e2e3b
}

.p-vip-club .vip-table tr:last-child td:first-child {
    border-radius: 0 0 0 16px
}

.p-vip-club .vip-table tr:last-child td:last-child {
    border-radius: 0 0 16px 0
}

.p-vip-club .vip-table tr th {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 16px 0
}

.p-vip-club .vip-table tr th img {
    height: auto;
    margin-right: 12px;
    width: 32px
}

.p-vip-club .vip-table tr td {
    border-right: 1px solid #282833;
    border-top: 1px solid #282833;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 16px;
    vertical-align: middle
}

@media(min-width: 1200px) {
    .p-vip-club .vip-table tr td {
        font-size:16px;
        line-height: 150%
    }
}

.p-vip-club .vip-table tr td:first-child {
    background: rgba(46,46,59,.4);
    border-bottom: 1px solid #282833;
    border-left: 1px solid #282833;
    text-align: left
}

.p-vip-club .vip-table .tooltip-info__info-btn {
    align-self: flex-end;
    color: hsla(0,0%,100%,.2);
    display: flex;
    height: 22px;
    margin-left: 4px
}

.p-vip-club .vip-table .tooltip-info__info-btn .icon-info {
    color: #fff;
    font-size: 20px;
    opacity: .4
}

.p-vip-club .vip-table .tooltip-info__info-icon {
    color: hsla(0,0%,100%,.2)
}

.p-vip-club .vip-table .tooltip-info {
    background: #282833
}

.p-vip-club .vip-table__name {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.p-vip-club .vip-table__top-name {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.p-vip-club .vip-table__star {
    margin-right: 4px;
    position: relative;
    top: 4px;
    width: 20px
}

.p-vip-club .vip-table__circle-icon {
    color: #363645;
    vertical-align: middle
}

.p-vip-club .vip-table__check-circle-icon {
    color: #00dccd;
    vertical-align: middle
}

.p-vip-club .vip-table__star {
    color: #00dccd
}

.p-vip-club .p-vip-club-instant__title {
    margin-bottom: 32px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-club-instant__title {
        margin-bottom:40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__title {
        margin-bottom:48px
    }
}

.p-vip-club .p-vip-club-instant__list {
    display: flex;
    flex-direction: column
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__list {
        flex-direction:row
    }
}

.p-vip-club .p-vip-club-instant__card {
    width: 100%
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__card {
        width:calc(33.33333% - 8px)
    }
}

.p-vip-club .p-vip-club-instant__card:not(:last-child) {
    margin-bottom: 12px
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-club-instant__card:not(:last-child) {
        margin-bottom:0;
        margin-right: 12px
    }
}

.p-vip-club .p-vip-instant-card {
    background: #1a1a22;
    border-radius: 16px;
    padding: 24px 24px 32px;
    position: relative
}

.p-vip-club .p-vip-instant-card.--blue {
    background: radial-gradient(50% 50% at 50% 0,rgba(0,220,205,.08) 0,rgba(0,220,205,0) 100%),#1a1a22
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card.--blue {
        background:radial-gradient(106.91% 103.18% at 0 0,rgba(0,220,205,.08) 0,rgba(0,220,205,0) 100%),#1a1a22
    }
}

.p-vip-club .p-vip-instant-card.--yellow {
    background: radial-gradient(50% 50% at 50% 0,rgba(255,199,54,.08) 0,rgba(255,199,54,0) 100%),#1a1a22
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card.--yellow {
        background:radial-gradient(106.26% 103.18% at 0 0,rgba(255,35,10,.08) 0,rgba(255,199,54,.08) .01%,rgba(255,199,54,0) 100%),#1a1a22
    }
}

.p-vip-club .p-vip-instant-card.--red {
    background: radial-gradient(50% 50% at 50% 0,rgba(255,35,10,.08) 0,rgba(255,35,10,0) 100%),#1a1a22
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card.--red {
        background:radial-gradient(106.26% 103.18% at 0 0,rgba(255,35,10,.08) 0,rgba(255,35,10,0) 100%),#1a1a22
    }

    .p-vip-club .p-vip-instant-card {
        display: flex;
        padding: 24px
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card {
        display:block;
        flex: 1 1 33.3333333333%;
        margin-bottom: 0;
        padding: 40px 32px
    }
}

@media(min-width: 1680px) {
    .p-vip-club .p-vip-instant-card {
        padding:40px 32px 64px
    }
}

.p-vip-club .p-vip-instant-card__content {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__content {
        margin-bottom:0;
        margin-left: 24px;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card__content {
        margin-left:0
    }
}

.p-vip-club .p-vip-instant-card .yellow {
    color: #ffc736
}

.p-vip-club .p-vip-instant-card__img {
    display: block;
    height: auto;
    margin: 0 auto 16px;
    width: 88px
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__img {
        align-self:flex-start
    }
}

.p-vip-club .p-vip-instant-card__title {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
    margin-bottom: 16px;
    margin-top: 0;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__title {
        text-align:left
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card__title {
        text-align:center
    }
}

.p-vip-club .p-vip-instant-card li,.p-vip-club .p-vip-instant-card p {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%
}

.p-vip-club .p-vip-instant-card li:first-child,.p-vip-club .p-vip-instant-card li:first-of-type,.p-vip-club .p-vip-instant-card p:first-child,.p-vip-club .p-vip-instant-card p:first-of-type {
    margin-top: 0
}

.p-vip-club .p-vip-instant-card li:last-child,.p-vip-club .p-vip-instant-card li:last-of-type,.p-vip-club .p-vip-instant-card p:last-child,.p-vip-club .p-vip-instant-card p:last-of-type {
    margin-bottom: 0
}

.p-vip-club .p-vip-instant-card p.small-text {
    font-size: 14px;
    line-height: 142.857%
}

.p-vip-club .p-vip-instant-card__item {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.p-vip-club .p-vip-instant-card__item img {
    align-self: flex-start;
    height: auto;
    margin-right: 16px;
    min-width: 32px;
    width: 32px
}

.p-vip-club .p-vip-instant-card__btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 24px auto 0;
    max-width: -moz-max-content;
    max-width: max-content
}

@media(min-width: 768px) {
    .p-vip-club .p-vip-instant-card__btn {
        margin:24px 0 0
    }
}

@media(min-width: 1200px) {
    .p-vip-club .p-vip-instant-card__btn {
        margin:32px auto 0
    }
}

@keyframes animate-vip-sticker {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.random-landing {
    margin-bottom: 32px;
    width: 100%
}

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

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

@media(min-width: 1440px) {
    .random-landing {
        margin-bottom:80px
    }
}

@media(min-width: 1680px) {
    .random-landing {
        position:relative
    }
}

.random-landing__bg-wrap {
    height: 500px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1200px;
    z-index: -1
}

@media(min-width: 1200px) {
    .random-landing__bg-wrap {
        height:620px;
        width: 1680px
    }
}

.random-landing__bg {
    height: 100%;
    width: 100%
}

.random-landing__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 48px
}

@media(min-width: 1200px) {
    .random-landing__inner {
        align-items:unset;
        justify-content: flex-start;
        padding-top: 64px
    }
}

@media(min-width: 1440px) {
    .random-landing__inner {
        padding-top:104px
    }
}

.random-landing__logo {
    display: inline-block;
    width: -moz-max-content;
    width: max-content
}

.random-landing__logo .logo__img {
    margin-bottom: 32px;
    min-width: 190px;
    width: 100%
}

@media(min-width: 1200px) {
    .random-landing__logo .logo__img {
        margin-bottom:80px;
        min-width: 226px
    }
}

.random-landing__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 123%;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 768px) {
    .random-landing__title {
        font-size:42px
    }
}

@media(min-width: 1200px) {
    .random-landing__title {
        font-size:54px;
        font-weight: 900;
        line-height: 118.5%;
        margin-bottom: 32px;
        text-align: left
    }
}

.random-landing .random-landing__btn {
    width: -moz-max-content;
    width: max-content
}

@media(min-width: 1200px) {
    .random-landing .random-landing__btn {
        padding:16px 24px
    }
}

.random-landing__steps {
    display: flex;
    flex-direction: column;
    margin-top: 64px;
    max-width: 448px;
    width: 100%
}

@media(min-width: 768px) {
    .random-landing__steps {
        flex-direction:row;
        margin-top: 80px;
        max-width: unset;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .random-landing__steps {
        margin-top:104px
    }
}

@media(min-width: 1440px) {
    .random-landing__steps {
        margin-top:120px
    }
}

.random-landing .random-landing__step {
    width: 100%
}

.random-landing .random-landing__step:not(:last-child) {
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .random-landing .random-landing__step {
        width:calc(33.33333% - 10.66667px)
    }

    .random-landing .random-landing__step:not(:last-child) {
        margin-bottom: 0;
        margin-right: 16px
    }
}

.random-landing.--box .random-landing-img {
    height: 372px;
    margin-top: -60px;
    position: relative;
    width: 480px
}

@media(min-width: 768px) {
    .random-landing.--box .random-landing-img {
        height:452px;
        margin-top: -95px;
        width: 584px
    }
}

@media(min-width: 1200px) {
    .random-landing.--box .random-landing-img {
        margin-top:unset;
        position: absolute;
        right: -50px;
        top: 16px
    }
}

@media(min-width: 1440px) {
    .random-landing.--box .random-landing-img {
        height:618px;
        right: -150px;
        top: -30px;
        width: 800px
    }
}

.random-landing.--box .random-landing-img__box-wrap,.random-landing.--box .random-landing-img__stars--first,.random-landing.--box .random-landing-img__stars--second,.random-landing.--box .random-landing-img__stars--static {
    height: 100%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.random-landing.--box .random-landing-img__stars--first,.random-landing.--box .random-landing-img__stars--second,.random-landing.--box .random-landing-img__stars--static {
    z-index: -1
}

.random-landing.--box .random-landing-img__stars--first {
    animation: random-stars-anim 3s linear infinite alternate
}

.random-landing.--box .random-landing-img__stars--second {
    animation: random-stars-anim 3s linear 3s infinite alternate
}

.random-landing.--box .random-landing-img__box-wrap {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    max-height: 182px;
    max-width: 169px
}

@media(min-width: 768px) {
    .random-landing.--box .random-landing-img__box-wrap {
        max-height:221px;
        max-width: 205px
    }
}

@media(min-width: 1440px) {
    .random-landing.--box .random-landing-img__box-wrap {
        max-height:302px;
        max-width: 281px
    }
}

.random-landing.--box .random-landing-img__box-wrap: after {
    background:rgba(3,174,164,.4);
    bottom: 0;
    content: "";
    filter: blur(40px);
    height: 59px;
    left: 50%;
    max-width: 159px;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1
}

@media(min-width: 768px) {
    .random-landing.--box .random-landing-img__box-wrap:after {
        height:79px;
        max-width: 194px
    }
}

@media(min-width: 1440px) {
    .random-landing.--box .random-landing-img__box-wrap:after {
        height:108px;
        max-width: 265px
    }
}

.random-landing.--box .random-landing-img__box {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.random-landing.--box .random-landing-img__box.--box-anim {
    animation: random-box-animate-main 7s linear infinite
}

.random-landing.--wheel .random-landing-img {
    height: 264px;
    margin: 26px 0;
    position: relative;
    width: 264px
}

@media(min-width: 768px) {
    .random-landing.--wheel .random-landing-img {
        height:300px;
        margin: 26px 0 40px;
        width: 300px
    }
}

@media(min-width: 1200px) {
    .random-landing.--wheel .random-landing-img {
        margin:0;
        position: absolute;
        right: 120px;
        top: 100px
    }
}

@media(min-width: 1440px) {
    .random-landing.--wheel .random-landing-img {
        height:452px;
        top: 60px;
        width: 452px
    }
}

@media(min-width: 1680px) {
    .random-landing.--wheel .random-landing-img {
        right:-10px
    }
}

.random-landing.--wheel .random-landing-img__wheel-wrap {
    height: 100%;
    width: 100%
}

.random-landing.--wheel .random-landing-img__wheel-wrap .lucky-wheel__sector-wrap {
    animation: rotate-wheel 8s linear infinite
}

.random-landing.--wheel .random-landing-img__coins,.random-landing.--wheel .random-landing-img__stars--first,.random-landing.--wheel .random-landing-img__stars--second,.random-landing.--wheel .random-landing-img__wheel-link {
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1
}

.random-landing.--wheel .random-landing-img__coins {
    height: 246px;
    left: -72px;
    top: 20px;
    transform: translate(0);
    width: 447px
}

@media(min-width: 768px) {
    .random-landing.--wheel .random-landing-img__coins {
        height:280px;
        left: -77px;
        top: 20px;
        transform: translate(0);
        width: 509px
    }
}

@media(min-width: 1440px) {
    .random-landing.--wheel .random-landing-img__coins {
        height:451px;
        left: -200px;
        width: 820px
    }
}

@media(min-width: 1680px) {
    .random-landing.--wheel .random-landing-img__coins {
        left:-190px;
        top: 10px
    }
}

.random-landing.--wheel .random-landing-img__wheel-link {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    width: 100%;
    z-index: 1
}

.random-landing.--wheel .random-landing-img__stars--first,.random-landing.--wheel .random-landing-img__stars--second {
    height: 299px;
    width: 436px
}

@media(min-width: 1200px) {
    .random-landing.--wheel .random-landing-img__stars--first,.random-landing.--wheel .random-landing-img__stars--second {
        height:480px;
        width: 654px
    }
}

@media(min-width: 1440px) {
    .random-landing.--wheel .random-landing-img__stars--first,.random-landing.--wheel .random-landing-img__stars--second {
        height:538px;
        width: 800px
    }
}

.random-landing.--wheel .random-landing-img__stars--first {
    animation: random-stars-anim 3s linear infinite alternate
}

@media(min-width: 1440px) {
    .random-landing.--wheel .random-landing-img__stars--first {
        left:208px;
        top: 276px
    }
}

.random-landing.--wheel .random-landing-img__stars--second {
    animation: random-stars-anim 3s linear 3s infinite alternate
}

@media(min-width: 1680px) {
    .random-landing.--wheel .random-landing-img__stars--second {
        left:195px
    }
}

.landing-step {
    align-items: flex-start;
    background: #1a1a22;
    border-radius: 12px;
    display: flex;
    padding: 20px
}

@media(min-width: 768px) {
    .landing-step {
        align-items:center;
        flex-direction: column;
        padding: 32px 24px
    }
}

@media(min-width: 1200px) {
    .landing-step {
        align-items:flex-start;
        flex-direction: row;
        padding: 32px 24px
    }
}

.landing-step__img-wrap {
    display: flex;
    margin-right: 16px
}

@media(min-width: 768px) {
    .landing-step__img-wrap {
        margin-bottom:24px;
        margin-right: 0
    }
}

@media(min-width: 1200px) {
    .landing-step__img-wrap {
        margin-bottom:0;
        margin-right: 24px
    }
}

.landing-step__img {
    height: 64px;
    width: 64px
}

@media(min-width: 768px) {
    .landing-step__img {
        height:80px;
        width: 80px
    }
}

.landing-step__content {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .landing-step__content {
        align-items:center
    }
}

@media(min-width: 1200px) {
    .landing-step__content {
        align-items:flex-start
    }
}

.landing-step__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .landing-step__name {
        text-align:center
    }
}

@media(min-width: 1200px) {
    .landing-step__name {
        font-size:20px;
        line-height: 150%;
        text-align: left
    }
}

.landing-step__desc {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    line-height: 143%
}

@media(min-width: 768px) {
    .landing-step__desc {
        text-align:center
    }
}

@media(min-width: 1200px) {
    .landing-step__desc {
        text-align:left
    }
}

.random-bonus-modal .modal__backdrop {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: rgba(0,0,0,.8);
    opacity: 1!important
}

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

@media(min-width: 768px) {
    .random-bonus-modal .modal__content-wrapper {
        height:unset;
        margin: auto;
        max-width: -moz-max-content;
        max-width: max-content;
        min-height: unset
    }
}

.random-bonus-modal .modal__content {
    background: #1a1a22;
    border-radius: 0;
    display: flex;
    height: unset;
    margin: 0;
    min-height: 100%;
    overflow: hidden;
    position: relative
}

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

@keyframes random-stars-anim {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes random-box-animate-main {
    0% {
        transform: rotate(0) translateY(0)
    }

    20% {
        transform: rotate(10deg) translateY(-40px)
    }

    60% {
        transform: rotate(-10deg) translateY(-30px)
    }

    to {
        transform: rotate(0) translateY(0)
    }
}

@keyframes rotate-wheel {
    25% {
        transform: rotate(60deg)
    }

    75% {
        transform: rotate(-55deg)
    }

    to {
        transform: rotate(0)
    }
}

.home__slider-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 320px;
    justify-content: center;
    outline: none;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .home__slider-item {
        height:520px
    }
}

.home__slider-item--jackpot {
    height: 620px;
    margin-bottom: 24px;
    margin-top: -80px;
    overflow: hidden
}

@media(max-width: 1200px) {
    .home__slider-item--jackpot {
        height:480px;
        margin-top: 0
    }
}

@media(max-width: 960px) {
    .home__slider-item--jackpot {
        height:380px;
        margin-bottom: 0
    }
}

.home__slider-item--jackpot:after {
    background: linear-gradient(179.15deg,rgba(15,15,20,0) .73%,#0f0f14 95%);
    bottom: 0;
    content: "";
    display: block;
    height: 350px;
    left: 0;
    position: absolute;
    width: 100%
}

@media(max-width: 520px) {
    .home__slider-item--jackpot:after {
        height:230px
    }
}

.home__slider-item--jackpot .container {
    position: relative;
    z-index: 2
}

@media(max-width: 520px) {
    .home__slider-item--jackpot .jackpot-slide__image {
        height:100%;
        -o-object-fit: inherit;
        object-fit: inherit;
        position: absolute;
        right: -210px;
        top: 0;
        width: auto
    }
}

.home__slider-item--jackpot .jackpot-slide__image--desktop {
    display: block
}

@media(max-width: 768px) {
    .home__slider-item--jackpot .jackpot-slide__image--desktop {
        display:none
    }
}

.home__slider-item--jackpot .jackpot-slide__image--mobile {
    display: none
}

@media(max-width: 767px) {
    .home__slider-item--jackpot .jackpot-slide__image--mobile {
        display:block;
        height: auto;
        left: 0;
        min-height: 350px;
        right: auto;
        top: -1px;
        width: 100%
    }
}

.home__slider-item--jackpot .jackpot-slide__image--layer-1 {
    animation: bounce 10s linear infinite;
    animation-delay: 1s;
    height: auto;
    position: absolute;
    top: 150px;
    width: auto
}

.home__slider-item--jackpot .jackpot-slide__image--layer-2 {
    animation: bounce 10s linear infinite;
    animation-delay: 1.2s;
    height: auto;
    position: absolute;
    top: 150px;
    width: auto
}

.home__slider-item--jackpot .jackpot-slide__logo {
    animation: slideInLogo .2s ease-in both;
    width: 280px
}

@media(max-width: 1200px) {
    .home__slider-item--jackpot .jackpot-slide__logo {
        width:220px
    }
}

@media(max-width: 768px) {
    .home__slider-item--jackpot .jackpot-slide__logo {
        width:180px
    }
}

.home__slider-item--jackpot .jackpot-slide__block-inner {
    text-align: center
}

.home__slider-item--jackpot .jackpot-slide__block {
    padding-top: 88px
}

@media(max-width: 1200px) {
    .home__slider-item--jackpot .jackpot-slide__block {
        padding-top:48px
    }
}

@media(max-width: 960px) {
    .home__slider-item--jackpot .jackpot-slide__block {
        padding-top:20px
    }
}

.home__slider-item--jackpot .jackpot-slide__logo-title {
    color: #fff;
    font-family: Montserrat Alternates,sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 40px;
    text-transform: uppercase
}

@media(max-width: 960px) {
    .home__slider-item--jackpot .jackpot-slide__logo-title {
        font-size:28px;
        line-height: 36px
    }
}

.home__slider-item--jackpot .jackpot-slide__pretitle {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .3em;
    line-height: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 2
}

@media(max-width: 768px) {
    .home__slider-item--jackpot .jackpot-slide__pretitle {
        font-size:12px;
        letter-spacing: 1px;
        line-height: 20px;
        opacity: .65
    }
}

.home__slider-item--jackpot .jackpot-slide__title {
    color: #ffd748;
    font-family: Roboto,sans-serif!important;
    font-size: 100px;
    font-style: normal;
    font-weight: 800;
    line-height: 100px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    z-index: 2
}

.home__slider-item--jackpot .jackpot-slide__title span {
    align-items: baseline;
    display: flex;
    justify-content: center;
    text-shadow: 0 0 10px rgba(177,78,255,.51),0 0 10px rgba(255,189,111,.25);
    white-space: nowrap
}

.home__slider-item--jackpot .jackpot-slide__title span .odometer-inside {
    display: flex
}

.home__slider-item--jackpot .jackpot-slide__title span .odometer.odometer-auto-theme,.home__slider-item--jackpot .jackpot-slide__title span .odometer.odometer-theme-default {
    font-family: Roboto,sans-serif!important
}

@media(max-width: 1200px) {
    .home__slider-item--jackpot .jackpot-slide__title {
        font-size:80px;
        line-height: 80px
    }
}

@media(max-width: 768px) {
    .home__slider-item--jackpot .jackpot-slide__title {
        font-size:40px;
        line-height: 48px
    }
}

.home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
    animation: slideInTotal .2s ease-in both;
    animation-delay: .5s;
    height: 158px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    overflow: visible;
    position: relative;
    width: 100%
}

@media(max-width: 1200px) {
    .home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
        margin-top:20px
    }
}

@media(max-width: 960px) {
    .home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
        height:142px;
        margin-top: 26px
    }
}

@media(max-width: 768px) {
    .home__slider-item--jackpot .jackpot-slide__jackpot-total-wrap {
        height:128px;
        max-width: 270px
    }
}

@keyframes slideInLogo {
    0% {
        opacity: 0;
        transform: translateY(-100px) scale(.7)
    }

    50% {
        transform: translateY(20px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes slideInTotal {
    0% {
        opacity: 0;
        transform: translateY(-100px) scale(.7)
    }

    50% {
        transform: translateY(20px) scale(1)
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1)
    }
}

@keyframes bounce {
    0% {
        transform: translate(0)
    }

    25% {
        transform: translateY(-20px)
    }

    75% {
        transform: translateY(20px)
    }

    to {
        transform: translate(0)
    }
}

.promo-single-page {
    overflow: hidden;
    position: relative
}

.promo-single-page .promo-single-page__title {
    margin: 0
}

.promo-single-page .promo-single-page__title--header {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.promo-single-page .promo-single-page__title--content {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__title--content {
        font-size:24px;
        line-height: 32px
    }
}

.promo-single-page .promo-single-page__title--block {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px
}

.promo-single-page .promo-single-page__title--step {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0
}

.promo-single-page .promo-single-page__title--jackpot {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px
}

.promo-single-page .promo-single-page__text {
    margin: 0
}

.promo-single-page .promo-single-page__text--header {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    max-width: 256px
}

@media(min-width: 375px) {
    .promo-single-page .promo-single-page__text--header {
        font-size:20px;
        line-height: 26px
    }
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__text--header {
        font-size:32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        max-width: 540px
    }
}

.promo-single-page .promo-single-page__text--days {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__text--days {
        font-size:14px;
        line-height: 20px
    }
}

.promo-single-page .promo-single-page__text--timer {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.promo-single-page .promo-single-page__text--block {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 12px
}

.promo-single-page .promo-single-page__text--block:last-child {
    margin: 0
}

.promo-single-page .promo-single-page__text--white {
    color: #fff
}

.promo-single-page .promo-single-page__text--code {
    color: #fff;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 30px;
    padding: 21px 0;
    width: 100%
}

@media(min-width: 1200px) {
    .promo-single-page .promo-single-page__text--code {
        width:50%
    }
}

.promo-single-page .promo-single-page__text--step {
    color: hsla(0,0%,100%,.65);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.promo-single-page .promo-single-page__text--jackpot {
    color: #ffc736;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px
}

.promo-single-page .promo-single-page__text--back-button {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 20px;
    text-transform: uppercase
}

.promo-single-page .promo-single-page__text--bold {
    font-weight: 700
}

.promo-single-page .promo-clipboard__code {
    margin-top: 32px
}

.promo-single-page .promo-clipboard__code .promotions-bonus-code__inner {
    border-width: 2px
}

.promo-single-page__divider {
    background: hsla(0,0%,100%,.12);
    height: 1px;
    margin: 40px 0;
    width: 100%
}

.promo-single-page-header {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 220px;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 16px 16px 20px;
    position: relative
}

@media(min-width: 768px) {
    .promo-single-page-header {
        height:360px;
        margin-bottom: 40px;
        padding: 32px 40px 40px
    }
}

@media(min-width: 1200px) {
    .promo-single-page-header {
        height:440px;
        padding-bottom: 48px
    }
}

.promo-single-page-header__background {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

.promo-single-page-header__content {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    row-gap: 16px
}

.promo-single-page-header__content:has(.promo-single-page-header__timer) {
    row-gap: 12px
}

@media(min-width: 768px) {
    .promo-single-page-header__content {
        row-gap:20px
    }

    .promo-single-page-header__content:has(.promo-single-page-header__timer) {
        row-gap: 20px
    }
}

.promo-single-page-header__days {
    align-self: flex-start;
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    padding: 4px 12px
}

.promo-single-page-header__days,.promo-single-page-header__timer {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

.promo-single-page-header__timer--finished {
    background: rgba(10,10,13,.4);
    border-radius: 16px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    padding: 4px 12px;
    width: -moz-max-content;
    width: max-content
}

@media(min-width: 768px) {
    .promo-single-page-header__timer--finished {
        font-size:14px;
        line-height: 143%
    }
}

.promo-single-page-header .promo-single-page-header__time {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px
}

.promo-single-page-content,.promo-single-page__block {
    display: flex;
    flex-direction: column
}

.promo-single-page-content {
    row-gap: 32px
}

.promo-single-page-jackpot {
    align-items: center;
    background: #1a1a22;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    row-gap: 8px
}

.promo-single-page-codes {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 1200px) {
    .promo-single-page-codes {
        row-gap:16px
    }
}

.promo-single-page-codes__code {
    align-items: center;
    background: #22222b;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media(min-width: 768px) {
    .promo-single-page-codes__code {
        flex-direction:row;
        max-width: unset
    }
}

.promo-single-page-codes__clipboard .promotions-bonus-code {
    padding: 8px 9px
}

.promo-single-page-codes__clipboard .promotions-bonus-code__inner {
    border: 2px solid #0a0a0d;
    padding: 12px 20px
}

.promo-single-page-steps {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 768px) {
    .promo-single-page-steps {
        -moz-column-gap:12px;
        column-gap: 12px;
        flex-direction: row
    }
}

.promo-single-page-steps__step {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #1a1a22;
    border-radius: 12px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    padding: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .promo-single-page-steps__step {
        flex-direction:column;
        padding: 32px 24px;
        row-gap: 24px
    }
}

.promo-single-page-steps__content {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

@media(min-width: 768px) {
    .promo-single-page-steps__content {
        text-align:center
    }
}

.promo-single-page-steps .promo-single-page-steps__image {
    height: 64px
}

@media(min-width: 768px) {
    .promo-single-page-steps .promo-single-page-steps__image {
        height:80px;
        margin: 0 auto
    }
}

.promo-single-page .promo-single-page__button {
    color: #fff;
    display: flex;
    margin: 32px 0;
    max-width: -moz-max-content;
    max-width: max-content;
    text-transform: uppercase
}

.promo-single-page .promo-single-page__button--center {
    margin-left: auto;
    margin-right: auto
}

.promo-single-page hr {
    margin-bottom: 40px;
    margin-top: 40px
}

.promo-single-page__terms {
    margin-top: 40px
}

.promo-single-page__terms .rules__content {
    max-height: 231px
}

@media(min-width: 768px) {
    .promo-single-page__terms .rules__content {
        max-height:260px
    }
}

.promo-single-page__terms .rules__content--open {
    max-height: unset
}

.promo-single-page__back-button {
    align-items: center;
    align-self: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    padding: 16px 0
}

.promo-single-page__back-button i {
    color: hsla(0,0%,100%,.65);
    transition: color .3s ease
}

.promo-single-page__back-button:hover i {
    color: #fff
}

@media(min-width: 768px) {
    .promo-single-page__back-button {
        padding:24px 0
    }
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content h1,.promo-single-page>:not(.promo-single-page__container--terms)>.content h2 {
    margin-bottom: 16px
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content h1,.promo-single-page>:not(.promo-single-page__container--terms)>.content h2,.promo-single-page>:not(.promo-single-page__container--terms)>.content h3 {
    color: #fff;
    font-weight: 700
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content h1 {
    font-size: 24px;
    line-height: 133%
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content h2 {
    font-size: 20px;
    line-height: 150%
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content h3 {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .promo-single-page>:not(.promo-single-page__container--terms)>.content h3 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 16px
    }
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content ol,.promo-single-page>:not(.promo-single-page__container--terms)>.content p:not(.promotions-card__text),.promo-single-page>:not(.promo-single-page__container--terms)>.content ul {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content ol,.promo-single-page>:not(.promo-single-page__container--terms)>.content ul {
    margin-bottom: 12px;
    padding: 0 0 0 24px
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content ol:last-child,.promo-single-page>:not(.promo-single-page__container--terms)>.content ul:last-child {
    margin: 0
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content ul li {
    padding-left: 18px!important
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content ul li:before {
    left: 4px
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content li {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content li:last-child {
    margin: 0
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider {
    margin: 40px 0
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider .btn,.promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider .link-btn,.promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider h4 {
    color: #fff;
    margin-bottom: 0
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider .base-slider__title {
    font-size: 20px;
    line-height: 150%
}

@media(min-width: 768px) {
    .promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider .base-slider__title {
        font-size:24px;
        line-height: 133.33%
    }
}

.promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider .base-slider__button {
    font-size: 14px;
    justify-self: flex-end;
    letter-spacing: .2px;
    line-height: 20px;
    max-width: 80px;
    padding: 10px 16px;
    text-transform: capitalize
}

@media(min-width: 1200px) {
    .promo-single-page>:not(.promo-single-page__container--terms)>.content .home-game-slider .base-slider__button {
        max-width:86px
    }
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__terms .rules {
        padding:40px 48px 32px
    }
}

.promo-single-page .promo-single-page__terms .rules .btn {
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 20px;
    margin-bottom: 0!important;
    padding: 10px 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__terms .rules .btn {
        font-size:16px;
        height: 48px;
        line-height: 24px;
        padding: 12px 20px
    }
}

.promo-single-page .promo-single-page__rules {
    margin-top: 80px
}

@media(min-width: 768px) {
    .promo-single-page .promo-single-page__rules {
        margin-top:100px
    }
}

@media(min-width: 1200px) {
    .promo-single-page .promo-single-page__rules {
        margin-top:120px
    }
}

.promo-single-page .promo-single-page__rules .content h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}

.promo-single-page .promo-single-page__rules .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

@media(min-width: 1200px) {
    .promo-single-page__promotions .base-slider .base-slider__button--see-more {
        max-width:86px
    }
}

.promo-single-page .promotions-card__title {
    font-weight: 500
}

@media(min-width: 1200px) {
    .promo-single-page .promotions-card__content {
        padding:32px 16px 24px 32px
    }
}

.promo-single-page .promotions-card__button {
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    padding: 10px 16px
}

@media(min-width: 1200px) {
    .promo-single-page .home-promotions__item .promotions-card .promotions-bonus-code {
        padding:6px
    }

    .promo-single-page .home-promotions__item .promotions-card .promotions-bonus-code .promotions-bonus-code__inner {
        padding: 7.5px 20.5px
    }
}

.referral-program {
    position: relative
}

.referral-program__background {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 601px;
    z-index: -1
}

@media(min-width: 480px) {
    .referral-program__background {
        width:767px
    }
}

@media(min-width: 768px) {
    .referral-program__background {
        width:1200px
    }
}

@media(min-width: 1200px) {
    .referral-program__background {
        width:1680px
    }
}

@media(min-width: 1680px) {
    .referral-program__background {
        width:100%
    }
}

.referral-program .referral-program-background__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.referral-program__section {
    margin: 0 auto 64px;
    max-width: 1344px
}

@media(min-width: 768px) {
    .referral-program__section {
        margin-bottom:80px
    }
}

@media(min-width: 1200px) {
    .referral-program__section {
        margin-bottom:120px
    }
}

.referral-program__section--header {
    padding-top: 40px
}

@media(min-width: 768px) {
    .referral-program__section--header {
        max-width:526px;
        padding-top: 64px
    }
}

@media(min-width: 1200px) {
    .referral-program__section--header {
        margin-bottom:144px;
        padding-top: 104px
    }
}

.referral-program__section--terms {
    margin: 0 auto 24px
}

@media(min-width: 480px) {
    .referral-program__section--terms {
        margin-bottom:40px
    }
}

@media(min-width: 768px) {
    .referral-program__section--terms {
        margin-bottom:60px
    }
}

@media(min-width: 1200px) {
    .referral-program__section--terms {
        margin-bottom:64px
    }
}

.referral-program__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-align: center
}

.referral-program__title--header {
    margin: 0 auto 202px;
    max-width: 400px;
    text-transform: uppercase
}

@media(min-width: 480px) {
    .referral-program__title--header {
        font-size:26px;
        line-height: 32px;
        margin: 0 auto 248px
    }
}

@media(min-width: 768px) {
    .referral-program__title--header {
        margin:0 auto 48px
    }
}

@media(min-width: 1200px) {
    .referral-program__title--header {
        font-size:32px;
        line-height: 40px;
        margin: 0 auto 56px;
        max-width: unset
    }
}

@media(min-width: 768px) {
    .referral-program__title--steps {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .referral-program__title--steps {
        font-size:32px;
        line-height: 40px
    }
}

.referral-program__bonus {
    align-items: flex-start;
    background: #1a1a22;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px
}

@media(min-width: 768px) {
    .referral-program__bonus {
        -webkit-backdrop-filter:blur(20px);
        backdrop-filter: blur(20px);
        background: rgba(0,220,205,.04);
        padding: 40px
    }
}

.referral-program .referral-program-bonus__header {
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex
}

@media(min-width: 768px) {
    .referral-program .referral-program-bonus__header {
        -moz-column-gap:40px;
        column-gap: 40px
    }
}

.referral-program .referral-program-bonus__info {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.referral-program .referral-program-bonus__image {
    width: 64px
}

@media(min-width: 480px) {
    .referral-program .referral-program-bonus__image {
        width:80px
    }
}

@media(min-width: 768px) {
    .referral-program .referral-program-bonus__image {
        width:100px
    }
}

.referral-program .referral-program-bonus__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 480px) {
    .referral-program .referral-program-bonus__title {
        font-size:20px;
        line-height: 30px
    }
}

.referral-program .referral-program-bonus__reward {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-shadow: 0 0 20px #00dccd
}

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

@media(min-width: 768px) {
    .referral-program .referral-program-bonus__reward {
        font-size:42px;
        line-height: 52px
    }
}

.referral-program .referral-program-bonus__link {
    width: 100%
}

@media(min-width: 768px) {
    .referral-program .referral-program-bonus__link {
        align-items:center;
        border: 1px solid hsla(0,0%,100%,.12);
        border-radius: 12px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        display: flex;
        justify-content: space-between;
        padding: 16px
    }
}

.referral-program .referral-program-bonus__description {
    color: #fff;
    display: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin: 0
}

@media(min-width: 768px) {
    .referral-program .referral-program-bonus__description {
        display:inline-block
    }
}

.referral-program .referral-program-bonus__button {
    width: 100%
}

@media(min-width: 768px) {
    .referral-program .referral-program-bonus__button {
        font-size:14px;
        height: 40px;
        line-height: 20px;
        width: unset
    }
}

.referral-program__steps {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

@media(min-width: 768px) {
    .referral-program__steps {
        row-gap:40px
    }
}

.referral-program .referral-program-steps__button {
    align-self: center;
    min-width: 165px
}

@media(min-width: 768px) {
    .referral-program .referral-program-steps__button {
        font-size:16px;
        height: 56px;
        line-height: 24px;
        padding: 16px 24px
    }
}

.p-vip-club-light__container {
    max-width: 1344px
}

.p-vip-club-light__benefits,.p-vip-club-light__bonuses,.p-vip-club-light__faq,.p-vip-club-light__how-to,.p-vip-club-light__play-more {
    margin-bottom: 64px
}

@media(min-width: 480px) {
    .p-vip-club-light__benefits,.p-vip-club-light__bonuses,.p-vip-club-light__faq,.p-vip-club-light__how-to,.p-vip-club-light__play-more {
        margin-bottom:80px
    }
}

@media(min-width: 960px) {
    .p-vip-club-light__benefits,.p-vip-club-light__bonuses,.p-vip-club-light__faq,.p-vip-club-light__how-to,.p-vip-club-light__play-more {
        margin-bottom:100px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light__benefits,.p-vip-club-light__bonuses,.p-vip-club-light__faq,.p-vip-club-light__how-to,.p-vip-club-light__play-more {
        margin-bottom:120px
    }
}

.p-vip-club-light__rules {
    margin-top: 64px
}

@media(min-width: 480px) {
    .p-vip-club-light__rules {
        margin-top:80px
    }
}

@media(min-width: 960px) {
    .p-vip-club-light__rules {
        margin-top:100px
    }
}

@media(min-width: 1440px) {
    .p-vip-club-light__rules {
        margin-top:120px
    }
}

.p-vip-club-light__header {
    margin-bottom: 64px;
    padding-top: 200px;
    position: relative;
    text-align: center
}

@media(min-width: 480px) {
    .p-vip-club-light__header {
        margin-bottom:80px;
        padding-top: 300px
    }
}

@media(min-width: 768px) {
    .p-vip-club-light__header {
        margin-bottom:48px;
        min-height: 480px;
        padding-top: 72px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light__header {
        min-height:600px;
        padding-top: 120px
    }
}

.p-vip-club-light-header__background {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 768px;
    z-index: -1
}

@media(min-width: 768px) {
    .p-vip-club-light-header__background {
        width:1200px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-header__background {
        width:1680px
    }
}

.p-vip-club-light-header__content {
    margin-bottom: 32px
}

@media(min-width: 768px) {
    .p-vip-club-light-header__content {
        max-width:420px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-header__content {
        margin-bottom:40px;
        max-width: 528px
    }
}

.p-vip-club-light-header__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .p-vip-club-light-header__title {
        font-size:32px;
        line-height: 40px;
        margin: 0 0 20px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-header__title {
        font-size:42px;
        line-height: 52px;
        margin: 0 0 16px
    }
}

.p-vip-club-light-header__description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

@media(min-width: 768px) {
    .p-vip-club-light-header .p-vip-club-light-header__button {
        height:56px
    }
}

.p-vip-club-light-benefits__content {
    margin-bottom: 24px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club-light-benefits__content {
        margin:0 auto 32px;
        max-width: 592px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-benefits__content {
        margin:0 auto 48px
    }
}

.p-vip-club-light-benefits__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .p-vip-club-light-benefits__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-benefits__title {
        font-size:32px;
        line-height: 40px
    }
}

.p-vip-club-light-benefits__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.p-vip-club-light-play-more {
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    position: relative;
    row-gap: 32px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club-light-play-more {
        -moz-column-gap:12px;
        column-gap: 12px;
        flex-direction: row;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-play-more {
        -moz-column-gap:48px;
        column-gap: 48px
    }
}

@media(min-width: 1440px) {
    .p-vip-club-light-play-more {
        -moz-column-gap:120px;
        column-gap: 120px
    }
}

.p-vip-club-light-play-more__background {
    height: 990px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1048px;
    z-index: -1
}

@media(min-width: 768px) {
    .p-vip-club-light-play-more__background {
        height:599px;
        width: 1391px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-play-more__background {
        height:971px;
        width: 2253px
    }
}

@media(min-width: 1680px) {
    .p-vip-club-light-play-more__background {
        height:1127px;
        width: 2615px
    }
}

.p-vip-club-light-play-more__circle {
    height: 556px;
    position: absolute;
    width: 541px
}

@media(min-width: 768px) {
    .p-vip-club-light-play-more__circle {
        height:476px;
        width: 476px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-play-more__circle {
        height:772px;
        width: 772px
    }
}

@media(min-width: 1680px) {
    .p-vip-club-light-play-more__circle {
        height:896px;
        width: 896px
    }
}

.p-vip-club-light-play-more__circle--blue {
    background: radial-gradient(50% 50% at 50% 50%,rgba(0,255,240,.12) 0,rgba(17,77,148,0) 100%);
    left: 0;
    top: 0
}

.p-vip-club-light-play-more__circle--red {
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,10,10,.14) 0,rgba(180,0,75,0) 100%);
    bottom: 0;
    right: 0
}

.p-vip-club-light-play-more__image {
    width: calc(100% - 32px)
}

@media(min-width: 768px) {
    .p-vip-club-light-play-more__image {
        max-width:354px;
        width: 100%
    }
}

@media(min-width: 960px) {
    .p-vip-club-light-play-more__image {
        max-width:450px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-play-more__image {
        max-width:562px
    }
}

@media(min-width: 1440px) {
    .p-vip-club-light-play-more__image {
        max-width:700px
    }
}

.p-vip-club-light-play-more__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .p-vip-club-light-play-more__title {
        font-size:32px;
        line-height: 40px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-play-more__title {
        font-size:42px;
        line-height: 52px
    }
}

.p-vip-club-light-play-more__description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 32px
}

@media(min-width: 768px) {
    .p-vip-club-light-play-more__description {
        margin:0 0 40px
    }

    .p-vip-club-light-play-more .p-vip-club-light-play-more__button {
        height: 56px
    }
}

.p-vip-club-light-bonuses {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

@media(min-width: 768px) {
    .p-vip-club-light-bonuses {
        row-gap:32px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-bonuses {
        row-gap:48px
    }
}

.p-vip-club-light-bonuses__content {
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club-light-bonuses__content {
        max-width:592px
    }
}

.p-vip-club-light-bonuses__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .p-vip-club-light-bonuses__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-bonuses__title {
        font-size:32px;
        line-height: 40px
    }
}

.p-vip-club-light-bonuses__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.p-vip-club-light-bonuses__cards {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    width: 100%
}

@media(min-width: 960px) {
    .p-vip-club-light-bonuses__cards {
        -moz-column-gap:12px;
        column-gap: 12px;
        flex-direction: row
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-bonuses__cards {
        -moz-column-gap:16px;
        column-gap: 16px
    }
}

.p-vip-club-light-bonuses-card {
    border-radius: 12px;
    min-height: 200px;
    overflow: hidden;
    padding: 24px;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club-light-bonuses-card {
        min-height:240px;
        padding: 32px
    }
}

@media(min-width: 960px) {
    .p-vip-club-light-bonuses-card {
        min-height:200px;
        padding: 24px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-bonuses-card {
        min-height:240px;
        padding: 32px
    }
}

.p-vip-club-light-bonuses-card__background {
    height: 100%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: -1
}

.p-vip-club-light-bonuses-card__content {
    display: flex;
    flex-direction: column;
    max-width: 300px;
    row-gap: 20px
}

.p-vip-club-light-bonuses-card__description {
    color: var(--text-white-secondary);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase
}

.p-vip-club-light-bonuses-card__offer {
    color: var(--text-white-primary);
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0
}

.p-vip-club-light-bonuses .p-vip-club-light-bonuses__button {
    margin: 0 auto
}

@media(min-width: 768px) {
    .p-vip-club-light-bonuses .p-vip-club-light-bonuses__button {
        height:56px
    }
}

.p-vip-club-light-how-to__content {
    margin-bottom: 24px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club-light-how-to__content {
        margin:0 auto 32px;
        max-width: 592px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-how-to__content {
        margin:0 auto 48px
    }
}

.p-vip-club-light-how-to__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 16px;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .p-vip-club-light-how-to__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-how-to__title {
        font-size:32px;
        line-height: 40px
    }
}

.p-vip-club-light-how-to__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.p-vip-club-light-how-to__steps {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

@media(min-width: 1200px) {
    .p-vip-club-light-how-to__steps {
        -moz-column-gap:16px;
        column-gap: 16px;
        flex-direction: row
    }
}

.p-vip-club-light-step {
    align-items: center;
    align-self: stretch;
    background: radial-gradient(50% 50% at 50% 0,rgba(20,241,255,.08) 0,rgba(20,255,241,0) 100%),#22242c;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    row-gap: 24px;
    width: 100%
}

@media(min-width: 768px) {
    .p-vip-club-light-step {
        align-items:flex-start;
        -moz-column-gap: 24px;
        column-gap: 24px;
        flex-direction: row;
        padding: 24px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-step {
        align-items:center;
        flex-direction: column;
        padding: 40px 24px
    }
}

.p-vip-club-light-step__image-wrapper {
    display: flex;
    height: 60px;
    width: 60px
}

.p-vip-club-light-step__image {
    height: 100%;
    width: 100%
}

.p-vip-club-light-step__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.p-vip-club-light-step__title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 12px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club-light-step__title {
        margin:0 0 8px;
        text-align: left
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-step__title {
        margin:0 0 12px;
        text-align: center
    }
}

.p-vip-club-light-step__description {
    color: hsla(0,0%,100%,.65);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 24px
}

@media(min-width: 1200px) {
    .p-vip-club-light-step__description {
        margin:0 0 16px
    }
}

.p-vip-club-light-step__description:last-child {
    margin: 0
}

.p-vip-club-light-step__description--deposit {
    font-size: 14px;
    line-height: 20px
}

@media(min-width: 1200px) {
    .p-vip-club-light-step__description--deposit {
        margin:0 0 32px
    }
}

.p-vip-club-light-step__list {
    margin: 0 0 16px
}

@media(min-width: 768px) {
    .p-vip-club-light-step__list {
        margin:0 0 16px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-step__list {
        margin:0 0 16px
    }
}

.p-vip-club-light-step .p-vip-club-light-step__button {
    align-self: center;
    margin: 0
}

@media(min-width: 768px) {
    .p-vip-club-light-step .p-vip-club-light-step__button {
        align-self:flex-start
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-step .p-vip-club-light-step__button {
        align-self:center;
        margin-top: auto
    }
}

.p-vip-club-light-faq__content {
    margin-bottom: 24px;
    text-align: center
}

@media(min-width: 768px) {
    .p-vip-club-light-faq__content {
        margin:0 auto 32px;
        max-width: 592px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-faq__content {
        margin:0 auto 48px
    }
}

.p-vip-club-light-faq__title {
    color: #fff;
    font-family: DrukCyr,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    text-transform: uppercase
}

@media(min-width: 768px) {
    .p-vip-club-light-faq__title {
        font-size:26px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .p-vip-club-light-faq__title {
        font-size:32px;
        line-height: 40px
    }
}

.p-vip-club-light-faq__features {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

.p-vip-club-light-faq__collapse .collapse-block__content-wrap {
    color: hsla(0,0%,100%,.65);
    padding: 24px 0!important
}

@font-face {
    font-family: DrukCyr;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Druk-Wide-Cy-Web-Bold-Regular.646784fe..ttf) format("truetype")
}

.body::-webkit-scrollbar {
    width: 4px
}

.body::-webkit-scrollbar-thumb {
    background: #363645;
    border-radius: 10px
}

.p-vip-club .p-vip-club-passes__cards,.p-vip-club .p-vip-club-table__wrapper {
    scrollbar-color: transparent;
    scrollbar-width: none
}

.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-track,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-track {
    background: transparent
}

.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.p-vip-club .p-vip-club-passes__cards::-webkit-scrollbar-thumb:hover,.p-vip-club .p-vip-club-passes__cards:hover::-webkit-scrollbar-thumb,.p-vip-club .p-vip-club-table__wrapper::-webkit-scrollbar-thumb:hover,.p-vip-club .p-vip-club-table__wrapper:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.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 .payment-amount-default__hint {
    display: block
}

.body--ar .amount-hint {
    width: 100%
}

.body--ar .home-bonuses__background,.body--ar .promotions-card__background,.body--ar .promotions-modal__background,.body--ar .tourn-block__background,.body--ar .tourn-card-big__background {
    transform: scaleX(-1) translate(50%,-50%)
}

.body--ar .sign-up-steps__icon {
    left: -12px;
    right: auto;
    transform: rotate(-180deg)
}

.body--ar .input__placeholder {
    left: auto;
    right: 16px
}

.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,.body--ar .games-block-recommended__game-icon {
    left: 12px;
    right: auto;
    transform: rotate(-180deg) translateY(50%)
}

.body--ar .help-center-menu__icon,.body--ar .player-level-user-menu__progress {
    transform: rotate(-180deg)
}

.body--ar .payment-dynamic-form__credit-card-number .input__right-container {
    margin-left: 0
}

.body--ar .card-tournament__content,.body--ar .card-tournament__timer,.body--ar .description__button,.body--ar .home-bonuses__button,.body--ar .home-vip-benifits__text,.body--ar .install-app-hero-title,.body--ar .rules__button,.body--ar .tourn-block__title,.body--ar .tourn-card-big__timer .blocks-timer,.body--ar .tournament-status,.body--ar .tournaments-page__description,.body--ar .vip-level__divider,.body--ar .vip-page-benefits__description {
    margin-left: auto
}

.body--ar .input__left-container,.body--ar .notification-center-card__image,.body--ar .payment-banners .payments-js-lib__img-wrapper,.body--ar .select-language-icons-with-name-footer__icon,.body--ar .sign-out-menu-button__icon,.body--ar .user-menu__icon {
    margin-left: 12px;
    margin-right: 0!important
}

.body--ar .live-chat-link,.body--ar .login-form__sign-up-link,.body--ar .registration-dynamic-form__link {
    margin-left: 0;
    margin-right: 4px
}

.body--ar .game-category-select__icon,.body--ar .sportsbook-switcher__icon {
    margin-left: 8px;
    margin-right: 0
}

.body--ar .sidebar-menu-main__icon {
    margin-left: 20px;
    margin-right: 0
}

.body--ar .games-filter-block__icon,.body--ar .games-page-providers__image,.body--ar .install-app-widget-close-icon,.body--ar .install-app-widget-logo,.body--ar .select-language-icons-with-name__icon,.body--ar .sidebar-menu-main__image {
    margin-left: 12px;
    margin-right: 0
}

.body--ar .header__icon--search {
    margin-left: 0;
    margin-right: 24px
}

@media(min-width: 768px) {
    .body--ar .ls-lootboxes__icon {
        margin-left:24px;
        margin-right: 0
    }
}

.body--ar .how-to-item__icon {
    margin-left: 24px;
    margin-right: 0
}

.body--ar .game-section-games-block-favorite__image,.body--ar .game-section-games-block-played__image,.body--ar .game-section-games-block__image,.body--ar .games-block-recommended__image,.body--ar .header__icon--menu,.body--ar .player-level-user-menu__image,.body--ar .switcher__block-text {
    margin-left: 16px;
    margin-right: 0
}

.body--ar .inline-icon-timer__title {
    margin-left: 5px
}

.body--ar .home-sportsbook-widget-slider__controls {
    justify-content: flex-start
}

.body--ar .payment-list__table {
    direction: rtl
}

.body--ar .base-slider__header,.body--ar .bonus-store__tabs .tab-list,.body--ar .checkbox,.body--ar .footer__utils .footer__language-select,.body--ar .full-tourn__about,.body--ar .full-tourn__participate,.body--ar .home-bonuses__item,.body--ar .home-game-slider__title,.body--ar .home-promotions__title,.body--ar .home-vip-benifits__card-list,.body--ar .home-winners__tabs,.body--ar .install-app-hero-buttons,.body--ar .jackpot-game-panel-info__tabs,.body--ar .option-link,.body--ar .payment-tables__tabs,.body--ar .providers-preview-list__title,.body--ar .tourn-tabs,.body--ar .tournament-game-slider__title,.body--ar .vip-level__header-value,.body--ar .vip-page-benefits__list {
    justify-content: flex-end
}

.body--ar .amount-hint,.body--ar .balance-rcp__info .num,.body--ar .balance-rcp__tooltip,.body--ar .bonus-pop-up__text,.body--ar .bonus-store__main--left,.body--ar .c-jp-level__level-content,.body--ar .card-bottom__description,.body--ar .card-bottom__title,.body--ar .card-tournament__content,.body--ar .cms-page--jackpot .page-content p,.body--ar .content,.body--ar .copyright__text,.body--ar .description,.body--ar .dynamic-form__label,.body--ar .fast-deposit-bonus-code__link,.body--ar .footer-menu,.body--ar .form-element__error,.body--ar .full-tourn__title,.body--ar .game-section-games-block-favorite__content,.body--ar .game-section-games-block-played__content,.body--ar .game-section-games-block__content,.body--ar .games-block-recommended__content,.body--ar .games-block-recommended__title,.body--ar .home-bonuses__content,.body--ar .home-sportsbook-widget__text,.body--ar .home-vip-benifits__card-description,.body--ar .home-vip-benifits__card-title,.body--ar .home-vip-benifits__text,.body--ar .how-to-item__content,.body--ar .input__native,.body--ar .jackpot-game-panel-info__section-title,.body--ar .jackpot-game-panel-info__text,.body--ar .jackpot-how-to__content,.body--ar .jackpot-how-to__title,.body--ar .jackpot-list__content,.body--ar .layout-help-center__title,.body--ar .notification-center-card__content,.body--ar .p-payments__title,.body--ar .payment-list__table td,.body--ar .payment-list__table th,.body--ar .payments-js-lib__description,.body--ar .player-level-user-menu__content,.body--ar .profile-modal__title,.body--ar .promotions-block__description,.body--ar .promotions-block__title,.body--ar .promotions-card__code--long,.body--ar .promotions-card__content--top,.body--ar .promotions-modal-content,.body--ar .promotions-modal__top,.body--ar .registration-form-head,.body--ar .sidebar-menu-info__item,.body--ar .sign-in-page__title,.body--ar .tab-content__title,.body--ar .tourn-about-big__description,.body--ar .tourn-block__title,.body--ar .tourn-card-big__bottom,.body--ar .tourn-card-big__top,.body--ar .tournaments-page__description,.body--ar .tournaments-page__title,.body--ar .vip-level__description,.body--ar .vip-level__descriptions-group,.body--ar .vip-level__header-title,.body--ar .vip-page-benefits__description,.body--ar .vip-page-benefits__title,.body--ar .vip-page__description,.body--ar .welcome-bonus-sign-up__title {
    text-align: right!important
}

@media(min-width: 1200px) {
    .body--ar .home-sportsbook-widget__title {
        text-align:right
    }
}

@media(min-width: 768px) {
    .body--ar .install-app-hero-text {
        text-align:right
    }
}

.body--ar .payment-list .payment-list__table tbody tr td:last-child {
    text-align: left!important
}

.body--ar .sign-up-page {
    flex-direction: inherit
}

.body--ar .promotions-card__content--bottom {
    flex-direction: column-reverse
}

@media(min-width: 480px) {
    .body--ar .promotions-card__content--bottom {
        flex-direction:row-reverse
    }
}

@media(min-width: 768px) {
    .body--ar .promotions-card__content--bottom {
        flex-direction:column-reverse
    }
}

@media(min-width: 1200px) {
    .body--ar .promotions-card__content--bottom {
        flex-direction:row-reverse
    }
}

.body--ar .card-bottom__info,.body--ar .checkbox__block,.body--ar .deposit-bonus-settings-default,.body--ar .description__button,.body--ar .fast-deposit-bonus-code-card__code,.body--ar .fast-deposit-modal__footer,.body--ar .fast-deposit-modal__payment-method,.body--ar .game-category-select__link,.body--ar .game-jackpots,.body--ar .game-section-games-block-favorite__link,.body--ar .game-section-games-block-played__link,.body--ar .game-section-games-block__link,.body--ar .games-block-recommended__link,.body--ar .games-filter-block__providers-button,.body--ar .games-filter-block__wrapper,.body--ar .games-page-providers__link,.body--ar .grand-prizes-main__text,.body--ar .header__block--left,.body--ar .header__wrapper,.body--ar .help-center-menu__link,.body--ar .home-vip-benifits__card-item,.body--ar .inline-icon-timer__inner,.body--ar .input,.body--ar .install-app-widget,.body--ar .install-app-widget-left,.body--ar .jackpot-game-panel-info__level,.body--ar .jackpot-game-panel-info__levels-list,.body--ar .jackpot-how-to__list-item.how-to-item,.body--ar .jackpot-list,.body--ar .jackpot-list__item,.body--ar .login-form__footer,.body--ar .notification-center-card,.body--ar .option-link__content,.body--ar .payment-banners .payments-js-lib__wrapper,.body--ar .promotions-card__buttons,.body--ar .registration-dynamic-form__footer,.body--ar .rules__button,.body--ar .select-header-currency__button,.body--ar .select-language-icons-with-name-footer__button,.body--ar .select-language-icons-with-name-footer__button-inner,.body--ar .select-language-icons-with-name__button,.body--ar .select-language-icons-with-name__button-inner,.body--ar .sidebar-menu-main__link,.body--ar .sign-out-menu-button,.body--ar .sign-up-steps,.body--ar .sportsbook-switcher__item,.body--ar .switcher__block,.body--ar .tourn-about-big__item,.body--ar .tourn-block__description-item,.body--ar .tourn-participate-big__info,.body--ar .user-menu__balance,.body--ar .user-menu__link,.body--ar .user-menu__player-level {
    flex-direction: row-reverse
}

@media(min-width: 768px) {
    .body--ar .bonus-store__main .container,.body--ar .fast-deposit-modal__wrap,.body--ar .install-app-steps,.body--ar .ls-lootboxes__content,.body--ar .ls-lootboxes__inner,.body--ar .ls-ticket,.body--ar .promotions-modal__bonus-code {
        flex-direction:row-reverse
    }
}

@media(min-width: 1200px) {
    .body--ar .home-sportsbook-widget .container,.body--ar .layout-help-center__inner {
        flex-direction:row-reverse
    }
}

.body--ar .games-filter-block__providers-button:after {
    left: auto!important;
    right: -48px;
    transform: rotate(-180deg)
}

.body--ar .base-slider.base-slider--with-see-more,.body--ar .home-game-slider--with-see-more,.body--ar .home-promotions--with-see-more,.body--ar .tournament-game-slider--with-see-more {
    grid-template-areas: "see-more header header" "slider slider slider";
    grid-template-columns: minmax(86px,min-content) 1fr 1fr
}

@media(min-width: 1200px) {
    .body--ar .base-slider.base-slider--with-see-more,.body--ar .home-game-slider--with-see-more,.body--ar .home-promotions--with-see-more,.body--ar .tournament-game-slider--with-see-more {
        grid-template-areas:"controls see-more header" "slider slider slider";
        grid-template-columns: 88px minmax(86px,min-content) 1fr
    }
}

.body--ar .base-slider,.body--ar .providers-preview-list {
    grid-template-areas: "controls header header" "slider slider slider";
    grid-template-columns: 88px 1fr 1fr
}

.body--ar .home-winners {
    grid-template-areas: "controls tabs " "slider slider";
    grid-template-columns: 88px 1fr
}

.body--ar .home-vip-benifits__background-image {
    left: -50px;
    right: auto;
    transform: scaleX(-1)
}

.body--ar .home-vip-benifits__card-image--title {
    left: 0;
    right: auto;
    transform: scaleX(-1)
}

.body--ar .home-vip-benifits__card:before {
    left: -8px;
    right: auto
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__card--one {
        left:6px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .home-vip-benifits__card--one {
        left:110px;
        right: auto
    }
}

@media(min-width: 1440px) {
    .body--ar .home-vip-benifits__card--one {
        left:132px;
        right: auto
    }
}

@media(min-width: 1680px) {
    .body--ar .home-vip-benifits__card--one {
        left:237px;
        right: auto
    }
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__card--two {
        left:6px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .home-vip-benifits__card--two {
        left:8px;
        right: auto
    }
}

@media(min-width: 1440px) {
    .body--ar .home-vip-benifits__card--two {
        left:30px;
        right: auto
    }
}

@media(min-width: 1680px) {
    .body--ar .home-vip-benifits__card--two {
        left:134px;
        right: auto
    }
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__card--three {
        left:338px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .home-vip-benifits__card--three {
        left:340px;
        right: auto
    }
}

@media(min-width: 1440px) {
    .body--ar .home-vip-benifits__card--three {
        left:362px;
        right: auto
    }
}

@media(min-width: 1680px) {
    .body--ar .home-vip-benifits__card--three {
        left:466px;
        right: auto
    }
}

@media(min-width: 480px) {
    .body--ar .home-vip-benifits__badge {
        left:auto;
        right: 130%
    }
}

@media(min-width: 768px) {
    .body--ar .home-vip-benifits__badge {
        left:-74px;
        right: auto
    }
}

@media(min-width: 1200px) {
    .body--ar .footer__navigation {
        flex-direction:row-reverse
    }
}

.body--ar .footer__brand-links {
    flex-direction: row-reverse
}

@media(min-width: 1200px) {
    .body--ar .footer__brand-links {
        flex-direction:inherit;
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .body--ar .footer__logo {
        text-align: right;
        width: 100%
    }
}

.body--ar .footer-menu .text-btn.text-btn--primary {
    flex-direction: row-reverse
}

@media(min-width: 1200px) {
    .body--ar .footer-menu .text-btn.text-btn--primary {
        flex-direction:inherit;
        justify-content: flex-end
    }
}

.body--ar .promotions-modal__terms {
    padding: 0 40px 0 0
}

.body--ar .promotions-modal__terms-item:before {
    left: auto;
    right: -40px
}

.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 {
    padding-left: 0;
    padding-right: 16px
}

.body--ar .user-menu__select .select-header-currency__wrapper {
    left: auto;
    right: 0
}

.body--ar .notification-center__container,.body--ar .select-header-currency__wrapper,.body--ar .select-user-menu__dropdown {
    left: 0;
    right: auto
}

.body--ar .user-menu .user-menu__icon--right {
    left: 8px;
    right: auto
}

.body--ar .bonus-code-form-default .bonus-code-form-default__button,.body--ar .notification-center-card--new:after,.body--ar .payment-amount-default__currency {
    left: 16px;
    right: auto
}

.body--ar .content ul>li:before {
    left: auto;
    right: 12px
}

.body--ar .notification-center-card {
    padding: 12px 16px 12px 32px
}

.body--ar .payment-amount-default__input--amount .input {
    padding-left: 55px;
    padding-right: 16px
}

.body--ar .bonus-code-form-default .bonus-code-form-default__input {
    padding: 0 16px 0 64px
}

.body--ar .fast-deposit-bonus-code-card {
    padding: 12px 12px 12px 48px;
    text-align: right
}

.body--ar .promotions-block__description,.body--ar .vip-level__progress {
    display: block;
    width: 100%
}

.body--ar .content ul:not([type])>li {
    padding-left: 0;
    padding-right: 24px
}

@media(min-width: 768px) {
    .body--ar .vip-page-benefits__image {
        left:0;
        z-index: -1
    }
}

.body--ar .ls-ticket__label {
    left: auto;
    right: -1px
}

.body--ar .ls-ticket__text {
    display: flex;
    flex-direction: row-reverse
}

.body--ar .ls-ticket__text span {
    margin-right: 4px
}

@media(min-width: 768px) {
    .body--ar .install-app-hero-phones {
        left:-50px;
        right: auto
    }
}