.preloader-page {
    --page-bg: #fff;
    --item-bg: rgba(56, 68, 91, 0.08);
    --item-bg-double: rgba(56, 68, 91, 0.12);
    --text-color: rgba(56, 68, 91, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    left: 0;
    background-color: var(--page-bg);
    z-index: 90050
}

.dark .preloader-page {
    --page-bg: var(--blue-dark-500);
    --item-bg: var(--blue-dark-450);
    --item-bg-double: rgba(56, 68, 91, 0.12);
    --text-color: rgba(56, 68, 91, 0.6)
}

.preloader-page__aside,
.preloader-page__aside-row {
    display: none
}

.preloader-page__header {
    display: flex;
    padding: 12px;
    margin-bottom: 4px
}

.preloader-page__logo {
    display: none;
    width: 36px;
    height: 36px
}

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

.preloader-page__search {
    display: none
}

.preloader-page__info {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex: 1;
    margin-left: 37px
}

.preloader-page__info-circle {
    width: 36px;
    height: 36px;
    background-color: var(--item-bg);
    border-radius: 50%
}

.preloader-page__info-block {
    width: 127px;
    height: 36px;
    background-color: var(--item-bg);
    border-radius: 12px
}

.preloader-page__main {
    display: flex;
    flex-direction: column;
    padding: 0 12px;
    gap: 28px
}

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

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

.preloader-page__slide-item {
    display: none;
    width: 100%;
    min-width: 296px;
    height: 240px;
    background-color: var(--item-bg);
    border-radius: 12px
}

.preloader-page__slide-item:first-child {
    display: flex
}

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

.preloader-page__slider-item {
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: var(--item-bg-double)
}

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

.preloader-page__banners {
    display: none
}

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

.preloader-page__banner {
    min-width: 272px;
    max-width: 272px;
    height: 80px;
    border-radius: 16px;
    background-color: var(--item-bg)
}

.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: 67px;
    height: 32px;
    border-radius: 12px;
    background-color: var(--item-bg)
}

.preloader-page__games-nav-item:first-child {
    width: 198px;
    height: 28px
}

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

.preloader-page__game {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden
}

.preloader-page__game-item {
    min-width: 74px;
    width: 100%;
    height: 92px;
    background-color: var(--item-bg);
    border-radius: 12px
}

@media(min-width:640px) {
    .preloader-page__header {
        padding: 16px 32px;
        margin-bottom: 0
    }

    .preloader-page__logo {
        display: flex;
        width: 116px;
        height: 48px
    }

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

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

    .preloader-page__info-block {
        width: 159px;
        height: 48px;
        border-radius: 16px
    }

    .preloader-page__main {
        padding: 0 32px 22px;
        gap: 40px
    }

    .preloader-page__slider {
        gap: 24px
    }

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

    .preloader-page__slide-item {
        display: flex;
        min-width: 529px;
        height: 312px
    }

    .preloader-page__slide-item:last-child {
        display: none
    }

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

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

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

    .preloader-page__banners {
        display: flex
    }

    .preloader-page__card {
        display: flex;
        align-items: center;
        gap: 40px;
        overflow: hidden;
        padding: 6px 0 6px 6px
    }

    .preloader-page__card-item {
        display: flex;
        gap: 10px
    }

    .preloader-page__card-item-row {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .preloader-page__card-item-image {
        width: 120px;
        height: 120px;
        border-radius: 16px;
        background-color: var(--item-bg)
    }

    .preloader-page__card-item-block {
        width: 200px;
        height: 64px;
        border-radius: 16px;
        background-color: var(--item-bg)
    }

    .preloader-page__card-item-btn {
        width: 79px;
        height: 36px;
        border-radius: 12px;
        background-color: var(--item-bg)
    }

    .preloader-page__banners-slider {
        display: none
    }

    .preloader-page__games {
        gap: 24px
    }

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

    .preloader-page__games-nav-item:first-child {
        width: 286px;
        height: 32px;
        border-radius: 16px
    }

    .preloader-page__games-content {
        display: none
    }

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

    .preloader-page__game-item {
        min-width: 122px;
        height: 152px
    }

    .preloader-page__game-item:first-child {
        min-width: 249px
    }
}

@media(min-width:1140px) {
    .preloader-page__aside {
        display: flex;
        flex-direction: column;
        position: absolute;
        left: 0;
        padding: 20px 8px
    }

    .preloader-page__aside-burger {
        display: flex;
        padding: 18px
    }

    .preloader-page__burger-icon {
        display: flex;
        width: 24px;
        height: 20px;
        margin: 6px 4px
    }

    .preloader-page__aside-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 -8px
    }

    .preloader-page__aside-item {
        width: 32px;
        height: 32px;
        margin: 12px 18px 32px;
        border-radius: 12px;
        background-color: var(--item-bg)
    }

    .preloader-page__aside-divider {
        width: 100%;
        height: 1px;
        background-color: var(--item-bg);
        margin: 8px 0
    }

    .preloader-page__container {
        padding-left: 84px
    }

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

    .preloader-page__search {
        display: flex;
        align-items: center;
        padding: 12px 99px 12px 16px;
        width: 291px;
        gap: 16px;
        background-color: var(--item-bg);
        border-radius: 20px;
        margin-left: 68px
    }

    .preloader-page__search-icon {
        width: 19px;
        height: 19px
    }

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

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

    .preloader-page__info-circle:last-child {
        width: 229px;
        border-radius: 20px
    }

    .preloader-page__main {
        padding: 0 32px
    }

    .preloader-page__slider {
        gap: 32px
    }

    .preloader-page__slide-item {
        min-width: 700px;
        height: 388px
    }

    .preloader-page__slider-pagination {
        margin-bottom: 16px
    }

    .preloader-page__card {
        padding: 10px 0 10px 10px;
        gap: 75px
    }

    .preloader-page__card-item {
        gap: 16px
    }

    .preloader-page__card-item-image {
        width: 142px;
        height: 142px;
        border-radius: 20px
    }

    .preloader-page__card-item-block {
        width: 225px;
        height: 74px
    }

    .preloader-page__card-item-btn {
        width: 93px;
        height: 48px;
        border-radius: 16px
    }

    .preloader-page__game {
        gap: 20px
    }

    .preloader-page__games-nav-item {
        width: 167px;
        height: 48px;
        border-radius: 16px
    }

    .preloader-page__games-nav-item:first-child {
        width: 286px;
        height: 36px
    }

    .preloader-page__game-item {
        min-width: 186px;
        height: 232px;
        border-radius: 20px
    }

    .preloader-page__game-item:first-child {
        min-width: 375px
    }

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

@media(min-width:1628px) {
    .preloader-page__aside {
        padding: 32px 24px 137px
    }

    .preloader-page__aside-burger,
    .preloader-page__aside-list {
        display: none
    }

    .preloader-page__aside-row {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 0 -24px
    }

    .preloader-page__aside-block {
        padding: 0 24px
    }

    .preloader-page__aside-block-list {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 0
    }

    .preloader-page__aside-block-item {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background-color: var(--item-bg)
    }

    .preloader-page__aside-block-item:nth-child(2) {
        width: 61px;
        height: 24px
    }

    .preloader-page__aside-block-item:nth-child(3) {
        width: 25px;
        height: 20px;
        margin-left: 82px
    }

    .preloader-page__aside-divider {
        margin: 0 auto
    }

    .preloader-page__aside-lines {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-top: 28px
    }

    .preloader-page__aside-lines-item {
        width: 208px;
        height: 20px;
        border-radius: 8px;
        background-color: var(--item-bg)
    }

    .preloader-page__aside-social {
        display: flex;
        gap: 8px;
        margin-top: 28px
    }

    .preloader-page__aside-social-item {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background-color: var(--item-bg)
    }

    .preloader-page__aside-app {
        display: flex;
        gap: 8px;
        margin-top: 28px
    }

    .preloader-page__aside-app-item {
        width: 100px;
        height: 40px;
        border-radius: 8px;
        background-color: var(--item-bg)
    }

    .preloader-page__container {
        padding-left: 256px
    }

    .preloader-page__header {
        padding: 22px 74px
    }

    .preloader-page__logo {
        width: 144px;
        height: 60px
    }

    .preloader-page__search {
        padding: 18px 252px 18px 16px;
        width: 444px;
        border-radius: 24px
    }

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

    .preloader-page__info-circle:last-child {
        width: 258px;
        height: 64px;
        border-radius: 24px
    }

    .preloader-page__info-block {
        width: 214px;
        height: 64px;
        border-radius: 50px 38px 38px 50px
    }

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

    .preloader-page__slide {
        gap: 22px
    }

    .preloader-page__slide-item {
        min-width: 794px;
        height: 440px;
        border-radius: 24px
    }

    .preloader-page__slider-pagination {
        margin-bottom: 17px
    }

    .preloader-page__card-item-image,
    .preloader-page__game-item {
        border-radius: 22px
    }
}

.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: .6;
    animation: blickPreloader 2s ease-in-out infinite
}

.dark .preloader-page__animation:before {
    opacity: .05;
    background: linear-gradient(89deg, hsla(0, 0%, 100%, 0) .58%, #fff 49.44%, hsla(0, 0%, 100%, 0) 93.1%)
}

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

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

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

.payment-balance-freespins-item .payment-balance-header__title-status .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(--black-500-p-50);
    background-image: none
}

@media(min-width:640px) {
    .custom-modal {
        display: flex;
        justify-content: center;
        padding-top: 52px;
        background-color: var(--black-500-p-50);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }
}

@media(min-width:640px)and (max-width:1139px)and (orientation:landscape) {
    .custom-modal:not(.bottom-sheet .custom-modal, .custom-modal.custom-modal--game-info) {
        padding-top: 5vh;
        padding-bottom: 5vh
    }
}

@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(--white)
    }

    .dark .bottom-sheet--bonus-modal .custom-modal,
    .dark .bottom-sheet--payment-balance-cancel-popup .custom-modal,
    .dark .bottom-sheet--promo-code .custom-modal {
        background-color: var(--blue-dark-400)
    }
}

@media(min-width:1140px) {

    .custom-modal--balance,
    .custom-modal--cashout,
    .custom-modal--deposit,
    .custom-modal--missing-data,
    .custom-modal--payment-iframe {
        padding-top: 87px
    }
}

@media(max-width:1139px) {

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

    .dark .custom-modal--account-temporarily-blocked,
    .dark .custom-modal--licence,
    .dark .custom-modal--login-denied,
    .dark .custom-modal--one-time-password,
    .dark .custom-modal--patch-profile,
    .dark .custom-modal--users-password-edit,
    .dark .custom-modal--users-unlock {
        background-color: var(--blue-dark-400)
    }
}

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

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

@media(min-width:1140px) {

    .custom-modal--account-temporarily-blocked,
    .custom-modal--licence,
    .custom-modal--login-denied,
    .custom-modal--one-time-password,
    .custom-modal--patch-profile,
    .custom-modal--users-password-edit,
    .custom-modal--users-unlock {
        padding-top: 12.1vh
    }
}

.custom-modal--game-info {
    background-color: var(--white);
    top: 60px;
    padding: 0
}

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

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

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

.custom-modal__close-wr {
    position: absolute;
    right: -12px;
    top: 0;
    transform: translateX(100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: var(--gray-shadow);
    cursor: pointer
}

.no-touch .custom-modal__close-wr:hover {
    background-color: var(--orange-500)
}

.custom-modal__close {
    width: 14px;
    height: auto;
    color: var(--gray-500)
}

@media(max-width:1139px) {
    .dark .custom-modal__close {
        color: var(--white)
    }
}

.no-touch .custom-modal__close-wr:hover .custom-modal__close,
.no-touch .payment__close:hover .custom-modal__close {
    color: var(--white)
}

.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--payment-iframe .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(--white);
        height: 100%
    }

    .dark .custom-modal--registration .custom-modal__inner-wr,
    .dark .custom-modal--signin .custom-modal__inner-wr {
        background-color: var(--blue-dark-400)
    }
}

@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(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
    }
}

@media(min-width:640px) {

    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,
    .custom-modal--bonus-modal .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,
    .custom-modal__inner-wr .custom-modal--payment-iframe {
        align-items: flex-start
    }
}

@media(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,
    .custom-modal__inner-wr .custom-modal--payment-iframe {
        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--balance .custom-modal__inner,
.custom-modal--cashout .custom-modal__inner,
.custom-modal--deposit .custom-modal__inner,
.custom-modal__inner .custom-modal--payment-iframe {
    width: 100%
}

@media(max-width:1139px) {

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

.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 {
        position: static;
        background: transparent;
        padding-top: 0
    }
}

@media(min-width:1140px) {
    .custom-modal--default-modal {
        padding: 5vh 0
    }
}

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

.custom-modal--adult-modal {
    z-index: 10036
}

@media(max-width:712px) {
    .custom-modal--adult-modal {
        margin-top: 52px;
        padding-top: 0;
        background-color: #312d2b
    }
}

.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.custom-modal--bonus-info {
    background: rgba(33, 30, 28, .77);
    padding: 0
}

@media(max-width:712px) {
    .custom-modal.custom-modal--bonus-info {
        z-index: 25
    }
}

.custom-modal.custom-modal--bonus-info .custom-modal__inner {
    display: flex;
    width: 100%
}

@media(max-width:959px) {
    .custom-modal.custom-modal--bonus-info .custom-modal__inner {
        background: #35302b
    }
}

.custom-modal.custom-modal--bonus-info .bonus-modal__cols-inner-2 {
    width: 655px !important;
    background: #312d2b;
    border-radius: 10px;
    box-shadow: 0 26px 20px -5px rgba(0, 0, 0, .5);
    margin: auto;
    margin-top: 120px;
    margin-bottom: 35px;
    position: relative
}

@media(max-width:1280px) {
    .custom-modal.custom-modal--bonus-info .bonus-modal__cols-inner-2 {
        margin-top: 80px
    }
}

@media(max-width:712px) {
    .custom-modal.custom-modal--bonus-info .bonus-modal__cols-inner-2 {
        width: 100% !important;
        margin: 50px 0;
        border-radius: 0
    }
}

@media(max-width:712px) {
    .custom-modal.custom-modal--bonus-info {
        padding: 0
    }

    .custom-modal.custom-modal--bonus-info .custom-modal__inner-wr {
        height: 100%
    }

    .custom-modal.custom-modal--bonus-info .custom-modal__inner {
        width: 100%
    }
}

.custom-modal--balance,
.custom-modal--cashout,
.custom-modal--deposit,
.custom-modal--favorites,
.custom-modal--history-operations,
.custom-modal--payment-iframe,
.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--payment-iframe .custom-modal__inner,
.custom-modal--verification-details .custom-modal__inner {
    display: flex
}

.custom-modal--show-all-modal {
    background-color: #211e1c;
    padding: 0;
    z-index: 100 !important
}

@media(max-width:712px) {
    .custom-modal--show-all-modal {
        padding-top: 50px
    }
}

@media(min-width:713px)and (max-width:1280px) {
    .custom-modal--show-all-modal {
        padding-top: 50px
    }
}

@media(min-width:1281px) {
    .custom-modal--show-all-modal {
        top: 60px
    }
}

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

.custom-modal--cancelled-bonus-amount {
    padding-top: 0
}

@media(max-width:639px) {
    .custom-modal--cancelled-bonus-amount {
        background-color: var(--white)
    }

    .dark .custom-modal--cancelled-bonus-amount {
        background: var(--blue-dark-400)
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .custom-modal--cancelled-bonus-amount {
        background-color: var(--white)
    }

    .dark .custom-modal--cancelled-bonus-amount {
        background: var(--blue-dark-400)
    }
}

@media(max-width:1139px) {
    .custom-modal--cancelled-bonus-amount {
        position: static
    }
}

@media(min-width:1140px) {
    .custom-modal--cancelled-bonus-amount {
        padding-top: 120px
    }
}

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

    .dark .custom-modal--cashout-alert {
        background: var(--blue-dark-400)
    }
}

@media(max-width:1139px) {

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

.bottom-sheet--account-temporarily-blocked .custom-modal--account-temporarily-blocked,
.bottom-sheet--account-temporarily-blocked .custom-modal--account_temporarily_blocked_by_phone,
.bottom-sheet--account_temporarily_blocked_by_phone .custom-modal--account-temporarily-blocked,
.bottom-sheet--account_temporarily_blocked_by_phone .custom-modal--account_temporarily_blocked_by_phone {
    padding: 0;
    position: static;
    background: none
}

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

.custom-modal--account-temporarily-blocked .default-modal__header,
.custom-modal--account_temporarily_blocked_by_phone .default-modal__header {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--black-500);
    text-align: center;
    margin-bottom: 24px
}

.dark .custom-modal--account-temporarily-blocked .default-modal__header,
.dark .custom-modal--account_temporarily_blocked_by_phone .default-modal__header {
    color: var(--white)
}

.custom-modal--account-temporarily-blocked .default-modal__desc,
.custom-modal--account_temporarily_blocked_by_phone .default-modal__desc {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-align: center
}

@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: 400px;
        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
    }

    .custom-modal--account-temporarily-blocked .default-modal__header,
    .custom-modal--account_temporarily_blocked_by_phone .default-modal__header {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 28px;
        padding-top: 0
    }

    .custom-modal--account-temporarily-blocked .default-modal__desc,
    .custom-modal--account_temporarily_blocked_by_phone .default-modal__desc {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 28px
    }
}

@media(max-width:1139px) {

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

.custom-modal--payment-iframe {
    padding-top: 64px
}

@media(max-width:1139px) {
    .game-info .custom-modal--payment-iframe {
        z-index: 10034
    }
}

.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 .3s ease
}

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

.bottom-sheet.opened>.bottom-sheet__backdrop {
    animation: show .3s ease;
    opacity: 1;
    visibility: visible;
    background-color: var(--black-500-p-50) !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 {
    z-index: 10034
}

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

@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 24px
}

.bottom-sheet--deposit-bonus .bottom-sheet__content,
.bottom-sheet--filters .bottom-sheet__content,
.bottom-sheet--menu-burger .bottom-sheet__content,
.bottom-sheet--profile .bottom-sheet__content,
.deposit-bonus__promocode .bottom-sheet__content,
.games-sort-page .bottom-sheet__content,
.providers .bottom-sheet__content {
    padding: 0
}

.bottom-sheet__content>div:first-child {
    padding-bottom: 24px
}

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

.bottom-sheet--country-select .bottom-sheet__content>div:first-child,
.bottom-sheet--deposit-bonus .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--search .bottom-sheet__content {
    margin: 0 -24px
}

@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::-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__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: 64px;
    background: var(--blue-dark-500-gradient)
}

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

.dark .bottom-sheet__card {
    background: var(--blue-dark-400)
}

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

.game-page .custom-modal--missing-data .date-picker .bottom-sheet__card,
.sport-page .custom-modal--missing-data .date-picker .bottom-sheet__card {
    height: auto !important
}

.bottom-sheet--bonuses-list .bottom-sheet__card {
    background-color: var(--blue-dark-500);
    overflow: hidden
}

.bottom-sheet--bonuses-list .bottom-sheet__card:before {
    content: "";
    position: absolute;
    top: -78px;
    right: -88px;
    width: 357px;
    height: 357px;
    border-radius: 357px;
    background: radial-gradient(50% 50% at 50% 50%, #081f54 0, rgba(8, 31, 84, 0) 100%)
}

.bottom-sheet--many-pending-documents .bottom-sheet__card:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 170px;
    height: 110px;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    background-size: cover;
    bottom: 100%
}

.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;
    border-radius: 1px;
    background-color: var(--gray-500-p-20)
}

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

.bottom-sheet--bonuses-list .bottom-sheet__bar,
.dark .bottom-sheet__bar {
    background-color: var(--blue-500-p-30)
}

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

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes hide {
    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,
.bottom-sheet--one-time-password .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,
.bottom-sheet--one-time-password .bottom-sheet__content,
.bottom-sheet--one-time-password .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
    }
}

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

@media(max-width:712px) {
    .spinner {
        width: 16px;
        height: 16px
    }
}

.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--white .spinner__path,
.input-field__file-hint-text--load .spinner__path,
.main-preloader .spinner__path,
.main-preloader__inner .spinner__path,
.spinner__path .btn--bordered {
    stroke: var(--orange-500)
}

@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(--orange-500);
    color: var(--white);
    border: none;
    padding: 12px 24px;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 16px;
    justify-content: center;
    transition: all .2s ease-out
}

.promo-slider__item .btn {
    height: 36px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 12px
}

@media(min-width:640px) {
    .promo-slider__item .btn {
        height: 48px;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        border-radius: 16px
    }
}

.no-touch .btn:hover {
    background-color: var(--orange-300)
}

.no-touch .btn:hover.disabled,
.no-touch .btn:hover[disabled] {
    background-color: var(--gray-500-p-20)
}

.btn:active {
    background: var(--orange-300)
}

.btn.disabled,
.btn[disabled] {
    background-color: var(--gray-500-p-30);
    pointer-events: none
}

.dark .btn.disabled,
.dark .btn[disabled] {
    background-color: var(--white-p-20);
    color: var(--white-p-60)
}

.btn.btn--spinner:disabled {
    background-color: var(--orange-500)
}

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

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

.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: 18px 36px;
    height: 60px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 24px
}

.btn--size-sm {
    padding: 8px 20px;
    height: 36px;
    font-size: 14px
}

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

.btn--size-xs {
    padding: 6px 16px;
    height: 32px;
    font-size: 12px
}

.no-touch .btn--shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.no-touch .btn--shadow:hover:disabled,
.no-touch .btn--shadow:hover[disabled] {
    box-shadow: none
}

.btn--shadow:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.btn--white,
.no-touch .btn--white:hover {
    background-color: var(--white);
    color: var(--orange-500)
}

.no-touch .btn--white:hover.disabled,
.no-touch .btn--white:hover[disabled] {
    color: var(--gray-400)
}

.btn--white:active {
    background-color: var(--white);
    color: var(--orange-500)
}

.btn--white.disabled,
.btn--white[disabled],
.dark .btn--white.disabled,
.dark .btn--white[disabled] {
    background-color: var(--white);
    color: var(--gray-400)
}

.btn--secondary {
    border: 1px solid transparent;
    background-color: var(--orange-500-p-10);
    color: var(--orange-500)
}

.btn--secondary.btn--arrow.btn--spinner {
    background-color: var(--orange-500)
}

.dark .btn--secondary.btn--arrow.btn--spinner {
    background-color: transparent
}

.no-touch .btn--secondary:hover {
    background-color: var(--orange-500-p-20);
    color: var(--orange-500)
}

.dark .no-touch .btn--secondary:hover,
.no-touch .btn--secondary:hover.btn--spinner {
    background-color: var(--orange-500-p-10)
}

.dark .no-touch .btn--secondary:hover {
    color: var(--white)
}

.no-touch .btn--secondary.btn--arrow:hover {
    background-color: var(--orange-500);
    color: var(--white)
}

.no-touch .btn--secondary.btn--arrow:hover.btn--spinner {
    background-color: var(--orange-500-p-10)
}

.no-touch .btn--secondary.btn--arrow:hover.disabled,
.no-touch .btn--secondary.btn--arrow:hover[disabled] {
    color: var(--gray-400);
    background-color: var(--gray-500-p-08)
}

.dark .no-touch .btn--secondary.btn--arrow:hover {
    background-color: transparent
}

.btn--secondary:active {
    background-color: var(--orange-500-p-20);
    color: var(--orange-500)
}

.btn--secondary.disabled,
.btn--secondary[disabled] {
    color: var(--gray-400);
    background-color: var(--gray-500-p-08)
}

.dark .btn--secondary.disabled,
.dark .btn--secondary[disabled] {
    background-color: transparent;
    border-color: var(--white-p-30);
    color: var(--white-p-30)
}

.btn--secondary.btn--spinner:disabled {
    background-color: var(--orange-500-p-10)
}

.btn--secondary.btn--spinner:not(.btn--secondary.btn--arrow) .spinner__path {
    stroke: var(--orange-500)
}

.dark .btn--secondary.btn--spinner:not(.btn--secondary.btn--arrow) .spinner__path {
    stroke: var(--white)
}

.dark .btn--secondary {
    border-color: var(--orange-500)
}

.btn--bordered,
.dark .btn--secondary {
    background-color: transparent;
    color: var(--white)
}

.btn--bordered {
    border: 1px solid var(--orange-500)
}

.no-touch .btn--bordered:hover {
    background-color: var(--orange-500-p-10);
    color: var(--white)
}

.no-touch .btn--bordered:hover.btn--spinner {
    background-color: transparent
}

.no-touch .btn--bordered:hover.disabled,
.no-touch .btn--bordered:hover[disabled] {
    border-color: var(--white-p-30);
    color: var(--white-p-30)
}

.no-touch .btn--bordered.btn--arrow:hover {
    background-color: transparent
}

.btn--bordered:active {
    background-color: var(--orange-500-p-10);
    color: var(--white)
}

.btn--bordered.disabled,
.btn--bordered[disabled] {
    border-color: var(--white-p-30);
    color: var(--white-p-30)
}

.btn--icon {
    gap: 10px
}

.promocode-form .btn--icon {
    gap: 0;
    padding: 14px 16px;
    width: 48px;
    height: 48px
}

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

.btn--full {
    width: 100%
}

.btn--arrow .btn__icon {
    width: 0;
    margin-left: 0;
    transition-property: width, margin-left, margin-right;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.no-touch .btn--arrow:hover .btn__icon {
    width: 17px;
    height: 12px;
    margin-left: 10px
}

.promocode-form .btn__icon {
    width: 16px;
    height: auto
}

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

@media(max-width:1139px) {
    .btn__icon--plus {
        width: 18px;
        height: 18px
    }
}

.btn--spinner {
    cursor: default
}

.btn--log-in {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 16px;
    height: 36px;
    border-radius: 12px;
    background-color: transparent;
    color: var(--black-500)
}

.no-touch .btn--log-in:hover {
    background-color: var(--gray-500-p-08);
    color: var(--black-500)
}

.dark .no-touch .btn--log-in:hover {
    color: var(--white)
}

.btn--log-in:active {
    background-color: var(--gray-500-p-08);
    color: var(--black-500)
}

.dark .btn--log-in {
    color: var(--white)
}

@media(min-width:640px)and (max-width:1627px) {
    .btn--log-in {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        height: 48px;
        padding: 12px 28px;
        border-radius: 16px
    }
}

@media(min-width:1628px) {
    .btn--log-in {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        padding: 18px 36px;
        height: 60px;
        border-radius: 24px
    }

    .play__top-bar-btns .btn--log-in {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        height: 48px;
        padding: 12px 24px;
        border-radius: 16px
    }
}

.btn--sign-up {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 16px;
    height: 36px;
    border-radius: 12px;
    overflow: hidden
}

.btn--sign-up:before {
    content: "";
    width: 50%;
    height: 300%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .4;
    background: var(--oragne-linear-gradient);
    animation: blickBtn 4s ease-in-out infinite
}

.user-top__deposit .btn--sign-up:before {
    opacity: 0
}

@keyframes blickBtn {
    0% {
        transform: translate(-200%, -25%) rotate(20deg)
    }

    20% {
        transform: translate(250%, -25%) rotate(20deg)
    }

    to {
        transform: translate(250%, -25%) rotate(20deg)
    }
}

.no-touch .btn--sign-up:hover {
    background-color: var(--orange-300);
    box-shadow: var(--gray-hover-button-shadow);
    animation: none
}

.no-touch .btn--sign-up:hover:before {
    content: none
}

@media(min-width:640px)and (max-width:1627px) {
    .btn--sign-up {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        height: 48px;
        padding: 12px 24px;
        border-radius: 16px
    }
}

@media(min-width:1628px) {
    .btn--sign-up {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        padding: 18px 36px;
        height: 60px;
        border-radius: 24px
    }

    .play__top-bar-btns .btn--sign-up {
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        height: 48px;
        padding: 12px 24px;
        border-radius: 16px
    }
}

.btn--circle {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    padding: 0
}

@media(min-width:1140px) {
    .btn--circle {
        width: 44px;
        height: 44px
    }
}

.no-touch .btn--circle:hover {
    background-color: var(--orange-500);
    color: var(--white)
}

.games-jackpot .btn--arrow {
    color: var(--white);
    background: var(--orange-500);
    font-weight: 600
}

@media(min-width:1140px) {
    .games-jackpot .btn--arrow {
        font-weight: 700
    }
}

.dark .no-touch .games-jackpot .btn--arrow:hover,
.no-touch .games-jackpot .btn--arrow:hover {
    background-color: var(--orange-500)
}

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

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

.converter-game__text {
    display: none
}

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

.converter-game__item {
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    padding: 6px 12px 6px 8px;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--gray-500-p-08);
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .2s ease-out
}

.converter-game__item.active {
    background-color: var(--white);
    color: var(--gray-500);
    border-color: var(--orange-500)
}

.converter-game__item-icon {
    width: 24px;
    height: auto
}

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

.converter-input {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 16px;
    background-color: var(--white);
    cursor: pointer;
    border: 2px solid var(--gray-500-p-40);
    transition: all .2s ease-out
}

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

.dark .converter-input {
    background-color: var(--blue-dark-500);
    border-color: var(--blue-dark-500)
}

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

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

.converter-modal .converter-input {
    margin-bottom: 24px
}

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

.dark .payment-area .converter-input:not(.open),
.dark .payment-providers-list .converter-input:not(.open) {
    background-color: var(--blue-dark-500);
    border-color: var(--blue-dark-500)
}

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

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

.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 {
    padding: 10px 20px
}

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

@media(min-width:640px) {
    .converter-input.open {
        padding: 0;
        border: none;
        margin-bottom: 20px
    }
}

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

.converter-input__name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500)
}

.dark .converter-input__name {
    color: var(--white)
}

.active .converter-input__name {
    color: var(--gray-500)
}

.dark .active .converter-input__name {
    color: var(--white)
}

.pointer-none .converter-input__name {
    color: var(--gray-500)
}

.dark .pointer-none .converter-input__name {
    color: var(--white)
}

@media(min-width:640px) {
    .open .converter-input__name {
        color: var(--orange-500)
    }
}

.converter-input__info {
    padding-left: 10px;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--gray-500-p-20);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

.dark .converter-input__info {
    border-color: var(--white-p-30)
}

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

@media(min-width:640px) {
    .open .converter-input__info {
        min-width: 93px;
        padding-left: 12px
    }
}

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

.dark .converter-input__info-logo {
    background-color: var(--orange-500)
}

.converter-input__info-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-right: 10px;
    text-transform: uppercase;
    color: var(--gray-500)
}

.dark .converter-input__info-name {
    color: var(--white)
}

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

@media(min-width:640px) {
    .open .converter-input__info-name {
        font-weight: 500;
        color: var(--orange-500)
    }
}

.converter-input__info-icon {
    width: 7px;
    height: 12px;
    transform: rotate(90deg)
}

.converter-modal .converter-input__info-icon,
.open .converter-input__info-icon {
    transform: rotate(0)
}

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

@media(min-width:640px) {
    .open .converter-input__info-icon {
        transform: rotate(-90deg);
        margin-left: 8px
    }
}

.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;
        padding: 12px 20px;
        border-radius: 16px;
        background-color: var(--white);
        box-shadow: var(--drop-down-shadow);
        z-index: 2
    }

    .dark .converter-modal {
        background-color: var(--blue-dark-500)
    }

    .payment__balance .converter-modal {
        top: -24px !important
    }
}

@media(min-width:1140px) {
    .converter-modal {
        top: 0 !important
    }

    .payment__balance .converter-modal {
        top: -24px !important
    }
}

.converter-modal__title {
    font-size: 18px;
    line-height: 24px;
    color: var(--black-500);
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 24px
}

@media(min-width:640px) {
    .converter-modal__title {
        font-size: 10px;
        line-height: 16px;
        color: var(--gray-400);
        margin-top: 0;
        margin-bottom: 4px;
        text-transform: uppercase
    }
}

.dark .converter-modal__title {
    color: var(--white)
}

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

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

.converter-list__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 16px;
    color: var(--gray-500)
}

.dark .converter-list__title {
    color: var(--white)
}

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

.converter-list__item {
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    padding: 6px 12px 6px 8px;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--gray-500-p-08);
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .2s ease-out
}

.dark .converter-list__item {
    background-color: var(--blue-500-p-10)
}

.converter-list__item.active {
    background-color: var(--white);
    color: var(--gray-500);
    border-color: var(--orange-500)
}

.dark .converter-list__item.active {
    background-color: transparent;
    color: var(--white);
    border-color: var(--orange-500)
}

.converter-list__item-icon {
    width: 24px;
    height: auto
}

.converter-list__item-name,
.converter-list__item-symbol {
    min-width: 80px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media(min-width:640px) {

    .converter-list__item-name,
    .converter-list__item-symbol {
        min-width: 116px
    }
}

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

.accounts-list__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    color: var(--black-500)
}

@media(min-width:640px) {
    .accounts-list__title {
        font-size: 10px;
        line-height: 16px;
        font-weight: 700;
        color: var(--gray-400);
        text-transform: uppercase
    }
}

.dark .accounts-list__title {
    color: var(--white)
}

.accounts-list__scroll-wr {
    margin-bottom: 24px
}

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

.accounts-list__scroll {
    max-height: 168px
}

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

.accounts-list__ul {
    margin-right: 0
}

.accounts-list__li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 12px;
    border: 2px solid var(--gray-500-p-40);
    border-radius: 16px;
    background-color: var(--white);
    cursor: pointer;
    transition: all .2s ease-out
}

.dark .accounts-list__li {
    background-color: transparent
}

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

@media(min-width:640px) {
    .open .accounts-list__li {
        padding: 8px 0;
        border: none;
        border-radius: 0
    }

    .open .accounts-list__li:first-child {
        padding-top: 0
    }
}

.accounts-list__li-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: var(--gray-500)
}

.dark .accounts-list__li-text {
    color: var(--white)
}

@media(min-width:640px) {
    .accounts-list__li-text {
        min-width: 40px
    }
}

.accounts-list__li-right {
    display: flex;
    align-items: center;
    padding-left: 8px;
    margin-left: 8px;
    border-left: 1px solid var(--gray-500-p-20)
}

.dark .accounts-list__li-right {
    border-color: var(--white-p-30)
}

@media(min-width:640px) {
    .open .accounts-list__li-right {
        min-width: 93px;
        padding-left: 12px
    }
}

.accounts-list__li-img {
    width: 24px;
    height: auto;
    margin-right: 8px;
    border-radius: 50%;
    background-color: var(--gray-500)
}

.dark .accounts-list__li-img {
    background-color: var(--orange-500)
}

.accounts-list__btn {
    width: 100%;
    background-color: var(--orange-500-p-10);
    color: var(--orange-500)
}

.no-touch .accounts-list__btn:hover {
    background-color: var(--orange-500-p-20);
    color: var(--orange-500)
}

.no-touch .accounts-list__btn:hover.btn--spinner {
    background-color: var(--orange-500-p-10)
}

.accounts-list__btn:active {
    background-color: var(--orange-500-p-20);
    color: var(--orange-500)
}

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

.dark .accounts-list__btn {
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--orange-500)
}

.dark .accounts-list__btn:hover {
    background-color: var(--orange-500-p-10);
    color: var(--white)
}

.dark .accounts-list__btn:hover.btn--spinner {
    background-color: transparent
}

.dark .accounts-list__btn:hover.disabled,
.dark .accounts-list__btn:hover[disabled] {
    border-color: var(--white-p-30);
    color: var(--white-p-30)
}

@media(min-width:640px) {
    .accounts-list__btn {
        padding: 8px 20px;
        height: 36px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        border-radius: 12px
    }
}

.accounts-list__btn-ic {
    display: none
}

.active-account {
    position: relative
}

.player-account-select__title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--gray-500)
}

.dark .player-account-select__title {
    color: var(--white)
}

@media(min-width:640px) {
    .player-account-select__title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

@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: 36px;
    height: 36px;
    margin: 10px auto;
    border-radius: 50%;
    background-color: var(--gray-500-p-08)
}

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

@media(min-width:640px)and (max-width:1139px) {
    .player-account-select__exchange {
        width: 32px;
        height: 32px;
        margin: 30px -8px 0;
        background-color: #eff0f2;
        transform: rotate(90deg) scaleX(-1);
        box-shadow: var(--gray-hover-button-shadow);
        z-index: 1
    }
}

@media(min-width:1140px) {
    .player-account-select__exchange {
        width: 32px;
        height: 32px;
        margin: 30px 12px 0;
        transform: rotate(90deg);
        background-color: transparent
    }
}

.player-account-select__exchange-icon {
    width: 17px;
    height: 23px;
    color: var(--gray-500)
}

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

.panel-account__active-account-hint-wr {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid var(--gray-500-p-20)
}

.dark .panel-account__active-account-hint-wr {
    border-color: var(--white-p-20)
}

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

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

.dark .panel-account__active-account-hint-text {
    color: var(--white)
}

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

.panel-account__active-account-hint-sum {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-left: auto;
    color: var(--orange-500)
}

.player-account-select__checkbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    margin-top: 8px;
    border-radius: 16px;
    background-color: var(--gray-500-p-6)
}

@media(min-width:640px) {
    .player-account-select__checkbox {
        margin-top: 16px
    }
}

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

.player-account-select__checkbox-icon {
    width: 24px;
    height: 24px;
    color: var(--green-500)
}

@media(min-width:640px) {
    .add-account-modal__inner {
        position: fixed;
        width: 100%;
        max-width: 424px;
        padding: 40px;
        top: 120px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 32px;
        background-color: var(--white);
        z-index: 10000
    }

    .dark .add-account-modal__inner {
        background-color: var(--blue-dark-400)
    }

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

.add-account-modal .converter-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black-500-p-50);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1
}

.payment__content .converter-modal-overlay {
    z-index: 9999
}

.add-account-modal__close {
    padding: 5px;
    position: absolute;
    right: -12px;
    top: 0;
    transform: translateX(100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: var(--gray-shadow);
    cursor: pointer
}

.no-touch .add-account-modal__close:hover svg {
    color: var(--white)
}

.no-touch .add-account-modal__close:hover {
    background-color: var(--orange-500)
}

.add-account-modal__close-ic {
    width: 14px;
    height: auto;
    color: var(--gray-500)
}

.add-account-modal__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 24px
}

@media(min-width:640px) {
    .add-account-modal__title {
        font-size: 24px;
        line-height: 32px
    }
}

.add-account-modal__confirm {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 24px 24px
}

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

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

.add-account-modal__confirm-btns {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%
}

.add-account-modal__confirm-btn {
    flex: 1
}

.add-account-modal__confirm-btn:last-child {
    background-color: var(--orange-500-p-10);
    color: var(--orange-500)
}

.no-touch .add-account-modal__confirm-btn:last-child:hover {
    background-color: var(--orange-500-p-20);
    color: var(--orange-500)
}

.no-touch .add-account-modal__confirm-btn:last-child:hover.btn--spinner {
    background-color: var(--orange-500-p-10)
}

.dark .add-account-modal__confirm-btn:last-child {
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--orange-500)
}

.dark .add-account-modal__confirm-btn:last-child:hover {
    background-color: var(--orange-500-p-10);
    color: var(--white)
}

.dark .add-account-modal__confirm-btn:last-child:hover.btn--spinner {
    background-color: transparent
}

.dark .add-account-modal__confirm-btn:last-child:hover.disabled,
.dark .add-account-modal__confirm-btn:last-child:hover[disabled] {
    border-color: var(--white-p-30);
    color: var(--white-p-30)
}

.add-account-modal__confirm-btn:last-child:active {
    background-color: var(--orange-500-p-20);
    color: var(--orange-500)
}

.currency-list {
    display: flex
}

.currency-list__wrapper {
    padding-right: 0 !important
}

.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__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 186px
}

.currency-list__item {
    display: flex;
    align-items: center;
    flex: 0 0 calc(50% - 4px);
    padding: 6px 12px 6px 8px;
    gap: 4px;
    border-radius: 12px;
    background-color: var(--gray-500-p-08);
    border: 2px solid transparent;
    cursor: pointer;
    transition: all .2s ease-out
}

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

@media(min-width:1140px) {
    .currency-list__item {
        flex: 0 0 calc(50% - 4px)
    }
}

.currency-list__item--active {
    background-color: var(--white);
    color: var(--gray-500);
    border-color: var(--orange-500)
}

.currency-list__logo-wr {
    width: 24px;
    height: auto
}

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

@media(min-width:640px) {
    .currency-list__name {
        font-weight: 600
    }
}

@media(min-width:1140px) {
    .currency-list__name {
        min-width: 53px
    }
}

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

.menu-burger__link-inner {
    display: flex;
    align-items: center;
    padding: 10px 8px 10px 12px;
    border-radius: 16px;
    cursor: pointer
}

.menu-burger__custom-list--promo .menu-burger__link-inner {
    padding: 8px
}

.menu-burger__custom-list--info .menu-burger__link-inner {
    position: relative;
    padding: 0 0 0 12px
}

.menu-burger__custom-list--info .menu-burger__link-inner:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--gray-500)
}

.dark .menu-burger__custom-list--info .menu-burger__link-inner:before {
    background-color: var(--white-p-70)
}

.no-touch .menu-burger__custom-list--info .menu-burger__link-inner:hover:before {
    background-color: var(--orange-500)
}

.menu-burger__link-inner.active:not(.menu-burger__custom-list--info .menu-burger__link-inner, .menu-burger__submenu .menu-burger__link-inner),
.no-touch .menu-burger__link-inner:hover:not(.menu-burger__custom-list--info .menu-burger__link-inner) {
    background-color: var(--gray-500-p-6)
}

.dark .menu-burger__link-inner.active:not(.menu-burger__custom-list--info .menu-burger__link-inner, .menu-burger__submenu .menu-burger__link-inner),
.dark .no-touch .menu-burger__link-inner:hover:not(.menu-burger__custom-list--info .menu-burger__link-inner) {
    background-color: var(--blue-500-p-8)
}

.menu-burger__submenu .menu-burger__link-inner {
    padding: 14px 16px 14px 12px
}

.size-44 .menu-burger__submenu .menu-burger__link-inner {
    padding: 10px 16px 10px 12px
}

@media(max-width:639px) {
    .menu-burger__custom-list--info .menu-burger__submenu .menu-burger__link-inner {
        padding: 10px 16px 10px 12px
    }
}

.menu-burger__custom-list--info .menu-burger__submenu .menu-burger__link-inner:before {
    content: none
}

.menu-burger__custom-list--info .menu-burger__submenu .menu-burger__link-inner .menu-burger__link-text {
    color: var(--gray-500)
}

.dark .menu-burger__custom-list--info .menu-burger__submenu .menu-burger__link-inner .menu-burger__link-text {
    color: var(--white-p-70)
}

.no-touch .menu-burger__custom-list--info .menu-burger__submenu .menu-burger__link-inner .menu-burger__link-text:hover {
    color: var(--orange-500)
}

@media(min-width:1140px) {
    .menu-burger__link-inner {
        padding: 12px 8px 12px 12px
    }

    .menu-burger--small .menu-burger__link-inner {
        flex-direction: column;
        gap: 4px;
        padding: 12px 0
    }
}

.menu-burger__custom-list--info .menu-burger__link--submenu-open .menu-burger__link-inner:before {
    background-color: var(--orange-500)
}

.menu-burger__custom-list--info .menu-burger__link {
    display: flex;
    margin-bottom: 12px
}

.menu-burger__custom-list--info .menu-burger__link:last-child {
    margin-bottom: 0
}

.menu-burger--small .menu-burger__link--hide-small-link {
    display: none
}

.menu-burger__custom-list--info .menu-burger__submenu .menu-burger__link {
    margin-bottom: 0
}

.menu-burger__link-inner--active {
    background-color: var(--gray-500-p-6)
}

.dark .menu-burger__link-inner--active {
    background-color: var(--blue-500-p-8)
}

.menu-burger__custom-list--info .menu-burger__link-inner--active {
    background-color: transparent
}

.menu-burger__link-img--animate {
    position: relative
}

.menu-burger__link-icon-wr {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.menu-burger__submenu .menu-burger__link-icon-wr {
    margin-right: 8px
}

.menu-burger--small .menu-burger__link-icon-wr {
    width: 32px;
    height: 32px;
    margin-right: 0
}

.menu-burger__link-img--promo {
    width: 32px;
    height: 32px
}

.menu-burger__link-img-wr {
    margin-right: 8px;
    pointer-events: none
}

@media(min-width:1140px) {
    .menu-burger__link-img-wr {
        margin-right: 0
    }

    .menu-opened .menu-burger__link-img-wr,
    .page-profile .menu-burger__link-img-wr,
    .user-top__avatar .menu-burger__link-img-wr {
        margin-right: 8px
    }
}

.menu-burger__link-img {
    width: 32px;
    height: 32px
}

.menu-burger__link-img--animate.flex-center .menu-burger__link-img {
    width: 24px;
    height: 24px
}

.menu-burger__link-img--burger-slots.flex-center .menu-burger__link-img {
    width: 26px;
    height: 26px
}

.menu-burger__link-img--burger-favorite.flex-center .menu-burger__link-img {
    width: 30px;
    height: 30px;
    left: -5.5px;
    top: -7px
}

.menu-burger__link-img--animate .menu-burger__link-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.menu-burger--small .menu-burger__link-img--burger-favorite.flex-center .menu-burger__link-img {
    top: -6px;
    left: -5px
}

.menu-burger--small .menu-burger__link-img--burger-casino .menu-burger__link-img {
    width: 26px;
    height: 26px
}

.menu-burger--small .menu-burger__link-img--burger-slots.flex-center .menu-burger__link-img {
    width: 25.5px;
    height: 25.5px
}

.menu-burger--small .menu-burger__link-img--burger-providers .menu-burger__link-img,
.menu-burger--small .menu-burger__link-img--burger-sport .menu-burger__link-img {
    top: 1px;
    left: 1px
}

.menu-burger--small .menu-burger__link-img--burger-instans .menu-burger__link-img {
    top: 0;
    left: 0;
    width: 26px;
    height: 26px
}

.menu-burger__link-img .menu-burger__img-animate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menu-burger__link-chevron-wr {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-left: auto
}

.menu-burger__custom-list--info .menu-burger__link-chevron-wr {
    display: none
}

.menu-burger__link-icon {
    width: 20px;
    height: auto;
    color: var(--gray-400);
    transition: color .2s ease-out
}

.menu-burger__link-img--animate .menu-burger__link-icon {
    width: 24px
}

.menu-burger__link-img--burger-favorite .menu-burger__link-icon {
    width: 20px
}

.menu-burger--small .menu-burger__link-img--burger-favorite .menu-burger__link-icon {
    width: 22px
}

.menu-burger__link-img--burger-slots .menu-burger__link-icon {
    width: 26px
}

.dark .menu-burger__link-icon {
    color: var(--white-p-60)
}

.menu-burger__link-icon.games-show,
.menu-burger__link-icon.profile {
    width: 16px
}

.menu-burger__link-icon.history,
.menu-burger__link-icon.limits,
.menu-burger__link-icon.verification {
    width: 18px
}

.menu-burger__link-icon.bonus-buy,
.menu-burger__link-icon.books,
.menu-burger__link-icon.fruits,
.menu-burger__link-icon.slots-with-jackpot {
    width: 21px
}

.menu-burger__link-icon.blackjack,
.menu-burger__link-icon.live,
.menu-burger__link-icon.sport,
.menu-burger__link-icon.sports-betting,
.menu-burger__link-icon.telegram,
.menu-burger__link-icon.v-sport {
    width: 22px
}

.menu-burger__link-img--promo .menu-burger__link-icon {
    width: 32px
}

.menu-burger--small .menu-burger__link-icon {
    width: 26px
}

.menu-burger--small .menu-burger__link-icon.all-providers,
.menu-burger--small .menu-burger__link-icon.live-casino {
    width: 22px
}

.menu-burger--small .menu-burger__link-icon.instant-games {
    width: 24px
}

.menu-burger__link-inner--active .menu-burger__link-icon {
    color: var(--orange-500)
}

.menu-burger__link-chevron {
    width: 12px;
    height: auto;
    color: var(--gray-500);
    transition: transform .2s ease-out
}

.dark .menu-burger__link-chevron {
    color: var(--white)
}

.menu-burger__link--submenu-open .menu-burger__link-chevron {
    transform: rotate(180deg)
}

.menu-burger__link-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    word-break: break-word
}

.dark .menu-burger__link-text {
    color: var(--white)
}

.menu-burger__custom-list--info .menu-burger__link-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-500)
}

.dark .menu-burger__custom-list--info .menu-burger__link-text {
    color: var(--white);
    color: var(--white-p-70)
}

.menu-burger__custom-list--info .menu-burger__link--submenu-open .menu-burger__link-text,
.no-touch .menu-burger__custom-list--info .menu-burger__link-text:hover {
    color: var(--orange-500)
}

.menu-burger__link--has-children .menu-burger__link-text:not(.menu-burger__submenu .menu-burger__link-text, .menu-burger--small .menu-burger__link-text) {
    margin-right: 10px
}

.menu-burger__submenu .menu-burger__link-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-500)
}

.dark .menu-burger__submenu .menu-burger__link-text {
    color: var(--white)
}

.menu-burger--small .menu-burger__link-text {
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    color: var(--gray-500)
}

.dark .menu-burger--small .menu-burger__link-text {
    color: var(--white)
}

@media(min-width:1140px) {
    .user-top__profile-nav .menu-burger__link-text {
        font-size: 14px;
        line-height: 20px
    }
}

.menu-burger__submenu:not(:empty) {
    padding: 12px 0 16px 16px
}

.size-44 .menu-burger__submenu:not(:empty) {
    padding: 4px 0 8px 32px
}

.menu-burger__link--empty-favorites {
    display: none
}

.menu-burger__link-count,
.menu-burger__link-favorites-label {
    margin-left: auto;
    padding: 0 8px;
    border-radius: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-400)
}

.menu-burger__link-inner--active .menu-burger__link-count,
.menu-burger__link-inner--active .menu-burger__link-favorites-label,
.no-touch .menu-burger__link-inner:hover .menu-burger__link-count,
.no-touch .menu-burger__link-inner:hover .menu-burger__link-favorites-label {
    background-color: var(--orange-500);
    box-shadow: var(--orange-light-shadow);
    color: var(--white)
}

.menu-burger--small .menu-burger__link-count {
    margin: 0 auto
}

.menu-burger__custom-list--info .menu-burger__submenu {
    position: absolute;
    background-color: var(--white);
    width: calc(100% - 32px);
    left: 16px;
    bottom: 100%;
    padding: 12px 0 12px 16px;
    border-radius: 16px;
    box-shadow: var(--light-gray-shadow)
}

.dark .menu-burger__custom-list--info .menu-burger__submenu {
    background-color: var(--blue-dark-400)
}

.main-enter-from {
    opacity: 0
}

.main-enter-to {
    opacity: 1
}

.main-enter-active {
    transition: all .8s ease
}

.current-local-time {
    display: flex;
    flex-direction: column
}

.profile-current-time .current-local-time {
    justify-content: center;
    align-items: center;
    min-width: 84px;
    border-radius: 16px;
    background-color: var(--gray-500-p-08)
}

.dark .profile-current-time .current-local-time {
    background-color: var(--blue-500-p-10)
}

@media(min-width:640px) {
    .profile-current-time .current-local-time {
        min-width: 96px
    }
}

.current-local-time__title {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: var(--gray-400)
}

.dark .current-local-time__title {
    color: var(--white)
}

.menu-burger--small .current-local-time__title {
    display: none
}

.current-local-time__count {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500)
}

.dark .current-local-time__count {
    color: var(--white)
}

.menu-burger--small .current-local-time__count {
    line-height: 18px
}

.menu-burger__lang-btn {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    min-height: var(--menu-burger-bottom-bar-hegiht);
    padding-right: 16px
}

.menu-burger--small .menu-burger__lang-btn {
    position: fixed;
    bottom: 54px;
    left: 0;
    width: var(--menu-burger-width);
    margin-bottom: 16px;
    padding: 4px 4px 4px 10px;
    min-height: 0
}

@media(min-width:1920px) {
    .menu-burger--small .menu-burger__lang-btn {
        left: calc(50vw - 960px)
    }
}

.menu-burger__lang-btn-logo-wr {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    margin-right: 8px;
    border-radius: 50%;
    box-shadow: var(--small-gray-shadow);
    overflow: hidden
}

.menu-burger--small .menu-burger__lang-btn-logo-wr {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

@media(min-width:1140px) {
    .menu-burger__lang-btn-logo-wr {
        width: 24px;
        height: 24px;
        margin-right: 4px
    }
}

.menu-burger__lang-btn-code {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500)
}

.dark .menu-burger__lang-btn-code {
    color: var(--white)
}

@media(min-width:1140px) {
    .menu-burger__lang-btn-code {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: var(--gray-500)
    }

    .dark .menu-burger__lang-btn-code {
        color: var(--white)
    }
}

.menu-burger__lang-btn-icon-wr {
    width: 24px;
    height: 24px;
    margin-left: 1px
}

.menu-burger__lang-btn-icon {
    width: 12px;
    height: auto;
    color: var(--gray-500);
    transition: transform .2s ease-out
}

.dark .menu-burger__lang-btn-icon {
    color: var(--white)
}

.menu-burger__lang-btn--active .menu-burger__lang-btn-icon {
    transform: rotate(180deg)
}

.menu-burger--small .menu-burger__lang-btn-icon {
    transform: rotate(-90deg)
}

@media(min-width:1140px) {
    .menu-burger__lang-btn--active .menu-burger__lang-btn-icon {
        transform: rotate(-90deg)
    }
}

.local-list {
    padding: 8px 40px 8px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 22px
}

.menu-burger--small .local-list {
    bottom: 54px
}

@media(min-width:1140px) {
    .local-list {
        position: absolute;
        left: 100%;
        bottom: 0;
        width: 241px;
        padding: 8px 10px;
        background-color: var(--white);
        z-index: 1;
        gap: 10px;
        box-shadow: var(--light-gray-shadow)
    }

    .local-list:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 100%;
        background-color: var(--gray-500-p-08)
    }

    .dark .local-list:before {
        background-color: var(--blue-dark-500)
    }

    .dark .local-list {
        background-color: var(--blue-dark-450)
    }
}

.local-list__item {
    display: flex;
    min-height: 53px;
    padding: 0 5px;
    border-radius: 8px;
    cursor: pointer
}

.no-touch .local-list__item:hover {
    background-color: var(--gray-500-p-08)
}

.dark .no-touch .local-list__item:hover {
    background-color: var(--blue-500-p-8)
}

@media(min-width:1140px) {
    .local-list__item {
        padding: 0 9px
    }
}

.local-list__figure {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.local-list__image {
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border-radius: 50%;
    box-shadow: var(--small-gray-shadow)
}

@media(min-width:1140px) {
    .local-list__image {
        width: 24px;
        height: 24px;
        margin-right: 4px
    }
}

.local-list__caption {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500)
}

.dark .local-list__caption {
    color: var(--white)
}

@media(min-width:1140px) {
    .local-list__caption {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: var(--gray-500)
    }

    .dark .local-list__caption {
        color: var(--white)
    }
}

.theme-selector {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 21.5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-shrink: 0;
    width: 74px;
    height: 26px;
    padding: 0 2px;
    border-radius: 26px;
    background-color: var(--gray-500-p-08);
    transition: .15s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

@media(min-width:1140px) {
    .theme-selector {
        top: 24.5px;
        width: 62px;
        height: 22px;
        position: static;
        transform: translateX(0);
        right: 0
    }
}

.theme-selector--dark {
    background-color: var(--blue-500-p-20)
}

.theme-selector--big {
    width: 62px;
    height: 36px;
    padding: 0 3px;
    border-radius: 33px
}

.theme-selector--big .theme-selector__circle {
    width: 30px;
    height: 30px
}

.theme-selector--dark.theme-selector--big .theme-selector__circle {
    transform: translateX(26px)
}

.theme-selector__icon {
    color: var(--gray-500-p-60);
    width: 13px;
    height: 13px;
    transition: .15s ease-in-out;
    position: relative;
    transform: translateZ(0)
}

.theme-selector__circle .theme-selector__icon {
    color: var(--gray-500)
}

.theme-selector--dark .theme-selector__icon {
    color: var(--white-p-50)
}

.theme-selector--dark .theme-selector__circle .theme-selector__icon {
    color: var(--white)
}

@media(min-width:1140px) {
    .theme-selector__icon {
        width: 10px;
        height: 10px
    }
}

.theme-selector__icon--light {
    width: 16px;
    height: 16px
}

@media(min-width:1140px) {
    .theme-selector__icon--light {
        width: 14px;
        height: 14px
    }
}

.theme-selector__icon--auto {
    width: 12px;
    height: 13px
}

@media(min-width:1140px) {
    .theme-selector__icon--auto {
        width: 10px;
        height: 11px
    }
}

.theme-selector__icon-overlay {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--white);
    box-shadow: var(--small-gray-shadow);
    transition: .15s ease-in-out;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.theme-selector--dark .theme-selector__icon-overlay {
    background-color: var(--blue-500)
}

.theme-selector__circle .theme-selector__icon-overlay {
    opacity: 1
}

@media(min-width:1140px) {
    .theme-selector__icon-overlay {
        width: 24px;
        height: 24px
    }
}

.theme-selector__icon-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-burger__bottom-bar {
    position: relative
}

.menu-burger__bottom-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gray-500-p-08)
}

.dark .menu-burger__bottom-bar:before {
    background-color: var(--blue-dark-500)
}

@media(min-width:1140px) {
    .menu-burger__bottom-bar {
        position: fixed;
        bottom: 0;
        width: var(--menu-burger-width-opened);
        background-color: var(--white)
    }

    .menu-burger__bottom-bar:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%;
        height: 32px;
        background: var(--white-gradient);
        pointer-events: none;
        z-index: -1
    }

    .dark .menu-burger__bottom-bar:after {
        background: var(--blue-dark-450-gradient)
    }

    .menu-burger--small .menu-burger__bottom-bar {
        padding: 16px 5px 20px;
        text-align: center;
        width: var(--menu-burger-width)
    }

    .dark .menu-burger__bottom-bar {
        background-color: var(--blue-dark-450)
    }
}

@media(min-width:1921px) {
    .menu-burger__bottom-bar {
        border-right: 1px solid var(--gray-500-p-08)
    }
}

.menu-burger__bottom-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: var(--menu-burger-bottom-bar-hegiht);
    padding-left: 24px;
    padding-bottom: 18px
}

.menu-burger--small .menu-burger__bottom-bar-inner {
    padding: 0;
    justify-content: center
}

@media(min-width:1140px) {
    .menu-burger__bottom-bar-inner {
        padding-bottom: 0;
        min-height: 0
    }
}

.buttons-app__list {
    display: flex;
    justify-content: center;
    gap: 8px
}

.menu-burger__custom-list .buttons-app__list {
    justify-content: flex-start
}

.buttons-app__item {
    width: 135px
}

@media(min-width:1140px) {
    .buttons-app__item {
        width: 100px
    }
}

.buttons-app__link {
    position: relative;
    border-radius: 11px;
    background: var(--black-500);
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 8px;
    border: 1px solid transparent;
    transition: all .2s ease-out
}

.no-touch .buttons-app__link:hover {
    border-color: var(--black-500);
    background-color: var(--white)
}

.dark .main-footer__menu-block .buttons-app__link {
    background-color: var(--white)
}

.dark .no-touch .main-footer__menu-block .buttons-app__link:hover {
    border-color: transparent;
    background-color: var(--blue-500-p-20)
}

@media(min-width:1140px) {
    .buttons-app__link {
        min-height: 40px;
        border-radius: 8px
    }
}

.buttons-app__item-icon-wr {
    width: 18px;
    flex-shrink: 0;
    margin-right: 24px;
    transition: all .2s ease-out
}

.dark .main-footer__menu-block .buttons-app__item-icon-wr,
.no-touch .buttons-app__link:hover .buttons-app__item-icon-wr {
    filter: brightness(0)
}

.dark .no-touch .main-footer__menu-block .buttons-app__link:hover .buttons-app__item-icon-wr {
    filter: brightness(1)
}

@media(min-width:1140px) {
    .buttons-app__item-icon-wr {
        width: 16px;
        margin-right: 10px
    }
}

.buttons-app__item-text {
    color: var(--white);
    font-size: 9px;
    font-weight: 500;
    line-height: 1.25;
    transition: all .2s ease-out
}

.buttons-app__item-text span {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.18
}

.dark .main-footer__menu-block .buttons-app__item-text,
.no-touch .buttons-app__link:hover .buttons-app__item-text {
    color: var(--black-500)
}

.dark .no-touch .main-footer__menu-block .buttons-app__link:hover .buttons-app__item-text {
    color: var(--white)
}

@media(min-width:1140px) {
    .buttons-app__item-text {
        font-size: 8px;
        line-height: 1.5;
        position: relative;
        top: -1px
    }

    .buttons-app__item-text span {
        font-size: 11px;
        line-height: 1
    }
}

.buttons-app__item-info {
    flex-grow: 1
}

.menu-burger__social-links .social-links {
    display: inline-block
}

@media(min-width:1140px) {
    .menu-burger__social-links .social-links {
        display: block
    }
}

.social-links__title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 16px
}

.social-links__list {
    display: flex;
    justify-content: center
}

.menu-burger__social-links .social-links__list {
    justify-content: flex-start
}

.social-links__item {
    margin-right: 8px
}

@media(max-width:639px) {
    .menu-burger__social-links .social-links__item {
        margin-right: 12px
    }
}

.social-links__item:last-child {
    margin-right: 0
}

.menu-burger__social-links .social-links__link {
    display: block
}

.main-footer__social-links .social-links__link {
    display: inline-block
}

.social-links__ic {
    width: 44px;
    height: 44px
}

.menu-burger__social-links .social-links__ic {
    width: 44px;
    height: 44px;
    display: block
}

@media(min-width:1140px) {
    .menu-burger__social-links .social-links__ic {
        width: 32px;
        height: 32px
    }
}

.social-instagram {
    border-radius: 12px;
    background-image: radial-gradient(188.33% 126.03% at 23.82% 100.23%, #fed818 0, #f21d8a 46.29%, #9000dc 100%)
}

.social-telegram {
    border-radius: 12px;
    background-image: linear-gradient(180deg, #2aabee, #229ed9)
}

@media(min-width:1140px) {
    .menu-burger {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        padding-top: 32px;
        padding-bottom: var(--menu-burger-bottom-bar-hegiht);
        width: var(--menu-burger-width-opened);
        background-color: var(--white);
        z-index: 10002
    }

    .dark .menu-burger {
        background-color: var(--blue-dark-450)
    }
}

@media(min-width:1920px) {
    .menu-burger {
        left: calc(50vw - 960px)
    }
}

@media(min-width:1921px) {
    .menu-burger {
        border-right: 1px solid var(--gray-500-p-08)
    }
}

.menu-burger--small {
    padding: 20px 0 0 0;
    width: var(--menu-burger-width)
}

.menu-burger__inner {
    height: 100%;
    overflow: auto
}

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

.menu-burger__inner::-webkit-scrollbar-thumb,
.menu-burger__inner::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.menu-burger--small .menu-burger__inner {
    height: calc(100% - 186px)
}

.menu-burger__btn {
    position: absolute;
    top: 36px;
    right: 0;
    transform: translateX(50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    box-shadow: var(--gray-shadow);
    border: none;
    background-color: var(--white);
    z-index: 1
}

.dark .menu-burger__btn {
    background-color: var(--black-500)
}

.no-touch .menu-burger__btn:hover:not(.menu-burger--small .menu-burger__btn) {
    background-color: var(--orange-500)
}

.menu-burger--small .menu-burger__btn {
    position: static;
    transform: none;
    width: 68px;
    height: 68px;
    border-radius: 16px;
    box-shadow: none;
    margin: 0 auto 8px
}

.dark .menu-burger--small .menu-burger__btn {
    background-color: transparent
}

.no-touch .menu-burger--small .menu-burger__btn:hover {
    background-color: var(--gray-500-p-6)
}

.dark .no-touch .menu-burger--small .menu-burger__btn:hover {
    background-color: var(--blue-500-p-8)
}

.menu-burger__btn-icon {
    width: 7px;
    height: auto;
    margin-left: -1px;
    flex-shrink: 0;
    color: var(--gray-500);
    transition: none
}

.dark .menu-burger__btn-icon,
.no-touch .menu-burger__btn:hover .menu-burger__btn-icon:not(.menu-burger--small .menu-burger__btn-icon) {
    color: var(--white)
}

.menu-burger--small .menu-burger__btn-icon {
    width: 24px;
    margin-left: 0
}

@media(max-width:1139px) {
    .menu-burger__custom-lists {
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px
    }
}

.menu-burger__custom-list {
    position: relative;
    padding: 0 12px 20px;
    margin-bottom: 20px
}

.menu-burger__custom-list:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gray-500-p-08)
}

.dark .menu-burger__custom-list:before {
    background-color: var(--blue-dark-500)
}

.menu-burger--small .menu-burger__custom-list {
    padding: 0 8px 8px;
    margin-bottom: 8px
}

@media(min-width:1140px) {
    .menu-burger__custom-list {
        padding: 0 16px 20px
    }
}

.menu-burger--small .menu-burger__custom-list--main {
    margin-bottom: 0;
    padding-bottom: 0
}

.menu-burger--small .menu-burger__custom-list--main:before {
    content: none
}

.menu-burger__custom-list--info {
    padding: 8px 20px
}

.menu-burger__custom-list--info:before {
    content: none
}

@media(min-width:1140px) {
    .menu-burger__custom-list--info {
        padding: 8px 24px
    }
}

.menu-burger__custom-list--scl {
    padding-bottom: 0;
    display: flex;
    justify-content: flex-start;
    gap: 12px
}

.menu-burger__custom-list--scl:before {
    content: none
}

@media(max-width:1139px) {
    .menu-burger__custom-list--scl {
        padding-left: 0;
        margin-bottom: 12px
    }
}

@media(min-width:1140px) {
    .menu-burger__custom-list--scl {
        display: block;
        margin-bottom: 20px;
        padding: 0 24px
    }
}

.menu-burger__custom-list--app {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
    padding: 0
}

.menu-burger__custom-list--app:before {
    content: none
}

@media(min-width:1140px) {
    .menu-burger__custom-list--app {
        display: block;
        margin-bottom: 47px;
        padding: 0 24px
    }
}

.menu-burger__item-img-wr {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    margin-right: 8px;
    border-radius: 10px
}

.menu-burger--small .menu-burger__item-img-wr {
    margin-right: 0
}

.menu-burger-gradient {
    position: fixed;
    left: var(--menu-burger-width-opened);
    width: 234px;
    background: linear-gradient(90deg, hsla(0, 0%, 85.1%, .19), hsla(0, 0%, 85.1%, 0));
    pointer-events: none
}

.dark .menu-burger-gradient {
    display: none
}

@media(min-width:1920px) {
    .menu-burger-gradient {
        left: calc(50vw - 960px + var(--menu-burger-width-opened))
    }
}

.menu-burger-gradient--small {
    left: var(--menu-burger-width)
}

@media(min-width:1920px) {
    .menu-burger-gradient--small {
        left: calc(50vw - 960px + var(--menu-burger-width))
    }
}

.menu-burger-gradient--first {
    top: 0;
    height: 92px;
    z-index: 13
}

@media(min-width:1628px) {
    .menu-burger-gradient--first {
        height: 108px
    }
}

@media(min-width:1921px) {
    .menu-burger-gradient--first {
        z-index: -1;
        background: var(--white)
    }
}

.menu-burger-gradient--second {
    top: 92px;
    height: 100%;
    z-index: -1;
    display: none;
}

@media(min-width:1628px) {
    .menu-burger-gradient--second {
        top: 108px;
        display: block;
    }
}
@media screen and (max-width: 690px){
    .top-bar__search{
        display: none !important;
    }
    .menu-burger-gradient--first{
        display: none;
    }
    .menu-burger__btn{
        display: none !important;
    }
}
.input-field__error {
    padding-top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--red-500)
}

.input-field__error:first-letter {
    text-transform: capitalize
}

.gender-radio-error .input-field__error {
    margin-top: -8px;
    padding-top: 0
}

.input-field__error a {
    color: var(--orange-500)
}

.vue-tel-input {
    position: relative;
    display: flex;
    width: 100%;
    height: 48px;
    border-radius: 16px;
    border: 2px solid var(--gray-500-p-40);
    background-color: var(--white);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    transition: all .2s ease-out
}

.dark .vue-tel-input {
    color: var(--white);
    caret-color: var(--white);
    background-color: var(--blue-dark-500)
}

.no-touch .vue-tel-input:hover:not(.input-field__wrap--focus .vue-tel-input, .input-field__wrap--phone-dropdown-open .vue-tel-input, .input-field__wrap--error .vue-tel-input, .input-field__wrap--disabled .vue-tel-input) {
    border-color: var(--gray-500)
}

.input-field__wrap--focus .vue-tel-input,
.input-field__wrap--phone-dropdown-open .vue-tel-input {
    border-color: var(--orange-500)
}

.input-field__wrap--error .vue-tel-input {
    border-color: var(--red-500)
}

.input-field__wrap--disabled .vue-tel-input {
    opacity: .6
}

.registration-form__authorization .input-field__wrap--disabled .vue-tel-input {
    opacity: 1
}

@media(min-width:640px) {
    .input-field__wrap--phone-dropdown-open .vue-tel-input {
        z-index: 2
    }

    .input-field__wrap--phone-dropdown-open .vue-tel-input:before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -4px;
        width: calc(100% + 8px);
        height: 56px;
        border-radius: 16px 16px 0 0;
        box-shadow: var(--drop-down-shadow);
        pointer-events: none;
        z-index: -1
    }

    .dark .input-field__wrap--phone-dropdown-open .vue-tel-input:before {
        background-color: var(--blue-dark-500)
    }

    .dark .input-field__wrap--phone-dropdown-open .vue-tel-input {
        z-index: auto
    }

    .input-field__wrap--phone-dropdown-open .vue-tel-input.vue-tel-input--no-results:before,
    .restore-account-form .input-field__wrap--phone-dropdown-open .vue-tel-input:before {
        content: none
    }

    .vue-tel-input.vue-tel-input--above:before {
        border-radius: 0 0 16px 16px;
        top: -6px
    }
}

.vti__dropdown {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 12px;
    cursor: pointer
}

.vti__dropdown:before {
    content: "";
    position: absolute;
    right: -4px;
    height: 24px;
    width: 1px;
    background-color: var(--gray-500-p-20)
}

.dark .vti__dropdown:before {
    background-color: var(--white-p-30)
}

.vti__flag-img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    box-shadow: var(--small-gray-shadow);
    object-fit: cover;
    margin-right: 8px
}

.vti__dropdown-item .vti__flag-img {
    margin-right: 12px
}

.vti__country-code {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500)
}

.dark .vti__country-code {
    color: var(--white)
}

.vti__dropdown-item .vti__country-code {
    min-width: 52px;
    margin-right: 10px
}

.highlighted .vti__country-code {
    color: var(--orange-500)
}

.vti__country-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.dark .vti__country-name {
    color: var(--white)
}

.highlighted .vti__country-name {
    color: var(--orange-500)
}

.vti__chevron-wr {
    width: 24px;
    height: 24px;
    margin-left: 4px
}

.vti__chevron {
    width: 12px;
    height: 7px;
    transition: transform .2s ease-out
}

.vti__dropdown.open .vti__chevron {
    transform: rotate(180deg)
}

.vti__input {
    padding: 0 12px 0;
    border: none;
    width: 100%;
    border-radius: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dark .vti__input {
    color: var(--white);
    background-color: var(--blue-dark-500)
}

.personal-data__email-phone .vti__input:disabled {
    opacity: 1
}

.personal-data__email-phone .vti__input {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500)
}

.dark .personal-data__email-phone .vti__input {
    color: var(--white)
}

.vti__dropdown-header-search .vti__input {
    padding: 12px 20px 12px 44px;
    margin-left: 0
}

.vti__input:-webkit-autofill,
.vti__input:-webkit-autofill:focus,
.vti__input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 640px var(--white) inset
}

.dark .vti__input:-webkit-autofill,
.dark .vti__input:-webkit-autofill:focus,
.dark .vti__input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 640px var(--blue-dark-500) inset;
    border-radius: 0 16px 16px 0
}

.vti__dropdown-header {
    margin-bottom: 20px
}

.vti__dropdown-header-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--gray-500);
    margin-bottom: 16px;
    padding: 8px 0
}

.dark .vti__dropdown-header-title {
    color: var(--white)
}

.vti__dropdown-header-search {
    position: relative
}

.vti__dropdown-header-search-icon-wr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 24px;
    height: 24px
}

.vti__dropdown-header-search-icon {
    width: 19px
}

.vti__dropdown-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 8px 0;
    cursor: pointer
}

.vti__dropdown-item:last-child {
    margin-bottom: 0
}

.no-touch .vti__dropdown-item:hover {
    background-color: var(--gray-500-p-6)
}

@media(min-width:640px) {
    .vti__dropdown-item {
        padding: 8px 16px
    }
}

.vti__dropdown-list {
    overflow: auto;
    position: relative;
    height: calc(100% - 124px)
}

@media(min-width:1140px) {
    .vti__dropdown-list {
        position: static;
        height: unset
    }
}

.vue-tel-input--above .vti__dropdown-list {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.vue-tel-input--above .vti__dropdown-list::-webkit-scrollbar {
    display: none
}

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

.vti__dropdown-list::-webkit-scrollbar-thumb,
.vti__dropdown-list::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(min-width:640px) {
    .vti__dropdown-list {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% + 4px);
        width: calc(100% + 8px);
        max-height: 280px;
        border-radius: 0 0 16px 16px;
        box-shadow: var(--drop-down-shadow2);
        background-color: var(--white);
        z-index: 2
    }

    .vue-tel-input--above .vti__dropdown-list {
        bottom: calc(100% + 5px);
        top: unset;
        border-radius: 16px 16px 0 0;
        box-shadow: var(--drop-down-shadow2-above)
    }

    .dark .vti__dropdown-list {
        background-color: var(--blue-dark-500)
    }
}

@media(max-width:1139px) {
    .restore-account-form .vti__dropdown-list {
        width: 100%;
        max-height: none;
        border-radius: 0;
        box-shadow: none;
        transform: none
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .restore-account-form .vti__dropdown-list {
        background-color: transparent
    }
}

.vti__dropdown-vbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%
}

@media(min-width:1140px) {
    .vti__dropdown-vbar {
        position: static;
        height: unset
    }
}

.input-field__input {
    padding: 18px 20px 6px;
    width: 100%;
    height: 48px;
    border-radius: 16px;
    border: 2px solid var(--gray-500-p-40);
    background-color: var(--white);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    transition: all .2s ease-out
}

.dark .input-field__input {
    color: var(--white);
    caret-color: var(--white);
    background-color: var(--blue-dark-500)
}

.input-field__input:-webkit-autofill,
.input-field__input:-webkit-autofill:focus {
    -webkit-transition: background-color 0s 600000s, color 0s 600000s;
    transition: background-color 0s 600000s, color 0s 600000s
}

.dark .input-field__input:-webkit-autofill,
.dark .input-field__input:-webkit-autofill:active,
.dark .input-field__input:-webkit-autofill:focus,
.dark .input-field__input:-webkit-autofill:hover {
    box-shadow: 0 0 0 50px var(--blue-dark-500) inset;
    background-clip: content-box !important;
    -webkit-text-fill-color: var(--white)
}

.deposit-promocode .input-field__input {
    padding-right: 35px
}

@media(min-width:640px) {
    .deposit-promocode .input-field__input {
        padding-right: 20px
    }
}

.personal-data .input-field__input {
    filter: none;
    background-color: transparent;
    box-shadow: 0 0 0 50px var(--white) inset !important
}

.personal-data .input-field__input:-webkit-autofill,
.personal-data .input-field__input:-webkit-autofill:active,
.personal-data .input-field__input:-webkit-autofill:focus,
.personal-data .input-field__input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: 0 0 0 50px var(--white) inset !important;
    -webkit-text-fill-color: var(--gray-500) !important;
    caret-color: var(--gray-500) !important;
    background-clip: content-box !important
}

.dark .personal-data .input-field__input {
    filter: none;
    background-color: transparent;
    box-shadow: 0 0 0 50px var(--blue-dark-500) inset !important
}

.dark .personal-data .input-field__input:-webkit-autofill,
.dark .personal-data .input-field__input:-webkit-autofill:active,
.dark .personal-data .input-field__input:-webkit-autofill:focus,
.dark .personal-data .input-field__input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: 0 0 0 50px var(--blue-dark-500) inset !important;
    -webkit-text-fill-color: var(--white) !important;
    caret-color: var(--white) !important;
    background-clip: content-box !important
}

.input-field__wrap--left-icon .input-field__input {
    padding: 12px 20px 12px 44px
}

.no-touch .input-field__input:hover:not(.input-field__input:focus, .input-field__input.input-field--error, [disabled], .country-select--opened .input-field__input, .country-select--disabled .input-field__input) {
    border-color: var(--gray-500)
}

.dark .no-touch .input-field__input:hover:not(.input-field__input:focus, .input-field__input.input-field--error, [disabled], .country-select--opened .input-field__input, .country-select--disabled .input-field__input) {
    border-color: var(--white-p-20)
}

.birthday-calendar__input--open .input-field__input:not(.input-field--error),
.input-field__input:focus:not(.input-field--error, .profile-user-card-nickname__input .input-field__input) {
    border-color: var(--orange-500)
}

.input-field__input[disabled] {
    border-color: var(--gray-500-p-40);
    opacity: .6
}

.input-field__input[disabled]+.input-field__label-anim {
    opacity: .6
}

.search-header__input-field .input-field__input {
    padding: 12px 35px 12px 44px;
    text-overflow: ellipsis
}

.payment-area-form__input-wrap .input-field__input,
.payment-deposit-form__input .input-field__input {
    padding: 12px 20px
}

.confirmed-phone__sms-code .input-field__input {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    padding: 12px 0;
    letter-spacing: 14px
}

.confirmed-phone__sms-code .input-field__input:last-child {
    letter-spacing: unset
}

.confirmed-phone__sms-code .input-field__input:-ms-input-placeholder {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 38px
}

.confirmed-phone__sms-code .input-field__input::-ms-input-placeholder {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 38px
}

.confirmed-phone__sms-code .input-field__input::placeholder {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 38px
}

.confirmed-phone__sms-code .input-field__input:focus::-webkit-input-placeholder {
    color: transparent
}

.confirmed-phone__sms-code .input-field__input:focus::-moz-placeholder {
    color: transparent
}

.confirmed-phone__sms-code .input-field__input:focus:-ms-input-placeholder {
    color: transparent
}

.confirmed-phone__sms-code .input-field__input:focus:-moz-placeholder {
    color: transparent
}

.profile-user-card-nickname__input .input-field__input {
    height: 40px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid var(--gray-500-p-20);
    border-radius: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-500)
}

.dark .profile-user-card-nickname__input .input-field__input {
    caret-color: var(--gray-500);
    background-color: transparent;
    color: var(--white)
}

.input-field--country {
    padding: 12px 36px 12px 44px
}

.input-field__button-icon {
    width: inherit;
    height: inherit;
    padding: 0;
    background: transparent;
    border: none
}

.input-field__icon--copy-2 {
    width: 16px
}

.input-field--error {
    border-color: var(--red-500)
}

.input-field__label-anim {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 22px;
    width: calc(100% - 44px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
    transition: all .2s ease-out
}

.restore-password__input-field .input-field__label-anim {
    width: calc(100% - 60px)
}

.anim-label:focus~.input-field__label-anim,
.input-field--top-label~.input-field__label-anim,
.input-field__input:-webkit-autofill~.input-field__label-anim {
    transform: translateY(0);
    top: 2px;
    font-size: 12px;
    line-height: 20px;
    color: var(--gray-500)
}

.dark .anim-label:focus~.input-field__label-anim,
.dark .input-field--top-label~.input-field__label-anim,
.dark .input-field__input:-webkit-autofill~.input-field__label-anim {
    color: var(--white)
}

@media(min-width:1140px) {
    .change-password__input .input-field__label-anim {
        width: calc(100% - 60px)
    }
}

.input-field__icon-wr,
.input-field__pseudo-pas-eye {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-field__icon-wr--left {
    right: auto;
    left: 12px
}

.input-field__icon,
.input-field__icon-wr {
    color: var(--gray-500)
}

.input-field__icon {
    height: auto
}

.dark .input-field__icon {
    color: var(--white)
}

.input-field__icon--calendar {
    width: 18px
}

.input-field__icon--search {
    width: 19px
}

.input-field__pseudo-pas-eye {
    color: var(--gray-400);
    cursor: pointer
}

.input-field__phone-flag {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    box-shadow: var(--small-gray-shadow)
}

.input-field__button {
    margin-top: 28px
}

.personal-data__email-phone .input-field__button {
    margin-top: 16px
}

.input-field__button--copy-img {
    fill: var(--gray-500)
}

.input-field__button--remove {
    position: absolute;
    top: 12px;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--gray-500-p-20);
    cursor: pointer;
    transition: all .2s ease-out
}

.input-field__button--remove:before {
    background: var(--black-500-p-20)
}

.no-touch .input-field__button--remove:hover {
    box-shadow: 0 .2rem .9333333333rem 0 rgba(0, 0, 0, .5);
    transform: translate3d(0, 1px, 0)
}

.confirmed-phone__phone .input-field__button--remove {
    background: none;
    margin-right: 12px;
    padding: 5px;
    color: var(--gray-500)
}

.confirmed-phone__phone .input-field__button--remove:before {
    display: none
}

.no-touch .confirmed-phone__phone .input-field__button--remove:hover {
    background: none;
    box-shadow: none
}

.dark .input-field__button--remove {
    color: var(--white)
}

@media(min-width:713px)and (max-width:1280px) {
    .no-touch .input-field__button--remove:hover {
        box-shadow: 0 .3rem 1.4rem 0 rgba(0, 0, 0, .5)
    }
}

@media(min-width:1281px) {
    .no-touch .input-field__button--remove:hover {
        box-shadow: 0 .1666666667rem .7777777778rem 0 rgba(0, 0, 0, .5)
    }
}

.input-field__button-close {
    width: 17px;
    height: auto;
    color: var(--gray-500-p-50)
}

.input-field__input--password {
    padding-right: 44px
}

.input-field__card-type {
    right: 9px;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.input-field__card-type-ic {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.input-field__card-type-ic.diners {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.amex {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.jcb {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.maestro {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.mastercard {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.mir {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.rupay {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.dark .input-field__card-type-ic.rupay {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.visa {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.dark .input-field__card-type-ic.visa {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__card-type-ic.unionpay {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.input-field__tooltip {
    right: 12px;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.input-field__tooltip-ic-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.input-field__tooltip-ic {
    width: 20px;
    height: auto;
    color: var(--green-500)
}

@media(min-width:1140px) {
    .input-field__wrap--visible-list:before {
        content: "";
        top: -2px;
        width: calc(100% + 4px);
        height: 56px;
        border-radius: 16px 16px 0 0;
        pointer-events: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .dark .input-field__wrap--visible-list:before {
        background-color: var(--blue-dark-500)
    }

    .missing-data .form-constructor--cashout .input-field__wrap--visible-list:before {
        top: -3px;
        border-radius: 0 0 16px 16px
    }
}

.promocode-form__form {
    display: flex
}

.promo-slider__item-wr--promocode .promocode-form__form {
    position: absolute;
    width: calc(100% - 32px);
    bottom: 16px;
    left: 16px;
    right: 16px
}

@media(min-width:1140px) {
    .promo-slider__item-wr--promocode .promocode-form__form {
        width: calc(100% - 40px);
        bottom: 20px;
        left: 20px;
        right: 20px
    }
}

.promocode-form__form--profile {
    flex-direction: column;
    width: 100%;
    gap: 16px
}

.promo-code-form .promocode-form__form--profile {
    gap: 20px
}

@media(min-width:640px) {
    .promocode-form__form--profile {
        flex-direction: row;
        gap: 8px
    }

    .bottom-sheet--promo-code .promocode-form__form--profile,
    .promo-slider__item-wr .promocode-form__form--profile {
        flex-direction: column;
        gap: 16px
    }
}

@media(min-width:1140px) {
    .promocode-form__form--profile {
        flex-direction: column;
        gap: 16px
    }
}

.promocode-form__input-wr {
    position: relative;
    width: 100%
}

@media(max-width:639px) {
    .promocode-form__input-wr {
        margin-right: 8px
    }
}

@media(min-width:640px) {
    .promocode-form__input-wr {
        margin-right: 16px
    }
}

@media(min-width:640px) {
    .promocode-form__input-wr--profile {
        margin-right: 0
    }
}

.promocode__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 100%;
    right: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width:640px) {
    .promocode__icon-wrap {
        width: 24px;
        height: 24px;
        right: 12px
    }
}

.promocode__icon {
    width: 20px;
    height: 20px;
    color: var(--green-500)
}

.active .promocode__icon {
    width: 18px;
    height: 12px
}

.promocode-form__tooltip--profile {
    position: absolute !important;
    transform: translateY(-90%);
    top: -100% !important;
    left: 0 !important
}

.dark .promo-slider__item-wr .promocode-form__tooltip--profile {
    background-color: var(--blue-dark-400)
}

.promocode-form__tooltip--profile:before {
    top: 100% !important;
    transform: rotate(180deg) !important
}

.dark .promo-slider__item-wr .promocode-form__tooltip--profile:before {
    border-bottom: 10px solid var(--blue-dark-400)
}

.tooltip-enter-from,
.tooltip-leave-to {
    opacity: 0
}

.tooltip-enter-active,
.tooltip-leave-active {
    transition: all .2s ease-out
}

.profile-promocode-wrap {
    width: 705px;
    margin: 0 auto;
    padding: 60px 0 20px
}

@media(max-width:1579px) {
    .profile-promocode-wrap {
        margin-bottom: 30px
    }
}

@media(max-width:1280px) {
    .profile-promocode-wrap {
        width: auto
    }
}

@media(min-width:1140px)and (max-width:1280px) {
    .profile-promocode-wrap {
        width: 705px
    }
}

@media(max-width:712px) {
    .profile-promocode-wrap {
        padding: 40px 10px
    }
}

.profile-promocode__form {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    margin-bottom: 28px
}

@media(min-width:1140px) {
    .profile-promocode__form {
        flex: 0;
        margin-bottom: 18px
    }
}

.profile-promocode__input {
    flex: 1 1 auto;
    margin-right: 5px
}

.profile-promocode__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

@media(min-width:640px) {
    .profile-promocode__title {
        margin-bottom: 8px
    }
}

.profile-promocode__text {
    flex: 0 0 100%;
    font-size: 14px;
    line-height: 17px;
    color: var(--gray-500);
    letter-spacing: -.1px
}

@media(max-width:712px) {
    .profile-promocode__text {
        line-height: 1.3
    }
}

.bottom-sheet .profile-aside .profile-promocode {
    padding: 28px 24px 0
}

.profile-promocode .profile-promocode__form {
    width: 100%
}

@media(min-width:1140px) {
    .profile-promocode {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0 16px
    }

    .page-profile .profile-aside .profile-promocode {
        padding: 0 24px
    }
}

.profile-promocode__link {
    position: relative;
    display: inline-block
}

.profile-promocode__link .tooltip {
    display: none;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate3d(-50%, 0, 0)
}

.profile-promocode__link .info__tooltip {
    width: 320px
}

.profile-promocode__link .info__arrow {
    left: 50%;
    transform: translate3d(-50%, 0, 0)
}

@media(max-width:1280px) {
    .profile-promocode__link .tooltip {
        top: 20px
    }
}

.profile-promocode__link-text {
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1;
    color: var(--orange-500);
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease-out
}

.no-touch .profile-promocode__link-text:hover {
    color: var(--orange-600)
}

.promocode-form__bottom-sheet-head {
    margin-bottom: 16px;
    padding-top: 8px;
    font-size: 18px
}

.promocode-form__bottom-sheet-body {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--gray-500)
}

.profile-user-card-avatar {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px
}

@media(min-width:640px) {
    .profile-user-card-avatar {
        margin-bottom: 24px
    }
}

@media(min-width:1140px) {
    .profile-user-card-avatar {
        margin-bottom: 16px
    }
}

@media(min-width:640px) {
    .profile-user-card-avatar--change-mode {
        margin-bottom: 12px
    }
}

.profile-user-card-avatar__button-top {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    padding: 0;
    background: transparent;
    border: none
}

.profile-user-card-avatar__button-wr {
    display: flex;
    gap: 5px
}

.profile-user-card-avatar--change-mode .profile-user-card-avatar__button-wr {
    padding: 16px 0
}

.profile-user-card-avatar__button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 50%;
    color: var(--white);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    box-sizing: content-box
}

.profile-user-card-avatar__button--hover:after {
    content: attr(data-avatar-change-text);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(56, 68, 91, .4), rgba(56, 68, 91, .6));
    border-radius: 50%;
    opacity: 0;
    transition: opacity .25s ease-out
}

.profile-user-card-avatar__button--hover:hover:after {
    opacity: 1
}

.profile-user-card-avatar__button--edit-message:after {
    content: attr(data-avatar-change-text);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(56, 68, 91, .4), rgba(56, 68, 91, .6));
    border-radius: 50%;
    opacity: 1;
    transition: opacity .25s ease-out
}

.profile-user-card-avatar__button--change {
    width: 62px;
    height: 62px;
    border: 1px solid transparent;
    transition: border .25s ease-out
}

.profile-user-card-avatar__button--change:after {
    display: none
}

@media(min-width:1140px) {
    .profile-user-card-avatar__button--change {
        width: 56px;
        height: 56px
    }
}

@media(min-width:1628px) {
    .profile-user-card-avatar__button--change {
        width: 62px;
        height: 62px
    }
}

.profile-user-card-avatar__button--active {
    border: 1px solid var(--green-500);
    overflow: initial
}

.profile-user-card-avatar__image {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.profile-user-card-avatar__image--change {
    border: 3px solid transparent
}

.profile-user-card-avatar-ic-wr {
    width: 24px;
    height: 24px
}

.profile-user-card-avatar-ic {
    width: 17px;
    height: auto
}

.profile-user-card-avatar-text {
    flex: 1;
    padding-right: 24px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-500);
    color: var(--black-500)
}

.dark .profile-user-card-avatar-text {
    color: var(--white)
}

.profile-user-card-avatar__button-ic-wr {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%
}

.profile-user-card-avatar__button-ic-wr--edit-mode {
    width: 36px;
    height: 36px;
    background: var(--white);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1)
}

.profile-user-card-avatar-ic-wr--color-green {
    background-color: var(--green-500)
}

.profile-user-card-avatar__button-ic {
    width: 12px;
    height: auto;
    color: var(--white)
}

.profile-user-card-nickname {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 8px
}

.profile-user-card-nickname__container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 6px
}

.profile-user-card-nickname__container--edit>span {
    width: 100%
}

.profile-user-card-nickname__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none
}

.profile-user-card-nickname__icon {
    width: 18px;
    height: auto;
    color: var(--gray-400)
}

.dark .profile-user-card-nickname__icon {
    color: var(--white-p-60)
}

.profile-user-card-nickname__container--edit .profile-user-card-nickname__icon {
    color: var(--white)
}

.profile-user-card-nickname__button--save {
    width: 28px;
    height: 28px;
    margin-top: 6px;
    padding: 6px;
    color: var(--white);
    background: var(--orange-500);
    border-radius: 8px
}

.profile-user-card-nickname__form {
    display: flex;
    justify-content: space-between
}

.profile-user-card-nickname__input {
    flex: 1;
    border: none;
    margin-right: 8px;
    padding: 0
}

.profile-user-card-nickname__input,
.profile-user-card-nickname__text {
    color: var(--black-500);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

.dark .profile-user-card-nickname__text {
    color: var(--white)
}

.profile-user-card-id {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4px;
    padding: 0;
    background: transparent;
    border: none
}

.profile-user-card-id:hover .profile-user-card-id__icon {
    opacity: 1
}

.profile-user-card-id__text {
    color: var(--gray-400);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase
}

.dark .profile-user-card-id__text {
    color: var(--white-p-60)
}

.no-touch .profile-user-card-id:hover .profile-user-card-id__text {
    color: var(--gray-500)
}

.dark .no-touch .profile-user-card-id:hover .profile-user-card-id__text {
    color: var(--white-p-60)
}

.profile-user-card-id__icon {
    opacity: 0;
    transition: .25s ease-out;
    width: 12px;
    height: auto;
    color: var(--gray-500)
}

.dark .profile-user-card-id__icon {
    color: var(--white-p-60)
}

.profile-user-card-id__icon-wr {
    width: 16px;
    height: 16px
}

.status-progress {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 24px
}

.profile-status__info-progress .status-progress {
    min-height: 16px
}

.status-progress__fake-bar {
    flex: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

@media(min-width:1140px) {
    .status-progress__fake-bar {
        gap: 0
    }
}

.status-progress__outer-bar {
    flex: auto;
    display: flex;
    align-items: center;
    height: 12px;
    width: 102px;
    border-radius: 15px;
    background-color: var(--gray-500-p-20)
}

.user-top__avatar .status-progress__outer-bar {
    pointer-events: none
}

.dark .status-progress__outer-bar {
    background-color: var(--black-500)
}

.status-widget .status-progress__outer-bar {
    width: 100%
}

.status-progress__inner-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    padding: 3px;
    height: 16px;
    min-width: 30px;
    background-color: var(--blue-500);
    border-radius: 15px;
    box-shadow: var(--blue-light-shadow);
    color: var(--white)
}

.status-progress__real-bar {
    visibility: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.status-progress__title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: var(--gray-400);
    margin-bottom: 4px
}

.dark .status-progress__title {
    color: var(--white-p-60)
}

@media(min-width:640px) {
    .status-progress__title {
        font-size: 14px;
        margin-bottom: 8px
    }
}

.status-progress__nums {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: var(--gray-500);
    margin-bottom: 4px
}

.dark .status-progress__nums {
    color: var(--white)
}

@media(min-width:640px) {
    .status-progress__nums {
        font-size: 14px;
        margin-bottom: 8px
    }
}

.status-progress__next-status,
.status-progress__prev-status {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gray-500);
    margin-top: 4px
}

.dark .status-progress__next-status,
.dark .status-progress__prev-status {
    color: var(--white)
}

@media(min-width:640px) {

    .status-progress__next-status,
    .status-progress__prev-status {
        font-size: 14px;
        margin-top: 8px
    }
}

.profile-user-card-progress {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding-top: 24px;
    position: relative
}

@media(min-width:1140px) {
    .profile-user-card-progress {
        padding-top: 38px
    }

    .profile-user-card-progress:before {
        content: "";
        position: absolute;
        top: 16px;
        width: calc(100% + 32px);
        left: -16px;
        right: -16px;
        height: 1px;
        background-color: var(--gray-500-p-20)
    }

    .dark .profile-user-card-progress:before {
        background-color: var(--blue-dark-500)
    }
}

@media(min-width:1628px) {
    .profile-user-card-progress:before {
        width: calc(100% + 48px);
        left: -24px;
        right: -24px
    }
}

.profile-user-card-progress__fake-bar {
    flex: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.profile-user-card-progress__outer-bar {
    flex: 1;
    display: flex;
    align-items: center;
    height: 12px;
    border-radius: 15px;
    background-color: var(--gray-500-p-20)
}

.dark .profile-user-card-progress__outer-bar {
    background-color: var(--black-500)
}

.profile-user-card-progress__inner-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    padding: 3px;
    height: 16px;
    min-width: 30px;
    background-color: var(--blue-500);
    border-radius: 15px;
    box-shadow: var(--blue-light-shadow);
    color: var(--white)
}

.profile-user-card-progress__real-bar {
    visibility: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.profile-user-card-progress__left,
.profile-user-card-progress__right {
    display: flex;
    gap: 4px;
    align-items: center
}

.profile-user-card-progress__img {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    object-fit: cover
}

.profile-user-card-progress__img.basic {
    box-shadow: 0 4px 6px 0 rgba(0, 215, 155, .6)
}

.profile-user-card-progress__img.prestige {
    box-shadow: 0 4px 6px 0 rgba(220, 93, 124, .6)
}

.profile-user-card-progress__img.elite {
    box-shadow: 0 4px 6px 0 rgba(103, 77, 180, .6)
}

.profile-user-card-progress__img.supreme {
    box-shadow: 0 4px 6px 0 rgba(211, 188, 136, .6)
}

.profile-user-card-progress__status {
    min-width: 36px;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: var(--black-500);
    text-transform: uppercase;
    text-align: center
}

.dark .profile-user-card-progress__status {
    color: var(--white)
}

.profile-user-card-progress__pointer {
    cursor: pointer;
    width: 100%
}

.profile-user-card-progress__info-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 12px
}

.profile-user-card-progress__info-btn {
    width: 32px;
    height: 24px;
    padding: 0;
    background-color: var(--gray-500-p-08);
    border-radius: 8px
}

.dark .profile-user-card-progress__info-btn {
    background-color: transparent;
    border: 1px solid var(--orange-500)
}

.no-touch .profile-user-card-progress__info-btn:hover {
    background-color: var(--gray-500-p-20)
}

.profile-user-card-progress__info-btn .btn__icon {
    width: 12px;
    color: var(--gray-500)
}

.dark .profile-user-card-progress__info-btn .btn__icon {
    color: var(--white)
}

.profile-user-card-progress__info-btn .btn__inner {
    display: none
}

.profile-user-card-progress__info {
    position: relative;
    padding: 28px 0 12px
}

@media(min-width:1140px) {
    .profile-user-card-progress__info {
        padding: 28px 0
    }

    .profile-user-card-progress__info:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: calc(100% + 32px);
        left: -16px;
        right: -16px;
        height: 1px;
        background-color: var(--gray-500-p-20)
    }

    .dark .profile-user-card-progress__info:before {
        background-color: var(--blue-dark-500)
    }
}

@media(min-width:1628px) {
    .profile-user-card-progress__info:before {
        width: calc(100% + 48px);
        left: -24px;
        right: -24px
    }
}

.profile-user-card-progress__info-text {
    display: inline-block;
    color: var(--gray-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
}

.dark .profile-user-card-progress__info-text {
    color: var(--white)
}

.profile-user-card-progress__info-text-btn {
    width: 100%;
    height: 36px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    border-radius: 12px
}

.profile-user-card__payout {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 7px 8px;
    border-radius: 24px;
    border: 1px solid var(--orange-500);
    gap: 4px;
    background-color: var(--white)
}

.dark .profile-user-card__payout {
    background-color: transparent
}

.profile-user-card__payout-text {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: var(--black-500)
}

.dark .profile-user-card__payout-text {
    color: var(--white)
}

.profile-user-card__payout-label {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    border-radius: 16px;
    background-color: var(--orange-500);
    box-shadow: var(--orange-light-shadow);
    font-weight: 600;
    font-size: 10px;
    line-height: 16px;
    color: var(--white)
}

.profile-user-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    padding: 16px 24px 0;
    background-color: var(--white);
    border-radius: 24px
}

.dark .profile-user-card {
    background-color: var(--blue-dark-400)
}

@media(min-width:1140px) {
    .profile-user-card {
        box-shadow: 0 12px 50px 0 rgba(56, 68, 91, .08);
        padding: 8px 16px 24px
    }

    .dark .profile-user-card {
        border-color: var(--white-p-20)
    }
}

@media(min-width:1628px) {
    .profile-user-card {
        padding: 8px 24px 24px
    }
}

.profile-user-card__progress {
    margin-bottom: 16px
}

.profile-user-card__progress:last-child {
    margin-bottom: 0
}

.profile-nav__list {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 16px 12px 0
}

@media(min-width:1140px) {
    .user-top__avatar .profile-nav__list {
        padding: 12px 0 0
    }

    .page-profile__left .profile-nav__list {
        padding: 0 16px
    }
}

@media(min-width:1628px) {
    .page-profile__left .profile-nav__list {
        padding: 0 24px
    }
}

.profile-status__inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, -webkit-max-content) 1fr minmax(0, -webkit-max-content);
    grid-template-columns: minmax(0, max-content) 1fr minmax(0, max-content);
    column-gap: 8px;
    align-items: center;
    background-color: var(--gray-500-p-08);
    border-radius: 16px;
    padding: 0 8px 0 12px;
    height: 48px
}

.dark .profile-status__inner {
    background-color: var(--blue-500-p-10)
}

.profile-status__status-title {
    color: var(--gray-500);
    font-size: 10px;
    font-weight: 700;
    line-height: 16px
}

.user-top__profile-nav .profile-status__status-title {
    white-space: nowrap
}

.dark .profile-status__status-title {
    color: var(--white)
}

.profile-status__status-text {
    color: var(--orange-500);
    font-size: 10px;
    font-weight: 700;
    line-height: 16px
}

.profile-status__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background-color: var(--gray-500-p-08)
}

.user-top__avatar .profile-status__btn:hover {
    background-color: var(--gray-500-p-20)
}

.dark .profile-status__btn {
    background-color: var(--blue-500-p-20)
}

.dark .profile-status__btn:hover {
    background-color: var(--blue-500-p-30)
}

.profile-status__btn .btn__icon {
    width: 7px;
    color: var(--gray-500)
}

.dark .profile-status__btn .btn__icon {
    color: var(--white)
}

.profile-status__info {
    height: 34px;
    display: grid;
    row-gap: 2px;
    padding-left: 4px
}

.profile-status__info-top {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.profile-status__info-progress {
    opacity: 0
}

.profile-status-link {
    cursor: pointer
}

.profile-aside {
    flex-direction: column;
    background-color: var(--white)
}

.dark .bottom-sheet .profile-aside {
    background-color: var(--blue-dark-400)
}

@media(min-width:1140px) {
    .profile-aside {
        background-color: transparent
    }

    .page-profile__left .profile-aside {
        display: flex;
        height: 100%
    }
}

.profile-aside__anchor {
    pointer-events: none;
    opacity: 0
}

.user-top__avatar .profile-aside__block {
    position: relative;
    top: -70px;
    opacity: 0
}

.user-top__avatar--hover .profile-aside__block {
    top: 0;
    opacity: 1;
    transition: all .2s ease-out
}

.bottom-sheet .profile-aside__block:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: var(--gray-500-p-08)
}

.dark .bottom-sheet .profile-aside__block:before {
    background-color: var(--blue-dark-500)
}

.bottom-sheet .profile-aside__block,
.page-profile__left .profile-aside__block {
    position: relative;
    border-radius: 24px;
    background-color: var(--white)
}

@media(min-width:1140px) {

    .bottom-sheet .profile-aside__block,
    .page-profile__left .profile-aside__block {
        padding: 20px 0;
        box-shadow: 0 12px 50px 0 rgba(56, 68, 91, .08)
    }
}

.dark .profile-aside__block {
    background-color: var(--blue-dark-400)
}

.dark .user-top__avatar .profile-aside__block {
    background-color: transparent
}

@media(min-width:1140px) {
    .profile-nav {
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--gray-500-p-20)
    }

    .dark .profile-nav {
        border-color: var(--white-p-20)
    }

    .page-profile__left .profile-nav {
        border-bottom: 0
    }
}

.profile-aside__footer {
    position: relative;
    display: flex;
    flex-direction: column
}

@media(max-width:1139px) {
    .profile-aside__footer {
        margin: 0 -24px;
        padding: 16px 12px 20px
    }

    .profile-aside__footer:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: var(--gray-500-p-08)
    }

    .dark .profile-aside__footer:before {
        background-color: var(--blue-dark-500)
    }
}

@media(min-width:1140px) {
    .page-profile__left .profile-aside__footer {
        margin: auto 0 0;
        padding: 16px 16px 0;
        border-top: 1px solid var(--gray-500-p-20)
    }

    .dark .page-profile__left .profile-aside__footer {
        border-color: var(--white-p-20)
    }
}

@media(min-width:1628px) {
    .page-profile__left .profile-aside__footer {
        padding: 16px 24px 0
    }
}

.profile-aside__buttons-wr {
    display: flex;
    justify-content: space-between;
    border-radius: 16px
}

.bottom-sheet .profile-aside__buttons-wr {
    padding: 0 24px
}

.no-touch .profile-aside__buttons-wr:hover:not(.profile-aside__footer--log-out .profile-aside__buttons-wr) {
    background-color: var(--red-500-p-6)
}

@media(min-width:1140px) {
    .profile-aside__footer--log-out .profile-aside__buttons-wr {
        padding: 0
    }
}

.bottom-sheet__content-inner .profile-aside__footer--log-out {
    padding: 16px 24px
}

@media(min-width:1140px) {
    .profile-aside__footer--log-out {
        padding-top: 8px
    }
}

.profile-aside__exit-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: var(--black-500);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.dark .profile-aside__exit-text {
    color: var(--white)
}

@media(min-width:1140px) {
    .profile-aside__exit-text {
        margin-bottom: 16px;
        font-size: 12px
    }
}

.profile-aside__button--exit {
    display: flex;
    align-items: center;
    flex: 1;
    padding: 10px 8px 10px 12px;
    gap: 12px;
    background-color: transparent;
    border: 0
}

.profile-aside__button-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--red-500)
}

@media(min-width:1140px) {
    .user-top__profile-nav .profile-aside__button-text {
        font-size: 14px;
        line-height: 20px
    }
}

.profile-aside__button-ic-wr {
    width: 24px;
    height: 24px
}

.profile-aside__button-ic {
    width: 20px;
    height: auto;
    color: var(--red-500)
}

.profile-aside__button--no,
.profile-aside__button--yes {
    width: calc(50% - 6px)
}

@media(min-width:1140px) {

    .profile-aside__button--no,
    .profile-aside__button--yes {
        width: calc(50% - 4px)
    }
}

.profile-aside__anchor {
    visibility: hidden;
    height: 1px;
    margin: 0;
    border: none
}

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

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

@media(min-width:1140px) {
    .login-denied__inner {
        position: relative;
        width: 400px;
        padding: 40px;
        border-radius: 32px;
        background-color: var(--white)
    }

    .dark .login-denied__inner {
        background-color: var(--blue-dark-400)
    }
}

.login-denied__img-wr {
    width: 78px;
    margin: 8px auto 16px
}

@media(min-width:1140px) {
    .login-denied__img-wr {
        width: 97px;
        margin: 0 auto 31px
    }
}

.login-denied__title {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--black-500);
    text-align: center
}

.dark .login-denied__title {
    color: var(--white)
}

@media(min-width:1140px) {
    .login-denied__title {
        margin-bottom: 28px;
        padding: 0;
        text-align: left;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        color: var(--black-500)
    }
}

.login-denied__desc {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

@media(min-width:1140px) {
    .login-denied__desc {
        font-size: 16px;
        line-height: 24px
    }
}

.login-denied__step {
    position: relative;
    margin-bottom: 8px;
    padding-left: 28px;
    font-size: 14px;
    line-height: 20px
}

.login-denied__step:last-child {
    margin-bottom: 0
}

.login-denied__step:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--orange-500)
}

.login-denied__content {
    margin-bottom: 20px
}

@media(min-width:1140px) {
    .login-denied__content {
        margin-bottom: 28px
    }
}

.login-denied__code {
    font-weight: 700
}

.payout-cancel-popup__item {
    padding: 16px 0;
    border-bottom: 1px solid var(--gray-500-p-20)
}

.dark .payout-cancel-popup__item {
    border-color: var(--white-p-20)
}

.dark .payout-cancel-popup__item--confirm,
.payout-cancel-popup__item--confirm {
    border-color: var(--orange-500)
}

.payout-cancel-popup__item--processing {
    padding: 14px 0
}

.payout-cancel-popup__item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px
}

.payout-cancel-popup__item--confirm .payout-cancel-popup__item-inner {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start
}

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

.dark .payout-cancel-popup__item-sum {
    color: var(--white)
}

.payout-cancel-popup__alert {
    display: flex;
    padding-top: 8px;
    gap: 8px
}

.payout-cancel-popup__alert-ic-wr {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.payout-cancel-popup__alert-ic {
    width: 20px;
    height: auto;
    color: var(--red-500)
}

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

.dark .payout-cancel-popup__alert-text {
    color: var(--white-p-80)
}

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

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

.dark .payout-cancel-popup__confirm {
    background-color: var(--blue-dark-450)
}

.payout-cancel-popup__confirm-text {
    display: block;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-500)
}

.dark .payout-cancel-popup__confirm-text {
    color: var(--white)
}

.payout-cancel-popup__confirm-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 8px
}

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

.payout-cancel-popup__status {
    display: flex;
    align-items: center;
    gap: 4px
}

.payout-cancel-popup__status-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-500);
    color: var(--pink500)
}

.dark .payout-cancel-popup__status-text {
    color: var(--white)
}

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

.payout-cancel-popup__status-ic {
    width: 22px;
    height: 22px;
    color: var(--pink500)
}

@media(min-width:1140px) {
    .payout-cancel-popup {
        position: absolute;
        left: 50%;
        transform: translateX(-63%);
        top: calc(100% + 11px);
        width: 442px;
        padding: 40px;
        border-radius: 20px;
        background-color: var(--white);
        box-shadow: var(--big-notification-shadow);
        z-index: 1
    }

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

    .dark .payout-cancel-popup {
        background-color: var(--blue-dark-400)
    }

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

    .dark .payout-cancel-popup:before {
        background-color: var(--blue-dark-400)
    }
}

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

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

@media(min-width:1140px) {
    .payout-cancel-popup__items {
        margin-bottom: 28px;
        max-height: 346px;
        overflow-y: auto
    }

    .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: 16px;
    padding: 8px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--gray-500);
    color: var(--black-500)
}

.dark .payout-cancel-popup__title {
    color: var(--white)
}

@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: 16px 0 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--gray-500)
}

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

.dark .payout-cancel-popup__total-withdrawal-amount {
    color: var(--white)
}

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

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

.payout-cancel-popup__cancel-all-confirm-btns {
    display: flex;
    justify-content: space-between
}

.payout-cancel-popup__cancel-all-confirm-btn {
    width: calc(50% - 6px)
}

.payout-cancel-popup__cancel-all {
    transition-property: background-color, color
}

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

.support-widget {
    position: fixed;
    right: 20px;
    bottom: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    cursor: pointer;
    z-index: 11
}

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

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

.support-widget__icon {
    position: absolute;
    top: 22px;
    width: 26px;
    height: 27px;
    color: var(--gray-500)
}

.support-widget__text {
    top: 2px;
    height: 64px;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: var(--gray-500);
    max-width: 60px;
    text-align: center
}

.support-widget__animate,
.support-widget__text {
    position: absolute;
    display: flex;
    flex-direction: column
}

.support-widget__animate {
    bottom: 20px;
    padding: 8px;
    border-radius: 68px;
    border: 2px solid var(--gray-500-p-12);
    background-color: var(--white);
    box-shadow: var(--drop-shadow)
}

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

.support-widget__item,
.support-widget__item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.support-widget__item-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: var(--gray-500-p-08);
    border-radius: 50%
}

.no-touch .support-widget__item-wr:hover {
    background-color: var(--gray-500-p-12)
}

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

.support-widget__item-icon {
    width: 20px;
    height: 20px;
    color: var(--gray-500)
}

.support-widget__item-icon--telegram {
    width: 22px;
    height: 18px
}

.support-widget__item-icon--close {
    width: 10px;
    height: 10px
}

.support-widget__item-text {
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    color: var(--gray-500);
    text-align: center
}

.fade-widget-enter-active,
.fade-widget-leave-active {
    height: 240px;
    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-2: #0d1730;
    --black-2-p-0: rgba(13, 23, 48, 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);
    --gray-2: #f2f2f2;
    --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);
    --orange-odometer-digit: #ffcc56;
    --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%);
    --blue-purple-dark: #17172a;
    --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;
    --jackpot-gradient: linear-gradient(180deg, #ffe9ff, #fff 27.99%, #fff 78.38%, #fffbf0);
    --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 1px 16px 0 #fff;
    --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);
    --drop-down-shadow2-above: 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_notosans: "NotoSans", sans-serif;
    --menu-burger-width: 84px;
    --menu-burger-width-opened: 256px;
    --bottom-menu-height: 64px;
    --bottom-sheet-max-width: 576px;
    --menu-burger-bottom-bar-hegiht: 68px;
    --main-container-max-width: 1516px;
    --game-sidebar-width: 288px
}

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_notosans);
    font-size: 21px;
    line-height: 1.48;
    color: var(--gray-500);
    --record-winnings-animation-color: var(--white)
}

body.dark {
    background-color: var(--blue-dark-500) !important;
    color: var(--white);
    --record-winnings-animation-color: var(--blue-dark-450)
}

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

@media(min-width:1921px) {
    body {
        background-color: var(--white-500) !important
    }
}

a {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--orange-500);
    text-decoration: none
}

a.border:hover {
    text-decoration: underline
}

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

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

.default-ol li,
.default-ul li {
    margin-bottom: 12px
}

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

.default-ul li {
    position: relative;
    padding-left: 21px
}

.default-ul li:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 7px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--gray-500)
}

@media(min-width:1140px) {
    .default-ul li:before {
        top: 10px
    }
}

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

img {
    display: block;
    width: 100%
}

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

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

.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(--gray-400);
    font-weight: 500
}

.dark input::-webkit-input-placeholder {
    color: var(--white-p-60)
}

input::-moz-placeholder {
    color: var(--gray-400);
    font-weight: 500
}

.dark input::-moz-placeholder {
    color: var(--white-p-60)
}

input:-ms-input-placeholder {
    color: var(--gray-400);
    font-weight: 500
}

.dark input:-ms-input-placeholder {
    color: var(--white-p-60)
}

input:-moz-placeholder {
    color: var(--gray-400);
    font-weight: 500
}

.dark input:-moz-placeholder {
    color: var(--white-p-60)
}

input:focus::-webkit-input-placeholder {
    color: var(--white-p-30)
}

input:focus::-moz-placeholder {
    color: var(--white-p-30)
}

input:focus:-ms-input-placeholder {
    color: var(--white-p-30)
}

input:focus:-moz-placeholder {
    color: var(--white-p-30)
}

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

@media(min-width:1628px) {
    :root {
        --game-sidebar-width: 340px
    }
}

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

.dark .filter-stick {
    background-color: var(--blue-dark-500)
}

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

    .dark .filter-stick {
        background-color: var(--blue-dark-500)
    }

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

    .dark .filter-stick:after,
    .dark .filter-stick:before {
        content: none
    }

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

.vue-tooltip {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    max-width: 320px;
    padding: 6px 10px;
    border-radius: 3px;
    z-index: 100;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .4)
}

.vue-tooltip.vue-tooltip-hidden {
    transform: translateX(-100000px) !important
}

.vue-tooltip .vue-tooltip-content {
    text-align: center
}

.vue-tooltip .tooltip-arrow {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px
}

.vue-tooltip[x-out-of-boundaries] {
    display: none
}

.vue-tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.vue-tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-bottom-color: #000;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -5px;
    margin-top: 0;
    margin-bottom: 0
}

.vue-tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.vue-tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-top-color: #000;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -5px;
    margin-top: 0;
    margin-bottom: 0
}

.vue-tooltip[x-placement^=right] {
    margin-left: 5px
}

.vue-tooltip[x-placement^=right] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    margin-left: 0;
    margin-right: 0
}

.vue-tooltip[x-placement^=left] {
    margin-right: 5px
}

.vue-tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    margin-left: 0;
    margin-right: 0
}

@font-face {
    font-family: swiper-icons;
    src: url("2f0309d7fe92d81bb9d17d8382747c5001ce3520") 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% !important;
    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("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") !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
}

.vue-tooltip {
    max-width: 240px;
    padding: 16px;
    border-radius: 12px;
    background-color: var(--blue-dark-300);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 4px 15px 0 var(--black-500-p-20)
}

.profile-user-card__footer .vue-tooltip {
    white-space: nowrap
}

.vue-tooltip[x-placement^=top] {
    margin-bottom: 10px
}

.vue-tooltip[x-placement^=top] .tooltip-arrow {
    border-width: 10px 10px 0 10px;
    bottom: -10px;
    border-top-color: var(--blue-dark-300)
}

.vue-tooltip[x-placement^=bottom] {
    margin-top: 10px
}

.vue-tooltip[x-placement^=bottom] .tooltip-arrow {
    border-width: 0 10px 10px 10px;
    top: -10px;
    border-bottom-color: var(--blue-dark-300)
}

.vue-tooltip[x-placement^=left] {
    margin-right: 10px
}

.vue-tooltip[x-placement^=left] .tooltip-arrow {
    border-width: 10px 0 10px 10px;
    right: -10px;
    border-left-color: var(--blue-dark-300)
}

.vue-tooltip.tooltip-white {
    border-radius: 6px;
    padding: 25px;
    color: var(--white);
    background-color: var(--blue-dark-300)
}

.no-touch .vue-tooltip.tooltip-white {
    box-shadow: 0 6px 13px rgba(0, 0, 0, .28)
}

.vue-tooltip.tooltip-white[x-placement^=bottom] .tooltip-arrow {
    border-bottom-color: var(--blue-dark-300)
}

.vue-tooltip.tooltip-white[x-placement^=top] .tooltip-arrow {
    border-top-color: var(--blue-dark-300)
}

.vue-tooltip.tooltip-white[x-placement^=left] .tooltip-arrow {
    border-left-color: var(--blue-dark-300)
}

.vue-tooltip .info__header {
    font-weight: 600;
    margin-bottom: 16px
}

.vue-tooltip .info__body .info__body-text {
    margin-top: 0
}

.vue-tooltip .info__body .info__body-text:last-child {
    margin: 0
}

.vue-tooltip .info__body .info__body-text--promocode {
    display: flex;
    flex-wrap: wrap
}

.vue-tooltip .info__body .info__body-text--promocode p {
    width: 100%;
    margin-bottom: 16px
}

.vue-tooltip .info__body .info__body-text--promocode p:last-child {
    margin-bottom: 0
}

.vue-tooltip .info__body .info__body-number {
    width: 20px;
    color: var(--white);
    font-weight: 700;
    flex-shrink: 0
}

.vue-tooltip .info__body .info__body-desc {
    width: calc(100% - 20px);
    margin-bottom: 16px
}

.vue-tooltip .info__body .info__body-desc:last-child {
    margin-bottom: 0
}

.vue-tooltip .info__link {
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
    color: var(--white);
    border-bottom: 1px dashed;
    font-weight: 600
}

.games-list-card__stickers .vue-tooltip {
    width: auto;
    white-space: nowrap;
    font-size: 16px;
    padding: 15px 20px
}

.vue-tooltip.player-account-select__tooltip {
    max-width: 284px;
    background-color: var(--blue-dark-300);
    border-radius: 16px;
    box-shadow: none;
    font-size: 12px;
    line-height: 20px;
    padding: 24px;
    transform: translate3d(0, 60px, 0) !important
}

.vue-tooltip.player-account-select__tooltip .tooltip-arrow {
    top: -9px;
    left: auto !important;
    right: 12px;
    transform: rotate(180deg)
}

.vue-tooltip.player-account-select__tooltip[x-placement^=bottom],
.vue-tooltip.player-account-select__tooltip[x-placement^=top] {
    margin: 0
}

.vue-tooltip.player-account-select__tooltip[x-out-of-boundaries] {
    display: block
}

@media(max-width:639px) {
    .vue-tooltip.player-account-select__tooltip {
        left: auto !important;
        right: 0
    }
}

@media(min-width:640px) {
    .vue-tooltip.player-account-select__tooltip {
        transform: translate3d(212px, 60px, 0) !important
    }
}

@media(min-width:1140px) {
    .vue-tooltip.player-account-select__tooltip {
        transform: translate3d(305px, 60px, 0) !important
    }
}

.missing-data .vue-tooltip {
    padding: 16px;
    max-width: 264px;
    border-radius: 12px
}

.game-tournaments-slider__item-row .vue-tooltip {
    left: auto !important;
    top: 100% !important;
    right: -15px !important;
    transform: none !important;
    margin-top: 12px !important
}

.game-tournaments-slider__item-row .vue-tooltip .tooltip-arrow {
    left: auto !important;
    right: 12px !important
}

@media(min-width:1140px)and (max-width:1627px) {
    .game-tournaments-slider__item-row .vue-tooltip .tooltip-arrow {
        right: 7px !important
    }
}

@media(max-width:1139px) {
    .game-tournaments-slider__item-row .vue-tooltip {
        max-width: 200px;
        min-width: 200px;
        padding: 12px
    }
}

@media(min-width:1140px) {
    .game-tournaments-slider__item-row .vue-tooltip {
        max-width: 296px;
        min-width: 296px;
        padding: 20px
    }
}

@media(min-width:1140px)and (max-width:1627px) {
    .game-tournaments-slider__item-row .vue-tooltip {
        max-width: 280px;
        min-width: 280px;
        right: -10px !important
    }
}

.promo-slider__item__footer-strategy .vue-tooltip {
    left: auto !important;
    top: auto !important;
    bottom: 100% !important;
    right: -16px !important;
    transform: none !important;
    margin-bottom: 12px !important;
    max-width: 296px;
    min-width: 296px;
    padding: 20px
}

.promo-slider__item__footer-strategy .vue-tooltip .tooltip-arrow {
    left: auto !important;
    right: 12px !important
}

@media(max-width:1139px) {
    .promo-slider__item__footer-strategy .vue-tooltip .tooltip-arrow {
        right: 8px !important
    }
}

@media(max-width:1139px) {
    .promo-slider__item__footer-strategy .vue-tooltip {
        right: -12px !important;
        max-width: 266px;
        min-width: 266px
    }
}

.promo-slider__item--tournament .promo-slider__item__footer-strategy .vue-tooltip {
    left: -12px !important;
    right: unset !important
}

.promo-slider__item--tournament .promo-slider__item__footer-strategy .vue-tooltip .tooltip-arrow {
    left: 16px !important;
    right: auto !important
}

@media(min-width:640px) {
    .promo-slider__item--tournament .promo-slider__item__footer-strategy .vue-tooltip .tooltip-arrow {
        left: auto !important;
        right: 12px !important
    }
}

@media(min-width:640px) {
    .promo-slider__item--tournament .promo-slider__item__footer-strategy .vue-tooltip {
        right: -16px !important;
        left: auto !important
    }
}

.promo-event__top-strategy-name .vue-tooltip {
    left: auto !important;
    top: auto !important;
    bottom: 100% !important;
    right: -12px !important;
    transform: none !important;
    margin-bottom: 12px !important;
    max-width: 296px;
    min-width: 296px;
    padding: 20px;
    z-index: 1
}

.promo-event__top-strategy-name .vue-tooltip .tooltip-arrow {
    left: auto !important;
    right: 8px !important
}

@media(min-width:640px) {
    .promo-event__top-strategy-name .vue-tooltip .tooltip-arrow {
        right: 12px !important
    }
}

.payment-area-form__validate-card .vue-tooltip {
    margin-top: 12px;
    top: 100% !important;
    right: -20px !important;
    left: auto !important;
    width: 240px;
    transform: none !important
}

.payment-area-form__validate-card .vue-tooltip .tooltip-arrow {
    right: 17px !important;
    left: auto !important
}

.tooltip-icon-hint {
    width: unset
}

.no-touch .tooltip-icon-hint {
    box-shadow: 0 0 20px -2px rgba(0, 0, 0, .5)
}

.missing-data .tooltip-content {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.games-list-card .tooltip-content:first-letter {
    text-transform: uppercase
}

.native-tooltip {
    position: fixed;
    top: var(--topTooltip);
    left: var(--leftTooltip);
    width: var(--widthTooltip);
    margin-top: 10px;
    padding: 24px;
    border-radius: 16px;
    background: var(--blue-dark-300);
    text-align: left;
    z-index: 5;
    --topTooltip: 0;
    --leftTooltip: 0;
    --widthTooltip: 0;
    --tooltipTriangleLeft: 0
}

.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(--blue-dark-300)
}

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

.native-tooltip__head {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--gray-500)
}

.dark .native-tooltip__head {
    color: var(--white)
}

@media(min-width:640px) {
    .native-tooltip__head {
        color: var(--white)
    }
}

@media(max-width:1139px) {
    .bottom-sheet--profile .promocode-form__bottom-sheet .native-tooltip__head {
        padding: 0 24px
    }

    .promocode-form__bottom-sheet .native-tooltip__head {
        padding: 8px 0 0
    }
}

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

.dark .native-tooltip__body {
    color: var(--white)
}

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

@media(min-width:640px) {
    .native-tooltip__body {
        color: var(--white)
    }
}

@media(max-width:1139px) {
    .bottom-sheet--profile .promocode-form__bottom-sheet .native-tooltip__body {
        padding: 0 24px 24px
    }

    .promocode-form__bottom-sheet .native-tooltip__body {
        padding: 0
    }
}

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

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

.promocode-form__bottom-sheet-body {
    color: var(--gray-400)
}

.dark .promocode-form__bottom-sheet-body {
    color: var(--white)
}

.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 {
    position: absolute;
    right: -12px;
    top: 0;
    transform: translateX(100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: var(--gray-shadow);
    cursor: pointer
}

.no-touch .payment__close:hover {
    background-color: var(--orange-500)
}

.payment__close-ic {
    width: 14px;
    height: auto;
    color: var(--gray-500)
}

@media(max-width:1139px) {
    .dark .payment__close-ic {
        color: var(--white)
    }
}

.no-touch .custom-modal__close-wr:hover .payment__close-ic,
.no-touch .payment__close:hover .payment__close-ic {
    color: var(--white)
}

.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;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 12px;
    background-color: var(--gray-500-p-08);
    color: var(--gray-500);
    border-radius: 12px
}

.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;
    line-height: 20px;
    font-weight: 500
}

@media(min-width:640px) {
    .payment-modal__cashout-not-verify-text {
        font-size: 14px
    }
}

.payment-modal__cashout-not-verify-button {
    display: inline-flex;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 4px;
    color: var(--gray-500);
    text-decoration: underline
}

.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("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 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
    }

    .vue-notification-group--menu-closed .vue-notification-group {
        left: var(--menu-burger-width) !important;
        padding: 0 32px;
        display: block
    }

    .vue-notification-group--menu-closed .vue-notification-group .vue-notification-wrapper {
        width: auto !important
    }
}

@media(min-width:640px)and (min-width:1628px) {
    .vue-notification-group--menu-closed .vue-notification-group {
        padding: 0 74px 0 32px;
        max-width: none
    }
}

@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: 16px;
    box-shadow: var(--drop-down-shadow);
    background-color: var(--white)
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification-inner {
        border-radius: 20px
    }
}

.vue-notification-group .vue-notification-template {
    display: flex !important;
    align-items: center;
    max-width: 431px
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification-template {
        min-width: 431px
    }
}

.vue-notification-group .vue-notification {
    position: relative;
    padding: 12px 50px 16px 16px !important;
    margin: 0 0 20px !important;
    border: none !important;
    overflow: hidden;
    background: none !important;
    border-radius: 16px
}

.vue-notification-group .vue-notification:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: var(--yellow-500) url("283cf5a3f066cadcc034a1ac7a4b9c11da607bc9.webp") no-repeat 50% 50%;
    background-size: 3px auto;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: 16px;
    box-shadow: var(--yellow-light-shadow)
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification:before {
        width: 40px;
        height: 40px;
        background-size: 4px auto;
        margin-right: 20px
    }
}

.vue-notification-group .vue-notification:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: var(--gray-400-p-50);
    animation: progress var(--duration, 5.6s) 1 linear
}

.vue-notification-group .vue-notification.error:before {
    box-shadow: var(--red-light-shadow);
    background-image: url("1e7b7cbecdcfb368554d7bab49cb95cb5a4bb1ef.webp");
    background-color: var(--red-500)
}

.vue-notification-group .vue-notification.brown:before,
.vue-notification-group .vue-notification.white:before {
    display: none
}

.vue-notification-group .vue-notification.success:before {
    box-shadow: var(--green-light-shadow);
    background-image: url("f03e2cc7005699ca9b21f685d37b36890c7c83e0.webp");
    background-size: 16px auto;
    background-color: var(--green-500)
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification.success:before {
        background-size: 18px auto
    }
}

.vue-notification-group .vue-notification.info:before {
    box-shadow: var(--blue-light-shadow);
    background-image: url("c551dc7d404c75317dc9fa61e937c821ec0f96a2.webp");
    background-color: var(--blue-500)
}

.vue-notification-group .vue-notification.offline {
    padding-bottom: 12px;
    background-color: var(--white) !important;
    box-shadow: var(--drop-down-shadow);
    color: var(--gray-500);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px
}

.vue-notification-group .vue-notification.offline:before {
    background-image: url("feee44a34c7ad3a0ddecf06557e8d28cb822d70d.webp");
    background-size: 20px auto;
    background-color: var(--gray-500-p-20);
    box-shadow: none
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification.offline:before {
        background-size: 22px auto
    }
}

.vue-notification-group .vue-notification.offline:after {
    display: none
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification.offline {
        padding-bottom: 20px;
        font-size: 16px;
        line-height: 24px
    }
}

.vue-notification-group .vue-notification a {
    color: var(--gray-500);
    text-decoration: underline
}

@media(min-width:640px) {
    .vue-notification-group .vue-notification {
        padding: 20px 70px 24px 24px;
        border-radius: 20px
    }
}

.notification-wrapper {
    overflow: visible !important;
    padding: 0 10px 10px !important
}

.vue-notification__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 21px;
    display: flex;
    cursor: pointer;
    z-index: 1
}

.vue-notification__close.offline {
    display: none
}

@media(min-width:640px) {
    .vue-notification__close {
        right: 35px
    }
}

.vue-notification__close-icon {
    width: 14px;
    height: 14px;
    color: var(--gray-500)
}

.vue-notification-customButton {
    font-size: 12px;
    color: var(--gray-500);
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 600;
    line-height: 1.66
}

@media(min-width:640px) {
    .vue-notification-customButton {
        font-size: 14px;
        line-height: 1.42
    }
}

.notification-title {
    color: var(--gray-500);
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.42;
    margin-bottom: 4px
}

@media(min-width:640px) {
    .notification-title {
        font-size: 16px;
        line-height: 1.5
    }
}

.notification-text {
    color: var(--gray-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42
}

.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: 6px;
    width: 6px;
    border-radius: 3px;
    background-color: var(--gray-500-p-20)
}

.bottom-sheet .vb-dragger,
.custom-adaptive-modal .vb-dragger,
.play__iframe .vb-dragger {
    display: none
}

.custom-modal--authorized .vb-dragger,
.custom-modal--registration .vb-dragger,
.custom-modal--signin .vb-dragger {
    background-color: transparent
}

.bottom-sheet--bonuses-list .vb-dragger {
    display: block;
    background-color: var(--blue-500-p-20);
    border-radius: 2px
}

.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,
.gender-radio__item {
    display: flex;
    align-items: center
}

.gender-radio__item {
    position: relative;
    gap: 8px;
    margin-right: 20px;
    min-height: 48px;
    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
}

@media(max-width:1139px) {
    .personal-data-wrap_reverse .gender-radio__item {
        flex-direction: row-reverse
    }
}

.gender-radio__button-wr {
    width: 24px;
    height: 24px
}

.gender-radio__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid var(--gray-500-p-40);
    cursor: pointer
}

.dark .gender-radio__button {
    border-color: var(--white-p-20)
}

.gender-radio__button.check {
    background: var(--orange-500)
}

.gender-radio__button.check:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 8px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    margin: 0 -3px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%)
}

.gender-radio__button.active {
    background: var(--orange-500) !important;
    border: none
}

.gender-radio__button.active:before {
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 5px;
    height: 8px;
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    margin: 0 -3px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%)
}

.gender-radio__label {
    transition: all .2s ease-out;
    z-index: 1;
    color: var(--gray-500)
}

.dark .gender-radio__label {
    color: var(--white)
}

.gender-radio__label-text {
    display: flex;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.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 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    overflow: hidden
}

.country-select--opened .country-select__flag {
    z-index: 1
}

.country-select__flag-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    box-shadow: var(--small-gray-shadow);
    object-fit: cover
}

.country-select__selected {
    display: flex;
    align-items: center;
    padding: 12px 36px 12px 44px;
    cursor: pointer;
    width: 100%;
    height: 48px;
    border-radius: 16px;
    border: 2px solid var(--gray-500-p-40);
    background-color: var(--white);
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    transition: all .2s ease-out
}

.dark .country-select__selected {
    color: var(--white);
    caret-color: var(--white);
    background-color: var(--blue-dark-500)
}

.no-touch .country-select__selected:hover:not(.country-select--opened .country-select__selected, .country-select--disabled .country-select__selected) {
    border-color: var(--gray-500)
}

.country-select--disabled .country-select__selected {
    cursor: default
}

.country-select--opened .country-select__selected {
    border-color: transparent
}

@media(min-width:640px) {
    .country-select--opened .country-select__selected:before {
        content: "";
        position: absolute;
        left: -4px;
        top: -4px;
        width: calc(100% + 8px);
        height: 56px;
        border-radius: 16px 16px 0 0;
        box-shadow: var(--drop-down-shadow);
        pointer-events: none
    }

    .dark .country-select--opened .country-select__selected:before {
        background-color: var(--blue-dark-500)
    }

    .country-select--opened .country-select__selected.country-select__selected--no-results:before {
        content: none
    }
}

.country-select__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.country-select__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

.country-select__arrow-icon {
    width: 12px;
    height: auto;
    color: var(--gray-500);
    transition: transform .2s ease-out
}

.country-select__arrow-up .country-select__arrow-icon {
    transform: rotate(180deg)
}

.dark .country-select__arrow-icon {
    color: var(--white)
}

.country-select__header {
    margin-bottom: 20px
}

.country-select__label {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: var(--gray-500);
    margin-bottom: 16px;
    padding: 8px 0
}

.dark .country-select__label {
    color: var(--white)
}

.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: 19px;
    color: var(--gray-500)
}

.dark .country-select__search-input-icon {
    color: var(--white)
}

@media(min-width:640px) {
    .country-select__search-input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.country-select__options-scroll {
    overflow: auto
}

.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__options-scroll {
        position: absolute;
        left: -4px;
        top: calc(100% + 4px);
        width: calc(100% + 8px);
        max-height: 280px;
        border-radius: 0 0 16px 16px;
        box-shadow: var(--drop-down-shadow2);
        background-color: var(--white);
        z-index: 1
    }

    .dark .country-select__options-scroll {
        background-color: var(--blue-dark-500)
    }
}

.country-select__option {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 8px 0;
    cursor: pointer
}

.country-select__option:last-child {
    margin-bottom: 0
}

.no-touch .country-select__option:hover {
    background-color: var(--gray-500-p-6) !important
}

.dark .no-touch .country-select__option:hover {
    background-color: var(--gray-500-p-08) !important
}

@media(min-width:640px) {
    .country-select__option {
        padding: 8px 16px
    }
}

.country-select__options-image {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    box-shadow: var(--small-gray-shadow);
    object-fit: cover;
    margin-right: 12px
}

.country-select__option-label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-500);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.dark .country-select__option-label {
    color: var(--white)
}

.active .country-select__option-label {
    color: var(--orange-500)
}

.main-wrapper {
    height: unset !important
}

@media(min-width:1921px) {
    .main-wrapper {
        max-width: 1920px;
        margin: 0 auto
    }

    .dark .main-wrapper {
        background-color: var(--blue-dark-500)
    }

    .main-wrapper:before {
        content: "";
        display: block;
        width: 1920px;
        height: 100vh;
        background-color: var(--white);
        position: fixed;
        top: 0
    }

    .dark .main-wrapper:before {
        background-color: var(--blue-dark-500)
    }

    .main-wrapper.game-page:before {
        content: none
    }
}

.main-wr {
    min-height: 100vh;
    margin-top: 70px
}

.game-page .main-wr {
    margin: 0
}

@media(min-width:640px) {
    .main-wr {
        margin-top: 85px
    }
}

@media(min-width:1140px) {
    .main-wr {
        margin: 92px 0 0 var(--menu-burger-width)
    }

    .menu-opened .main-wr {
        margin: 92px 0 0 var(--menu-burger-width-opened)
    }

    .main-wr.static-page {
        margin-left: calc(var(--menu-burger-width) + 32px)
    }

    .menu-opened .main-wr.static-page {
        margin-left: calc(var(--menu-burger-width-opened) + 32px)
    }

    .game-page .main-wr {
        margin: 0
    }
}

@media(min-width:1628px) {
    .main-wr {
        margin: 108px 0 0 var(--menu-burger-width);
        padding: 0 74px 0 32px
    }

    .menu-opened .main-wr {
        margin: 108px 0 0 var(--menu-burger-width-opened);
        padding: 0 74px
    }

    .game-page .main-wr {
        margin: 0
    }
}

@media(min-width:1921px) {
    .main-wr {
        margin-top: 108px
    }

    .menu-opened .main-wr {
        padding: 0;
        margin-top: 108px
    }
}

.sport-page .main-wr {
    margin: 0;
    padding: 0
}

@media(max-width:639px) {
    .sport-page .main-wr {
        padding-top: 60px
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .sport-page .main-wr {
        padding-top: 80px
    }
}

@media(min-width:1140px) {
    .sport-page .main-wr {
        padding-top: 92px;
        margin-left: var(--menu-burger-width)
    }
}

@media(min-width:1628px) {
    .sport-page .main-wr {
        padding-top: 108px
    }
}

@media(min-width:1140px) {
    .sport-page.menu-opened .main-wr {
        margin-left: var(--menu-burger-width-opened)
    }
}

.main-wr--not-found {
    overflow: hidden
}

@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;
    max-width: var(--main-container-max-width);
    margin: 0 auto;
    padding: 0 12px
}

@media(min-width:640px) {
    .main {
        padding: 0 32px
    }
}

@media(min-width:1140px) {
    .game-page .main {
        opacity: 0
    }
}

@media(min-width:1628px) {
    .main {
        padding: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.currency-jpy .currency-content.jpy {
    display: inline !important
}

.currency-jpy .drum-title .currency-content.jpy {
    display: block !important
}

.currency-jpy .currency-content.default:not(.jpy) {
    display: none !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
}

.content-game-currency-jpy .game-currency-content.jpy {
    display: inline !important
}

.content-game-currency-jpy .drum-title .game-currency-content.jpy {
    display: block !important
}

.content-game-currency-jpy .game-currency-content.default:not(.jpy) {
    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
}

.game-currency-jpy .currency-content.jpy {
    display: inline !important
}

.game-currency-jpy .drum-title .currency-content.jpy {
    display: block !important
}

.game-currency-jpy .currency-content.default:not(.jpy) {
    display: none !important
}

.currency-icon {
    border-radius: 50%;
    background-color: var(--gray-500)
}

.dark .currency-icon,
.payment__tab.active .currency-icon {
    background-color: var(--orange-500)
}

.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: 100%;
    color: var(--gray-500);
    background-color: var(--white);
    box-shadow: var(--gray-shadow);
    opacity: 0;
    visibility: hidden;
    transition: .15s ease-out
}

.no-touch .swiper-button-next:hover,
.no-touch .swiper-button-prev:hover {
    background-color: var(--orange-500);
    color: var(--white)
}

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

.swiper-button-next .icon,
.swiper-button-prev .icon {
    height: 12px;
    width: 7px
}

.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 {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 100%;
    margin-right: 6px;
    background-color: var(--gray-500-p-60);
    opacity: .2;
    transition: width .2s ease-in-out
}

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

.dark .main-slider__wrapper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: var(--white-p-60)
}

@media(min-width:640px) {
    .main-slider__wrapper .swiper-pagination-bullet {
        margin-right: 10px
    }
}

@media(min-width:1140px) {
    .main-slider__wrapper .swiper-pagination-bullet {
        width: 7px;
        height: 7px
    }
}

.main-slider__wrapper .swiper-pagination-bullet-active {
    width: 32px;
    border-radius: 16px;
    background-color: var(--orange-500);
    opacity: 1
}

@media(min-width:1140px) {
    .main-slider__wrapper .swiper-pagination-bullet-active {
        width: 48px
    }
}

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

.dark .filter-button__icon {
    color: var(--white)
}

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

.dark .filters-header__title {
    color: var(--white)
}

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

.dark .filters-header__clear {
    color: var(--white)
}

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