.preloader-page {
    --page-bg: #000;
    --item-bg: #121215;
    --text-color: #1d1d20;
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    left: 0;
    background-color: var(--page-bg);
    z-index: 90050
}

.preloader-page__info-icon,
.preloader-page__messenger,
.preloader-page__sidebar {
    display: none
}

.preloader-page__header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: linear-gradient(180deg, #090a0d, #16181d)
}

.preloader-page__logo {
    width: auto;
    height: 21px
}

.preloader-page__logo--mobile {
    display: flex
}

.preloader-page__search {
    display: none
}

.preloader-page__info {
    justify-content: flex-end;
    flex: 1;
    margin-left: auto
}

.preloader-page__info,
.preloader-page__info-btns {
    display: flex;
    align-items: center;
    gap: 8px
}

.preloader-page__info-circle {
    width: 24px;
    height: 24px;
    background-color: var(--text-color);
    border-radius: 50%;
    margin-right: 24px
}

.preloader-page__info-btn {
    width: 89px;
    height: 36px;
    background-color: var(--text-color);
    border-radius: 100px
}

.preloader-page__info-btn:last-child {
    width: 81px
}

.preloader-page__main {
    padding: 0 16px
}

.preloader-page__center,
.preloader-page__main {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.preloader-page__slider {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 -16px
}

.preloader-page__slide {
    display: flex;
    align-items: center
}

.preloader-page__slide-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 258px;
    background: linear-gradient(180deg, var(--item-bg), rgba(18, 18, 21, 0));
    padding: 16px
}

.preloader-page__slide-item-tag {
    height: 20px;
    width: 115px;
    border-radius: 100px;
    background: var(--text-color)
}

.preloader-page__slide-item-title {
    border-radius: 12px;
    height: 48px;
    width: 205px;
    background: var(--text-color)
}

.preloader-page__slide-item-caption {
    border-radius: 12px;
    height: 20px;
    width: 126px;
    background: var(--text-color)
}

.preloader-page__slide-item-btn {
    margin-top: auto;
    width: 74px;
    height: 36px;
    background: var(--text-color);
    border-radius: 100px
}

.preloader-page__slides {
    display: none
}

.preloader-page__slider-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.preloader-page__slider-item {
    width: 12px;
    height: 2px;
    border-radius: 22px;
    background: hsla(0, 0%, 100%, .2)
}

.preloader-page__slider-item:first-child {
    width: 30px
}

.preloader-page__divider {
    height: 40px;
    background: linear-gradient(180deg, #15171a, #252629)
}

.preloader-page__banners {
    display: none
}

.preloader-page__banners-slider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 -16px;
    padding: 0 16px;
    overflow: hidden
}

.preloader-page__banner {
    min-width: 236px;
    max-width: 236px;
    height: 70px;
    border-radius: 12px;
    background-color: var(--item-bg);
    flex-shrink: 0
}

.preloader-page__games {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.preloader-page__games--desktop {
    display: none
}

.preloader-page__games-nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.preloader-page__games-nav-item {
    width: 122px;
    height: 36px;
    border-radius: 12px;
    background-color: var(--item-bg)
}

.preloader-page__games-nav-item:first-child {
    width: 118px
}

.preloader-page__games-nav-item:last-child {
    border-radius: 100px
}

.preloader-page__games-content {
    width: 100%;
    min-width: 296px;
    height: 232px;
    background-color: var(--item-bg);
    border-radius: 16px
}

.preloader-page__game-wr {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0 -16px;
    padding: 0 16px;
    overflow: hidden
}

.preloader-page__game {
    display: flex;
    align-items: center;
    gap: 12px
}

.preloader-page__game-item {
    min-width: 154px;
    width: 100%;
    height: 104px;
    background-color: var(--item-bg);
    border-radius: 8px
}

@media(min-width:640px) {
    .preloader-page__header {
        padding: 12px 24px
    }

    .preloader-page__logo {
        height: 30px
    }

    .preloader-page__info-btn {
        width: 89px
    }

    .preloader-page__info-circle {
        width: 32px;
        height: 32px
    }

    .preloader-page__main {
        padding: 0 24px;
        gap: 24px
    }

    .preloader-page__center {
        gap: 24px
    }

    .preloader-page__slider {
        margin: 0 -24px
    }

    .preloader-page__slide {
        display: flex;
        gap: 20px;
        overflow: hidden
    }

    .preloader-page__slide-item {
        padding: 24px 26px;
        height: 417px;
        gap: 16px
    }

    .preloader-page__slide-item-tag {
        height: 24px;
        width: 136px
    }

    .preloader-page__slide-item-title {
        width: 465px;
        height: 72px
    }

    .preloader-page__slide-item-caption {
        width: 279px;
        height: 24px
    }

    .preloader-page__slide-item-btn {
        height: 48px;
        width: 93px
    }

    .preloader-page__slider-pagination {
        gap: 10px
    }

    .preloader-page__slider-item {
        width: 12px;
        height: 2px
    }

    .preloader-page__slider-item:first-child {
        width: 30px
    }

    .preloader-page__banners-slider {
        margin: 0 -24px;
        padding: 12px 24px 0
    }

    .preloader-page__banner {
        min-width: 260px;
        max-width: 260px;
        height: 80px
    }

    .preloader-page__games {
        gap: 24px
    }

    .preloader-page__games-nav-item {
        width: 122px;
        height: 36px
    }

    .preloader-page__games-nav-item:first-child {
        width: 138px
    }

    .preloader-page__game-wr {
        margin: 0 -24px;
        padding: 0 24px
    }

    .preloader-page__game {
        justify-content: flex-start;
        gap: 16px
    }

    .preloader-page__game-item {
        min-width: 190px;
        height: 128px
    }
}

@media(min-width:1140px) {
    .preloader-page__header {
        padding: 4px 24px;
        background: linear-gradient(180deg, #121418, #0f1014)
    }

    .preloader-page__navigation {
        width: 100%;
        height: 32px;
        background: linear-gradient(180deg, #15171a, #252629)
    }

    .preloader-page__search {
        display: flex;
        align-items: center;
        height: 40px;
        width: 276px;
        background-color: var(--text-color);
        border-radius: 100px;
        margin-left: 16px
    }

    .preloader-page__info-icons {
        display: flex;
        align-items: center;
        gap: 8px
    }

    .preloader-page__info-icon {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: var(--text-color)
    }

    .preloader-page__messenger {
        display: none
    }

    .preloader-page__info-btn {
        order: 1
    }

    .preloader-page__info {
        margin-left: 40px
    }

    .preloader-page__info-block {
        width: 176px;
        border-radius: 50px 40px 40px 50px
    }

    .preloader-page__info-circle {
        width: 24px;
        height: 24px;
        margin-left: 4px;
        margin-right: 20px
    }

    .preloader-page__main {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px 16px
    }

    .preloader-page__center {
        width: calc(100% - 352px)
    }

    .preloader-page__sidebar {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 336px
    }

    .preloader-page__slider {
        gap: 32px;
        flex: 1 1 auto
    }

    .preloader-page__slide {
        position: relative
    }

    .preloader-page__slide-item {
        padding: 20px 60px 32px 63px;
        height: 377px;
        overflow: hidden
    }

    .preloader-page__slide-item-tag {
        width: 136px;
        height: 24px
    }

    .preloader-page__slide-item-title {
        width: 450px;
        height: 75px
    }

    .preloader-page__slide-item-caption {
        width: 242px;
        height: 24px
    }

    .preloader-page__slider-pagination {
        display: none
    }

    .preloader-page__slides {
        position: absolute;
        top: 76px;
        right: 63px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 190px
    }

    .preloader-page__slides:after {
        content: "";
        position: absolute;
        bottom: 50px;
        left: 0;
        right: 0;
        width: 190px;
        height: 124px;
        background: linear-gradient(180deg, transparent, #000)
    }

    .preloader-page__slides-item {
        position: relative;
        padding: 8px 12px;
        width: 190px;
        height: 112px;
        border-radius: 12px;
        background: var(--item-bg)
    }

    .preloader-page__slides-title {
        width: 105px;
        margin-bottom: 4px
    }

    .preloader-page__slides-subtitle,
    .preloader-page__slides-title {
        height: 20px;
        border-radius: 33px;
        background-color: var(--text-color)
    }

    .preloader-page__slides-subtitle {
        width: 69px
    }

    .preloader-page__slides-caption {
        position: absolute !important;
        top: 8px;
        right: 12px;
        width: 34px;
        height: 20px;
        border-radius: 33px;
        background: #252528
    }

    .preloader-page__banners-slider,
    .preloader-page__divider {
        display: none
    }

    .preloader-page__banners {
        display: flex
    }

    .preloader-page__card {
        display: flex;
        align-items: center;
        overflow: hidden;
        width: 100%;
        gap: 16px
    }

    .preloader-page__card-item {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: calc(33.33333% - 8px);
        background: var(--item-bg);
        border-radius: 12px;
        padding: 20px;
        height: 137px
    }

    .preloader-page__card-item-caption {
        display: none
    }

    .preloader-page__card-item-block {
        width: 181px;
        height: 28px;
        border-radius: 33px;
        background-color: var(--text-color)
    }

    .preloader-page__card-item-btn {
        width: 73px;
        height: 36px;
        border-radius: 100px;
        background-color: var(--text-color)
    }

    .preloader-page__games {
        display: none
    }

    .preloader-page__game {
        gap: 20px
    }

    .preloader-page__games--desktop {
        display: flex
    }

    .preloader-page__games-content {
        height: 648px
    }

    .preloader-page__jackpot {
        display: flex;
        flex-direction: column;
        border-radius: 12px;
        background: var(--item-bg);
        padding: 20px
    }

    .preloader-page__jackpot-item-title {
        width: 181px;
        height: 14px;
        border-radius: 33px;
        background: var(--text-color);
        margin-bottom: 6px
    }

    .preloader-page__jackpot-item-subtitle {
        border-radius: 33px;
        background: var(--Backgrounds-c, var(--text-color));
        width: 296px;
        height: 25px;
        margin-bottom: 16px
    }

    .preloader-page__jackpot-item-btn {
        width: 73px;
        height: 36px;
        border-radius: 100px;
        background: var(--text-color)
    }

    .preloader-page__winners {
        display: flex;
        flex-direction: column
    }

    .preloader-page__winners-tab {
        height: 54px;
        width: 168px;
        border-radius: 12px 12px 0 0;
        background: var(--item-bg)
    }

    .preloader-page__winners-content {
        border-radius: 0 10px 10px 10px;
        background: var(--item-bg);
        min-height: 600px
    }
}

@media(min-width:1628px) {
    .preloader-page__main {
        padding: 0 32px;
        gap: 32px 24px
    }

    .preloader-page__center {
        gap: 32px
    }

    .preloader-page__header {
        padding: 14px 32px
    }

    .preloader-page__logo {
        height: 36px
    }

    .preloader-page__search {
        margin-left: 24px
    }

    .preloader-page__info {
        gap: 20px
    }

    .preloader-page__info-btns {
        order: -1
    }

    .preloader-page__info-btn {
        width: 188px;
        height: 52px
    }

    .preloader-page__info-btn:last-child {
        width: 207px
    }

    .preloader-page__info-icon {
        height: 52px;
        width: 52px
    }

    .preloader-page__info-circle {
        width: 32px;
        height: 32px
    }

    .preloader-page__messenger {
        display: block;
        order: -2
    }

    .preloader-page__navigation {
        height: 44px
    }

    .preloader-page__center {
        width: calc(100% - 470px)
    }

    .preloader-page__sidebar {
        width: 446px
    }

    .preloader-page__slider {
        margin: 0 -32px
    }

    .preloader-page__slide-item {
        padding: 40px 115px 52px 100px;
        height: 554px;
        gap: 16px
    }

    .preloader-page__slide-item-tag {
        width: 151px;
        height: 28px
    }

    .preloader-page__slide-item-title {
        width: 683px;
        height: 112px
    }

    .preloader-page__slide-item-caption {
        width: 402px;
        height: 32px
    }

    .preloader-page__slide-item-btn {
        width: 142px;
        height: 80px
    }

    .preloader-page__slides {
        top: 138px;
        right: 115px;
        width: 276px;
        gap: 16px
    }

    .preloader-page__slides-item {
        padding: 16px 20px;
        width: 276px;
        height: 160px
    }

    .preloader-page__slides-title {
        width: 160px;
        height: 24px;
        margin-bottom: 6px
    }

    .preloader-page__slides-subtitle {
        width: 105px;
        height: 24px
    }

    .preloader-page__slides-caption {
        top: 16px;
        right: 20px;
        width: 34px;
        height: 24px
    }

    .preloader-page__slides:after {
        width: 276px;
        height: 210px;
        bottom: 96px
    }

    .preloader-page__card {
        gap: 24px
    }

    .preloader-page__card-item {
        padding: 28px 40px;
        height: 200px;
        gap: 8px
    }

    .preloader-page__card-item-block {
        width: 227px;
        height: 28px
    }

    .preloader-page__card-item-caption {
        display: block;
        width: 119px;
        height: 28px;
        border-radius: 33px;
        background: var(--text-color)
    }

    .preloader-page__card-item-btn {
        margin-top: auto;
        width: 92px;
        height: 48px
    }

    .preloader-page__jackpot {
        padding: 28px 40px;
        height: 200px
    }

    .preloader-page__jackpot-item-title {
        width: 227px;
        height: 28px;
        margin-bottom: 8px
    }

    .preloader-page__jackpot-item-subtitle {
        width: 366px;
        height: 38px
    }

    .preloader-page__jackpot-item-btn {
        margin-top: auto;
        width: 92px;
        height: 48px
    }

    .preloader-page__winners-tab {
        height: 72px;
        width: 223px
    }
}

.preloader-page__animation {
    position: relative;
    overflow: hidden
}

.preloader-page__animation:before {
    content: "";
    width: 100%;
    height: 200%;
    position: absolute;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 52.81%, hsla(0, 0%, 100%, 0));
    opacity: .2;
    animation: blickPreloader 2s ease-in-out infinite
}

@keyframes blickPreloader {
    0% {
        transform: translate(-200%, -50%) skewX(-45deg)
    }

    to {
        transform: translate(200%, -50%) skewX(-45deg)
    }
}

.icon {
    display: inline-block;
    vertical-align: baseline;
    transition: color .2s ease-out
}

.payment-balance-freespins-item .icon {
    fill: var(--gray-400)
}

.payment-balance-freespins-item .payment-balance-header--active .icon {
    fill: var(--green-500)
}

.custom-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10031;
    background: var(--colors-base-black-70);
    background-image: none
}

@media(min-width:640px) {
    .custom-modal {
        display: flex;
        justify-content: center;
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: var(--colors-base-black-70);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .bottom-sheet .custom-modal {
        padding-bottom: 0
    }
}

@media(max-width:1139px) {

    .bottom-sheet--bonus-modal .custom-modal,
    .bottom-sheet--payment-balance-cancel-popup .custom-modal,
    .bottom-sheet--promo-code .custom-modal {
        position: relative;
        top: 0;
        padding-top: 0;
        background-color: var(--backgrounds-b)
    }
}

@media(max-width:1139px) {

    .bottom-sheet--document-error-modal-unverified .custom-modal,
    .bottom-sheet--document-error-modal .custom-modal,
    .bottom-sheet--email-not-exists .custom-modal,
    .bottom-sheet--many-pending-documents .custom-modal {
        position: relative;
        padding: 0;
        background-color: transparent
    }
}

.bottom-sheet--bonus-modal .custom-modal {
    padding-bottom: 0
}

@media(min-width:1140px) {
    .custom-modal.custom-modal--payment-balance-cancel-popup {
        align-items: center;
        padding-bottom: 60px
    }
}

@media(min-width:1628px) {
    .custom-modal {
        padding-top: 85px;
        padding-bottom: 85px
    }
}

@media(min-width:640px) {

    .custom-modal--registration,
    .custom-modal--restore-password-request,
    .custom-modal--signin {
        padding-top: 46px;
        padding-bottom: 0
    }
}

@media(min-width:1140px) {

    .custom-modal--registration,
    .custom-modal--restore-password-request,
    .custom-modal--signin {
        padding-top: 60px;
        padding-bottom: 0
    }
}

@media(min-width:1628px) {

    .custom-modal--registration,
    .custom-modal--restore-password-request,
    .custom-modal--signin {
        padding-top: 90px
    }
}

.custom-modal--cashout-alert .custom-modal__inner>.vb-content,
.custom-modal--payment-balance-cancel-popup .custom-modal__inner>.vb-content {
    width: 100% !important;
    padding-right: 0 !important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.custom-modal--cashout-alert .custom-modal__inner>.vb-content::-webkit-scrollbar,
.custom-modal--payment-balance-cancel-popup .custom-modal__inner>.vb-content::-webkit-scrollbar {
    display: none
}

@media(min-width:640px) {
    .custom-modal--one-time-password {
        padding-bottom: 0
    }
}

@media(min-width:640px) {
    .custom-modal--spin {
        padding: 0
    }
}

@media(max-width:1139px) {

    .custom-modal--account-temporarily-blocked,
    .custom-modal--account_temporarily_blocked_by_phone,
    .custom-modal--licence,
    .custom-modal--login-denied,
    .custom-modal--one-time-password,
    .custom-modal--users-password-edit,
    .custom-modal--users-unlock {
        position: static;
        background-color: var(--backgrounds-b)
    }
}

@media(min-width:640px)and (max-width:1139px) {

    .custom-modal--account-temporarily-blocked,
    .custom-modal--account_temporarily_blocked_by_phone,
    .custom-modal--licence,
    .custom-modal--login-denied,
    .custom-modal--one-time-password,
    .custom-modal--users-password-edit,
    .custom-modal--users-unlock {
        padding-top: 0
    }
}

@media(min-width:1140px) {

    .custom-modal--account-temporarily-blocked,
    .custom-modal--account_temporarily_blocked_by_phone,
    .custom-modal--licence,
    .custom-modal--login-denied,
    .custom-modal--one-time-password,
    .custom-modal--users-password-edit,
    .custom-modal--users-unlock {
        padding-top: calc(50vh - 128.5px)
    }
}

@media(max-width:1139px) {

    .custom-modal--cancel-bonus,
    .custom-modal--cancelled-bonus-amount,
    .custom-modal--game-forbidden,
    .custom-modal--patch-profile,
    .custom-modal--status-up {
        position: static;
        background-color: var(--backgrounds-b)
    }
}

@media(min-width:640px)and (max-width:1139px) {

    .custom-modal--cancel-bonus,
    .custom-modal--cancelled-bonus-amount,
    .custom-modal--game-forbidden,
    .custom-modal--patch-profile,
    .custom-modal--status-up {
        padding-top: 0
    }
}

.custom-modal--game-info {
    background-color: var(--backgrounds-a);
    padding: 0
}

@media(max-width:639px) {
    .custom-modal--game-info {
        top: 60px;
        display: flex;
        flex-direction: column
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .custom-modal--game-info {
        top: 62px
    }
}

@media only screen and (max-height:639px)and (orientation:landscape) {
    .custom-modal--deposit-missing {
        padding-top: 85px
    }
}

@media(min-width:640px)and (max-width:1139px) {

    .custom-modal--licence,
    .custom-modal--login-denied {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }
}

@media(min-width:1140px) {

    .custom-modal--licence,
    .custom-modal--login-denied {
        align-items: center;
        padding: 0 0 10vh 0
    }
}

@media(min-width:1140px) {

    .custom-modal--account-temporarily-blocked,
    .custom-modal--account_temporarily_blocked_by_phone,
    .custom-modal--patch-timezone {
        padding: 52px 0
    }
}

@media(min-width:1140px) {

    .custom-modal--document-error-modal,
    .custom-modal--document-error-modal-unverified,
    .custom-modal--email-not-exists,
    .custom-modal--many-pending-documents,
    .custom-modal--modal-confirm {
        align-items: center
    }
}

.custom-modal__close-wr {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--backgrounds-d);
    cursor: pointer;
    z-index: 1
}

.custom-modal--account-temporarily-blocked .custom-modal__close-wr,
.custom-modal--account_temporarily_blocked_by_phone .custom-modal__close-wr {
    z-index: 1
}

.custom-modal__close {
    width: 14px;
    height: 14px;
    color: var(--icons-b);
    transition: opacity .2s ease-out
}

.no-touch .custom-modal__close-wr:hover .custom-modal__close,
.no-touch .payment__close:hover .custom-modal__close {
    opacity: .6
}

.custom-modal__inner-wr {
    position: relative;
    display: flex;
    max-height: 100%
}

.custom-modal--balance .custom-modal__inner-wr,
.custom-modal--cashout .custom-modal__inner-wr,
.custom-modal--deposit .custom-modal__inner-wr,
.custom-modal--spin .custom-modal__inner-wr {
    height: 100%
}

@media(min-width:712px) {
    .custom-modal--verification-details .custom-modal__inner-wr {
        max-width: 100%
    }
}

@media(max-width:639px) {

    .custom-modal--registration .custom-modal__inner-wr,
    .custom-modal--signin .custom-modal__inner-wr {
        background-color: var(--backgrounds-b);
        height: 100%
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .custom-modal--game-info .custom-modal__inner-wr {
        overflow: hidden;
        width: 100%
    }
}

@media(max-width:639px) {
    .custom-modal--game-info .custom-modal__inner-wr {
        flex: 1
    }
}

@media(min-width:1140px) {
    .custom-modal--payment-balance-cancel-popup .custom-modal__inner-wr {
        align-items: center
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .custom-modal--spin .custom-modal__inner-wr {
        width: 100%
    }
}

@media(min-width:1140px) {
    .custom-modal--spin .custom-modal__inner-wr {
        width: 100%
    }
}

@media(max-width:1139px) {

    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,
    .custom-modal--licence .custom-modal__inner-wr,
    .custom-modal--one-time-password .custom-modal__inner-wr,
    .custom-modal--patch-profile .custom-modal__inner-wr,
    .custom-modal--users-password-edit .custom-modal__inner-wr,
    .custom-modal--users-unlock .custom-modal__inner-wr {
        display: block;
        flex: 1
    }

    .bottom-sheet--payment-balance-cancel-popup .custom-modal__inner-wr {
        width: 100%
    }

    .custom-modal--modal-confirm .custom-modal__inner-wr {
        display: block
    }

    .custom-modal--bonus-modal .custom-modal__inner-wr,
    .custom-modal--status-up .custom-modal__inner-wr,
    .custom-modal--statuses-modal .custom-modal__inner-wr {
        width: 100%
    }
}

@media(min-width:640px) {

    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,
    .custom-modal--default-modal .custom-modal__inner-wr,
    .custom-modal--one-time-password .custom-modal__inner-wr {
        max-width: 600px
    }

    .custom-modal--balance .custom-modal__inner-wr,
    .custom-modal--cashout-alert .custom-modal__inner-wr,
    .custom-modal--cashout .custom-modal__inner-wr,
    .custom-modal--deposit .custom-modal__inner-wr {
        align-items: flex-start
    }
}

@media(min-width:1140px) {
    .custom-modal--statuses-modal .custom-modal__inner-wr {
        width: 100%;
        max-width: 562px
    }

    .custom-modal--bonus-modal .custom-modal__inner-wr,
    .custom-modal--one-time-password .custom-modal__inner-wr {
        width: 100%;
        max-width: 460px
    }

    .custom-modal--licence .custom-modal__inner-wr {
        width: 300px
    }

    .custom-modal--cancel-bonus .custom-modal__inner-wr,
    .custom-modal--cancelled-bonus-amount .custom-modal__inner-wr,
    .custom-modal--status-up .custom-modal__inner-wr {
        margin: auto
    }
}

@media only screen and (max-height:639px)and (orientation:landscape) {

    .custom-modal--balance .custom-modal__inner-wr,
    .custom-modal--cashout-alert .custom-modal__inner-wr,
    .custom-modal--cashout .custom-modal__inner-wr,
    .custom-modal--deposit .custom-modal__inner-wr {
        align-items: normal
    }
}

.custom-modal__inner {
    position: relative;
    margin: 0 auto
}

.custom-modal--show-all-modal .custom-modal__inner {
    display: flex
}

.custom-modal__inner>.vb-content {
    -webkit-overflow-scrolling: unset
}

@media(max-width:712px) {
    .custom-modal__inner {
        box-shadow: none
    }
}

@media(max-width:1139px) {
    .custom-modal--game-info .custom-modal__inner {
        width: 100%
    }
}

.custom-modal--spin .custom-modal__inner {
    width: 100%
}

@media(max-width:1139px) {
    .custom-modal--spin .custom-modal__inner {
        background-color: #121117
    }
}

.custom-modal--status-up .custom-modal__inner,
.custom-modal--statuses-modal .custom-modal__inner {
    width: 100%
}

.custom-modal--balance .custom-modal__inner,
.custom-modal--cashout .custom-modal__inner,
.custom-modal--deposit .custom-modal__inner {
    width: 100%;
    max-height: 100%
}

@media(min-width:1140px) {
    .custom-modal--bonus-modal .custom-modal__inner {
        width: 100%;
        border-radius: var(--roundings-s)
    }
}

@media(max-width:1139px) {

    .bottom-sheet--bonus-modal .custom-modal__inner,
    .bottom-sheet--payment-balance-cancel-popup .custom-modal__inner {
        width: 100%
    }
}

@media(min-width:1140px) {
    .custom-modal--patch-profile .custom-modal__inner {
        display: flex
    }

    .custom-modal--status-up .custom-modal__inner {
        border-radius: var(--roundings-s)
    }
}

.custom-modal--verification-details .vb-content {
    flex-shrink: 0
}

@media(max-width:639px) {
    .payment-modal__body {
        width: 100%;
        height: 100%
    }
}

.custom-modal--missing-data .payment-modal__body,
.custom-modal--users-password-edit .custom-modal__inner {
    width: 100%
}

.custom-modal--users-password-edit .single-form {
    margin: 0 auto
}

@media(max-width:1139px) {

    .custom-modal--default-modal,
    .custom-modal--statuses-modal {
        position: static;
        background: transparent;
        padding-top: 0
    }
}

@media(min-width:1140px) {

    .custom-modal--default-modal,
    .custom-modal--statuses-modal {
        padding: 5vh 0
    }
}

@media(max-width:1139px) {
    .custom-modal--statuses-modal {
        padding-bottom: 0
    }
}

.custom-modal--signin {
    z-index: 10035
}

.custom-modal--registration-step-2 .custom-modal__inner {
    width: auto
}

@media(max-width:712px) {
    .custom-modal--registration-step-2 .custom-modal__inner {
        width: 100%
    }
}

.custom-modal--restore-account-request .single-form,
.custom-modal--restore-password-request .single-form {
    margin: auto
}

.custom-modal--restore-account-request .custom-modal__inner,
.custom-modal--restore-password-request .custom-modal__inner {
    width: 100%
}

.custom-modal--balance,
.custom-modal--cashout,
.custom-modal--deposit,
.custom-modal--favorites,
.custom-modal--history-operations,
.custom-modal--verification-details {
    background-image: none
}

.custom-modal--balance .custom-modal__inner,
.custom-modal--cashout .custom-modal__inner,
.custom-modal--deposit .custom-modal__inner,
.custom-modal--favorites .custom-modal__inner,
.custom-modal--history-operations .custom-modal__inner,
.custom-modal--verification-details .custom-modal__inner {
    display: flex
}

@media(max-width:959px) {
    .custom-modal--payment-balance-cancel-popup {
        top: 50px
    }
}

.custom-modal--authorized {
    z-index: 10010
}

.custom-modal--authorized.custom-modal--missing-data {
    z-index: 10020
}

.custom-modal--authorized+.custom-modal {
    z-index: 10000
}

.custom-modal--shrink {
    position: absolute;
    height: 0;
    padding: 0
}

.custom-modal--favorites .custom-modal__inner {
    display: block !important
}

.fill-height {
    height: 100%
}

.no-paddings {
    padding: 0 !important
}

.toFlexbox {
    display: flex;
    flex-direction: column
}

.custom-modal--verification-details {
    z-index: 10035
}

@media(max-width:712px) {
    .custom-modal--verification-details {
        left: 0;
        top: 50px;
        padding: 0;
        background: #35302b
    }
}

@media(max-width:639px) {
    .custom-modal-wrap {
        height: 100%
    }
}

@media(max-width:639px) {
    .custom-modal--cashout-alert {
        background-color: var(--backgrounds-b)
    }
}

@media(max-width:1139px) {

    .custom-modal--modal-confirm,
    .custom-modal--payment-modal-form {
        position: inherit;
        padding-top: 0;
        padding-bottom: 0;
        background-color: transparent;
        width: 100%;
        display: block
    }
}

.custom-modal--account-temporarily-blocked .custom-modal__inner,
.custom-modal--account-temporarily-blocked .custom-modal__inner-wr,
.custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner,
.custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner-wr {
    width: 100%
}

@media(min-width:1140px) {

    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,
    .custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner-wr {
        max-width: 300px;
        margin: auto;
        width: 100%
    }

    .custom-modal--account-temporarily-blocked .custom-modal__inner>.vb-content,
    .custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner>.vb-content {
        width: 100% !important;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .custom-modal--account-temporarily-blocked .custom-modal__inner>.vb-content::-webkit-scrollbar,
    .custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner>.vb-content::-webkit-scrollbar {
        display: none
    }
}

@media(max-width:1139px) {

    .game-info .custom-modal--balance,
    .game-info .custom-modal--deposit {
        z-index: 10033
    }
}

@media(min-width:640px)and (max-width:1139px) {

    .custom-modal--phone-picker-open .custom-modal__inner,
    .custom-modal--phone-picker-open .registration-form,
    .custom-modal--phone-picker-open .registration-form__body,
    .custom-modal--phone-picker-open .vb-content {
        overflow: visible !important
    }
}

.bottom-sheet {
    z-index: 105;
    transition: all .4s ease;
    position: relative
}

.bottom-sheet * {
    box-sizing: border-box
}

.bottom-sheet.closed {
    opacity: 0;
    visibility: hidden
}

.bottom-sheet.closed .bottom-sheet__backdrop {
    animation: hide-bg .3s ease
}

.bottom-sheet.opened {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10012
}

.bottom-sheet.opened>.bottom-sheet__backdrop {
    animation: show-bg .3s ease;
    opacity: 1;
    visibility: visible;
    background-color: var(--colors-base-black-70) !important
}

.bottom-sheet.opened .bottom-sheet__card.fx-fadein-scale {
    transform: translate(-50%) scale(1);
    opacity: 1
}

.bottom-sheet.opened .bottom-sheet__card.fx-slide-from-left,
.bottom-sheet.opened .bottom-sheet__card.fx-slide-from-right {
    transform: translate(-50%);
    opacity: 1
}

.restore-account-form .bottom-sheet.opened.bottom-sheet--phone-picker {
    height: 85vh;
    bottom: 0;
    top: auto
}

.bottom-sheet.opened .bottom-sheet.opened .bottom-sheet__backdrop {
    border-radius: 24px 24px 0 0
}

.bottom-sheet.bottom-sheet--notification-block>.bottom-sheet__backdrop {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.bottom-sheet.bottom-sheet--currencies-popup,
.bottom-sheet.bottom-sheet--local-select {
    z-index: 10032
}

.bottom-sheet--deposit-bonus,
.bottom-sheet--payment-balance-cancel-popup {
    z-index: 10011
}

.bottom-sheet--currencies-popup {
    z-index: 10032
}

@media(max-width:1139px) {
    .custom-modal--payment-balance-cancel-popup {
        padding-top: 0
    }
}

.bottom-sheet--favorites,
.bottom-sheet--favorites.opened,
.bottom-sheet--menu-burger,
.bottom-sheet--menu-burger.opened,
.bottom-sheet--providers,
.bottom-sheet--providers.opened,
.bottom-sheet--search,
.bottom-sheet--search.opened {
    z-index: 30
}

.bottom-sheet__content {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 var(--universal-spacings-2xl);
    scrollbar-width: none
}

.bottom-sheet--favorites .bottom-sheet__content,
.bottom-sheet--providers .bottom-sheet__content {
    padding: 0 var(--universal-spacings-l)
}

.bottom-sheet--account-temporarily-blocked .bottom-sheet__content,
.bottom-sheet--filters .bottom-sheet__content,
.bottom-sheet--menu-burger .bottom-sheet__content,
.bottom-sheet--profile .bottom-sheet__content,
.bottom-sheet--search .bottom-sheet__content,
.bottom-sheet--status-up .bottom-sheet__content,
.deposit-bonus__promocode .bottom-sheet__content,
.games-sort-page .bottom-sheet__content,
.providers .bottom-sheet__content {
    padding: 0
}

.bottom-sheet--status-up .bottom-sheet__content {
    margin-top: -20px
}

.bottom-sheet--reload-bonuses .bottom-sheet__content,
.bottom-sheet--welcome-bonuses .bottom-sheet__content,
.bottom-sheet__content>div:first-child {
    padding-bottom: var(--universal-spacings-2xl)
}

.bottom-sheet--menu-burger .bottom-sheet__content>div:first-child,
.bottom-sheet--search .bottom-sheet__content>div:first-child {
    padding-bottom: var(--bottom-menu-height)
}

.bottom-sheet--account-temporarily-blocked .bottom-sheet__content>div:first-child,
.bottom-sheet--country-select .bottom-sheet__content>div:first-child,
.bottom-sheet--filters .bottom-sheet__content>div:first-child,
.bottom-sheet--phone-picker .bottom-sheet__content>div:first-child,
.bottom-sheet--profile .bottom-sheet__content>div:first-child,
.deposit-bonus__promocode .bottom-sheet__content>div:first-child {
    padding-bottom: 0
}

.bottom-sheet--reload-bonuses .bottom-sheet__content>div:first-child,
.bottom-sheet--welcome-bonuses .bottom-sheet__content>div:first-child {
    padding-bottom: var(--universal-spacings-xs)
}

@media(min-width:640px)and (max-width:1139px) {
    .bottom-sheet__content>div:first-child {
        padding-bottom: var(--universal-spacings-4xl)
    }
}

@media(max-width:1139px) {
    .bottom-sheet--search .bottom-sheet__content {
        overflow: hidden
    }
}

.bottom-sheet__content::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.bottom-sheet__content::-webkit-scrollbar-thumb,
.bottom-sheet__content::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.bottom-sheet__scroll {
    scrollbar-width: none
}

.bottom-sheet__scroll::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.bottom-sheet__scroll::-webkit-scrollbar-thumb,
.bottom-sheet__scroll::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.bottom-sheet--account-temporarily-blocked .bottom-sheet__scroll {
    width: 100% !important
}

.add-account-modal .bottom-sheet__scroll {
    padding-bottom: 0 !important
}

.bottom-sheet__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.game-page .custom-modal--missing-data .date-picker .bottom-sheet__backdrop,
.sport-page .custom-modal--missing-data .date-picker .bottom-sheet__backdrop {
    display: block
}

.welcome-bonus-mobile .bottom-sheet__backdrop {
    pointer-events: all
}

.games-sort-page .bottom-sheet__content-inner,
.providers .bottom-sheet__content-inner {
    padding: 0 24px
}

.bottom-sheet--bonuses-list .bottom-sheet__content-inner:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 157px;
    background: linear-gradient(0deg, #121215 33.66%, rgba(18, 18, 21, 0))
}

.bottom-sheet__card {
    position: fixed;
    width: 100%;
    max-width: var(--bottom-sheet-max-width) !important;
    border-radius: 16px 16px 0 0;
    left: 50%;
    z-index: 9999;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    background: var(--backgrounds-b)
}

.bottom-sheet__card.square {
    border-radius: 0
}

.bottom-sheet__card.fx-default {
    transform: translate(-50%);
    transition: bottom .3s ease
}

.bottom-sheet__card.fx-fadein-scale {
    transform: translate(-50%) scale(.7);
    opacity: 0;
    transition: all .3s
}

.bottom-sheet__card.fx-slide-from-right {
    transform: translate(100%);
    opacity: 0;
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.bottom-sheet__card.fx-slide-from-left {
    transform: translate(-100%);
    opacity: 0;
    transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.welcome-bonuses .bottom-sheet__card {
    border-radius: 12px 12px 0 0;
    top: auto !important;
    bottom: 68px !important;
    padding-bottom: 0
}

.restore-account-form .bottom-sheet--phone-picker .bottom-sheet__card {
    height: 85vh !important;
    max-height: none !important
}

.bottom-sheet--patch-profile>.bottom-sheet__card,
.game-page .custom-modal--missing-data .date-picker .bottom-sheet__card,
.payment-area__card-list__select .bottom-sheet__card,
.sport-page .custom-modal--missing-data .date-picker .bottom-sheet__card {
    height: auto !important
}

.bottom-sheet--bonuses-list .bottom-sheet__card {
    overflow: hidden
}

.bottom-sheet--menu-burger .bottom-sheet__card {
    border-radius: 16px 16px 0 0
}

.add-account-modal .bottom-sheet__card,
.bottom-sheet--country-select .bottom-sheet__card,
.bottom-sheet--phone-picker .bottom-sheet__card {
    max-height: calc(var(--vh)*100 - 60px) !important
}

.add-account-modal .bottom-sheet__card {
    height: 100% !important;
    padding-bottom: var(--universal-spacings-2xl)
}

.bottom-sheet--status-up .bottom-sheet__card {
    overflow: hidden
}

@media(min-width:640px) {
    .bottom-sheet--patch-timezone .bottom-sheet__card {
        height: 100% !important
    }
}

.bottom-sheet__pan {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0 10px;
    z-index: 1
}

.bottom-sheet__arrow-down {
    display: none
}

.bottom-sheet__bar {
    width: 38px;
    height: 2px;
    background-color: var(--backgrounds-e)
}

.bottom-sheet--close-disabled .bottom-sheet__bar {
    opacity: 0
}

.bottom-sheet--status-up .bottom-sheet__bar {
    color: var(--colors-base-white-60)
}

@keyframes show-bg {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes hide-bg {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.bottom-sheet--account-temporarily-blocked .bottom-sheet__card,
.bottom-sheet--account_temporarily_blocked_by_phone .bottom-sheet__card,
.bottom-sheet--modal-confirm .bottom-sheet__card {
    height: auto !important
}

.bottom-sheet--account-temporarily-blocked .bottom-sheet__content,
.bottom-sheet--account-temporarily-blocked .bottom-sheet__scroll,
.bottom-sheet--account_temporarily_blocked_by_phone .bottom-sheet__content,
.bottom-sheet--account_temporarily_blocked_by_phone .bottom-sheet__scroll,
.bottom-sheet--modal-confirm .bottom-sheet__content,
.bottom-sheet--modal-confirm .bottom-sheet__scroll {
    overflow: visible !important
}

.bottom-sheet.bottom-sheet--cashout-alert {
    z-index: 10014
}

.bottom-sheet.bottom-sheet--cashout-alert .bottom-sheet__card {
    height: 100% !important
}

@media(max-width:639px) {
    .bottom-sheet.bottom-sheet--cashout-alert .bottom-sheet__card {
        max-width: 100% !important;
        max-height: 100% !important
    }
}

.bottom-sheet--statuses-modal .bottom-sheet__card {
    height: 100% !important
}

.bottom-sheet__title {
    color: var(--white);
    padding: 8px 24px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.bottom-sheet--local-select .bottom-sheet__title {
    padding: 8px 0
}

.spinner {
    width: 23px;
    height: 23px
}

.btn .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.spinner__path {
    stroke-dasharray: 185;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke-width: 6px;
    animation: dash 1.4s ease-in-out infinite;
    stroke: var(--white)
}

.btn .spinner__path {
    stroke: currentColor
}

.input-field__file-hint-text--load .spinner__path,
.main-preloader .spinner__path,
.main-preloader__inner .spinner__path {
    stroke: var(--borders-c)
}

@keyframes dash {
    0% {
        stroke-dashoffset: 185;
        transform: rotate(0)
    }

    50% {
        stroke-dashoffset: 46.25;
        transform: rotate(160deg)
    }

    to {
        stroke-dashoffset: 185;
        transform: rotate(2turn)
    }
}

.btn {
    position: relative;
    background-color: var(--buttons-primary-default);
    color: var(--buttons-primary-text);
    border: none;
    padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-align: center;
    border-radius: var(--roundings-circle);
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    transition: all .2s ease-out
}

.btn.disabled,
.btn[disabled] {
    background-color: var(--buttons-primary-disable);
    pointer-events: none
}

.promo-event__table-more .btn {
    width: 100%
}

@media(min-width:640px) {
    .promo-event__table-more .btn {
        max-width: 300px
    }
}

.custom-modal--account-temporarily-blocked .btn,
.custom-modal--account_temporarily_blocked_by_phone .btn {
    min-width: 120px;
    width: auto;
    margin: 0 auto;
    padding: 0;
    display: flex
}

@media(min-width:1140px) {

    .custom-modal--account-temporarily-blocked .btn,
    .custom-modal--account_temporarily_blocked_by_phone .btn {
        min-width: 58px;
        height: 32px;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px
    }
}

.btn__inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center
}

.something-is-wrong__wrapper .btn__inner {
    white-space: normal
}

.top-bar__search-btn .btn__inner {
    overflow: hidden
}

.btn__text--loading {
    opacity: 0;
    visibility: hidden
}

.btn--size-lg {
    padding: var(--universal-spacings-2xl) var(--universal-spacings-4xl);
    height: 80px;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase
}

.btn--size-md {
    padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
    height: 48px;
    font-size: 16px;
    line-height: 24px
}

.btn--size-md,
.btn--size-sm {
    border-radius: var(--roundings-circle);
    font-weight: 700;
    text-transform: uppercase
}

.btn--size-sm {
    padding: var(--universal-spacings-s) var(--universal-spacings-xl);
    height: 36px
}

.btn--size-sm,
.btn--size-xs {
    font-size: 12px;
    line-height: 20px
}

.btn--size-xs {
    padding: var(--universal-spacings-xs) var(--universal-spacings-l);
    height: 32px;
    border-radius: var(--roundings-circle);
    font-weight: 700;
    text-transform: uppercase
}

.btn--shadow:active,
.no-touch .btn--shadow:hover {
    box-shadow: var(--white-light-shadow)
}

.btn--secondary {
    border: 1px solid var(--buttons-secondary-default);
    background-color: transparent;
    font-weight: 600;
    color: var(--buttons-secondary-text-default)
}

.btn--secondary:active,
.no-touch .btn--secondary:hover {
    border: 1px solid var(--buttons-secondary-hover)
}

.btn--secondary.disabled,
.btn--secondary[disabled] {
    background-color: transparent;
    border: 1px solid var(--buttons-secondary-disable);
    color: var(--buttons-secondary-text-disable)
}

.btn--accent {
    background-color: var(--buttons-accent-a-default);
    color: var(--buttons-accent-a-text-default)
}

.btn--accent:active,
.no-touch .btn--accent:hover {
    background-color: var(--buttons-accent-a-hover);
    color: var(--buttons-accent-a-text-hover)
}

.btn--accent.disabled,
.btn--accent[disabled] {
    background-color: var(--buttons-accent-a-disable);
    color: var(--buttons-secondary-text-disable)
}

.btn--special {
    border: 1px solid var(--buttons-accent-b-default);
    background-color: transparent;
    color: var(--buttons-accent-b-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase
}

.btn--icon {
    gap: var(--universal-spacings-s)
}

.btn--icon-right {
    flex-direction: row-reverse
}

.btn--full {
    width: 100%
}

.promocode-form__deactivate-button .btn__icon {
    width: 12px;
    height: auto;
    margin-right: 2px
}

.promo__all-block-header-btn .btn__icon {
    height: 12px;
    width: 7px
}

.btn--circle .btn__icon {
    width: 14px;
    height: auto
}

.btn--circle.btn--size-md .btn__icon {
    width: 24px;
    height: auto
}

.welcome-bonuses-buttons__btn .btn__icon,
.welcome-bonuses__btn .btn__icon {
    width: 16px;
    height: auto
}

@media(max-width:1139px) {
    .welcome-bonuses__btn--with-tabs .btn__icon {
        width: 24px;
        height: auto
    }
}

@media(min-width:1628px) {
    .btn--circle.btn--size-md .btn__icon.btn__icon--heart-stroke {
        width: 20px
    }
}

@media(min-width:1628px) {
    .btn--circle.btn--size-md .btn__icon.btn__icon--fullscreen {
        width: 18px
    }
}

@media(min-width:1628px) {
    .play__header-close-game-btn.btn--circle.btn--size-md .btn__icon {
        width: 16px
    }
}

.btn--spinner {
    cursor: default
}

.btn--log-in {
    padding: var(--universal-spacings-s) var(--universal-spacings-xl);
    height: 36px;
    border: 1px solid var(--buttons-secondary-default);
    background-color: transparent;
    color: var(--buttons-secondary-text-default);
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.btn--log-in:active,
.no-touch .btn--log-in:hover {
    border: 1px solid var(--buttons-secondary-hover)
}

.btn--log-in.disabled,
.btn--log-in[disabled] {
    background-color: transparent;
    border: 1px solid var(--buttons-secondary-disable);
    color: var(--buttons-secondary-text-disable)
}

@media(min-width:1628px) {
    .btn--log-in {
        padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
        height: 48px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase
    }
}

.btn--sign-up {
    padding: var(--universal-spacings-s) var(--universal-spacings-xl);
    height: 36px;
    border-radius: var(--roundings-circle);
    background-color: var(--buttons-accent-a-default);
    color: var(--buttons-accent-a-text-default);
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.btn--sign-up:active,
.no-touch .btn--sign-up:hover {
    background-color: var(--buttons-accent-a-hover);
    color: var(--buttons-accent-a-text-hover)
}

.btn--sign-up.disabled,
.btn--sign-up[disabled] {
    background-color: var(--buttons-accent-a-disable);
    color: var(--buttons-secondary-text-disable)
}

@media(min-width:1628px) {
    .btn--sign-up {
        padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
        height: 48px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase
    }
}

.btn--circle {
    width: 36px;
    height: 36px;
    border-radius: var(--roundings-circle);
    background: var(--buttons-primary-hover);
    padding: 0;
    color: var(--icons-invert)
}

.user-top__deposit .btn--circle {
    width: 28px;
    height: 28px
}

.no-touch .btn--circle:hover {
    box-shadow: var(--buttons-primary-shadow)
}

.btn--circle.btn--secondary {
    color: var(--icons-b);
    background-color: transparent;
    border: 1px solid var(--borders-c)
}

.btn--circle.btn--secondary.disabled,
.btn--circle.btn--secondary[disabled] {
    background-color: transparent;
    border: 1px solid var(--buttons-secondary-disable);
    color: var(--buttons-secondary-text-disable)
}

.no-touch .btn--circle.btn--secondary:hover {
    background-color: var(--colors-global-primary-1-8);
    box-shadow: none
}

.btn--circle.btn--size-md {
    width: 48px;
    height: 48px
}

.missing-data__btn-prev .btn__icon--arrow-left,
.payment-nav__action .btn__icon--arrow-left {
    width: 16px;
    height: auto;
    color: var(--icons-a)
}

.menu-burger__btn-logout {
    padding: 0 20px;
    min-width: 120px;
    margin: 10px auto 0 auto
}

.menu-burger__btn-logout,
.menu-burger__logout-confirmation-btn {
    height: 36px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase
}

.menu-burger__logout-confirmation-btn {
    padding-top: 0;
    padding-bottom: 0;
    flex-grow: 1
}

.promo-card__btn-read-more {
    z-index: 2;
    margin-top: auto
}

.promo-card--lg .promo-card__btn-read-more {
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.promo-slider--bonuses .promo-card__btn-read-more,
.promo-slider--news .promo-card__btn-read-more {
    margin-top: auto
}

.promotions-slider__btn-see-all {
    margin-left: auto
}

.converter-game {
    display: flex;
    flex-direction: column
}

.converter-game__title {
    padding: 8px 0;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.bottom-sheet .converter-game__title {
    text-align: center
}

.converter-game__text {
    display: none
}

.converter-game__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.converter-game__item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    padding: 12px 8px;
    gap: 8px;
    border-radius: var(--roundings-circle);
    background-color: var(--backgrounds-c);
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .2s ease-out
}

.converter-game__item:active {
    background-color: transparent;
    border-color: var(--borders-c)
}

.converter-game__item-icon {
    border-radius: 50%;
    background-color: var(--icons-a)
}

.converter-game__item-name,
.converter-game__item-symbol {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.converter-input {
    display: flex;
    justify-content: space-between;
    height: 44px;
    padding: 0 var(--universal-spacings-l);
    align-items: center;
    background-color: var(--backgrounds-c);
    cursor: pointer;
    border-radius: var(--roundings-circle);
    border: 1px solid var(--borders-b);
    transition: all .2s ease-out
}

.converter-input:not(.open):active,
.no-touch .converter-input:not(.open):hover {
    border: 1px solid var(--borders-c)
}

.custom-modal--balance .active-account--one-account .converter-input {
    pointer-events: none
}

.active-account--one-account .converter-input {
    cursor: default
}

.pointer-none .converter-input {
    cursor: default;
    pointer-events: none
}

.converter-modal .converter-input {
    border: 1px solid transparent;
    margin-bottom: 24px
}

@media(min-width:640px) {
    .converter-modal .converter-input {
        border: none
    }
}

.payment-area .converter-input:not(.open),
.payment-providers-list .converter-input:not(.open) {
    align-items: center;
    border: 2px solid var(--gray-500-p-40);
    background-color: var(--white);
    padding: 10px;
    border-radius: 16px
}

.payment-area .converter-input:not(.open) .converter-input__name,
.payment-providers-list .converter-input:not(.open) .converter-input__name {
    color: var(--gray-500);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.payment-area .converter-input:not(.open) .converter-input__info,
.payment-providers-list .converter-input:not(.open) .converter-input__info {
    padding-left: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.payment-area .converter-input:not(.open) .converter-input__info-logo,
.payment-providers-list .converter-input:not(.open) .converter-input__info-logo {
    width: 24px
}

.payment-area .converter-input:not(.open) .converter-input__info-icon,
.payment-providers-list .converter-input:not(.open) .converter-input__info-icon {
    width: 7px;
    height: 12px
}

.payment-balance .converter-input,
.payment__currency .converter-input {
    background-color: transparent
}

@media(min-width:640px) {
    .converter-input {
        position: relative
    }
}

@media(min-width:640px) {
    .converter-input.open {
        border-radius: 20px 20px 0 0;
        background-color: var(--backgrounds-b);
        margin-bottom: 0
    }
}

.converter-input .converter-input__lable {
    display: none
}

.converter-input__name {
    overflow: hidden;
    color: var(--text-text);
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.converter-input__info {
    display: flex;
    align-items: center;
    gap: var(--universal-spacings-s);
    border-left: 1px solid var(--borders-b);
    padding-left: var(--universal-spacings-s);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.player-account-select__row--disabled .converter-input__info {
    display: none
}

.converter-input__info-logo {
    width: 24px;
    height: auto
}

.converter-input__info-name {
    color: var(--text-text);
    min-width: var(--universal-spacings-3xl);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.active-account--one-account .converter-input__info-name,
.converter-modal .converter-input__info-name {
    margin-right: 0
}

.converter-input__info-icon {
    width: 16px;
    height: auto;
    color: var(--icons-a)
}

.converter-modal .converter-input__info-icon,
.open .converter-input__info-icon {
    transform: scaleY(-1)
}

.bottom-sheet .converter-modal .converter-input__info-icon,
.pointer-none .converter-input__info-icon {
    display: none
}

.active-account--one-account .converter-input__info-icon {
    opacity: 0
}

.converter-modal {
    overflow: hidden;
    position: relative;
    width: 100%
}

@media(min-width:640px) {
    .converter-modal {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        background-color: var(--backgrounds-c);
        border-radius: 20px;
        border: 1px solid var(--borders-c);
        z-index: 2
    }
}

.converter-modal__title {
    color: var(--white);
    margin-bottom: var(--universal-spacings-xl);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.bottom-sheet .converter-modal__title {
    text-align: center
}

@media(min-width:640px) {
    .converter-modal__title {
        display: none
    }
}

.converter-modal-wrap {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:713px) {
    .converter-modal-wrap {
        margin-right: -.5555555556rem
    }
}

.converter-modal-wrap--accounts {
    margin-right: 0
}

@media(max-width:712px) {
    .converter-modal-inner {
        padding-bottom: 1.3333333333rem
    }
}

.converter-list {
    margin-bottom: var(--universal-spacings-xl)
}

.converter-list:last-child {
    margin-bottom: 0
}

@media(min-width:640px) {
    .converter-list {
        margin-bottom: var(--universal-spacings-2xl)
    }
}

.converter-list__title {
    margin-bottom: var(--universal-spacings-s);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

@media(min-width:640px) {
    .converter-list__title {
        margin-bottom: var(--universal-spacings-m)
    }
}

.converter-list__item-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--universal-spacings-s)
}

.converter-list__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 4px);
    padding: var(--universal-spacings-m) var(--spacings-m);
    gap: var(--universal-spacings-s);
    border-radius: var(--roundings-circle);
    border: 1px solid var(--backgrounds-c);
    background-color: var(--backgrounds-c);
    cursor: pointer;
    transition: all .2s ease-out
}

.converter-list__item.active {
    background-color: transparent;
    border: 1px solid var(--borders-c)
}

@media(min-width:640px) {
    .converter-list__item {
        width: calc(33.33333% - 6px);
        padding: var(--universal-spacings-s) var(--spacings-m)
    }
}

.converter-list__item-icon,
.converter-list__item-symbol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.converter-list__item-name {
    color: var(--white);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media(max-width:639px) {
    .accounts-list {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        padding: 0 24px;
        margin: 0 -24px
    }
}

@media(min-width:640px) {
    .accounts-list {
        display: flex;
        padding: var(--universal-spacings-m) var(--universal-spacings-l) var(--universal-spacings-l);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Universal-spacings-L, 16px)
    }
}

.accounts-list__title {
    color: var(--white);
    margin-bottom: var(--universal-spacings-xl);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(max-width:639px) {
    .accounts-list__title {
        text-align: center
    }
}

@media(min-width:640px) {
    .accounts-list__title {
        color: var(--text-description-a);
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.accounts-list__scroll-wr {
    width: 100%;
    margin-bottom: 16px
}

@media(min-width:640px) {
    .accounts-list__scroll-wr {
        margin-bottom: 8px
    }
}

.accounts-list__scroll-wr:last-child,
.payment-providers-list .accounts-list__scroll-wr {
    margin-bottom: 0
}

@media(min-width:640px) {
    .accounts-list__scroll {
        max-height: 160px
    }
}

.accounts-list__ul {
    margin-right: 0
}

@media(min-width:640px) {
    .accounts-list__ul {
        display: flex;
        flex-direction: column;
        gap: var(--universal-spacings-l)
    }
}

.accounts-list__li {
    display: flex;
    justify-content: space-between;
    height: 44px;
    padding: 0 var(--universal-spacings-l);
    align-items: center;
    background-color: var(--backgrounds-c);
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--roundings-circle);
    margin-bottom: var(--universal-spacings-s);
    transition: all .2s ease-out
}

.accounts-list__li:active,
.no-touch .accounts-list__li:hover {
    background-color: transparent;
    border: 1px solid var(--borders-c)
}

.accounts-list__li:last-child {
    margin-bottom: 0
}

@media(min-width:640px) {
    .open .accounts-list__li {
        border: 1px solid transparent !important;
        border-radius: 0;
        margin: 0;
        padding: 0 var(--universal-spacings-2xl) 0 0;
        height: 24px
    }
}

.accounts-list__li-text {
    overflow: hidden;
    color: var(--text-text);
    text-overflow: ellipsis;
    min-width: var(--universal-spacings-3xl);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.accounts-list__li-right .accounts-list__li-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media(min-width:640px) {

    .accounts-list__li-text .accounts-list__li:active,
    .no-touch .accounts-list__li:hover .accounts-list__li-text {
        color: var(--text-accent-text)
    }
}

.accounts-list__li-right {
    display: flex;
    align-items: center;
    gap: var(--universal-spacings-s);
    border-left: 1px solid var(--borders-b);
    padding-left: var(--universal-spacings-s);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.accounts-list__li-img {
    width: 24px;
    height: auto;
    border-radius: 50%;
    background-color: var(--icons-a)
}

.accounts-list__btn {
    width: 100%;
    background-color: transparent;
    border-radius: var(--roundings-circle);
    border: 1px solid var(--buttons-secondary-default);
    padding: var(--universal-spacings-s) var(--universal-spacings-xl);
    color: var(--buttons-secondary-text-default)
}

.accounts-list__btn:active,
.no-touch .accounts-list__btn:hover {
    border-color: var(--buttons-secondary-hover)
}

.payment-providers-list .accounts-list__btn {
    display: none
}

.bottom-sheet .accounts-list__btn {
    width: auto;
    min-width: 196px;
    align-self: center
}

@media(min-width:640px) {
    .accounts-list__btn {
        height: 36px;
        padding: var(--universal-spacings-s) var(--universal-spacings-xl);
        font-size: 12px;
        font-weight: 600;
        line-height: 20px
    }
}

.accounts-list__btn-ic {
    width: 16px;
    height: auto;
    margin-right: var(--universal-spacings-s)
}

.active-account {
    position: relative
}

.player-account-select__title {
    color: var(--text-text);
    margin-bottom: var(--universal-spacings-s);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

@media(min-width:640px) {
    .player-account-select__rows {
        display: flex;
        align-items: center
    }
}

.player-account-select--has-blocked .player-account-select__row.player-account-select__row--disabled {
    display: none
}

@media(min-width:640px) {
    .player-account-select__row {
        flex: 1
    }
}

.player-account-select__exchange {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 12px auto;
    border-radius: 50%
}

.player-account-select--has-blocked .player-account-select__exchange {
    display: none
}

@media(min-width:640px) {
    .player-account-select__exchange {
        margin: 32px 8px 0;
        transform: rotate(90deg)
    }
}

.player-account-select__exchange-icon {
    width: 24px;
    height: 24px;
    color: var(--icons-c)
}

.balance-info {
    display: flex;
    flex-direction: column;
    margin-top: 12px
}

@media(min-width:640px) {
    .balance-info {
        margin-top: 16px
    }
}

.panel-account__active-account-hint-wr {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--borders-b)
}

.panel-account__active-account-hint-wr:last-child {
    border-bottom: none
}

.panel-account__active-account-hint-sum,
.panel-account__active-account-hint-text {
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.panel-account__active-account-hint-sum:first-letter,
.panel-account__active-account-hint-text:first-letter {
    text-transform: capitalize
}

.panel-account__active-account-hint-sum {
    color: var(--text-text);
    margin-left: auto
}

.panel-account__active-account-hint-sum:first-letter {
    text-transform: none
}

.player-account-select__checkbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
    padding: 12px 16px;
    border-radius: var(--roundings-s);
    background-color: var(--backgrounds-a)
}

.player-account-select__checkbox-info {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.player-account-select__checkbox-icon {
    width: 20px;
    height: 20px;
    color: var(--icons-c)
}

@media(min-width:640px) {
    .add-account-modal__inner {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        width: 100%;
        max-width: 460px;
        padding: 0 var(--universal-spacings-3xl) var(--universal-spacings-3xl);
        border-radius: var(--roundings-s);
        background: var(--backgrounds-b);
        z-index: 2;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .add-account-modal__inner::-webkit-scrollbar {
        display: none
    }

    .add-account-modal__inner:after {
        content: "";
        background-color: var(--black-500-p-50);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }
}

@media(min-width:1628px) {
    .add-account-modal__inner {
        max-height: calc(100vh - 170px)
    }
}

.add-account-modal .converter-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--colors-base-black-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.add-account-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icons-b);
    cursor: pointer
}

@media(min-width:640px) {
    .add-account-modal__close {
        position: -webkit-sticky;
        position: sticky;
        width: 24px;
        height: 24px;
        top: 26px;
        left: 100%;
        z-index: 2
    }
}

.add-account-modal__close-ic {
    width: 16px;
    height: auto
}

.no-touch .add-account-modal__close:hover .add-account-modal__close-ic {
    color: var(--colors-base-white-60)
}

.add-account-modal__title {
    color: var(--white)
}

@media(max-width:639px) {
    .add-account-modal__title {
        padding: 8px 0;
        margin-bottom: 16px;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
        font-weight: 700
    }
}

@media(min-width:640px) {
    .add-account-modal__title {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        padding: var(--universal-spacings-2xl) var(--universal-spacings-3xl) var(--universal-spacings-xl);
        margin-top: calc(var(--universal-spacings-2xl)*-1);
        margin-right: calc(var(--universal-spacings-3xl)*-1);
        margin-left: calc(var(--universal-spacings-3xl)*-1);
        margin-bottom: var(--universal-spacings-xl);
        background: var(--backgrounds-b);
        border-bottom: 1px solid var(--borders-a);
        font-size: 20px;
        font-weight: 700;
        line-height: 28px
    }
}

.add-account-modal__confirm {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--universal-spacings-xl) var(--universal-spacings-l) 0
}

@media(min-width:640px) {
    .add-account-modal__confirm {
        padding: 0
    }
}

.add-account-modal__confirm-text {
    display: none
}

.add-account-modal__confirm-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--universal-spacings-s);
    width: auto
}

@media(min-width:640px) {
    .add-account-modal__confirm-btns {
        gap: var(--universal-spacings-m);
        width: 100%;
        justify-content: flex-start;
        flex-direction: row-reverse
    }
}

.add-account-modal__confirm-btn:first-child:active,
.no-touch .add-account-modal__confirm-btn:first-child:hover {
    box-shadow: var(--buttons-primary-shadow)
}

.add-account-modal__confirm-btn:last-child {
    border: 1px solid var(--buttons-secondary-default);
    background-color: transparent;
    color: var(--buttons-secondary-text-default)
}

.add-account-modal__confirm-btn:last-child:active,
.no-touch .add-account-modal__confirm-btn:last-child:hover {
    border: 1px solid var(--buttons-secondary-hover)
}

.add-account-modal__confirm-btn:last-child.disabled,
.add-account-modal__confirm-btn:last-child[disabled] {
    background-color: transparent;
    border: 1px solid var(--buttons-secondary-disable);
    color: var(--buttons-secondary-text-disable)
}

@media(min-width:640px) {
    .add-account-modal__confirm-btn {
        padding: var(--universal-spacings-s) var(--universal-spacings-xl);
        height: 36px;
        min-width: 67px;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase
    }
}

.currency-list {
    display: flex
}

.currency-list__wrapper {
    padding-right: 0 !important;
    scrollbar-width: none
}

.currency-list__wrapper::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.currency-list__wrapper::-webkit-scrollbar-thumb,
.currency-list__wrapper::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.currency-list__title {
    color: var(--text-description-a);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
    padding: var(--universal-spacings-m) var(--universal-spacings-l) var(--universal-spacings-s);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.currency-list__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 240px
}

.currency-list__item {
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    padding: 8px 16px;
    gap: 8px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .2s ease-out
}

@media(min-width:640px) {
    .currency-list__item {
        flex: 100%;
        gap: 8px
    }
}

.currency-list__logo-wr {
    border-radius: 50%;
    background-color: var(--icons-a)
}

.currency-list__name {
    text-align: center;
    color: var(--text-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.currency-list__item:active .currency-list__name,
.no-touch .currency-list__item:hover .currency-list__name {
    color: var(--text-accent-text)
}

.balance-block__tab-ic {
    display: none
}

.game-currency-usd {
    position: relative;
    width: 420px;
    max-width: 100%;
    background: #312d2b;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    margin-inline: auto;
    margin-bottom: 15px
}

.game-currency-usd__close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #bab2a8;
    cursor: pointer;
    display: flex
}

.game-currency-usd__img {
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    width: 56px
}

@media screen and (orientation:landscape)and (max-width:959px) {
    .game-currency-usd__img {
        margin-top: 25px
    }
}

.game-currency-usd__text {
    margin-top: 32px;
    font-size: 20px;
    line-height: 24px;
    text-align: center
}

@media screen and (orientation:landscape)and (max-width:959px) {
    .game-currency-usd__text {
        margin-top: 20px
    }
}

.game-currency-usd__btn {
    margin: 24px 36px 36px;
    background-color: #f09235 !important;
    color: #faf6f2
}

.game-currency-usd__btn:hover {
    background-color: rgba(240, 146, 53, .8) !important
}

.custom-modal--game-currency-usd {
    padding: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width:680px) {
    .custom-modal--game-currency-usd {
        align-items: flex-end
    }
}

@media(min-width:1140px) {
    .login-denied {
        display: flex;
        gap: 12px
    }
}

.login-denied--app {
    position: relative;
    z-index: 10032
}

.login-denied__inner {
    text-align: center
}

@media(min-width:1140px) {
    .login-denied__inner {
        position: relative;
        width: 300px;
        padding: var(--universal-spacings-2xl) var(--universal-spacings-2xl) var(--universal-spacings-3xl);
        border-radius: var(--roundings-s);
        background-color: var(--backgrounds-b)
    }
}

.login-denied__img-wr {
    width: 64px;
    margin: 12px auto 24px
}

@media(min-width:1140px) {
    .login-denied__img-wr {
        width: 48px;
        margin: 0 auto var(--universal-spacings-xl)
    }
}

.login-denied__title {
    margin-bottom: var(--universal-spacings-s);
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width:1140px) {
    .login-denied__title {
        font-size: 14px;
        font-weight: 700;
        line-height: 20px
    }
}

.login-denied__desc {
    margin-bottom: var(--universal-spacings-xl);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

@media(min-width:1140px) {
    .login-denied__desc {
        font-size: 12px;
        font-weight: 400;
        line-height: 20px
    }
}

@media(max-width:1139px) {
    .login-denied__button {
        min-width: 120px
    }
}

@media(min-width:1140px) {
    .login-denied__button {
        min-width: 58px
    }
}

.payout-cancel-popup__item {
    padding: var(--universal-spacings-xl) 0;
    border-bottom: 1px solid var(--borders-b)
}

.payout-cancel-popup__item-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--universal-spacings-s);
    width: 100%
}

.payout-cancel-popup__item--confirm {
    border-bottom: 1px solid var(--borders-c)
}

.payout-cancel-popup__item--processing {
    padding: var(--universal-spacings-xl) 0
}

.payout-cancel-popup__item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--universal-spacings-s)
}

.payout-cancel-popup__item--confirm .payout-cancel-popup__item-inner {
    flex-direction: column;
    gap: var(--universal-spacings-m);
    align-items: flex-start
}

.payout-cancel-popup__item-sum {
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.payout-cancel-popup__alert {
    display: flex;
    padding-top: var(--universal-spacings-s);
    gap: var(--universal-spacings-s)
}

.payout-cancel-popup__alert-ic-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.payout-cancel-popup__alert-ic {
    width: 20px;
    height: auto;
    color: var(--colors-system-error)
}

.payout-cancel-popup__alert-text {
    color: var(--text-description-b);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.payout-cancel-popup__alert-text span {
    color: var(--text-accent-text);
    cursor: pointer
}

.payout-cancel-popup__confirm {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    align-items: center;
    border-radius: 16px;
    padding: 16px;
    gap: 16px;
    background-color: var(--backgrounds-d)
}

@media(min-width:1140px) {
    .payout-cancel-popup__confirm {
        background-color: var(--backgrounds-b)
    }
}

.payout-cancel-popup__confirm-text {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.payout-cancel-popup__confirm-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: var(--universal-spacings-s)
}

.payout-cancel-popup__confirm-btn {
    width: 50%
}

.payout-cancel-popup__status {
    display: flex;
    align-items: center;
    gap: var(--universal-spacings-2xs)
}

.payout-cancel-popup__status-text {
    color: var(--colors-system-processing);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.payout-cancel-popup__status-ic-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px
}

.payout-cancel-popup__status-ic {
    width: 14px;
    height: 14px;
    color: var(--colors-system-processing)
}

@media(min-width:1140px) {
    .payout-cancel-popup {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% + 13px);
        width: 375px;
        padding: var(--universal-spacings-2xl);
        border-radius: var(--roundings-m);
        background: var(--backgrounds-c);
        box-shadow: var(--black-shadow-l);
        z-index: 1
    }

    .game-page .payout-cancel-popup {
        z-index: 5
    }

    .payout-cancel-popup:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        width: 15px;
        height: 15px;
        background-color: var(--backgrounds-c);
        transform: translateY(-50%) translateX(-50%) rotate(45deg)
    }
}

@media(min-width:1628px) {
    .payout-cancel-popup {
        transform: translateX(-50%)
    }

    .payout-cancel-popup:before {
        left: 50%
    }
}

@media(max-width:1139px) {
    .payout-cancel-popup__items {
        display: flex;
        flex-direction: column;
        gap: var(--universal-spacings-m)
    }
}

@media(min-width:1140px) {
    .payout-cancel-popup__items {
        margin-bottom: var(--universal-spacings-2xl);
        max-height: 375px;
        overflow-y: auto;
        scrollbar-width: none
    }

    .payout-cancel-popup__items::-webkit-scrollbar {
        height: 0;
        width: 0;
        opacity: 0;
        color: transparent;
        background-color: transparent;
        display: none
    }

    .payout-cancel-popup__items::-webkit-scrollbar-thumb,
    .payout-cancel-popup__items::-webkit-scrollbar-track {
        background: transparent;
        display: none
    }
}

.payout-cancel-popup__title {
    margin-bottom: var(--universal-spacings-l);
    padding: var(--universal-spacings-s) 0;
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(max-width:1139px) {
    .payout-cancel-popup__title {
        text-align: center
    }
}

@media(min-width:1140px) {
    .payout-cancel-popup__title {
        margin-bottom: 20px;
        padding: 0
    }
}

@media(min-width:1140px) {
    .payout-cancel-popup__title--cancel-all-visible {
        margin-bottom: 28px
    }
}

.payout-cancel-popup__total-withdrawal-amount {
    margin: var(--universal-spacings-xl) 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.payout-cancel-popup__total-withdrawal-amount span {
    color: var(--text-accent-text)
}

.payout-cancel-popup__total-withdrawal-amount:last-child {
    margin-bottom: 0
}

@media(min-width:1140px) {
    .payout-cancel-popup__total-withdrawal-amount {
        order: 1;
        margin-bottom: 0
    }
}

.payout-cancel-popup__cancel-all-confirm-btns {
    display: flex;
    justify-content: center;
    gap: var(--universal-spacings-m)
}

@media(min-width:1140px) {
    .payout-cancel-popup__cancel-all-confirm-btns {
        justify-content: space-between
    }
}

.payout-cancel-popup__cancel-all-confirm-btn {
    width: auto;
    min-width: 120px
}

@media(min-width:1140px) {
    .payout-cancel-popup__cancel-all-confirm-btn {
        flex-grow: 1
    }
}

.payout-cancel-popup__cancel-all-wr {
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width:1140px) {
    .payout-cancel-popup__bottom {
        display: flex;
        flex-direction: column
    }
}

.support-widget {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 35
}

@media(max-width:1139px) {
    .support-widget {
        right: 16px;
        bottom: 92px
    }
}

@media(min-width:1140px) {
    .support-widget {
        right: 28px;
        bottom: 86px
    }
}

@media(min-width:1921px) {
    .support-widget {
        right: calc(50vw - 940px)
    }
}

.support-widget__wr {
    display: flex;
    align-items: center;
    justify-content: center
}

.support-widget__icon {
    width: 38px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.support-widget:hover .support-widget__icon {
    display: none
}

.support-widget__text {
    display: none;
    color: var(--text-text);
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.support-widget:hover .support-widget__text {
    display: block
}

.support-widget__animate {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: var(--universal-spacings-s);
    border-radius: var(--roundings-circle);
    background-color: var(--backgrounds-c);
    box-shadow: var(--black-shadow-m);
    scrollbar-width: none
}

.support-widget__animate::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.support-widget__animate::-webkit-scrollbar-thumb,
.support-widget__animate::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.support-widget__items {
    display: flex;
    flex-direction: column;
    gap: var(--universal-spacings-l)
}

.support-widget__item,
.support-widget__item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--universal-spacings-xs)
}

.support-widget__item-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background-color: var(--backgrounds-b);
    border-radius: 50%
}

.no-touch .support-widget__item:hover .support-widget__item-wr,
.support-widget__item-wr--close {
    background-color: var(--backgrounds-a)
}

.support-widget__item-wr--close {
    width: 36px;
    height: 36px
}

.no-touch .support-widget__item-wr--close:hover {
    box-shadow: var(--white-light-shadow)
}

.support-widget__item-icon {
    height: auto;
    color: var(--icons-a)
}

.support-widget__item-icon--chat {
    width: 24px
}

.support-widget__item-icon--telegram {
    width: 20px
}

.support-widget__item-icon--close {
    width: 14px
}

.support-widget__item-text {
    color: var(--text-text);
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase
}

.fade-widget-enter-active,
.fade-widget-leave-active {
    height: 224px;
    opacity: 1;
    overflow: hidden
}

.fade-widget-enter,
.fade-widget-leave-to {
    height: 0;
    opacity: 0;
    overflow: auto;
    transition: height .4s, opacity .5s
}

html {
    font-family: sans-serif
}

body,
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 100%;
    margin: 0
}

body,
body * {
    box-sizing: border-box
}

body * {
    -webkit-tap-highlight-color: transparent
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

a[tabindex] {
    cursor: pointer
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 600
}

dfn {
    font-style: italic
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-transform: none
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

svg {
    pointer-events: none
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: border-box;
    height: 0
}

pre {
    margin: 0;
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    outline: none
}

button {
    overflow: visible
}

button:focus {
    outline: none
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal;
    border-radius: 0
}

.Safari.no-touch input {
    text-indent: 1px
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: border-box
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

ol,
ul {
    list-style: none
}

ol,
p,
ul {
    padding: 0;
    margin: 0
}

[class*=js-],
[class^=js-] {
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none
}

:root {
    --white: #fff;
    --white-500: #f8f8f8;
    --white-p-80: hsla(0, 0%, 100%, 0.8);
    --white-p-70: hsla(0, 0%, 100%, 0.7);
    --white-p-60: hsla(0, 0%, 100%, 0.6);
    --white-p-50: hsla(0, 0%, 100%, 0.5);
    --white-p-40: hsla(0, 0%, 100%, 0.4);
    --white-p-30: hsla(0, 0%, 100%, 0.3);
    --white-p-20: hsla(0, 0%, 100%, 0.2);
    --white-p-10: hsla(0, 0%, 100%, 0.1);
    --white-p-0: hsla(0, 0%, 100%, 0);
    --white-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--white));
    --white-gradient-search: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--white));
    --white-gradient-search-left: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), var(--white));
    --dark-gradient-search: linear-gradient(90deg, rgba(20, 34, 69, 0), #142245);
    --dark-gradient-search-left: linear-gradient(-90deg, rgba(20, 34, 69, 0), #142245);
    --skeleton-gradient: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--white) 52.81%, hsla(0, 0%, 100%, 0));
    --black-500: #000;
    --black-500-p-50: rgba(0, 0, 0, 0.5);
    --black-500-p-30: rgba(0, 0, 0, 0.3);
    --black-500-p-25: rgba(0, 0, 0, 0.25);
    --black-500-p-20: rgba(0, 0, 0, 0.2);
    --black-500-p-10: rgba(0, 0, 0, 0.1);
    --black-shadow-m: 0 4px 24px 0 var(--colors-base-black);
    --black-shadow-l: 0 4px 32px 0 var(--colors-base-black);
    --black-shadow-xl: 0 4px 52px 0 var(--colors-base-black);
    --gray-500: #38445b;
    --gray-500-p-60: rgba(56, 68, 91, 0.6);
    --gray-500-p-40: rgba(56, 68, 91, 0.4);
    --gray-500-p-20: rgba(56, 68, 91, 0.2);
    --gray-500-p-30: rgba(56, 68, 91, 0.3);
    --gray-500-p-15: rgba(56, 68, 91, 0.15);
    --gray-500-p-12: rgba(56, 68, 91, 0.12);
    --gray-500-p-08: rgba(56, 68, 91, 0.08);
    --gray-500-p-6: rgba(56, 68, 91, 0.06);
    --gray-400: #7c879d;
    --gray-400-p-50: rgba(124, 135, 157, 0.5);
    --gray-shadow: rgba(65, 65, 65, 0.15);
    --gray-300: #05060a;
    --orange-600: #dc4200;
    --orange-500: #ff4c00;
    --orange-500-p-20: rgba(255, 76, 0, 0.2);
    --orange-500-p-10: rgba(255, 76, 0, 0.1);
    --orange-300: #ff5c16;
    --oragne-radial-gradient: radial-gradient(100% 100% at 50% 100%, #ff9737 28.9%, #ff0f00 100%);
    --oragne-linear-gradient: linear-gradient(270deg, rgba(255, 195, 106, 0), #ffc56d, rgba(255, 193, 99, 0));
    --orange-75: rgba(223, 126, 85, 0.75);
    --blue-500: #007afe;
    --blue-500-p-30: rgba(0, 122, 254, 0.3);
    --blue-500-p-20: rgba(0, 122, 254, 0.2);
    --blue-500-p-10: rgba(0, 122, 254, 0.1);
    --blue-500-p-8: rgba(0, 122, 254, 0.08);
    --blue-600: #d7f5ff;
    --blue-700: #1a73e9;
    --blue-dark-500: #06112e;
    --blue-dark-500-gradient: linear-gradient(180deg, rgba(6, 17, 46, 0), var(--blue-dark-500));
    --blue-dark-450: #101c3a;
    --blue-dark-450-gradient: linear-gradient(180deg, rgba(16, 28, 58, 0), var(--blue-dark-450));
    --blue-dark-400: #142245;
    --blue-dark-300: #192b59;
    --blue-dark-300-gradient: linear-gradient(180deg, rgba(36, 44, 77, 0), var(--blue-dark-300));
    --blue-dark-opacity: rgba(31, 147, 255, 0.08);
    --blue-radial-gradient: radial-gradient(135.26% 135.23% at 49.59% 135.23%, #44d2ff 28.9%, #006ee4 100%, #005abb 0);
    --blue: #0019ff;
    --blue-2: #0013c6;
    --blue-dark-gradient-search: linear-gradient(270deg, var(--blue-dark-400) 11.64%, rgba(20, 34, 69, 0) 64.29%);
    --pink500: #ff01f5;
    --yellow-500: #fff27e;
    --green-500: #01c095;
    --green-alt-500: #00b929;
    --red-500: #ff2448;
    --red-500-p-6: rgba(255, 36, 72, 0.06);
    --red-500-p-60: rgba(255, 36, 72, 0.6);
    --red: #eb001b;
    --red-2: #ca0017;
    --yandex-bg: #ec1717;
    --mailru-bg: #1b6bed;
    --vkontakte-bg: #1b7ae8;
    --telegram-bg: #34aadf;
    --odnoklassniki-bg: #f0972f;
    --yahoo-bg: #5f01d1;
    --jackpot-gradient: linear-gradient(180deg, #ffe9ff, #fff 27.99%, #fff 78.38%, #fffbf0);
    --colors-base-100: #121215;
    --colors-base-200: #1d1d20;
    --colors-base-300: #252528;
    --colors-base-400: #38383a;
    --colors-base-black: #000;
    --colors-base-black-50: rgba(0, 0, 0, 0.5);
    --colors-base-black-70: rgba(0, 0, 0, 0.7);
    --colors-base-black-90: rgba(0, 0, 0, 0.9);
    --colors-base-white: #fff;
    --colors-base-white-20: hsla(0, 0%, 100%, 0.2);
    --colors-base-white-40: hsla(0, 0%, 100%, 0.4);
    --colors-base-white-5: hsla(0, 0%, 100%, 0.05);
    --colors-base-white-60: hsla(0, 0%, 100%, 0.6);
    --colors-base-white-80: hsla(0, 0%, 100%, 0.8);
    --colors-global-accent-b-1: #1fa745;
    --colors-global-accent-b-2: #20ca4f;
    --colors-global-accent-b-3: #14341d;
    --colors-global-primary-1: #f4d483;
    --colors-global-primary-1-8: rgba(244, 212, 131, 0.08);
    --colors-global-primary-1-80: rgba(244, 212, 131, 0.8);
    --colors-global-special-1: #ff003d;
    --colors-system-error: #ff003d;
    --colors-system-warning: #f90;
    --colors-system-success: #20ca4f;
    --colors-system-processing: #5ab7ec;
    --colors-secondary-dark-5: #868a8a;
    --colors-secondary: #868a8a;
    --backgrounds-a: var(--colors-base-black);
    --backgrounds-b: var(--colors-base-100);
    --backgrounds-c: var(--colors-base-200);
    --backgrounds-d: var(--colors-base-300);
    --backgrounds-e: var(--colors-base-400);
    --backgrounds-f: var(--colors-global-primary-1);
    --badges-live-background: var(--colors-base-black-70);
    --badges-live-icon: var(--colors-global-special-1);
    --badges-live-text: var(--colors-base-white);
    --badges-new-background: var(--colors-base-white);
    --badges-new-text: var(--colors-base-black);
    --badges-promoaction-background: var(--colors-base-black-70);
    --badges-promoaction-hover: var(--colors-base-200);
    --badges-rm-background: var(--colors-base-black-70);
    --badges-rm-text: var(--colors-global-accent-b-2);
    --badges-rtp-background: var(--colors-global-special-1);
    --badges-rtp-text: var(--colors-base-white);
    --borders-a: var(--colors-base-black);
    --borders-b: var(--colors-base-white-20);
    --borders-c: var(--colors-global-primary-1);
    --borders-d: var(--colors-base-white-60);
    --borders-e: var(--colors-base-white-80);
    --buttons-accent-a-default: var(--colors-global-accent-b-1);
    --buttons-accent-a-disable: var(--colors-base-400);
    --buttons-accent-a-hover: var(--colors-global-accent-b-2);
    --buttons-accent-a-text-default: var(--colors-base-white);
    --buttons-accent-a-text-hover: var(--colors-base-white);
    --buttons-accent-b-default: var(--colors-global-special-1);
    --buttons-accent-b-text: var(--colors-base-white);
    --buttons-primary-default: var(--colors-base-white);
    --buttons-primary-disable: var(--colors-base-400);
    --buttons-primary-hover: var(--colors-base-white);
    --buttons-primary-icon: var(--colors-base-black);
    --buttons-primary-text: var(--colors-base-black);
    --buttons-secondary-default: var(--colors-base-white-60);
    --buttons-secondary-disable: var(--colors-base-white-40);
    --buttons-secondary-hover: var(--colors-global-primary-1);
    --buttons-secondary-left-icon-default: var(--colors-base-white);
    --buttons-secondary-left-icon-disable: var(--colors-base-white-60);
    --buttons-secondary-right-icon-default: var(--colors-global-primary-1);
    --buttons-secondary-right-icon-disable: var(--colors-base-white-60);
    --buttons-secondary-text-default: var(--colors-base-white);
    --buttons-secondary-text-disable: var(--colors-base-white-60);
    --buttons-secondary-text-hover: var(--colors-base-white);
    --icons-invert: var(--colors-base-black);
    --icons-a: var(--colors-global-primary-1);
    --icons-b: var(--colors-base-white);
    --icons-c: var(--colors-base-white-80);
    --icons-d: var(--colors-base-white-60);
    --links-a-default: var(--colors-global-primary-1);
    --links-a-hover: var(--colors-base-white);
    --links-b-default: var(--colors-base-white);
    --tabs-a-icon-default: var(--colors-global-primary-1);
    --tabs-a-icon-hover: var(--colors-global-primary-1-80);
    --tabs-a-text-default: var(--colors-base-white);
    --tabs-a-text-hover: var(--colors-base-white-80);
    --tabs-b-background-hover: var(--colors-base-black);
    --tabs-b-background-selected: var(--colors-base-black);
    --tabs-b-text-default: var(--colors-base-white-80);
    --tabs-b-text-hover: var(--colors-base-white-80);
    --tabs-b-text-selected: var(--colors-global-primary-1);
    --tabs-c-background-selected: var(--colors-base-100);
    --tabs-c-icon: var(--colors-global-primary-1);
    --tabs-c-text-default: var(--colors-base-white-60);
    --tabs-c-text-hover: var(--colors-base-white);
    --tabs-c-text-selected: var(--colors-base-white);
    --tabs-d-border-selected: var(--colors-global-primary-1);
    --tabs-d-text-default: var(--colors-base-white-60);
    --tabs-d-text-hover: var(--colors-base-white);
    --tabs-d-text-selected: var(--colors-base-white);
    --tabs-e-background-selected: var(--colors-base-400);
    --tabs-e-text-default: var(--colors-base-white-60);
    --tabs-e-text-hover: var(--colors-base-white);
    --tabs-e-text-selected: var(--colors-base-white);
    --text-accent-text: var(--colors-global-primary-1);
    --text-description-a: var(--colors-base-white-60);
    --text-description-b: var(--colors-base-white-80);
    --text-text: var(--colors-base-white);
    --text-text-invert: var(--colors-base-black);
    --gradient-a: linear-gradient(180deg, #121418, #0f1014);
    --gradient-b: linear-gradient(180deg, #090a0d, #16181d);
    --gradient-c: linear-gradient(180deg, #15171a, #252629);
    --main-banner-radial-gradient: radial-gradient(55.78% 91.3% at 50% 100%, rgba(244, 212, 131, 0.2) 0%, rgba(244, 212, 131, 0) 96.95%);
    --bottom-menu-gradient: linear-gradient(180deg, #0c0c0f, #1c1d21);
    --buttons-primary-shadow: 0 4px 32px 0 var(--colors-base-white-20);
    --status-green-shadow: 0 2px 12px 0 rgba(31, 167, 69, 0.3);
    --gold: #f4d483;
    --brown-shadow: #9a6823;
    --orange-light-shadow: 0 4px 6px 0 rgba(255, 76, 0, 0.3);
    --green-light-shadow: 0 4px 12px 0 rgba(2, 182, 159, 0.7);
    --yellow-light-shadow: 0 3px 7px 0 rgba(255, 242, 126, 0.6);
    --red-light-shadow: 0 3px 7px 0 rgba(255, 36, 72, 0.6);
    --blue-light-shadow: 0 3px 7px 0 rgba(14, 92, 244, 0.6);
    --white-light-shadow: 0 4px 16px 0 var(--colors-base-white-20);
    --gray-hover-button-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    --light-gray-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
    --light-gray-shadow-2: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
    --gray-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);
    --tab-bar-shadow: 0 -6px 28px 0 rgba(0, 0, 0, 0.15);
    --bottom-notify-shadow: 0 -6px 28px 0 rgba(0, 0, 0, 0.1);
    --small-gray-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
    --drop-shadow: 0 11px 14px 0 rgba(0, 0, 0, 0.2);
    --drop-down-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
    --drop-down-shadow2: 0 13px 15px 0 rgba(0, 0, 0, 0.25);
    --game-card--blur: blur(12px);
    --registration-background-blur: blur(16px);
    --real-winners-shadow: -16px 0 40px 0 rgba(56, 68, 91, 0.06);
    --big-notification-shadow: 0 -6px 28px 0 rgba(0, 0, 0, 0.1);
    --promocard: 0 5px 28px 0 rgba(0, 0, 0, 0.1);
    --content-shadow: 0 16px 40px 0 rgba(56, 68, 91, 0.06);
    --font_opensans: "Open Sans", "Helvetica Neue", system-ui, -apple-system, sans-serif;
    --menu-burger-width: 84px;
    --menu-burger-width-opened: 256px;
    --bottom-menu-height: 72px;
    --bottom-sheet-max-width: 576px;
    --menu-burger-bottom-bar-hegiht: 68px;
    --main-container-max-width: 1516px;
    --game-sidebar-width: 284px;
    --topbar-height-mob: 60px;
    --topbar-height-tablet: 64px;
    --topbar-height-desktop: 52px;
    --topbar-height-huge: 80px;
    --collections-menu-height-mobile: 40px;
    --collections-menu-height-desktop: 32px;
    --collections-menu-height-huge: 44px;
    --full-header-height-desktop: 84px;
    --full-header-height-huge: 124px;
    --promo-scale-size: 0.761;
    --main-sidebar-width: 336px;
    --main-sidebar-width-lg: 446px;
    --roundings-xs: 4px;
    --roundings-m: 8px;
    --roundings-s: 8px;
    --roundings-l: 20px;
    --roundings-circle: 100px;
    --spacings-xs: 4px;
    --spacings-s: 6px;
    --spacings-m: 8px;
    --spacings-l: 12px;
    --spacings-xl: 12px;
    --spacings-2xl: 16px;
    --spacings-3xl: 24px;
    --universal-spacings-3xs: 2px;
    --universal-spacings-2xs: 4px;
    --universal-spacings-xs: 6px;
    --universal-spacings-s: 8px;
    --universal-spacings-m: 12px;
    --universal-spacings-l: 16px;
    --universal-spacings-xl: 20px;
    --universal-spacings-2xl: 24px;
    --universal-spacings-3xl: 32px;
    --universal-spacings-4xl: 40px;
    --universal-spacings-5xl: 58px;
    --universal-spacings-6xl: 64px;
    --game-cards-s-greed-width: 159px;
    --game-cards-s-greed-height: 106px;
    --game-cards-s-width: 121px;
    --game-cards-s-height: 82px;
    --game-cards-m-width: 128px;
    --game-cards-m-height: 86px;
    --game-cards-l-width: 154px;
    --game-cards-l-height: 104px;
    --game-cards-l-greed-width: 167px;
    --game-cards-l-greed-height: 113px;
    --game-cards-xl-width: 180px;
    --game-cards-xl-height: 120px
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/assets/369587/fonts/OpenSans-Regular.a8874879.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(/assets/369587/fonts/OpenSans-SemiBold.5076adfa.ttf);
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/assets/369587/fonts/OpenSans-Bold.07986db8.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(/assets/369587/fonts/OpenSans-ExtraBold.94a6e3fc.ttf);
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@media(min-width:640px) {
    :root {
        --roundings-m: 12px;
        --spacings-xs: 6px;
        --spacings-s: 8px;
        --spacings-l: 12px;
        --spacings-m: 12px;
        --spacings-xl: 12px;
        --spacings-2xl: 24px;
        --spacings-3xl: 32px;
        --game-cards-m-width: 182px;
        --game-cards-m-height: 124px;
        --game-cards-l-width: 190px;
        --game-cards-l-height: 128px;
        --game-cards-l-greed-width: 143px;
        --game-cards-l-greed-height: 97px;
        --game-cards-xl-width: 240px;
        --game-cards-xl-height: 161px
    }
}

@media(min-width:1140px) {
    :root {
        --roundings-m: 12px;
        --spacings-xs: 4px;
        --spacings-s: 8px;
        --spacings-l: 12px;
        --spacings-m: 12px;
        --spacings-xl: 16px;
        --spacings-2xl: 24px;
        --spacings-3xl: 32px;
        --game-cards-m-width: 120px;
        --game-cards-m-height: 81px;
        --game-cards-l-width: 190px;
        --game-cards-l-height: 128px;
        --game-cards-l-greed-height: 88px;
        --game-cards-l-greed-width: 131px;
        --game-cards-xl-width: 240px;
        --game-cards-xl-height: 161px
    }
}

@media(min-width:1628px) {
    :root {
        --roundings-m: 16px;
        --spacings-xs: 8px;
        --spacings-s: 12px;
        --spacings-m: 16px;
        --spacings-l: 20px;
        --spacings-xl: 24px;
        --spacings-2xl: 32px;
        --spacings-3xl: 40px;
        --game-cards-s-width: 121px;
        --game-cards-s-height: 82px;
        --game-cards-m-width: 160px;
        --game-cards-m-height: 109px;
        --game-cards-l-width: 240px;
        --game-cards-l-height: 160px;
        --game-cards-l-greed-width: 184px;
        --game-cards-l-greed-height: 123px;
        --game-cards-xl-width: 324px;
        --game-cards-xl-height: 217px
    }
}

html {
    height: -webkit-fill-available;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body {
    font-family: var(--font_opensans);
    font-size: 21px;
    line-height: 1.48;
    color: var(--text-text);
    background: var(--backgrounds-a);
    --record-winnings-animation-color: var(--white)
}

body.is-visible-capcha {
    margin-top: 0 !important
}

a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-accent-text);
    text-decoration: none
}

a.border:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.accordion-1__list a {
    font-size: inherit;
    line-height: inherit
}

.c-pointer {
    cursor: pointer
}

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

ul a {
    border-bottom: 0 none;
    line-height: inherit
}

.default-ol,
.default-ul {
    margin-bottom: var(--universal-spacings-m)
}

.default-ol:last-child,
.default-ul:last-child {
    margin-bottom: 0
}

.default-ol li,
.default-ul li {
    margin-bottom: var(--universal-spacings-m)
}

.default-ol li:last-child,
.default-ul li:last-child {
    margin-bottom: 0
}

@media(min-width:1140px) {

    .default-ol li,
    .default-ul li {
        margin-bottom: var(--universal-spacings-l)
    }

    .default-ol.status-up__text-2 li:not(:last-child),
    .default-ul.status-up__text-2 li:not(:last-child) {
        margin-bottom: var(--universal-spacings-m)
    }
}

.default-ul li {
    position: relative;
    padding-left: 20px;
    color: var(--colors-base-white-80);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

.default-ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--colors-global-primary-1)
}

.default-ul li a {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit
}

.static-page--responsible-gambling .default-ul li {
    margin-bottom: 4px;
    font-size: 14px
}

.static-page--responsible-gambling .default-ul li:last-of-type {
    margin-bottom: 0
}

.payment-balance-header__tooltip-body .default-ul li {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.payment-balance-header__tooltip-body .default-ul li:before {
    top: 6px
}

.payment-balance-header__tooltip-body .default-ul li:last-of-type {
    margin-bottom: 0
}

.static-page--responsible-gambling .default-ul {
    margin-bottom: 20px
}

.payment-balance-header__tooltip-body .default-ul,
.static-page--responsible-gambling .default-ul:last-of-type {
    margin-bottom: 0
}

.default-ol {
    padding-left: 21px;
    list-style: decimal
}

.default-ol li {
    color: var(--colors-base-white-80);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

.static-page--responsible-gambling .default-ol {
    counter-reset: section;
    padding-left: 0;
    list-style: none
}

.static-page--responsible-gambling .default-ol li {
    position: relative;
    padding-left: 38px
}

.static-page--responsible-gambling .default-ol li:before {
    counter-increment: section;
    content: counters(section, ".") " ";
    color: var(--colors-base-white);
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    left: 0
}

.promo-promotion .default-ol {
    counter-reset: list 0;
    padding-left: 0
}

.promo-promotion .default-ol li {
    font-size: 16px;
    line-height: 30px;
    color: var(--colors-base-white-80);
    list-style-type: none
}

.promo-promotion .default-ol li:before {
    display: inline-block;
    counter-increment: list;
    content: counter(list) ". ";
    min-width: 38px;
    font-weight: 700
}

img {
    display: block;
    width: 100%
}

.registration-form__form-wr .vb-content {
    -webkit-overflow-scrolling: auto
}

.custom-modal--status-up .vb-content,
.touch .custom-modal__inner .vb-content {
    padding-right: 0 !important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.custom-modal--status-up .vb-content::-webkit-scrollbar,
.touch .custom-modal__inner .vb-content::-webkit-scrollbar {
    display: none
}

.spt-bet-slip svg {
    pointer-events: auto
}

.games-title {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.3333333333rem;
    letter-spacing: -.0066666667rem
}

@media(min-width:713px) {
    .games-title {
        font-size: 1.8rem;
        line-height: 2rem;
        letter-spacing: -.01rem
    }
}

@media(min-width:1025px) {
    .games-title {
        color: #faf6f2;
        font-size: 1.1111111111rem;
        line-height: 1.3333333333rem;
        letter-spacing: -.0072222222rem
    }
}

@media(min-width:1025px) {
    .games-chevron {
        width: 1.7777777778rem;
        height: 1.7777777778rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: .2777777778rem;
        border: .0555555556rem solid #4f453b;
        border-radius: .4444444444rem;
        cursor: pointer;
        transition: all .2s ease-out
    }

    .games-chevron:last-child {
        margin-right: 0
    }

    .games-chevron.swiper-button-disabled {
        opacity: .5
    }
}

@media(min-width:1025px) {
    .games-chevron-ic {
        width: .4444444444rem;
        height: auto
    }
}

.swiper-pagination {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center
}

@media(min-width:713px) {
    .swiper-pagination {
        display: none
    }
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    background-color: var(--orange-500-p-20);
    border-radius: 50%;
    transition: transform .2s, left .2s
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullet:last-child {
    margin-right: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullet-active {
    background-color: var(--orange-500)
}

@media(max-width:768px) {

    div[style*="transition: visibility 0s linear 0s"],
    div[style*="transition: visibility linear, opacity 0.3s linear"] {
        top: 0 !important;
        left: 0 !important;
        display: flex;
        width: 100% !important;
        height: 100% !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: auto
    }

    div[style*="transition: visibility 0s linear 0s"] div:last-child,
    div[style*="transition: visibility linear, opacity 0.3s linear"] div:last-child {
        display: flex;
        margin: 0 auto
    }
}

input::-webkit-input-placeholder {
    color: var(--text-description-a)
}

input::-moz-placeholder {
    color: var(--text-description-a)
}

input:-ms-input-placeholder {
    color: var(--text-description-a)
}

input:-moz-placeholder {
    color: var(--text-description-a)
}

.system-select {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.filter-stick {
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    display: flex;
    background-color: var(--white)
}

@media(min-width:1140px) {
    .filter-stick {
        top: -6px;
        padding-bottom: 12px;
        width: 100%
    }

    .filter-stick:after,
    .filter-stick:before {
        content: "";
        top: 0;
        height: 100%
    }

    .filter-stick:before {
        position: absolute;
        left: var(--left-filter-gradient);
        background: linear-gradient(90deg, hsla(0, 0%, 85.1%, .19), hsla(0, 0%, 85.1%, 0));
        width: 234px;
        z-index: 2
    }

    .filter-stick:after {
        background-color: var(--white);
        z-index: 1;
        transition: .2s;
        width: calc(var(--window-width) - var(--menu-burger-width));
        position: absolute;
        right: -20px
    }

    .menu-opened .filter-stick:after {
        width: calc(var(--window-width) - var(--menu-burger-width-opened))
    }
}

@media(min-width:1921px) {
    .filter-stick {
        max-width: calc(1920px - var(--menu-burger-width-opened));
        --window-width: 1920px
    }

    .filter-stick:before {
        display: none
    }
}

@media(min-width:1628px) {
    .filter-stick {
        top: 10px;
        padding-bottom: 16px
    }
}

.no-touch .icon-wr:hover {
    opacity: .6
}

.overflow--hidden,
.overflow--hidden-fixed {
    overflow: hidden !important
}

.overflow--hidden-fixed {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.safari-fixed {
    position: -webkit-sticky;
    position: sticky;
    height: calc(100vh - 1px);
    box-sizing: border-box
}

.overflow--hidden-scrollBar {
    overflow-x: hidden !important;
    overflow-y: scroll !important
}

.hidden {
    display: none
}

.currency-sumbol {
    margin-left: .3em
}

.fw-600 {
    font-weight: 600
}

.ta-center {
    text-align: center
}

.no-border {
    border: none !important
}

.relative {
    position: relative
}

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

.scroll-touch {
    -webkit-overflow-scrolling: touch
}

.scroll-auto {
    -webkit-overflow-scrolling: auto
}

.no-shadow {
    box-shadow: none !important
}

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

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.orange {
    color: var(--orange-500)
}

.accent-text {
    color: var(--text-accent-text)
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.badge {
    display: inline-block;
    min-width: 2.4rem;
    min-height: 1.2rem;
    padding: .1333333333rem .6666666667rem .0666666667rem;
    margin-right: .2666666667rem;
    border-radius: .8666666667rem;
    background-color: #30ad12;
    font-weight: 600;
    font-size: .6666666667rem;
    letter-spacing: -.0066666667rem;
    color: #fff;
    text-align: center
}

.no-touch .badge {
    box-shadow: 0 2px 6px 0 #30ad12
}

.badge:last-child {
    margin-right: 0
}

@media(min-width:713px)and (max-width:1280px) {
    .badge {
        min-width: 36px;
        min-height: 18px;
        padding: 2px 10px 1px;
        margin-right: 4px;
        border-radius: 13px;
        font-size: 10px;
        letter-spacing: -.1px
    }
}

@media(min-width:1281px) {
    .badge {
        min-width: 52px;
        min-height: 26px;
        padding: 5px 14px 4px;
        margin-right: 6px;
        border-radius: 13px;
        font-size: 12px;
        letter-spacing: -.1px
    }
}

.badge--red {
    background-color: #ec5e56
}

.no-touch .badge--red {
    box-shadow: 0 2px 6px 0 #ec5e56
}

.badge--yellow {
    background-color: #e4c544
}

.no-touch .badge--yellow {
    box-shadow: 0 2px 6px 0 #e4c544
}

.badge--blue {
    background-color: #006fff
}

.no-touch .badge--blue {
    box-shadow: 0 2px 6px 0 #006fff
}

.badge-rtp {
    border-radius: 2px;
    padding: .1333333333rem .3333333333rem
}

.no-touch .badge-rtp {
    box-shadow: 0 0 0
}

@media(min-width:1281px) {
    .badge-rtp {
        padding-top: .2777777778rem
    }
}

.badge--lg {
    padding: .6rem .8rem .4666666667rem;
    border-radius: .4666666667rem;
    font-size: 1.0666666667rem;
    letter-spacing: -.06rem
}

.no-touch .badge--lg {
    box-shadow: none
}

@media screen and (min-width:713px) {
    .badge--lg {
        letter-spacing: -.9px
    }
}

@media(min-width:713px)and (max-width:1280px) {
    .badge--lg {
        padding: 9px 12px 7px;
        border-radius: 7px;
        font-size: 16px
    }
}

@media(min-width:1281px) {
    .badge--lg {
        padding: 12px 15px 9px;
        border-radius: 10px;
        font-size: 21px
    }
}

.badge--event {
    font-size: 1.4rem;
    padding: 0;
    background-color: rgba(0, 0, 0, .5);
    min-width: unset;
    width: 2.9333333333rem;
    height: 2.9333333333rem;
    border-radius: .3333333333rem;
    color: #e4c544;
    display: flex;
    align-items: center;
    justify-content: center
}

.no-touch .badge--event {
    box-shadow: none
}

.badge--event span {
    display: block
}

@media screen and (min-width:713px) {
    .badge--event {
        font-size: 21px;
        width: 44px;
        height: 44px;
        border-radius: 5px
    }
}

.v-select {
    position: relative;
    margin-bottom: 40px
}

.v-select.v-select--full-border .vs__selected {
    font-size: 14px;
    letter-spacing: -.6px;
    color: #d7cec5;
    margin-left: 15px;
    font-weight: 400;
    text-transform: none;
    font-variant: normal;
    padding: 0
}

.v-select.v-select--full-border .vs__search {
    width: 100%;
    padding: 10px 30px 10px 15px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    border: 2px solid #4f453b;
    border-radius: 5px
}

.v-select .vs__actions {
    right: 10px
}

.v-select .vs__open-indicator {
    width: 13px;
    height: 8px;
    background-image: url(/assets/369587/img/arr-2-d-g.2def0cb7.svg) !important;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    display: inline-block;
    transition: all .2s ease-out
}

.v-select-label {
    position: absolute;
    top: -7px;
    left: 10px;
    padding: 2px 5px;
    background-color: #312d2b;
    font-size: 12px;
    line-height: 1;
    color: #83766a;
    letter-spacing: -.4px
}

.vs__dropdown-toggle {
    position: relative;
    cursor: pointer
}

.vs__search:-ms-input-placeholder {
    border: none;
    color: #9b9084;
    text-transform: lowercase;
    font-variant: small-caps
}

.vs__search::-ms-input-placeholder {
    border: none;
    color: #9b9084;
    text-transform: lowercase;
    font-variant: small-caps
}

.vs__dropdown-menu,
.vs__dropdown-toggle,
.vs__search::placeholder {
    border: none;
    color: #9b9084;
    text-transform: lowercase;
    font-variant: small-caps
}

.vs__open-indicator {
    fill: #9b9084;
    font-weight: 400
}

.vs__search {
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid #83766a;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer
}

.vs__actions,
.vs__actions .vs__open-indicator {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.vs__dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 15;
    width: 100%;
    text-align: left;
    max-height: 230px;
    overflow: hidden scroll;
    background-color: #343432;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    cursor: pointer
}

.vs__dropdown-menu::-webkit-scrollbar {
    width: 10px
}

.vs__dropdown-menu::-webkit-scrollbar-thumb {
    background-color: #a88e74;
    border-radius: 16px;
    border: 3px solid #343432
}

.vs__dropdown-menu::-webkit-scrollbar-button {
    display: none
}

.vs__dropdown-option {
    display: block;
    padding: 17px 15px 17px 17px;
    font-weight: 200;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    color: #a88e74;
    transition: all .2s ease-out
}

.vs__dropdown-option.vs__dropdown-option--highlight {
    background-color: #525d4e
}

.vs__dropdown-option.vs__dropdown-option--selected {
    background-color: #292925;
    color: #f09235
}

.vs__selected {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px 0 5px;
    background-color: transparent !important;
    font-size: 14px;
    line-height: 1;
    color: #9b9084;
    font-weight: 600
}

.native-tooltip {
    position: fixed;
    top: var(--topTooltip);
    left: var(--leftTooltip);
    width: var(--widthTooltip);
    background-color: var(--backgrounds-d);
    box-shadow: 0 4px 24px 0 var(--colors-base-black-50);
    border-radius: 12px;
    padding: 16px;
    color: var(--icons-c);
    z-index: 5;
    --topTooltip: 0;
    --leftTooltip: 0;
    --widthTooltip: 0;
    --tooltipTriangleLeft: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.native-tooltip:before {
    content: "";
    position: absolute;
    left: var(--tooltipTriangleLeft);
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--backgrounds-d)
}

@media(max-width:639px) {
    .native-tooltip {
        position: absolute
    }
}

.native-tooltip__head {
    color: var(--text-text);
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.native-tooltip__body {
    color: var(--icons-c);
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.native-tooltip__body:last-child {
    margin-bottom: 0
}

@media(max-width:639px) {
    .promocode-form__tooltip {
        top: auto;
        bottom: calc(100% + 2px)
    }

    .promocode-form__tooltip:before {
        top: auto;
        bottom: -10px;
        transform: scaleY(-1)
    }
}

@media(min-width:640px) {
    .promocode-form__tooltip {
        top: calc(var(--topTooltip) + 8px);
        width: 400px;
        transform: translateX(24px)
    }

    .promocode-form__tooltip:before {
        transform: translateX(-22px)
    }
}

.promocode-form__tooltip-body a {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.promocode-form__bottom-sheet-head {
    color: var(--text-text)
}

.promocode-form__bottom-sheet-body {
    color: var(--icons-c)
}

.v-popper--theme-dropdown,
.v-popper--theme-tooltip {
    z-index: 10011
}

.v-popper--theme-dropdown .v-popper__inner,
.v-popper--theme-tooltip .v-popper__inner {
    background-color: var(--backgrounds-d);
    box-shadow: 0 4px 24px 0 var(--colors-base-black-50);
    border-radius: 12px;
    padding: 16px;
    color: var(--icons-c);
    max-width: 326px;
    border: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.v-popper--theme-dropdown .v-popper__arrow-inner,
.v-popper--theme-dropdown .v-popper__arrow-outer,
.v-popper--theme-tooltip .v-popper__arrow-inner,
.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: var(--backgrounds-d)
}

.main-wrapper .vue-slider-rail {
    height: 4px;
    box-shadow: none;
    border: none;
    background-color: #4f453b;
    cursor: pointer;
    border-radius: 3px
}

.main-wrapper .vue-slider-rail .vue-slider-process {
    background-color: #f09235;
    border-radius: 3px
}

.main-wrapper .vue-slider-dot {
    width: 26px !important;
    height: 26px !important
}

.main-wrapper .vue-slider-dot .vue-slider-dot-handle {
    height: 100%;
    box-shadow: unset;
    border: 4px solid #312d2b;
    border-radius: 50%;
    background-color: #f09235
}

.payment__close-ic {
    width: 14px;
    height: 14px;
    color: var(--icons-b);
    transition: opacity .2s ease-out
}

.no-touch .custom-modal__close-wr:hover .payment__close-ic,
.no-touch .payment__close:hover .payment__close-ic {
    opacity: .6
}

.payment-modal {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    background-color: var(--white)
}

.payment-modal .vb-content:has(.bottom-sheet.opened) {
    overflow: hidden !important
}

@media(min-width:640px) {
    .payment-modal {
        width: 576px;
        max-height: 700px;
        border-radius: 32px
    }
}

.payment-modal__body-wrap-up {
    flex: 1
}

.payment-modal__body {
    padding: 12px 12px 0 12px
}

@media(min-width:640px) {
    .payment-modal__body {
        padding: 20px 40px 0 40px
    }
}

.payment-modal__body--scroll {
    display: flex;
    flex-direction: column;
    height: 100%
}

.payment-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(min-width:640px) {
    .payment-modal__header--fixed {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        max-width: 576px;
        padding: 20px 40px;
        border-radius: 32px 32px 0 0;
        background-color: var(--white);
        box-shadow: var(--gray-shadow);
        z-index: 5
    }
}

.payment-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.payment-modal__close-ic {
    width: 14px;
    height: auto
}

.payment-modal__tabs {
    display: flex;
    gap: 8px
}

.payment-modal__tab {
    display: flex;
    padding: 8px 12px;
    background-color: var(--gray-500-p-08);
    color: var(--gray-500);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px
}

.payment-modal__tab.active {
    background-color: var(--gray-500);
    color: var(--white)
}

@media(min-width:640px) {
    .payment-modal__tab {
        font-size: 14px;
        padding: 8px 16px
    }
}

.payment-modal__payment-providers-list {
    margin: 16px auto 24px
}

@media(min-width:640px) {
    .payment-modal__payment-providers-list {
        margin: 24px auto 24px
    }
}

.payment-modal__payment-area {
    flex: 1;
    margin: 0 -12px;
    background-color: var(--gray-500-p-6)
}

.payment-modal__history {
    overflow: hidden
}

.payment-modal__cashout-not-verify {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 16px 24px;
    margin: 24px auto;
    border: 1px solid var(--yellow-500);
    border-radius: 20px;
    box-shadow: var(--light-gray-shadow)
}

.payment-modal__cashout-not-verify--red {
    border: 1px solid var(--red-500)
}

.payment-modal__cashout-not-verify-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    background-color: var(--yellow-500);
    border-radius: 50%;
    box-shadow: var(--yellow-light-shadow)
}

.payment-modal__cashout-not-verify--red .payment-modal__cashout-not-verify-icon {
    background-color: var(--red-500);
    box-shadow: var(--red-light-shadow)
}

@media(min-width:640px) {
    .payment-modal__cashout-not-verify-icon {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px
    }
}

.payment-modal__cashout-not-verify-img {
    width: 3px;
    height: 15px
}

@media(min-width:640px) {
    .payment-modal__cashout-not-verify-img {
        width: 4px;
        height: 20px
    }
}

.payment-modal__cashout-not-verify-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

@media(min-width:640px) {
    .payment-modal__cashout-not-verify-text {
        font-size: 14px
    }
}

.payment-modal__cashout-not-verify-button {
    display: inline-flex;
    margin-top: 4px;
    color: var(--gray-500);
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px
}

.payment-modal__cashout-not-verify-button:hover {
    color: var(--orange-500)
}

@media(min-width:640px) {
    .payment-modal__cashout-not-verify-button {
        font-size: 14px
    }
}

.icon-bg {
    width: 18px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    display: inline-block;
    transition: all .2s ease-out;
    margin-left: 6px
}

.icon-bg.icon-upgrade {
    display: block;
    width: 14px;
    height: 14px;
    background: url(/assets/369587/img/upgrade.aeec9e8e.svg) no-repeat 50%/contain;
    color: #9b9084
}

.dots {
    font-size: 0;
    line-height: 0;
    letter-spacing: normal
}

.dots--color-mod-1 .dots__item {
    background-color: #a88e74
}

.dots__item {
    display: inline-block;
    width: 44px;
    height: 8px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #83766a;
    letter-spacing: normal;
    cursor: pointer;
    transition: all .2s ease-out
}

.dots__item.active {
    background-color: #f09235;
    cursor: default
}

.dots__item:last-child {
    margin-right: 0
}

.vue-notification-group {
    width: 100% !important;
    max-width: 431px;
    margin: 0 auto;
    padding: 0 12px;
    z-index: 10100 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 24px !important
}

@media(min-width:640px) {
    .vue-notification-group {
        height: 0;
        top: 40px !important;
        left: var(--menu-burger-width-opened) !important;
        right: 0 !important;
        transform: none;
        max-width: var(--main-container-max-width);
        margin: 0 auto !important;
        padding: 0 32px;
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important
    }
}

@media(min-width:1140px) {
    .vue-notification-group {
        top: 64px !important
    }
}

@media(min-width:1628px) {
    .vue-notification-group {
        padding: 0
    }
}

.vue-notification-group .vue-notification-wrapper {
    overflow: visible !important;
    animation: notifyBounceTopToBottom .5s 1;
    opacity: 1 !important
}

.vue-notification-group .vue-notification-wrapper.vn-fade-leave-to {
    display: none
}

@keyframes notifyBounceTopToBottom {
    0% {
        transform: translate3d(0, -60px, 0);
        opacity: 0
    }

    80% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes progress {
    0% {
        width: 100%
    }

    to {
        width: 1px
    }
}

.vue-notification-group .vue-notification-inner {
    position: relative;
    border-radius: 8px;
    background-color: var(--backgrounds-d)
}

.vue-notification-group .vue-notification-template {
    display: flex !important;
    align-items: center;
    max-width: 434px
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification-template {
        min-width: 565px
    }
}

.vue-notification-group .vue-notification {
    position: relative;
    padding: var(--universal-spacings-xl) 48px var(--universal-spacings-xl) calc(var(--universal-spacings-l) + 6px) !important;
    margin: 0 0 20px !important;
    border: none !important;
    overflow: hidden;
    background: none !important;
    border-radius: 8px
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification {
        padding: var(--universal-spacings-xl) 72px var(--universal-spacings-xl) calc(var(--universal-spacings-2xl) + 6px) !important
    }
}

.vue-notification-group .vue-notification:before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    display: block;
    width: 4px;
    background: var(--colors-system-warning);
    border-radius: 0 14px 14px 0;
    flex-shrink: 0
}

.vue-notification-group .vue-notification:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: var(--colors-base-white-20);
    animation: progress var(--duration, 5.6s) 1 linear
}

.vue-notification-group .vue-notification.error:before {
    background-color: var(--colors-system-error)
}

.vue-notification-group .vue-notification.brown:before,
.vue-notification-group .vue-notification.white:before {
    display: none
}

.vue-notification-group .vue-notification.success:before {
    background-color: var(--colors-system-success)
}

.vue-notification-group .vue-notification.info:before {
    display: none
}

.vue-notification-group .vue-notification.offline {
    padding: var(--universal-spacings-xl) var(--universal-spacings-l) var(--universal-spacings-xl) var(--universal-spacings-xl) !important;
    background-color: var(--backgrounds-d) !important;
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.vue-notification-group .vue-notification.offline:before {
    background-color: var(--colors-system-error)
}

.vue-notification-group .vue-notification.offline:after {
    display: none
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification.offline {
        padding: var(--universal-spacings-xl) var(--universal-spacings-2xl);
        font-size: 18px;
        line-height: 24px;
        font-weight: 600
    }
}

.vue-notification-group .vue-notification a {
    color: var(--text-accent-text);
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.notification-wrapper {
    overflow: visible !important;
    padding: 0 10px 10px !important
}

.vue-notification__close {
    position: absolute;
    top: 20px;
    right: 16px;
    display: flex;
    cursor: pointer;
    z-index: 1;
    width: auto !important
}

.vue-notification__close.offline {
    display: none
}

.vue-notification__close-icon {
    width: 16px;
    height: 16px;
    color: var(--icons-b)
}

@media(min-width:1140px) {
    .vue-notification__close-icon {
        width: 24px;
        height: 24px
    }
}

.vue-notification-customButton {
    display: inline-block;
    color: var(--text-accent-text);
    margin-top: var(--universal-spacings-m);
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: .6px
}

@media(min-width:640px) {
    .vue-notification-customButton {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
        letter-spacing: .7px
    }
}

.offline .notification-content {
    display: flex;
    align-items: center
}

.offline .notification-content:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: var(--universal-spacings-m);
    background-image: url(data:image/webp;base64,UklGRrYDAABXRUJQVlA4TKkDAAAvcAAcEJXIkm03bqP9r/r0AJCUBP12y3ZmZIiAwAAAwWTPtm3btm3btm3btm3btm3bDoIAt22bA7M7kAVBfsL1Lzoh0erVMXdAZwKcXf/dLetM0OgggSeCeaTZnQekPiN+KJ5nuKcL73jPMxLSeER/Gr5VpXEK/zQDTHcaW1AjdyocxCvX8GbEjEGdqhRI5vxAB7peBphPY/I9QMp3T+VELSccwEoNLPsdpRlI8MHAX6/Im142H5Vy1WVHKQIIPnj2ovwa4QCzCpi15ddSUDQivpflUxWRAgChbapHYpe/Mhv0TgfwwRCxNHu7qAQ3wGX8KJapQsObKQePXpBVckeC3eDCm0V4+m1FRpKTaidTc0ZwHQUUpb0ijxiWHMKjo9rLxJ0iSIdAycXQuW9N961RB5KiEu89knMKB9z72iPZ5AJ9GHXQ1q3ycDj0qhzyzmCwP7JsjxmQedQtCzBlyyO7DjDuCm1vnbFFF/A86rQA2bLIULXTWd4Z7AdgESOzAoCvRt0GvXMefW7FvOzFZ2cMopgYwuplEHWbhFB3Z4naCVC+E54Zzl9B0p/7tKs7M08JXyB3WpY6YgPViic6/gZRt00orHUUjJ0uLAXUgVvzxDtH3dblAazagIW97kZnr/udE8DmdoVho/f7339m7+XaSzeiFKDt0a4QbDUPncIHyKuAEDFVastfGtvQIpCvukLI12JcGqbtyjBn+DUhpvXRWbOoo/3z0EykHqRM9VD5QcWjdmX8oxYodfjvXhvBw3al+a0OL7x8LDSOn6V25Y3HdxHgPk+ar24hFNGCGUUd1VhxdAUX+mCVALer4T2KyYNKdnjNog68heDCBa4CvI5OTjhAXIy68Sr9gHQ8FPI1t+xAbIw65K6DC/LHQyh9HeRCWdjQ6ZpFHVbPf8Ff4K+Y/osHamsbOnMrGzrzQK/jBUOZe1dyVj/1MKftioE7pTDKH7ByOYq6swir5zRCrjNothFnf5oZRt0JZiHqagMHx8cn7ORB/KBdlQUSA3UuYmCrpQ9p1q5qgliWt/GaJRPRJOoqwunmfyavHCZRV/DUK7pPoq4czpdwXDvq1CyhsnbUQTC1ckToqXjUgTc+xUyuFrTLRh0YAxOMjfZ2PHPUEa02oPUPMTreS0rOJQhqudE3OtYFdrFd8b2qCZTehGGw0wMZ+iLSr3qjJ2AIzMJH2UKAdsFg/dLd3QafltqV2T+oAXQV1Lvm1gly0RBV7sSvmgIh4Pn6D4kuAA==);
    background-size: cover;
    background-repeat: no-repeat
}

@media(min-width:640px) {
    .offline .notification-content:before {
        width: 40px;
        height: 40px;
        margin-right: var(--universal-spacings-xl)
    }
}

.notification-title {
    color: var(--text-text);
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

@media(min-width:640px) {
    .notification-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px
    }
}

.notification-text,
.notification-text a {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

@media(min-width:640px) {

    .notification-text,
    .notification-text a {
        font-size: 18px;
        line-height: 24px;
        font-weight: 600
    }
}

.notification-text {
    color: var(--text-description-a)
}

.d-desktop-game-inline {
    display: inline
}

.d-desktop-game-inline-block {
    display: inline-block
}

.d-desktop-game-block {
    display: block
}

.d-desktop-game-flex {
    display: flex
}

.d-mobile-game-block,
.d-mobile-game-flex,
.d-mobile-game-inline,
.d-mobile-game-inline-block,
.no-desktop .d-desktop-game-block,
.no-desktop .d-desktop-game-flex,
.no-desktop .d-desktop-game-inline,
.no-desktop .d-desktop-game-inline-block {
    display: none
}

.no-desktop .d-mobile-game-inline {
    display: inline
}

.no-desktop .d-mobile-game-inline-block {
    display: inline-block
}

.no-desktop .d-mobile-game-block {
    display: block
}

.no-desktop .d-mobile-game-flex {
    display: flex
}

.vb-dragger {
    right: 4px;
    width: 3px;
    background-color: var(--borders-b)
}

.bottom-sheet .vb-dragger,
.custom-adaptive-modal .vb-dragger,
.play__iframe .vb-dragger {
    display: none
}

.custom-modal--deposit-missing .vb-dragger {
    display: block
}

.custom-modal--registration .vb-dragger,
.custom-modal--signin .vb-dragger {
    background-color: transparent
}

.bottom-sheet--bonuses-list .vb-dragger {
    display: block;
    background-color: var(--backgrounds-e)
}

.game-page .search .vb-dragger {
    opacity: 0
}

.container {
    display: flex;
    padding-block: 20px 16px;
    background-color: var(--white);
    border-radius: 24px;
    box-shadow: 0 6px 50px 0 var(--gray-500-p-08)
}

.container__item {
    display: flex;
    padding: 24px;
    border-bottom: 1px solid var(--gray-500-p-20)
}

.container__item:first-child {
    padding-top: 0
}

.container__item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.container--empty-background {
    background-color: transparent;
    border-radius: none;
    box-shadow: none
}

.container--no-gap {
    padding: 0
}

.container--item-gap-block>.container__item {
    padding: 0;
    padding-block: 24px
}

.button-sheet-container {
    position: relative;
    z-index: 10040
}

.button-sheet-container .bottom-sheet__content>div {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.gender-radio-inner {
    display: flex;
    align-items: center
}

.gender-radio-wrap.disabled>* {
    pointer-events: none
}

.gender-radio {
    display: flex;
    align-items: center;
    gap: var(--universal-spacings-l)
}

.personal-data__unit--gender .gender-radio {
    flex-grow: 1
}

.gender-radio__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    z-index: 0
}

.gender-radio__item input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.no-touch .gender-radio__item input[type=radio]:not([disabled=disabled]):hover~.gender-radio__label {
    color: var(--orange-500);
    cursor: pointer
}

.gender-radio__item input[type=radio]:checked+.gender-radio__button {
    background: var(--orange-500);
    border: none
}

.gender-radio__item input[disabled=disabled] {
    cursor: inherit
}

.gender-radio__item input[disabled=disabled]~.gender-radio__label {
    cursor: text
}

.personal-data__unit--gender .gender-radio__item {
    flex-direction: row-reverse;
    justify-content: flex-end;
    flex: 1
}

.missing-data .gender-radio__item {
    flex-direction: row-reverse;
    justify-content: flex-end;
    min-width: 142px
}

.gender-radio__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--colors-base-white-60);
    cursor: pointer
}

.gender-radio__button:before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--backgrounds-c);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.gender-radio__button.active {
    background-color: var(--buttons-accent-a-default);
    border: none
}

.gender-radio__button.active:before {
    content: none
}

.gender-radio__button.active:after {
    content: "";
    width: 10px;
    height: 13px;
    background-image: url(/img/check_gender.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.gender-radio__label {
    z-index: 1;
    transition: all .2s ease-out
}

.gender-radio__label-text {
    display: flex;
    color: var(--text-text);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.country-select {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.country-select--disabled {
    opacity: .6
}

.country-select__flag {
    left: var(--universal-spacings-l);
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.country-select--opened .country-select__flag {
    z-index: 1
}

.country-select__flag-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover
}

.country-select__selected {
    width: 100%;
    height: 44px;
    border-radius: 100px;
    border: 1px solid var(--borders-e);
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    transition: all .2s ease-out;
    display: flex;
    align-items: center;
    padding: 12px 36px 12px 48px;
    cursor: pointer;
    border-radius: var(--roundings-circle);
    transition: border 0s, border-radius .4s;
    transition-delay: .1s
}

.country-select--opened .country-select__selected {
    border-radius: 20px
}

.country-select--selected .country-select__selected {
    border-color: var(--borders-b)
}

.no-touch .country-select__selected:hover:not(.country-select--opened .country-select__selected, .country-select--disabled .country-select__selected) {
    border-color: var(--borders-c)
}

.country-select--disabled .country-select__selected {
    cursor: default
}

@media(min-width:640px) {
    .country-select--opened:not(.country-select--bottom-sheet) .country-select__selected {
        border-color: var(--borders-c);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: none;
        transition: border-radius 0s;
        transition-delay: 0s
    }
}

@media(min-width:640px) {
    .country-select--opened:not(.country-select--bottom-sheet) .country-select__selected--no-results {
        border-radius: 20px;
        border-bottom: 1px solid var(--borders-c)
    }
}

.country-select__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.country-select__arrow {
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.country-select__arrow-icon {
    width: 14px;
    height: auto;
    color: var(--icons-a);
    transition: transform .2s ease-out
}

.country-select__arrow-up .country-select__arrow-icon {
    transform: rotate(180deg)
}

.country-select--disabled .country-select__arrow-icon {
    display: none
}

.country-select__arrow-icon-lock {
    display: none;
    height: 20px;
    width: auto
}

.country-select--disabled .country-select__arrow-icon-lock {
    display: block
}

.country-select__icon-lock {
    height: 20px;
    width: auto
}

.country-select__header {
    margin-bottom: 20px
}

.country-select__label {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 16px;
    padding: 8px 0
}

.country-select__search-input-wrap {
    position: relative
}

.country-select__search-input-icon-wr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 24px;
    height: 24px;
    z-index: 1
}

.country-select__search-input-icon {
    width: 24px;
    color: var(--white-p-80)
}

@media(min-width:640px) {
    .country-select:not(.country-select--bottom-sheet) .country-select__search-input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.country-select__options-scroll {
    overflow: auto;
    scrollbar-width: none
}

.country-select__options-scroll::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.country-select__options-scroll::-webkit-scrollbar-thumb,
.country-select__options-scroll::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(min-width:640px) {
    .country-select:not(.country-select--bottom-sheet) .country-select__options-scroll {
        position: absolute;
        left: 0;
        top: calc(100% - 2px);
        width: 100%;
        max-height: 280px;
        border: 1px solid var(--borders-c);
        border-top: none;
        border-radius: 0 0 20px 20px;
        background-color: var(--backgrounds-c);
        padding: 20px;
        z-index: 1
    }
}

.country-select__option {
    display: flex;
    align-items: center;
    padding-top: 20px;
    cursor: pointer
}

.country-select__option:first-child {
    padding-top: 0
}

.no-touch .country-select__option:hover {
    background-color: var(--gray-500-p-6) !important
}

.country-select__options-image {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 8px
}

.country-select__option-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media(max-width:639px) {
    .country-select__option-label {
        color: var(--text-description-a)
    }
}

.active .country-select__option-label,
.no-touch .country-select__option:hover .country-select__option-label {
    color: var(--text-accent-text)
}

.main-wrapper {
    height: unset !important
}

@media(min-width:1921px) {
    .main-wrapper {
        max-width: 1920px;
        margin: 0 auto
    }
}

.main-wr {
    min-height: 100vh;
    margin-top: var(--topbar-height-mob)
}

.game-page .main-wr {
    margin: 0
}

@media(max-width:639px) {
    .main-wr.main-wr--show-collections-menu {
        margin-top: calc(var(--topbar-height-mob) + 40px)
    }
}

@media(min-width:640px) {
    .main-wr {
        margin-top: var(--topbar-height-tablet)
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .main-wr.main-wr--show-collections-menu {
        margin-top: calc(var(--topbar-height-tablet) + 40px)
    }
}

@media(min-width:1140px) {
    .main-wr {
        margin-top: var(--full-header-height-desktop)
    }
}

@media(min-width:1628px) {
    .main-wr {
        margin-top: var(--full-header-height-huge);
        padding: 0 32px
    }
}

.sport-page .main-wr {
    margin: 0;
    padding: 0
}

@media(max-width:639px) {
    .sport-page .main-wr {
        padding-top: var(--topbar-height-mob)
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .sport-page .main-wr {
        padding-top: var(--topbar-height-tablet)
    }
}

@media(min-width:1140px) {
    .sport-page .main-wr {
        padding-top: var(--full-header-height-desktop)
    }
}

@media(min-width:1628px) {
    .sport-page .main-wr {
        padding-top: var(--full-header-height-huge)
    }
}

.main-wr--not-found {
    overflow: hidden;
    background: var(--backgrounds-b)
}

@media(min-width:1140px)and (max-width:1627px) {
    .main-wr--show-filters {
        --left-filter-gradient: calc(var(--window-width)/2*-1 - var(--back-title-width)/2*-1 - var(--menu-burger-width)/2*-1)
    }

    .menu-opened .main-wr--show-filters {
        --left-filter-gradient: calc(var(--window-width)/2*-1 - var(--back-title-width)/2*-1 - var(--menu-burger-width-opened)/2*-1)
    }
}

@media(min-width:1628px) {
    .main-wr--show-filters {
        --left-filter-gradient: calc(var(--window-width)/2*-1 - var(--back-title-width)/2*-1 - -21px - var(--menu-burger-width)/2*-1)
    }

    .menu-opened .main-wr--show-filters {
        --left-filter-gradient: calc(var(--window-width)/2*-1 - var(--back-title-width)/2*-1 - var(--menu-burger-width-opened)/2*-1)
    }
}

@media(min-width:1921px) {
    .main-wr--show-filters {
        --window-width: 1920px
    }
}

.main {
    position: relative;
    margin: 0 auto;
    padding: 0 var(--spacings-2xl)
}

@media(min-width:1140px) {
    .game-page .main {
        opacity: 0
    }
}

@media(min-width:1628px) {
    .main {
        padding: 0
    }
}

.main.lottery,
.main.promo-promotion,
.main.promo-tournament {
    padding: 0
}

@media(min-width:1140px) {
    .main__inner-wr {
        display: flex;
        align-items: stretch;
        gap: 0 var(--spacings-xl);
        width: 100%
    }
}

@media(min-width:1140px) {
    .main__inner-center {
        width: calc(100% - var(--main-sidebar-width) - var(--spacings-xl));
        max-width: 1386px;
        flex: 0 1 auto
    }
}

@media(min-width:1628px) {
    .main__inner-center {
        width: calc(100% - var(--main-sidebar-width-lg) - var(--spacings-xl))
    }
}

@media(max-width:1139px) {
    .main__inner-sidebar {
        padding-top: var(--universal-spacings-l)
    }
}

@media(min-width:1140px) {
    .main__inner-sidebar {
        display: flex;
        flex-direction: column;
        min-width: 316px;
        max-width: 336px;
        width: 100%;
        flex: 0 2 auto;
        gap: var(--spacings-2xl)
    }
}

@media(min-width:1628px) {
    .main__inner-sidebar {
        min-width: 426px;
        max-width: 446px
    }
}

.overlay-open .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    opacity: 1;
    display: block;
    background-image: linear-gradient(180deg, var(--black-500-p-25), var(--black-500-p-25))
}

@media(max-width:712px) {
    .overlay-open .overlay {
        z-index: 10001
    }
}

.currency-content,
.overlay {
    display: none
}

.currency-content.default {
    display: inline
}

.game-currency-content {
    display: none
}

.game-currency-content.default {
    display: inline
}

.currency-rub .currency-content.rub {
    display: inline !important
}

.currency-rub .drum-title .currency-content.rub {
    display: block !important
}

.currency-rub .currency-content.default:not(.rub) {
    display: none !important
}

@media(min-width:640px) {
    .currency-rub .statuses-advantages__name .currency-content.rub {
        display: block !important
    }
}

.currency-usd .currency-content.usd {
    display: inline !important
}

.currency-usd .drum-title .currency-content.usd {
    display: block !important
}

.currency-usd .currency-content.default:not(.usd) {
    display: none !important
}

@media(min-width:640px) {
    .currency-usd .statuses-advantages__name .currency-content.usd {
        display: block !important
    }
}

.currency-eur .currency-content.eur {
    display: inline !important
}

.currency-eur .drum-title .currency-content.eur {
    display: block !important
}

.currency-eur .currency-content.default:not(.eur) {
    display: none !important
}

@media(min-width:640px) {
    .currency-eur .statuses-advantages__name .currency-content.eur {
        display: block !important
    }
}

.currency-kzt .currency-content.kzt {
    display: inline !important
}

.currency-kzt .drum-title .currency-content.kzt {
    display: block !important
}

.currency-kzt .currency-content.default:not(.kzt) {
    display: none !important
}

@media(min-width:640px) {
    .currency-kzt .statuses-advantages__name .currency-content.kzt {
        display: block !important
    }
}

.currency-nok .currency-content.nok {
    display: inline !important
}

.currency-nok .drum-title .currency-content.nok {
    display: block !important
}

.currency-nok .currency-content.default:not(.nok) {
    display: none !important
}

@media(min-width:640px) {
    .currency-nok .statuses-advantages__name .currency-content.nok {
        display: block !important
    }
}

.currency-pln .currency-content.pln {
    display: inline !important
}

.currency-pln .drum-title .currency-content.pln {
    display: block !important
}

.currency-pln .currency-content.default:not(.pln) {
    display: none !important
}

@media(min-width:640px) {
    .currency-pln .statuses-advantages__name .currency-content.pln {
        display: block !important
    }
}

.currency-try .currency-content.try {
    display: inline !important
}

.currency-try .drum-title .currency-content.try {
    display: block !important
}

.currency-try .currency-content.default:not(.try) {
    display: none !important
}

@media(min-width:640px) {
    .currency-try .statuses-advantages__name .currency-content.try {
        display: block !important
    }
}

.currency-uah .currency-content.uah {
    display: inline !important
}

.currency-uah .drum-title .currency-content.uah {
    display: block !important
}

.currency-uah .currency-content.default:not(.uah) {
    display: none !important
}

@media(min-width:640px) {
    .currency-uah .statuses-advantages__name .currency-content.uah {
        display: block !important
    }
}

.currency-cad .currency-content.cad {
    display: inline !important
}

.currency-cad .drum-title .currency-content.cad {
    display: block !important
}

.currency-cad .currency-content.default:not(.cad) {
    display: none !important
}

@media(min-width:640px) {
    .currency-cad .statuses-advantages__name .currency-content.cad {
        display: block !important
    }
}

.currency-nzd .currency-content.nzd {
    display: inline !important
}

.currency-nzd .drum-title .currency-content.nzd {
    display: block !important
}

.currency-nzd .currency-content.default:not(.nzd) {
    display: none !important
}

@media(min-width:640px) {
    .currency-nzd .statuses-advantages__name .currency-content.nzd {
        display: block !important
    }
}

.currency-brl .currency-content.brl {
    display: inline !important
}

.currency-brl .drum-title .currency-content.brl {
    display: block !important
}

.currency-brl .currency-content.default:not(.brl) {
    display: none !important
}

@media(min-width:640px) {
    .currency-brl .statuses-advantages__name .currency-content.brl {
        display: block !important
    }
}

.currency-aud .currency-content.aud {
    display: inline !important
}

.currency-aud .drum-title .currency-content.aud {
    display: block !important
}

.currency-aud .currency-content.default:not(.aud) {
    display: none !important
}

@media(min-width:640px) {
    .currency-aud .statuses-advantages__name .currency-content.aud {
        display: block !important
    }
}

.currency-azn .currency-content.azn {
    display: inline !important
}

.currency-azn .drum-title .currency-content.azn {
    display: block !important
}

.currency-azn .currency-content.default:not(.azn) {
    display: none !important
}

@media(min-width:640px) {
    .currency-azn .statuses-advantages__name .currency-content.azn {
        display: block !important
    }
}

.currency-inr .currency-content.inr {
    display: inline !important
}

.currency-inr .drum-title .currency-content.inr {
    display: block !important
}

.currency-inr .currency-content.default:not(.inr) {
    display: none !important
}

@media(min-width:640px) {
    .currency-inr .statuses-advantages__name .currency-content.inr {
        display: block !important
    }
}

.currency-mxn .currency-content.mxn {
    display: inline !important
}

.currency-mxn .drum-title .currency-content.mxn {
    display: block !important
}

.currency-mxn .currency-content.default:not(.mxn) {
    display: none !important
}

@media(min-width:640px) {
    .currency-mxn .statuses-advantages__name .currency-content.mxn {
        display: block !important
    }
}

.currency-ars .currency-content.ars {
    display: inline !important
}

.currency-ars .drum-title .currency-content.ars {
    display: block !important
}

.currency-ars .currency-content.default:not(.ars) {
    display: none !important
}

@media(min-width:640px) {
    .currency-ars .statuses-advantages__name .currency-content.ars {
        display: block !important
    }
}

.currency-pen .currency-content.pen {
    display: inline !important
}

.currency-pen .drum-title .currency-content.pen {
    display: block !important
}

.currency-pen .currency-content.default:not(.pen) {
    display: none !important
}

@media(min-width:640px) {
    .currency-pen .statuses-advantages__name .currency-content.pen {
        display: block !important
    }
}

.currency-ngn .currency-content.ngn {
    display: inline !important
}

.currency-ngn .drum-title .currency-content.ngn {
    display: block !important
}

.currency-ngn .currency-content.default:not(.ngn) {
    display: none !important
}

@media(min-width:640px) {
    .currency-ngn .statuses-advantages__name .currency-content.ngn {
        display: block !important
    }
}

.currency-zar .currency-content.zar {
    display: inline !important
}

.currency-zar .drum-title .currency-content.zar {
    display: block !important
}

.currency-zar .currency-content.default:not(.zar) {
    display: none !important
}

@media(min-width:640px) {
    .currency-zar .statuses-advantages__name .currency-content.zar {
        display: block !important
    }
}

.currency-clp .currency-content.clp {
    display: inline !important
}

.currency-clp .drum-title .currency-content.clp {
    display: block !important
}

.currency-clp .currency-content.default:not(.clp) {
    display: none !important
}

@media(min-width:640px) {
    .currency-clp .statuses-advantages__name .currency-content.clp {
        display: block !important
    }
}

.currency-btc .currency-content.btc {
    display: inline !important
}

.currency-btc .drum-title .currency-content.btc {
    display: block !important
}

.currency-btc .currency-content.default:not(.btc) {
    display: none !important
}

@media(min-width:640px) {
    .currency-btc .statuses-advantages__name .currency-content.btc {
        display: block !important
    }
}

.currency-sek .currency-content.sek {
    display: inline !important
}

.currency-sek .drum-title .currency-content.sek {
    display: block !important
}

.currency-sek .currency-content.default:not(.sek) {
    display: none !important
}

@media(min-width:640px) {
    .currency-sek .statuses-advantages__name .currency-content.sek {
        display: block !important
    }
}

.currency-bch .currency-content.bch {
    display: inline !important
}

.currency-bch .drum-title .currency-content.bch {
    display: block !important
}

.currency-bch .currency-content.default:not(.bch) {
    display: none !important
}

@media(min-width:640px) {
    .currency-bch .statuses-advantages__name .currency-content.bch {
        display: block !important
    }
}

.currency-eth .currency-content.eth {
    display: inline !important
}

.currency-eth .drum-title .currency-content.eth {
    display: block !important
}

.currency-eth .currency-content.default:not(.eth) {
    display: none !important
}

@media(min-width:640px) {
    .currency-eth .statuses-advantages__name .currency-content.eth {
        display: block !important
    }
}

.currency-ltc .currency-content.ltc {
    display: inline !important
}

.currency-ltc .drum-title .currency-content.ltc {
    display: block !important
}

.currency-ltc .currency-content.default:not(.ltc) {
    display: none !important
}

@media(min-width:640px) {
    .currency-ltc .statuses-advantages__name .currency-content.ltc {
        display: block !important
    }
}

.currency-trx .currency-content.trx {
    display: inline !important
}

.currency-trx .drum-title .currency-content.trx {
    display: block !important
}

.currency-trx .currency-content.default:not(.trx) {
    display: none !important
}

@media(min-width:640px) {
    .currency-trx .statuses-advantages__name .currency-content.trx {
        display: block !important
    }
}

.currency-usdt .currency-content.usdt {
    display: inline !important
}

.currency-usdt .drum-title .currency-content.usdt {
    display: block !important
}

.currency-usdt .currency-content.default:not(.usdt) {
    display: none !important
}

@media(min-width:640px) {
    .currency-usdt .statuses-advantages__name .currency-content.usdt {
        display: block !important
    }
}

.currency-xrp .currency-content.xrp {
    display: inline !important
}

.currency-xrp .drum-title .currency-content.xrp {
    display: block !important
}

.currency-xrp .currency-content.default:not(.xrp) {
    display: none !important
}

@media(min-width:640px) {
    .currency-xrp .statuses-advantages__name .currency-content.xrp {
        display: block !important
    }
}

.currency-huf .currency-content.huf {
    display: inline !important
}

.currency-huf .drum-title .currency-content.huf {
    display: block !important
}

.currency-huf .currency-content.default:not(.huf) {
    display: none !important
}

@media(min-width:640px) {
    .currency-huf .statuses-advantages__name .currency-content.huf {
        display: block !important
    }
}

.content-game-currency-rub .game-currency-content.rub {
    display: inline !important
}

.content-game-currency-rub .drum-title .game-currency-content.rub {
    display: block !important
}

.content-game-currency-rub .game-currency-content.default:not(.rub) {
    display: none !important
}

.content-game-currency-usd .game-currency-content.usd {
    display: inline !important
}

.content-game-currency-usd .drum-title .game-currency-content.usd {
    display: block !important
}

.content-game-currency-usd .game-currency-content.default:not(.usd) {
    display: none !important
}

.content-game-currency-eur .game-currency-content.eur {
    display: inline !important
}

.content-game-currency-eur .drum-title .game-currency-content.eur {
    display: block !important
}

.content-game-currency-eur .game-currency-content.default:not(.eur) {
    display: none !important
}

.content-game-currency-kzt .game-currency-content.kzt {
    display: inline !important
}

.content-game-currency-kzt .drum-title .game-currency-content.kzt {
    display: block !important
}

.content-game-currency-kzt .game-currency-content.default:not(.kzt) {
    display: none !important
}

.content-game-currency-nok .game-currency-content.nok {
    display: inline !important
}

.content-game-currency-nok .drum-title .game-currency-content.nok {
    display: block !important
}

.content-game-currency-nok .game-currency-content.default:not(.nok) {
    display: none !important
}

.content-game-currency-pln .game-currency-content.pln {
    display: inline !important
}

.content-game-currency-pln .drum-title .game-currency-content.pln {
    display: block !important
}

.content-game-currency-pln .game-currency-content.default:not(.pln) {
    display: none !important
}

.content-game-currency-try .game-currency-content.try {
    display: inline !important
}

.content-game-currency-try .drum-title .game-currency-content.try {
    display: block !important
}

.content-game-currency-try .game-currency-content.default:not(.try) {
    display: none !important
}

.content-game-currency-uah .game-currency-content.uah {
    display: inline !important
}

.content-game-currency-uah .drum-title .game-currency-content.uah {
    display: block !important
}

.content-game-currency-uah .game-currency-content.default:not(.uah) {
    display: none !important
}

.content-game-currency-cad .game-currency-content.cad {
    display: inline !important
}

.content-game-currency-cad .drum-title .game-currency-content.cad {
    display: block !important
}

.content-game-currency-cad .game-currency-content.default:not(.cad) {
    display: none !important
}

.content-game-currency-nzd .game-currency-content.nzd {
    display: inline !important
}

.content-game-currency-nzd .drum-title .game-currency-content.nzd {
    display: block !important
}

.content-game-currency-nzd .game-currency-content.default:not(.nzd) {
    display: none !important
}

.content-game-currency-brl .game-currency-content.brl {
    display: inline !important
}

.content-game-currency-brl .drum-title .game-currency-content.brl {
    display: block !important
}

.content-game-currency-brl .game-currency-content.default:not(.brl) {
    display: none !important
}

.content-game-currency-aud .game-currency-content.aud {
    display: inline !important
}

.content-game-currency-aud .drum-title .game-currency-content.aud {
    display: block !important
}

.content-game-currency-aud .game-currency-content.default:not(.aud) {
    display: none !important
}

.content-game-currency-azn .game-currency-content.azn {
    display: inline !important
}

.content-game-currency-azn .drum-title .game-currency-content.azn {
    display: block !important
}

.content-game-currency-azn .game-currency-content.default:not(.azn) {
    display: none !important
}

.content-game-currency-inr .game-currency-content.inr {
    display: inline !important
}

.content-game-currency-inr .drum-title .game-currency-content.inr {
    display: block !important
}

.content-game-currency-inr .game-currency-content.default:not(.inr) {
    display: none !important
}

.content-game-currency-mxn .game-currency-content.mxn {
    display: inline !important
}

.content-game-currency-mxn .drum-title .game-currency-content.mxn {
    display: block !important
}

.content-game-currency-mxn .game-currency-content.default:not(.mxn) {
    display: none !important
}

.content-game-currency-ars .game-currency-content.ars {
    display: inline !important
}

.content-game-currency-ars .drum-title .game-currency-content.ars {
    display: block !important
}

.content-game-currency-ars .game-currency-content.default:not(.ars) {
    display: none !important
}

.content-game-currency-pen .game-currency-content.pen {
    display: inline !important
}

.content-game-currency-pen .drum-title .game-currency-content.pen {
    display: block !important
}

.content-game-currency-pen .game-currency-content.default:not(.pen) {
    display: none !important
}

.content-game-currency-ngn .game-currency-content.ngn {
    display: inline !important
}

.content-game-currency-ngn .drum-title .game-currency-content.ngn {
    display: block !important
}

.content-game-currency-ngn .game-currency-content.default:not(.ngn) {
    display: none !important
}

.content-game-currency-zar .game-currency-content.zar {
    display: inline !important
}

.content-game-currency-zar .drum-title .game-currency-content.zar {
    display: block !important
}

.content-game-currency-zar .game-currency-content.default:not(.zar) {
    display: none !important
}

.content-game-currency-clp .game-currency-content.clp {
    display: inline !important
}

.content-game-currency-clp .drum-title .game-currency-content.clp {
    display: block !important
}

.content-game-currency-clp .game-currency-content.default:not(.clp) {
    display: none !important
}

.content-game-currency-btc .game-currency-content.btc {
    display: inline !important
}

.content-game-currency-btc .drum-title .game-currency-content.btc {
    display: block !important
}

.content-game-currency-btc .game-currency-content.default:not(.btc) {
    display: none !important
}

.content-game-currency-sek .game-currency-content.sek {
    display: inline !important
}

.content-game-currency-sek .drum-title .game-currency-content.sek {
    display: block !important
}

.content-game-currency-sek .game-currency-content.default:not(.sek) {
    display: none !important
}

.content-game-currency-bch .game-currency-content.bch {
    display: inline !important
}

.content-game-currency-bch .drum-title .game-currency-content.bch {
    display: block !important
}

.content-game-currency-bch .game-currency-content.default:not(.bch) {
    display: none !important
}

.content-game-currency-eth .game-currency-content.eth {
    display: inline !important
}

.content-game-currency-eth .drum-title .game-currency-content.eth {
    display: block !important
}

.content-game-currency-eth .game-currency-content.default:not(.eth) {
    display: none !important
}

.content-game-currency-ltc .game-currency-content.ltc {
    display: inline !important
}

.content-game-currency-ltc .drum-title .game-currency-content.ltc {
    display: block !important
}

.content-game-currency-ltc .game-currency-content.default:not(.ltc) {
    display: none !important
}

.content-game-currency-trx .game-currency-content.trx {
    display: inline !important
}

.content-game-currency-trx .drum-title .game-currency-content.trx {
    display: block !important
}

.content-game-currency-trx .game-currency-content.default:not(.trx) {
    display: none !important
}

.content-game-currency-usdt .game-currency-content.usdt {
    display: inline !important
}

.content-game-currency-usdt .drum-title .game-currency-content.usdt {
    display: block !important
}

.content-game-currency-usdt .game-currency-content.default:not(.usdt) {
    display: none !important
}

.content-game-currency-xrp .game-currency-content.xrp {
    display: inline !important
}

.content-game-currency-xrp .drum-title .game-currency-content.xrp {
    display: block !important
}

.content-game-currency-xrp .game-currency-content.default:not(.xrp) {
    display: none !important
}

.content-game-currency-huf .game-currency-content.huf {
    display: inline !important
}

.content-game-currency-huf .drum-title .game-currency-content.huf {
    display: block !important
}

.content-game-currency-huf .game-currency-content.default:not(.huf) {
    display: none !important
}

.game-currency-rub .currency-content.rub {
    display: inline !important
}

.game-currency-rub .drum-title .currency-content.rub {
    display: block !important
}

.game-currency-rub .currency-content.default:not(.rub) {
    display: none !important
}

.game-currency-usd .currency-content.usd {
    display: inline !important
}

.game-currency-usd .drum-title .currency-content.usd {
    display: block !important
}

.game-currency-usd .currency-content.default:not(.usd) {
    display: none !important
}

.game-currency-eur .currency-content.eur {
    display: inline !important
}

.game-currency-eur .drum-title .currency-content.eur {
    display: block !important
}

.game-currency-eur .currency-content.default:not(.eur) {
    display: none !important
}

.game-currency-kzt .currency-content.kzt {
    display: inline !important
}

.game-currency-kzt .drum-title .currency-content.kzt {
    display: block !important
}

.game-currency-kzt .currency-content.default:not(.kzt) {
    display: none !important
}

.game-currency-nok .currency-content.nok {
    display: inline !important
}

.game-currency-nok .drum-title .currency-content.nok {
    display: block !important
}

.game-currency-nok .currency-content.default:not(.nok) {
    display: none !important
}

.game-currency-pln .currency-content.pln {
    display: inline !important
}

.game-currency-pln .drum-title .currency-content.pln {
    display: block !important
}

.game-currency-pln .currency-content.default:not(.pln) {
    display: none !important
}

.game-currency-try .currency-content.try {
    display: inline !important
}

.game-currency-try .drum-title .currency-content.try {
    display: block !important
}

.game-currency-try .currency-content.default:not(.try) {
    display: none !important
}

.game-currency-uah .currency-content.uah {
    display: inline !important
}

.game-currency-uah .drum-title .currency-content.uah {
    display: block !important
}

.game-currency-uah .currency-content.default:not(.uah) {
    display: none !important
}

.game-currency-cad .currency-content.cad {
    display: inline !important
}

.game-currency-cad .drum-title .currency-content.cad {
    display: block !important
}

.game-currency-cad .currency-content.default:not(.cad) {
    display: none !important
}

.game-currency-nzd .currency-content.nzd {
    display: inline !important
}

.game-currency-nzd .drum-title .currency-content.nzd {
    display: block !important
}

.game-currency-nzd .currency-content.default:not(.nzd) {
    display: none !important
}

.game-currency-brl .currency-content.brl {
    display: inline !important
}

.game-currency-brl .drum-title .currency-content.brl {
    display: block !important
}

.game-currency-brl .currency-content.default:not(.brl) {
    display: none !important
}

.game-currency-aud .currency-content.aud {
    display: inline !important
}

.game-currency-aud .drum-title .currency-content.aud {
    display: block !important
}

.game-currency-aud .currency-content.default:not(.aud) {
    display: none !important
}

.game-currency-azn .currency-content.azn {
    display: inline !important
}

.game-currency-azn .drum-title .currency-content.azn {
    display: block !important
}

.game-currency-azn .currency-content.default:not(.azn) {
    display: none !important
}

.game-currency-inr .currency-content.inr {
    display: inline !important
}

.game-currency-inr .drum-title .currency-content.inr {
    display: block !important
}

.game-currency-inr .currency-content.default:not(.inr) {
    display: none !important
}

.game-currency-mxn .currency-content.mxn {
    display: inline !important
}

.game-currency-mxn .drum-title .currency-content.mxn {
    display: block !important
}

.game-currency-mxn .currency-content.default:not(.mxn) {
    display: none !important
}

.game-currency-ars .currency-content.ars {
    display: inline !important
}

.game-currency-ars .drum-title .currency-content.ars {
    display: block !important
}

.game-currency-ars .currency-content.default:not(.ars) {
    display: none !important
}

.game-currency-pen .currency-content.pen {
    display: inline !important
}

.game-currency-pen .drum-title .currency-content.pen {
    display: block !important
}

.game-currency-pen .currency-content.default:not(.pen) {
    display: none !important
}

.game-currency-ngn .currency-content.ngn {
    display: inline !important
}

.game-currency-ngn .drum-title .currency-content.ngn {
    display: block !important
}

.game-currency-ngn .currency-content.default:not(.ngn) {
    display: none !important
}

.game-currency-zar .currency-content.zar {
    display: inline !important
}

.game-currency-zar .drum-title .currency-content.zar {
    display: block !important
}

.game-currency-zar .currency-content.default:not(.zar) {
    display: none !important
}

.game-currency-clp .currency-content.clp {
    display: inline !important
}

.game-currency-clp .drum-title .currency-content.clp {
    display: block !important
}

.game-currency-clp .currency-content.default:not(.clp) {
    display: none !important
}

.game-currency-btc .currency-content.btc {
    display: inline !important
}

.game-currency-btc .drum-title .currency-content.btc {
    display: block !important
}

.game-currency-btc .currency-content.default:not(.btc) {
    display: none !important
}

.game-currency-sek .currency-content.sek {
    display: inline !important
}

.game-currency-sek .drum-title .currency-content.sek {
    display: block !important
}

.game-currency-sek .currency-content.default:not(.sek) {
    display: none !important
}

.game-currency-bch .currency-content.bch {
    display: inline !important
}

.game-currency-bch .drum-title .currency-content.bch {
    display: block !important
}

.game-currency-bch .currency-content.default:not(.bch) {
    display: none !important
}

.game-currency-eth .currency-content.eth {
    display: inline !important
}

.game-currency-eth .drum-title .currency-content.eth {
    display: block !important
}

.game-currency-eth .currency-content.default:not(.eth) {
    display: none !important
}

.game-currency-ltc .currency-content.ltc {
    display: inline !important
}

.game-currency-ltc .drum-title .currency-content.ltc {
    display: block !important
}

.game-currency-ltc .currency-content.default:not(.ltc) {
    display: none !important
}

.game-currency-trx .currency-content.trx {
    display: inline !important
}

.game-currency-trx .drum-title .currency-content.trx {
    display: block !important
}

.game-currency-trx .currency-content.default:not(.trx) {
    display: none !important
}

.game-currency-usdt .currency-content.usdt {
    display: inline !important
}

.game-currency-usdt .drum-title .currency-content.usdt {
    display: block !important
}

.game-currency-usdt .currency-content.default:not(.usdt) {
    display: none !important
}

.game-currency-xrp .currency-content.xrp {
    display: inline !important
}

.game-currency-xrp .drum-title .currency-content.xrp {
    display: block !important
}

.game-currency-xrp .currency-content.default:not(.xrp) {
    display: none !important
}

.game-currency-huf .currency-content.huf {
    display: inline !important
}

.game-currency-huf .drum-title .currency-content.huf {
    display: block !important
}

.game-currency-huf .currency-content.default:not(.huf) {
    display: none !important
}

.currency-icon {
    border-radius: 50%;
    background-color: var(--icons-a)
}

.swiper-button-next-wr,
.swiper-button-prev-wr {
    position: absolute;
    top: 0;
    width: 36px;
    cursor: pointer;
    z-index: 1
}

.main-slider__wrapper .swiper-button-next-wr,
.main-slider__wrapper .swiper-button-prev-wr {
    height: calc(100% - 56px)
}

.swiper-button-next-wr.swiper-button-disabled .games-slider__navigation .swiper-button-next-wr,
.swiper-button-next-wr.swiper-button-disabled .games-slider__navigation .swiper-button-prev-wr,
.swiper-button-prev-wr.swiper-button-disabled .games-slider__navigation .swiper-button-next-wr,
.swiper-button-prev-wr.swiper-button-disabled .games-slider__navigation .swiper-button-prev-wr {
    display: none
}

@media(min-width:1140px) {

    .second-level-banners .swiper-button-next-wr,
    .second-level-banners .swiper-button-prev-wr {
        height: calc(100% - 45px)
    }

    .games-slider__navigation .swiper-button-next-wr,
    .games-slider__navigation .swiper-button-prev-wr {
        height: calc(100% - 100px)
    }

    .main-page__games-providers .swiper-button-next-wr,
    .main-page__games-providers .swiper-button-prev-wr {
        height: calc(100% - 18px)
    }

    .main-page__games-providers.home-bg-section-inner--jackpot-providers .swiper-button-next-wr,
    .main-page__games-providers.home-bg-section-inner--jackpot-providers .swiper-button-prev-wr {
        height: calc(100% - 30px)
    }
}

@media(min-width:1628px) {

    .second-level-banners .swiper-button-next-wr,
    .second-level-banners .swiper-button-prev-wr {
        height: calc(100% - 51px)
    }
}

.games-slider__navigation .swiper-button-disabled {
    display: none
}

.swiper-button-prev-wr {
    left: -18px
}

.swiper-button-next-wr {
    right: -18px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: var(--roundings-circle);
    border: 1px solid var(--borders-c);
    color: var(--icons-b);
    background-color: transparent;
    opacity: 0;
    visibility: hidden;
    transition: .15s ease-out
}

.no-touch .swiper-button-next:hover,
.no-touch .swiper-button-prev:hover {
    border: 1px solid var(--buttons-secondary-hover);
    background: var(--colors-global-primary-1-8)
}

.games-slider__inner:hover .swiper-button-next,
.games-slider__inner:hover .swiper-button-prev,
.main-slider__wrapper:hover .swiper-button-next,
.main-slider__wrapper:hover .swiper-button-prev,
.second-level-banners:hover .swiper-button-next,
.second-level-banners:hover .swiper-button-prev {
    opacity: 1;
    visibility: visible
}

@media(min-width:1628px) {

    .swiper-button-next,
    .swiper-button-prev {
        width: 48px;
        height: 48px
    }
}

.swiper-button-next .icon,
.swiper-button-prev .icon {
    height: 14px;
    width: 8px
}

.swiper-button-prev .icon {
    margin-right: 1px
}

.swiper-button-next .icon {
    margin-left: 1px
}

.swiper-pagination-bullet {
    cursor: pointer
}

.main-slider__wrapper .swiper-pagination-bullet {
    flex-shrink: 0;
    margin-right: 0;
    transition: width .2s ease-in-out
}

.games-sort-filters-group {
    position: relative;
    z-index: 3
}

@media(max-width:1139px) {
    .games-sort-filters-group {
        padding: 0 24px
    }
}

.filter-button {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-left: auto
}

.filter-button__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.filter-button__icon {
    width: 20px;
    height: 16px;
    color: var(--gray-500)
}

.filter-button__counter,
.filters-header__counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -1px;
    right: -3px;
    height: 12px;
    padding: 0 4px;
    border-radius: 16px;
    font-size: 8px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: var(--white);
    background-color: var(--orange-500);
    box-shadow: var(--orange-light-shadow)
}

.filters-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

@media(max-width:1139px) {
    .filters-header {
        padding: 14px 24px
    }
}

@media(min-width:1140px) {
    .filters-header {
        padding: 14px 0
    }
}

.filters-header__icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 16px
}

.filters-header__icon {
    width: 20px;
    height: 16px
}

.filters-header__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: var(--gray-500);
    text-transform: capitalize
}

.filters-header__clear {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: var(--gray-500);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer
}

.webview .no-webview {
    display: none
}

.slide-left-right-enter-active,
.slide-left-right-leave-active {
    transition: all 1s
}

.slide-left-right-enter-to,
.slide-left-right-leave {
    max-width: 100%
}

.slide-left-right-enter,
.slide-left-right-leave-to {
    max-width: 0
}

.fade-enter-active,
.fade-leave-active {
    transition: all .2s
}

.fade-enter-to,
.fade-leave {
    opacity: 1
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}
@media screen and (max-width: 713px){
    body{
        overflow-x: hidden;
    }
    .top-bar__search,
    .top-bar__center{
        display: none !important;
    }
 .swiper-wrapper,
 .games-slider__head{
      overflow-x: scroll;
    }
    .games-slider__head{
        padding: 20px 0;
        gap: 12px !important;
        width: max-content;
    }
    .swiper-slide{
        max-width: 713px;
    }
    
}
@media screen and (max-width: 390px){
    .swiper-slide{
        max-width: 390px;
    }
}