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

.custom-modal--balance .custom-modal__inner,
.custom-modal--bonuses .custom-modal__inner,
.custom-modal--cashout .custom-modal__inner,
.custom-modal--deposit .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: var(--colors-base-no-color);
    padding: var(--header-height);
    z-index: 100 !important
}

@media (min-width:1140px) {
    .custom-modal--show-all-modal {
        top: var(--header-height)
    }
}

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

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

@media (max-width:1139px) {

    .custom-modal--authorized.custom-modal--balance,
    .custom-modal--authorized.custom-modal--deposit {
        z-index: 10011
    }
}

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

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

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

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

.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 {
        background-color: var(--backgrounds-a);
        left: 0;
        padding: 0;
        top: 50px
    }
}

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

@media (max-width:1139px) {

    .custom-modal--cancel-bonus-modal,
    .custom-modal--cancelled-bonus-amount {
        padding: 0;
        position: static
    }

    .custom-modal--cashout-alert {
        z-index: 10012
    }
}

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

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

@media (min-width:1628px) {
    .custom-modal--cashout-alert {
        padding: 56px 0
    }
}

@media (min-width:1140px) {
    .custom-modal--cashout-alert .custom-modal__inner {
        overflow: visible !important
    }
}

@media (max-width:1139px) {

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

    .custom-modal--account-temporarily-blocked-by-phone {
        padding-top: 0;
        position: static
    }
}

@media (min-width:1140px) {
    .custom-modal--account-temporarily-blocked-by-phone {
        align-items: center
    }
}

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

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

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

.custom-modal--account-temporarily-blocked .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 {
        margin: auto;
        max-width: 500px;
        width: 100%
    }

    .custom-modal--account-temporarily-blocked .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 {
        display: none
    }

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

    .custom-modal--account-temporarily-blocked .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--partners-contest-stream-winners-list,
    .custom-modal--partners-contests-contest-details {
        background-color: transparent;
        display: block;
        padding: 0;
        position: static
    }

    .custom-modal--partners-contests-confirmation-modal-popup {
        background-color: transparent;
        display: block;
        padding-top: 0;
        position: static
    }
}

.custom-modal--payment-iframe {
    padding-top: var(--header-height)
}

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

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

@media (min-width:640px) and (max-width:1139px) and (orientation:landscape) {
    .custom-modal--payment-iframe {
        padding: 20px 0
    }
}

@media (max-width:1139px) {
    .custom-modal--email-one-time-password .custom-modal__inner {
        width: 100%
    }

    .custom-modal--email-one-time-password .custom-modal__inner>.vb-content {
        padding-right: 0 !important;
        width: 100% !important;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
}

@media (max-width:1139px) {
    .custom-modal--email-one-time-password .custom-modal__inner>.vb-content::-webkit-scrollbar {
        display: none
    }
}

@media (max-width:1139px) {
    .custom-modal--email-one-time-password {
        padding: 0
    }

    .custom-modal--rakeback-award,
    .custom-modal--rakeback-info {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        padding: 0
    }
}

@media (min-width:640px) {

    .custom-modal--registration,
    .custom-modal--signin {
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .custom-modal--registration::-webkit-scrollbar,
    .custom-modal--signin::-webkit-scrollbar {
        display: none
    }

    .custom-modal--registration .custom-modal__inner,
    .custom-modal--signin .custom-modal__inner {
        overflow: visible !important
    }

    .custom-modal--registration .custom-modal__inner .vb-content,
    .custom-modal--signin .custom-modal__inner .vb-content {
        height: auto !important;
        overflow: visible !important
    }

    .custom-modal--registration .custom-modal__inner-wr,
    .custom-modal--signin .custom-modal__inner-wr {
        max-height: none !important
    }
}

.error-block {
    align-items: center;
    background-image: url(/img/not-found/error-bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--spacings-xl)*2);
    height: calc(100dvh - var(--spacings-xl)*2);
    justify-content: center;
    margin: var(--spacings-xl) var(--spacings-page-paddings)
}

.no-webp .error-block {
    background-image: url(/img/not-found/error-bg.jpg)
}

@media (min-width:640px) {
    .error-block {
        border-radius: var(--roundings-l)
    }
}

.error-block__image {
    margin-bottom: 8px;
    max-width: 310px
}

@media (min-width:640px) {
    .error-block__image {
        max-width: 471px
    }
}

@media (min-width:1140px) {
    .error-block__image {
        max-width: 558px
    }
}

@media (min-width:1628px) {
    .error-block__image {
        margin-bottom: 24px;
        max-width: 696px
    }
}

.error-block__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl)
}

@media (max-width:639px) {
    .error-block__content {
        padding: 0 12px
    }
}

.error-block__content-block {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:640px) {
    .error-block__content-block {
        margin: 0 auto;
        max-width: 580px
    }
}

@media (min-width:1140px) {
    .error-block__content-block {
        max-width: 596px
    }
}

@media (min-width:1628px) {
    .error-block__content-block {
        max-width: 800px
    }
}

.error-block__title {
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
    text-align: center
}

.error-block__text {
    color: var(--text-description-a);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 8px;
    text-align: center
}

.error-block__btn[disabled] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.error-block__btn-time {
    margin-left: 4px;
    min-width: 44px;
    text-align: center
}

.error-block__notice {
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 auto;
    text-align: center
}

.micro-app-messenger-container-flex {
    z-index: 0
}

.top-bar-fake {
    padding-top: var(--header-height)
}

.top-bar {
    background-color: var(--backgrounds-a);
    border-radius: 0 0 12px 12px;
    position: fixed;
    top: 0;
    transition: all .2s ease-out;
    width: 100%;
    z-index: var(--top-bar-layer)
}

@media (min-width:1140px) {
    .top-bar {
        margin-left: calc(100% - var(--content-width) + var(--window-gap));
        width: calc(var(--content-width) - var(--window-gap)*2)
    }
}

.game-info .top-bar,
body:has(.group-filters--stickied) .top-bar {
    border-radius: 0
}

body:has(.games-sort-page--recently-played-page) .top-bar {
    border-radius: 0 0 12px 12px
}

body:has(.play) .top-bar {
    background-color: var(--backgrounds-b)
}

.top-bar--game,
.top-bar--scrolled {
    background-color: var(--backgrounds-b)
}

.top-bar--high-index-for-mobile {
    z-index: 102
}

.top-bar--visible {
    transform: translateY(0)
}

.top-bar--hidden {
    transform: translateY(calc(var(--top-bar-height)*-1))
}

.top-bar__app-prompt {
    position: relative;
    transition: all .2s ease-out;
    z-index: 1
}

.top-bar--hidden .top-bar__app-prompt {
    transform: translateY(var(--top-bar-height))
}

.top-bar__wrapper {
    padding: 0 var(--spacings-page-paddings)
}

@media (min-width:1140px) {
    .top-bar__wrapper {
        padding-inline: calc(var(--spacings-page-paddings) - var(--window-gap))
    }
}

.top-bar__container {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: var(--main-container-max-width);
    min-height: var(--top-bar-height);
    padding: 8px 0;
    position: relative;
    transition: all .2s ease-out;
    width: 100%
}

@media (min-width:1140px) {
    .top-bar__container {
        gap: 8px;
        min-height: calc(var(--top-bar-height) + 12px)
    }
}

@media (min-width:1628px) {
    .top-bar__container {
        gap: 12px
    }
}

@media (min-width:1140px) {
    .top-bar--scrolled .top-bar__container {
        min-height: var(--top-bar-height)
    }
}

.top-bar__logo {
    flex-shrink: 0;
    margin-right: auto;
    position: relative
}

.top-bar__logo:after {
    background-image: url(/img/new-year/logo.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 30px;
    left: -6px;
    pointer-events: none;
    position: absolute;
    top: -17px;
    width: 30px
}

.no-webp .top-bar__logo:after {
    background-image: url(/img/new-year/logo.png)
}

@media (min-width:1140px) {
    .top-bar__logo:after {
        height: 34px;
        left: -4px;
        top: -17px;
        width: 34px
    }
}

.top-bar__logo-img {
    height: 32px;
    width: auto
}

@media (min-width:1140px) {
    .top-bar__logo-img {
        height: 40px
    }
}

.top-bar__search {
    display: none
}

@media (min-width:1140px) {
    .top-bar__search {
        align-items: center;
        background: var(--backgrounds-d);
        border: 1px solid var(--border-a);
        border-radius: 12px;
        color: var(--text-description-b);
        display: flex;
        flex-grow: 1;
        font-size: 14px;
        font-weight: 600;
        gap: 10px;
        height: 56px;
        justify-content: space-between;
        line-height: 20px;
        min-width: 0;
        padding: 8px 18px 8px 19px;
        text-transform: uppercase;
        transition: all .2s ease-out
    }

    .no-touch .top-bar__search:hover {
        border-color: var(--colors-base-white-30);
        color: var(--text-text)
    }
}

.top-bar__search-icon {
    color: var(--icons-c);
    flex-shrink: 0;
    height: auto;
    width: 18px
}

.top-bar__search-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:1140px) {
    .top-bar__logo--sport {
        margin-right: 0
    }

    .top-bar__sport-page-bonuses-btn {
        margin-right: auto
    }
}

.main--preloader {
    height: 100%
}

.home-bg-section {
    padding-top: var(--spacings-l);
    position: relative
}

@media (min-width:640px) {
    .home-bg-section {
        padding-bottom: var(--spacings-xs)
    }
}

@media (min-width:1140px) {
    .home-bg-section {
        padding: var(--spacings-m) var(--spacings-page-paddings)
    }
}

@media (min-width:1920px) {
    .home-bg-section {
        margin: 0 calc(var(--spacings-page-paddings)*-1)
    }
}

.home-bg-section:before {
    background-image: url(/img/new-year/garland.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1450px 100%;
    height: 32px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: -10px;
    transform: translate(-50%);
    width: 100%;
    z-index: 6
}

.no-webp .home-bg-section:before {
    background-image: url(/img/new-year/garland.png)
}

@media (max-width:1139px) {
    .home-bg-section:before {
        content: ""
    }
}

@media (min-width:640px) {
    .home-bg-section:before {
        top: -12px
    }
}

.home-bg-section__winners {
    margin-inline: auto;
    max-width: var(--main-container-max-width);
    position: relative
}

.home-bg-section__winners:before {
    background-image: url(/img/bg/bg_green.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.no-webp .home-bg-section__winners:before {
    background-image: url(/img/bg/bg_green.jpg)
}

.home-bg-section__winners-line {
    margin-inline: calc(var(--spacings-page-paddings)*-1)
}

@media (min-width:1140px) {
    .home-bg-section__winners-line {
        margin-inline: calc(var(--spacings-xl)*-1)
    }
}

.home-bg-section__preloader {
    margin: 50px 0
}

.grecaptcha-badge {
    display: none !important
}

.promo-jackpot-wr {
    display: flex;
    gap: var(--spacings-s);
    margin-bottom: var(--spacings-s)
}

@media (max-width:1139px) {
    .promo-jackpot-wr {
        flex-direction: column
    }
}

@media (min-width:1140px) {
    .promo-jackpot-wr {
        flex-wrap: wrap
    }

    .promo-jackpot-wr>div {
        flex: 1 0 500px
    }
}

@media (max-width:1139px) {
    .seo-block {
        margin-top: var(--spacings-xs)
    }
}

@media (min-width:1140px) {
    .seo-block {
        margin-top: var(--spacings-m)
    }
}

.seo-block-content {
    padding: var(--spacings-page-paddings) var(--spacings-page-paddings) 105px
}

@media (min-width:1140px) {
    .seo-block-content {
        padding-bottom: var(--spacings-page-paddings)
    }
}

.seo-block-content h1,
.seo-block-content h2,
.seo-block-content h3 {
    color: var(--text-description-a);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: var(--spacings-m) 0 var(--spacings-xs) 0
}

.seo-block-content h1:first-child,
.seo-block-content h2:first-child,
.seo-block-content h3:first-child {
    margin-top: 0
}

.seo-block-content__p {
    color: var(--text-description-b);
    margin-bottom: var(--spacings-xs)
}

@media (max-width:1139px) {
    .seo-block-content__p {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (min-width:1140px) {
    .seo-block-content__p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

.seo-block-content__p:last-child {
    margin-bottom: 0
}

.seo-block__ul {
    margin-bottom: var(--spacings-m)
}

.seo-block__ul:last-child {
    margin-bottom: 0
}

.seo-block__ul-li {
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: var(--spacings-xs);
    padding-left: 21px;
    position: relative
}

.seo-block__ul-li:before {
    background-color: var(--text-description-a);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 8px;
    position: absolute;
    top: 10px;
    width: 4px
}

.seo-block__ul-li:last-child {
    margin-bottom: 0
}

.seo-table {
    margin-bottom: var(--spacings-xs)
}

.seo-table:last-child {
    margin-bottom: 0
}

.seo-table td {
    padding: 8px
}

.seo-block-content__casino-links {
    color: var(--text-description-b);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: var(--spacings-m)
}

@media (max-width:1139px) {
    .seo-block-content__casino-links {
        font-size: 12px;
        font-weight: 500;
        line-height: 20px
    }
}

@media (min-width:1140px) {
    .seo-block-content__casino-links {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px
    }
}

.micro-app-support-container {
    z-index: 100500 !important
}

.activator-button {
    display: none
}

.support-widget {
    align-items: center;
    bottom: 79px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: fixed;
    right: 50px;
    width: 64px;
    z-index: 35
}

@media (min-width:1628px) {
    .support-widget {
        bottom: 47px;
        right: 73px
    }
}

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

.support-widget__icon-wr {
    height: 44px;
    position: absolute;
    top: 10px;
    width: 44px
}

.no-touch .support-widget__wr:hover .support-widget__icon-wr {
    opacity: 0
}

.support-widget__icon {
    color: var(--buttons-icon-primary-icon-default);
    height: auto;
    width: 22px
}

.support-widget__text {
    color: var(--text-text-invert);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    max-width: 64px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 25px
}

.no-touch .support-widget__wr:hover .support-widget__text {
    opacity: 1
}

.support-widget__text span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.support-widget__animate {
    background-color: var(--white);
    border-radius: 12px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    padding: 10px 8px;
    position: absolute
}

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

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

.support-widget__item,
.support-widget__item-link {
    align-items: center;
    display: flex;
    flex-direction: column
}

.support-widget__item-wr {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.support-widget__item-wr--live-chat {
    background-color: var(--colors-global-accent-e)
}

.no-touch .support-widget__item:hover .support-widget__item-wr--live-chat {
    background: linear-gradient(90deg, #00b26e 0, #009141 83%), var(--colors-global-accent-e)
}

.support-widget__item-wr--telegram {
    background-color: var(--colors-global-accent-c)
}

.no-touch .support-widget__item:hover .support-widget__item-wr--telegram {
    background: linear-gradient(90deg, #0c80df 0, #123cf7), var(--backgrounds-g-50)
}

.support-widget__item-wr--close {
    border-radius: var(--buttons-s-radius);
    height: 40px;
    transition: background .2s ease-out;
    width: 40px
}

.no-touch .support-widget__item-wr--close:hover {
    background-color: var(--buttons-icon-secondary-d-bg-hover)
}

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

.support-widget__item-wr--live-chat .support-widget__item-icon {
    padding: 1px
}

.support-widget__item-wr--telegram .support-widget__item-icon {
    padding: 3px 2px
}

.support-widget__item-wr--close .support-widget__item-icon {
    color: var(--icons-b);
    padding: 2px
}

.support-widget__item-icon--telegram {
    height: 18px;
    width: 22px
}

.support-widget__item-icon--close {
    height: 10px;
    width: 10px
}

.support-widget__item-text {
    color: var(--text-text-invert);
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

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

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

.nuxt-icon {
    height: 1em;
    margin-bottom: .125em;
    vertical-align: middle;
    width: 1em
}

.nuxt-icon--fill,
.nuxt-icon--fill * {
    fill: currentColor
}

@media (min-width:1140px) {
    .menu-burger {
        background-color: var(--backgrounds-b);
        bottom: 0;
        padding: 0 var(--spacings-s);
        position: fixed;
        top: 0;
        width: var(--sidebar-left);
        z-index: 10002
    }
}

.menu-burger--small {
    padding: 10px 6px;
    width: auto
}

.menu-burger__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: var(--spacings-xl) var(--spacings-xl) 0
}

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

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

@media (min-width:1140px) {
    .menu-burger__inner {
        display: grid;
        padding: var(--spacings-s) 0
    }
}

.menu-burger--small .menu-burger__inner {
    height: calc(100% - 44px);
    overflow: visible
}

@media (min-width:1140px) {
    .menu-burger--small .menu-burger__inner {
        display: flex;
        height: calc(100% - 48px);
        padding: 0
    }
}

@media (min-width:1140px) and (max-height:680px) {
    .menu-burger--small .menu-burger__inner--top {
        border-radius: 8px;
        overflow-y: auto
    }

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

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

@media (min-width:1140px) {
    .menu-burger__inner--bottom {
        align-self: end
    }

    .menu-burger--small .menu-burger__inner--bottom {
        align-self: auto;
        flex-shrink: 0;
        margin-top: auto;
        padding-top: 8px
    }
}

.menu-burger__btn {
    align-items: center;
    background-color: var(--backgrounds-b);
    border: none;
    border-radius: 0 30px 30px 0;
    box-shadow: 0 -1px 0 0 var(--backgrounds-b), 0 1px 0 0 var(--backgrounds-b);
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 10px 10px 10px 0;
    position: absolute;
    right: -30px;
    top: 65px;
    transition: all .2s ease-out;
    width: 30px;
    z-index: 1
}

body:has(.top-bar--scrolled) .menu-burger__btn {
    top: calc(var(--header-height, 86px) + var(--filters-height, 0px) + 8px)
}

.no-touch .menu-burger__btn:hover {
    padding-left: 10px;
    right: -40px;
    width: 40px
}

.menu-burger--small .menu-burger__btn {
    border-radius: var(--buttons-s-radius);
    box-shadow: none;
    height: 40px;
    margin: 0 auto 8px;
    padding: var(--buttons-icon-s);
    position: static;
    transform: none;
    width: 40px
}

.no-touch .menu-burger--small .menu-burger__btn:hover {
    background-color: var(--buttons-icon-secondary-d-bg-hover)
}

.menu-burger__btn:after,
.menu-burger__btn:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDE0Ij48Zm9yZWlnbk9iamVjdCB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIHg9Ii00MCIgeT0iLTQwIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2Ryb3AtZmlsdGVyOmJsdXIoMjBweCk7Y2xpcC1wYXRoOnVybCgjYSk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSIvPjwvZm9yZWlnbk9iamVjdD48cGF0aCBmaWxsPSIjMTgxZTI5IiBkPSJtMTQgMTMuOTk2LS4zMDUuMDA0QzYuMTMyIDE0IDAgNy44NjggMCAuMzA1UTAgLjE1Mi4wMDQgMEgwdjE0aDE0eiIgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNDAiLz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSI+PHBhdGggZD0ibTE0IDEzLjk5Ni0uMzA1LjAwNEM2LjEzMiAxNCAwIDcuODY4IDAgLjMwNVEwIC4xNTIuMDA0IDBIMHYxNGgxNHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    height: 40px;
    left: -13px;
    pointer-events: none;
    position: absolute;
    width: 40px
}

.menu-burger__btn:after {
    top: -23px
}

.menu-burger__btn:before {
    bottom: -23px;
    transform: rotateX(180deg)
}

.menu-burger__btn-icon {
    color: var(--white);
    height: 12px;
    margin: 4px auto 4px 5px;
    transition: none;
    width: 8px
}

.menu-burger--small .menu-burger__btn-icon {
    height: auto;
    margin: auto;
    width: 20px
}

.menu-burger__custom-lists {
    margin-top: 6px
}

.menu-burger--small .menu-burger__custom-lists {
    display: none
}

.menu-burger__custom-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 4px
}

.menu-burger--small .menu-burger__custom-list {
    margin-bottom: 8px;
    max-width: 48px
}

@media (min-width:1140px) {
    .menu-burger--small .menu-burger__custom-list {
        align-items: center
    }
}

.menu-burger__custom-list--main,
.menu-burger__custom-list--partners {
    grid-template-columns: repeat(1, 1fr)
}

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

@media (max-width:1139px) {
    .menu-burger__custom-list--main {
        margin-bottom: var(--spacings-xl);
        margin-top: var(--spacings-xl)
    }
}

@media (min-width:1140px) {
    .menu-burger__custom-list--main {
        margin-bottom: 6px
    }
}

.menu-burger__custom-list--info {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 0
}

.menu-burger--small .menu-burger__custom-list--info {
    display: flex !important
}

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

.menu-burger__custom-list--other {
    margin-bottom: 0
}

@media (min-width:1140px) {
    .menu-burger__custom-list--promo {
        margin-bottom: 6px
    }
}

.menu-burger__custom-list--scl {
    display: flex;
    justify-content: flex-start;
    margin-top: 4px
}

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

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

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

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

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

.menu-burger__custom-lists-title {
    color: var(--text-description-b);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: var(--spacings-s) 0 4px 0;
    text-transform: uppercase
}

@media (min-width:1140px) {
    .menu-burger__custom-lists-title {
        padding: var(--spacings-s) 0 var(--spacings-3xs) 0
    }
}

.my-bonuses-btn,
.my-bonuses-btn__toggle {
    align-items: center;
    border-radius: var(--buttons-m-radius);
    display: flex;
    height: 48px;
    justify-content: center;
    position: relative;
    width: 48px;
    z-index: 2
}

.top-bar__container .my-bonuses-btn,
.top-bar__container .my-bonuses-btn__toggle {
    width: unset
}

.my-bonuses-btn {
    background: var(--buttons-secondary-b-bg-default);
    box-shadow: var(--inner-shadow);
    color: var(--buttons-secondary-b-text-default)
}

.no-touch .my-bonuses-btn:not(.no-touch .my-bonuses-btn.btn--text, .no-touch .my-bonuses-btn.btn--text-b, .no-touch .my-bonuses-btn.btn--icon):hover {
    background: var(--buttons-secondary-b-bg-hover);
    color: var(--buttons-secondary-b-text-hover)
}

.my-bonuses-btn.disabled,
.my-bonuses-btn[disabled] {
    background: var(--buttons-secondary-b-bg-disable);
    box-shadow: none;
    color: var(--buttons-secondary-b-text-disable);
    pointer-events: none
}

.my-bonuses-btn__toggle {
    cursor: pointer;
    padding: var(--buttons-m-vert) var(--buttons-m-hor)
}

.my-bonuses-btn--short .my-bonuses-btn__toggle {
    padding: var(--buttons-m-vert) var(--buttons-icon-m)
}

.my-bonuses-btn__toggle-ic-wr {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-right: var(--buttons-m-radius);
    width: 20px
}

.my-bonuses-btn--short .my-bonuses-btn__toggle-ic-wr {
    margin-right: 0
}

.my-bonuses-btn__toggle-ic {
    color: var(--icons-c);
    height: 18px;
    margin: 1px 2px 1px auto;
    width: 17px
}

.my-bonuses-btn--short .my-bonuses-btn__toggle-ic {
    margin: 1px auto
}

.my-bonuses-btn__text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    letter-spacing: normal;
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.my-bonuses-btn__toggle-counter {
    background: var(--gradient-tokens-backgrounds-k);
    border-radius: 18px;
    color: var(--text-text);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    line-height: 12px;
    min-width: 23px;
    padding: 3px 6px;
    position: absolute;
    right: -7px;
    top: -5px
}

@media (min-width:1628px) {
    .my-bonuses-btn__toggle-counter {
        right: -1px
    }
}

.my-bonuses-btn__dropdown {
    background-color: var(--backgrounds-c);
    border-radius: var(--roundings-m);
    display: flex;
    flex-direction: column;
    left: -96px;
    max-height: calc(100vh - 100px);
    max-height: calc(100dvh - 100px);
    position: absolute;
    top: calc(100% + 10px);
    width: 364px
}

@media (min-width:1628px) {
    .my-bonuses-btn__dropdown {
        left: -100px
    }
}

.my-bonuses-btn__dropdown:before {
    border-color: transparent transparent var(--backgrounds-c) transparent;
    border-style: solid;
    border-width: 0 4px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: rotate(0);
    transform: translate(-50%);
    width: 0
}

@media (min-width:1140px) and (max-width:1627px) {
    .my-bonuses-btn__dropdown:before {
        transform: translate(-66px)
    }
}

.my-bonuses-btn__dropdown-scroll {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 16px
}

.my-bonuses-btn__dropdown-scroll-inner {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.my-bonuses-btn__dropdown-scroll-inner::-webkit-scrollbar {
    display: none
}

@media (min-width:1140px) {
    .my-bonuses-btn--short {
        height: 48px;
        width: 48px !important
    }
}

.user-top {
    align-items: center;
    display: flex
}

.user-top__auth,
.user-top__no-auth {
    align-items: center;
    display: flex;
    gap: 8px
}

@media (min-width:1628px) {

    .user-top__auth,
    .user-top__no-auth {
        gap: 12px
    }
}

.user-top__login-btn .icon {
    height: 20px;
    width: 20px
}

.user-top__avatar {
    position: relative
}

.user-top__profile-nav {
    border-radius: var(--roundings-m);
    box-shadow: var(--drop-down-shadow);
    height: auto;
    min-height: 275px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: 280px
}

.user-top__avatar-img {
    height: 20px;
    width: 20px
}

.user-top__avatar-counter {
    background: var(--gradient-tokens-backgrounds-k);
    border-radius: 9px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    min-width: 23px;
    padding: 3px 6px;
    position: absolute;
    right: -4px;
    text-align: center;
    top: -3px
}

.user-top__deposit {
    align-items: center;
    background-color: var(--backgrounds-f);
    border-radius: 8px;
    box-shadow: var(--inner-shadow);
    display: flex;
    padding: 4px 4px 4px 0
}

@media (min-width:1140px) {
    .user-top__deposit {
        background-color: var(--backgrounds-c);
        border-radius: 12px;
        transition: background-color .2s ease-out
    }
}

.top-bar--scrolled .user-top__deposit {
    background-color: var(--backgrounds-g)
}

.user-top__curr {
    color: var(--text-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 0 var(--spacings-l);
    white-space: nowrap
}

@media (min-width:1140px) {
    .user-top__curr {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 0 var(--buttons-m-hor)
    }
}

.user-top__curr-symbol {
    color: var(--text-text-accent)
}

button.user-top__deposit-btn {
    height: 32px;
    width: 32px
}

@media (min-width:1140px) {
    button.user-top__deposit-btn {
        height: 40px;
        width: 40px
    }
}

@media (min-width:1628px) {
    button.user-top__deposit-btn {
        width: auto
    }
}

.user-top__deposit-text {
    display: none
}

@media (min-width:1628px) {
    .user-top__deposit-text {
        display: block
    }
}

.user-top__deposit-ic {
    height: 16px;
    width: 20px
}

.menu-burger__link-inner {
    align-items: center;
    background-color: var(--selector-item-b-bg-default);
    border-radius: var(--roundings-xs);
    cursor: pointer;
    display: flex;
    gap: 6px;
    padding: 4px 12px 4px 4px
}

.no-touch .menu-burger--small .menu-burger__link-inner:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

.no-touch .menu-burger--small .menu-burger__link-inner:hover .menu-burger__link-icon {
    color: var(--buttons-secondary-c-icon-hover)
}

.no-touch .menu-burger__custom-list--info .menu-burger__link-inner:hover {
    background-color: var(--selector-item-b-bg-hover)
}

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

.no-touch .menu-burger__custom-list--info .menu-burger__link--has-children.menu-burger__link--submenu-open .menu-burger__link-inner:hover {
    background-color: var(--selector-item-b-bg-default)
}

.no-touch .menu-burger__custom-list--info .menu-burger__link--has-children.menu-burger__link--submenu-open .menu-burger__submenu-link .menu-burger__link-inner:hover {
    background-color: var(--selector-item-a-bg-hover)
}

.no-touch .menu-burger__link-inner:hover:not(.menu-burger__custom-list--info .menu-burger__link-inner, .menu-burger__link-inner--active, .menu-burger__submenu .menu-burger__link-inner, .user-top__profile-nav .menu-burger__link-inner, .menu-burger--small .menu-burger__link-inner, .menu-burger__link--has-children.menu-burger__link--submenu-open .menu-burger__link-inner, .profile-nav .menu-burger__link-inner.router-link-active) {
    background-color: var(--selector-item-b-bg-hover)
}

.menu-burger__submenu .menu-burger__link-inner {
    background-color: transparent;
    gap: 12px;
    padding: 14px 12px
}

@media (max-width:1139px) {
    .menu-burger__submenu .menu-burger__link-inner {
        background-color: var(--backgrounds-b);
        border-radius: var(--roundings-xs);
        flex-direction: column;
        gap: 6px;
        padding: 12px 8px 8px;
        text-align: center
    }
}

.no-touch .menu-burger__submenu .menu-burger__link-inner:hover {
    background-color: var(--selector-item-a-bg-hover)
}

.menu-burger__submenu .menu-burger__link-inner.menu-burger__link-inner--active {
    background-color: var(--selector-item-a-bg-active);
    box-shadow: var(--inner-shadow)
}

.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__link--submenu-open .menu-burger__link-inner {
    border-radius: var(--roundings-xs) var(--roundings-xs) 0 0
}

.menu-burger__link--submenu-open.menu-burger__link--menu-small .menu-burger__link-inner,
.menu-burger__submenu-link .menu-burger__link-inner {
    border-radius: var(--roundings-xs)
}

.menu-burger__link--wheel .menu-burger__link-inner {
    background: linear-gradient(90deg, rgba(148, 93, 20, .25) 0, transparent 100%), var(--selector-item-b-bg-default);
    border-radius: var(--roundings-xs);
    margin-bottom: 6px
}

@media (min-width:1140px) {
    .menu-burger--small .menu-burger__link--wheel .menu-burger__link-inner {
        margin-bottom: 8px
    }

    .menu-burger__link--wheel .menu-burger__link-inner {
        gap: 6px;
        margin-bottom: 6px
    }
}

.menu-burger__link--prize-drops .menu-burger__link-inner {
    background: linear-gradient(90deg, rgba(146, 20, 148, .25) 0, transparent 100%), var(--selector-item-b-bg-default);
    margin-bottom: var(--spacings-xl);
    min-height: 48px;
    overflow: hidden
}

@media (min-width:1140px) {
    .menu-burger__link--prize-drops .menu-burger__link-inner {
        gap: 6px;
        margin-bottom: 6px
    }

    .menu-burger--small .menu-burger__link--prize-drops .menu-burger__link-inner {
        margin-bottom: 8px
    }

    .menu-burger__link-inner {
        max-width: 236px;
        padding: 4px 12px 4px 4px
    }

    .menu-burger--small .menu-burger__link-inner {
        align-items: center;
        background-color: var(--buttons-secondary-c-bg-default);
        display: flex;
        flex-direction: column;
        height: 48px;
        justify-content: center;
        padding: 0;
        width: 48px
    }

    .menu-burger--small .menu-burger__submenu .menu-burger__link-inner {
        flex-direction: row;
        gap: 12px;
        justify-content: start;
        min-width: 232px;
        padding: 14px 12px
    }

    .no-touch .menu-burger--small .menu-burger__submenu .menu-burger__link-inner:hover .menu-burger__link-icon {
        color: var(--selector-item-a-icon-hover)
    }
}

@media (min-width:1628px) {
    .menu-burger__link-inner {
        max-width: 268px
    }
}

.no-touch .menu-burger--small .menu-burger__custom-list--info .menu-burger__link--has-children.menu-burger__link--submenu-open .menu-burger__link-inner:hover,
.no-touch .menu-burger--small .menu-burger__custom-list--info .menu-burger__link-inner:hover {
    background-color: var(--buttons-icon-secondary-d-bg-hover)
}

.no-touch .menu-burger--small .menu-burger__custom-list--info .menu-burger__link--has-children.menu-burger__link--submenu-open .menu-burger__link-inner:hover .menu-burger__link-icon,
.no-touch .menu-burger--small .menu-burger__custom-list--info .menu-burger__link-inner:hover .menu-burger__link-icon {
    color: var(--buttons-icon-secondary-d-icon-hover);
    opacity: 1
}

.profile-nav .menu-burger__link-inner {
    background-color: transparent;
    height: 48px;
    padding: 14px 12px
}

@media (max-width:1139px) {
    .profile-nav .menu-burger__link-inner {
        gap: 12px
    }
}

@media (min-width:1140px) {
    .profile-nav .menu-burger__link-inner {
        max-width: 100%
    }
}

.no-touch .profile-nav .menu-burger__link-inner:hover:not(.profile-nav .menu-burger__link-inner.router-link-active) {
    background-color: var(--selector-item-a-bg-hover)
}

.profile-nav .menu-burger__link-inner.router-link-active {
    background-color: var(--selector-item-a-bg-active);
    box-shadow: var(--inner-shadow);
    pointer-events: none
}

.user-top__profile-nav .menu-burger__link-inner {
    border-radius: 8px;
    gap: 12px;
    height: auto;
    padding: 10px 6px
}

.no-touch .user-top__profile-nav .menu-burger__link-inner:hover:not(.user-top__profile-nav .menu-burger__link-inner.router-link-active) {
    background-color: var(--selector-item-a-bg-hover)
}

.menu-burger__link {
    position: relative;
    transition: background-color .2s ease-out
}

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

.menu-burger--small .menu-burger__custom-list--partners .menu-burger__link {
    display: block
}

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

.menu-burger__custom-list--promo .menu-burger__link {
    display: flex;
    flex-direction: column
}

.menu-burger--small .menu-burger__custom-list--promo .menu-burger__link {
    align-items: center
}

.menu-burger__link.menu-burger__link--has-children.menu-burger__link--submenu-open {
    border-radius: var(--roundings-xs)
}

.no-touch .menu-burger__link.menu-burger__link--has-children.menu-burger__link--submenu-open:hover {
    background-color: var(--selector-item-b-bg-hover)
}

.no-touch .menu-burger--small .menu-burger__custom-list--info .menu-burger__link.menu-burger__link--has-children.menu-burger__link--submenu-open:hover {
    background-color: transparent
}

@media (min-width:1140px) {
    .profile-nav__list:nth-child(2) .menu-burger__link:first-child {
        margin-top: 8px
    }
}

.menu-burger--small .menu-burger__link--wheel {
    display: flex;
    justify-content: center;
    max-width: 48px
}

.menu-burger__link-inner--active {
    background-color: var(--selector-item-b-bg-active);
    box-shadow: var(--inner-shadow);
    pointer-events: none
}

.menu-burger--small .menu-burger__link-inner--active {
    background-color: var(--buttons-secondary-c-bg-active)
}

.menu-burger--small .menu-burger__custom-list--info .menu-burger__link-inner--active {
    background-color: var(--buttons-icon-secondary-d-bg-active);
    box-shadow: none
}

.no-touch .menu-burger__custom-list--info .menu-burger__link-inner--active:hover {
    background-color: var(--selector-item-b-bg-active)
}

.no-touch .menu-burger--small .menu-burger__custom-list--info .menu-burger__link-inner--active:hover {
    background-color: var(--buttons-icon-secondary-d-bg-active)
}

.menu-burger__link--has-children .menu-burger__link-inner--active {
    background-color: var(--selector-item-b-bg-default);
    box-shadow: none
}

.no-touch .menu-burger__link--has-children .menu-burger__link-inner--active:hover {
    background-color: var(--selector-item-b-bg-hover)
}

.menu-burger__link--prize-drops .menu-burger__link-inner--active {
    background: linear-gradient(90deg, rgba(146, 20, 148, .25) 0, transparent 100%), var(--selector-item-b-bg-active)
}

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

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

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

.menu-burger__link-img--promo {
    height: 40px;
    position: relative;
    width: 40px
}

.menu-burger--small .menu-burger__link-img--promo:after {
    right: -22px
}

.menu-burger__link-img-wr {
    color: var(--selector-item-a-icon-default);
    height: 20px;
    margin: 10px;
    pointer-events: none;
    width: 20px
}

.menu-burger--small .menu-burger__link-img-wr {
    align-items: center;
    display: flex;
    justify-content: center
}

.no-touch .menu-burger--small .menu-burger__link-img-wr:hover {
    color: var(--white)
}

.menu-burger__submenu .menu-burger__link-img-wr {
    height: 20px;
    margin: 0;
    padding: 0;
    width: 20px
}

@media (max-width:639px) {
    .menu-burger__submenu .menu-burger__link-img-wr {
        margin-right: 0
    }
}

.menu-burger__link--wheel .menu-burger__link-img-wr {
    animation: spin 1.2s ease-in-out infinite alternate;
    height: 40px;
    margin: 0;
    width: 40px
}

.menu-burger__link--prize-drops .menu-burger__link-img-wr {
    height: 40px;
    margin: 0;
    padding: 3px;
    position: relative;
    width: 40px
}

.menu-burger__link--prize-drops .menu-burger__link-img-wr:after {
    background-image: url(/img/menu-burger/prize-drops-blur.webp);
    bottom: -6px;
    content: "";
    height: 29px;
    left: -4px;
    position: absolute;
    width: 63px
}

.no-webp .menu-burger__link--prize-drops .menu-burger__link-img-wr:after {
    background-image: url(/img/menu-burger/prize-drops-blur.png)
}

@media (min-width:1140px) {

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

.profile-nav .menu-burger__link-img-wr {
    margin: 0
}

@media (min-width:1140px) {
    .profile-nav .menu-burger__link-img-wr {
        margin: 2px 5px 2px 2px
    }
}

.menu-burger__link-inner--active .menu-burger__link-img-wr:not(.menu-burger__link--has-children .menu-burger__link-img-wr) {
    color: var(--selector-item-a-icon-active)
}

.user-top__profile-nav .menu-burger__link-img-wr {
    margin: 0
}

.router-link-active .menu-burger__link-img-wr {
    color: var(--selector-item-a-icon-active)
}

.menu-burger__link-img-wr img {
    animation: incline 2s ease-in-out infinite alternate
}

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

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

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

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

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

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

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

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

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

.menu-burger__link-icon {
    transition: color .2s ease-out
}

.menu-burger--small .menu-burger__link-icon {
    opacity: 1
}

.menu-burger__custom-list--info .menu-burger__link-icon {
    color: var(--selector-item-a-icon-default)
}

.menu-burger--small .menu-burger__custom-list--info .menu-burger__link-inner--active .menu-burger__link-icon {
    color: var(--buttons-icon-secondary-d-icon-active);
    opacity: 1
}

.menu-burger__submenu .menu-burger__link-img--favorite .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--instant .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--live .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--providers .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--sports-betting .menu-burger__link-icon {
    height: 16px;
    margin: 2px auto
}

.menu-burger__submenu .menu-burger__link-img--chat .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--sport .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--table .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--time .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--user .menu-burger__link-icon {
    height: 18px;
    margin: 1px auto
}

.menu-burger__submenu .menu-burger__link-img--casino .menu-burger__link-icon,
.menu-burger__submenu .menu-burger__link-img--esport .menu-burger__link-icon {
    height: 20px;
    margin: auto;
    width: auto
}

.menu-burger__submenu .menu-burger__link-img--gift .menu-burger__link-icon {
    height: 18px;
    margin: 1px auto;
    width: 17px
}

.menu-burger__submenu .menu-burger__link-img--providers .menu-burger__link-icon {
    padding: 0
}

.menu-burger__link-img--chat .menu-burger__link-icon {
    height: auto;
    width: 16px
}

.menu-burger__link-chevron {
    color: var(--selector-item-a-icon-default);
    height: auto;
    margin: 7px 4px auto;
    transition: transform .2s ease-out;
    width: 12px
}

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

.menu-burger__link-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    word-break: break-word
}

.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 {
    color: var(--text-description-a)
}

@media (max-width:1139px) {
    .menu-burger__submenu .menu-burger__link-text {
        align-items: center;
        color: var(--selector-item-a-text-default);
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 28px;
        line-height: 16px;
        overflow: hidden
    }
}

.menu-burger__submenu .menu-burger__link-inner--active .menu-burger__link-text {
    color: var(--text-text)
}

.menu-burger--small .menu-burger__link-text:not(.menu-burger__submenu .menu-burger__link-text) {
    display: none;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.profile-nav__list .menu-burger__link-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

@media (min-width:1140px) {
    .profile-nav__list .menu-burger__link-text {
        font-weight: 500
    }

    .user-top__profile-nav .profile-nav__list .menu-burger__link-text {
        font-size: 14px;
        line-height: 20px
    }
}

.menu-burger__link-text--dotted {
    position: relative
}

.menu-burger__link-text--dotted:after {
    background-color: var(--colors-system-error);
    border-radius: 50%;
    bottom: 15px;
    content: "";
    height: 10px;
    position: absolute;
    right: -1px;
    transform: translate(100%);
    width: 10px
}

@media (min-width:1140px) {
    .menu-burger__link-text--dotted:after {
        bottom: 16px;
        right: -2px
    }
}

.profile-aside__block .menu-burger__link-text--dotted:after {
    bottom: 13px
}

@media (max-width:1139px) {
    .menu-burger__link-text--bonus-store {
        white-space: nowrap
    }
}

@media (min-width:1140px) {
    .menu-burger__link-text--bonus-store {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.menu-burger__custom-list:has(.menu-burger__link--submenu-open) .menu-burger__custom-list--info {
    margin-top: 10px
}

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

.menu-burger__link--has-children {
    position: relative
}

.menu-burger__submenu {
    background-color: var(--selector-item-b-bg-default);
    border-radius: 0 0 12px 12px;
    display: none;
    padding: 0 8px 8px 20px;
    position: relative
}

.menu-burger--small .menu-burger__submenu {
    background-color: var(--backgrounds-a);
    border-radius: var(--roundings-xs);
    box-shadow: var(--drop-down-shadow);
    left: 66px;
    padding: 0 8px 8px 20px;
    position: absolute;
    top: 0;
    width: 260px
}

@media (max-width:1139px) {
    .menu-burger__link--submenu-open .menu-burger__submenu {
        display: grid;
        gap: 4px;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 8px 8px
    }
}

@media (max-height:680px) {
    .menu-burger--small .menu-burger__submenu--sport {
        bottom: 30px;
        position: fixed;
        top: auto
    }
}

@media (max-height:780px) {
    .menu-burger--small .menu-burger__submenu--slot {
        bottom: 30px;
        position: fixed;
        top: auto
    }
}

.menu-burger__submenu--show {
    display: none
}

@media (min-width:1140px) {
    .menu-burger__submenu--show {
        display: block
    }
}

.menu-burger__submenu:before {
    content: "";
    height: 100%;
    left: -16px;
    position: absolute;
    top: 0;
    width: 100%
}

.menu-burger__link--menu-small .menu-burger__submenu {
    display: none
}

.no-touch .menu-burger__link--menu-small:hover .menu-burger__submenu {
    display: block
}

.no-touch .menu-burger__link--menu-small:hover .menu-burger__submenu.force-close {
    display: none
}

.menu-burger--small .menu-burger__submenu--support {
    left: 60px;
    top: -52px
}

.menu-burger__submenu-title {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: -12px;
    min-height: 48px;
    padding: 4px 12px
}

.main-enter-from {
    opacity: 0
}

.main-enter-to {
    opacity: 1
}

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

.menu-burger__bonus-point {
    align-items: center;
    background-color: var(--backgrounds-g);
    border-radius: 100px;
    display: flex;
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 700;
    gap: 4px;
    justify-content: center;
    line-height: 12px;
    margin-left: auto;
    padding: 4px
}

.menu-burger__bonus-point:has(span) {
    padding-right: 8px
}

.menu-burger--small .menu-burger__bonus-point {
    display: none
}

.menu-burger__link-inner--active .menu-burger__bonus-point {
    background-color: var(--backgrounds-f)
}

.menu-burger__bonus-point-icon {
    height: 16px;
    width: 16px
}

@keyframes spin {
    0% {
        transform: rotate(-24deg)
    }

    to {
        transform: rotate(24deg)
    }
}

@keyframes incline {
    0% {
        transform: rotate(-4deg)
    }

    30% {
        transform: rotate(-4deg)
    }

    to {
        transform: rotate(12deg)
    }
}

.super-widget {
    pointer-events: auto
}

.custom-modal--super-widget {
    align-items: center;
    padding: 0;
    width: 100%
}

@media (min-width:640px) and (max-width:1139px) {
    .custom-modal--super-widget {
        padding-top: 0 !important
    }
}

@media (min-width:1140px) {
    .custom-modal--super-widget {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 54px 20px
    }
}

@media (min-width:1628px) {
    .custom-modal--super-widget {
        padding: 54px 160px 85px
    }
}

@media (min-width:1140px) and (max-width:1627px) {
    .custom-modal--super-widget .custom-modal__close-wr {
        right: 19px;
        top: -19px;
        z-index: 5
    }
}

.custom-modal--super-widget .custom-modal__inner-wr {
    max-width: 1600px;
    width: 100%
}

.custom-modal--super-widget .custom-modal__inner {
    width: 100%
}

.super-widget-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

@media (max-width:1139px) {
    .super-widget-modal__close {
        color: var(--gray-500);
        height: 36px;
        position: absolute;
        right: 0;
        top: 12px;
        width: 36px;
        z-index: 999999
    }
}

.super-widget-modal__close-icon {
    color: var(--gray-500)
}

@media (max-width:1139px) {
    .super-widget-modal__close-icon {
        height: 14px;
        width: 14px
    }
}

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

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

.friends-and-referrals-social-share--short .social-links {
    left: calc(100% + 4px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.social-links__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 16px;
    text-align: center
}

.social-links__list {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center
}

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

@media (max-width:1139px) {
    .menu-burger__social-links .social-links__list {
        gap: 8px
    }
}

.main-footer__social-links .social-links__list {
    gap: var(--spacings-xs)
}

@media (min-width:1140px) {
    .social-links__list {
        gap: var(--spacings-2xs)
    }

    .main-footer__social-links .social-links__list {
        justify-content: flex-end
    }
}

.friends-and-referrals-social-share .social-links__list {
    gap: 8px;
    justify-content: flex-start
}

.friends-and-referrals-invite__socials .social-links__list {
    justify-content: center
}

.friends-and-referrals-social-share--short .social-links__list {
    gap: 4px
}

.bonuses-social__links .social-links__list {
    justify-content: flex-start
}

.menu-burger__social-links {
    width: 100%
}

.menu-burger__social-links .social-links__item {
    flex: 1 1 auto
}

@media (max-width:639px) {
    .main-footer__social-links .social-links__item {
        flex: 0 1 110px
    }
}

.social-links__link {
    background-color: var(--buttons-secondary-c-bg-default);
    border-radius: var(--buttons-s-radius);
    color: transparent;
    display: flex;
    justify-content: center;
    min-width: 59px;
    padding: var(--buttons-icon-s)
}

.no-touch .social-links__link:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

@media (min-width:640px) {
    .social-links__link {
        min-width: 102px
    }
}

@media (min-width:1140px) {
    .social-links__link {
        min-width: 46px
    }

    .menu-burger__custom-lists .social-links__link {
        min-width: 40px
    }
}

@media (min-width:1628px) {
    .menu-burger__custom-lists .social-links__link {
        min-width: 47px
    }
}

.main-footer__social-links .social-links__link {
    max-width: 110px;
    min-width: 36px
}

@media (min-width:1140px) {
    .main-footer__social-links .social-links__link {
        min-width: 40px
    }
}

.friends-and-referrals-social-share .social-links__link {
    background-color: var(--buttons-secondary-a-bg-default);
    min-width: auto;
    padding: var(--buttons-icon-m);
    transition: background-color .2s ease-out
}

@media (min-width:1140px) {
    .friends-and-referrals-social-share .social-links__link {
        padding: var(--buttons-icon-s)
    }
}

.no-touch .friends-and-referrals-social-share .social-links__link:hover {
    background-color: var(--buttons-secondary-a-bg-hover)
}

.friends-and-referrals-invite .social-links__link {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--buttons-secondary-c-bg-default);
    border-radius: var(--buttons-s-radius);
    min-width: auto;
    padding: var(--buttons-icon-s)
}

.no-touch .friends-and-referrals-invite .social-links__link:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

@media (min-width:1140px) {
    .friends-and-referrals-invite .social-links__link {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        border-radius: var(--buttons-m-radius);
        box-shadow: none;
        padding: var(--buttons-icon-m)
    }
}

.bonuses-social__links .social-links__link {
    height: 32px;
    min-width: 32px;
    padding: var(--buttons-icon-xs)
}

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

.bonuses-social__links .social-links__ic.social-links__ic--social-vk,
.friends-and-referrals-social-share .social-links__ic.social-links__ic--social-vk {
    padding: 5px 1px 4px
}

.bonuses-social__links .social-links__ic.social-links__ic--social-facebook,
.friends-and-referrals-social-share .social-links__ic.social-links__ic--social-facebook {
    padding: 2px 5px
}

.bonuses-social__links .social-links__ic.social-links__ic--social-telegram,
.bonuses-social__links .social-links__ic.social-links__ic--social-twitter,
.friends-and-referrals-social-share .social-links__ic.social-links__ic--social-telegram,
.friends-and-referrals-social-share .social-links__ic.social-links__ic--social-twitter {
    padding: 3px 1px
}

.bonuses-social__links .social-links__ic.social-links__ic--social-whatsapp,
.friends-and-referrals-social-share .social-links__ic.social-links__ic--social-whatsapp {
    padding: 1px
}

.main-footer__social-links .social-links__ic.social-links__ic--social-facebook,
.menu-burger__social-links .social-links__ic.social-links__ic--social-facebook {
    padding: 2px 6px
}

.main-footer__social-links .social-links__ic.social-links__ic--social-instagram,
.main-footer__social-links .social-links__ic.social-links__ic--social-twitter,
.menu-burger__social-links .social-links__ic.social-links__ic--social-instagram,
.menu-burger__social-links .social-links__ic.social-links__ic--social-twitter {
    padding: 3px
}

.main-footer__social-links .social-links__ic.social-links__ic--social-vk,
.menu-burger__social-links .social-links__ic.social-links__ic--social-vk {
    padding: 5px 2px
}

.main-footer__social-links .social-links__ic.social-links__ic--social-telegram,
.menu-burger__social-links .social-links__ic.social-links__ic--social-telegram {
    padding: 3px 2px
}

.main-footer__social-links .social-links__ic.social-links__ic--social-odnoklassniki,
.menu-burger__social-links .social-links__ic.social-links__ic--social-odnoklassniki {
    padding: 2px 5px
}

.buttons-app {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media (min-width:1140px) {
    .buttons-app {
        flex: 1;
        gap: 8px;
        justify-content: center
    }
}

@media (min-width:640px) {
    .main-footer__menu-block .buttons-app {
        width: auto
    }
}

.buttons-app__title {
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    max-width: 69px
}

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

@media (min-width:1140px) {
    .buttons-app__list {
        gap: 8px
    }
}

.main-footer__menu-block .buttons-app__list,
.two-fa__app .buttons-app__list {
    gap: 10px
}

@media (max-width:639px) {
    .main-footer__menu-block .buttons-app__list {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(2, 1fr);
        width: 100%
    }
}

@media (min-width:1140px) {
    .main-footer__menu-block .buttons-app__list {
        gap: var(--spacings-xs)
    }
}

.menu-burger__custom-list .buttons-app__list {
    justify-content: flex-start;
    width: 100%
}

.stories-slider-item__buttons .buttons-app__list {
    flex-direction: row-reverse;
    gap: var(--spacings-s);
    width: 100%
}

.buttons-app__item {
    display: flex
}

.menu-burger .buttons-app__item {
    flex: 1 1 0
}

.stories-slider-item__buttons .buttons-app__item,
.two-fa__app .buttons-app__item {
    width: 100%
}

.buttons-app__link {
    align-items: center;
    background-color: var(--buttons-secondary-c-bg-default);
    border-radius: var(--buttons-s-radius);
    display: flex;
    gap: var(--buttons-s-gap);
    height: 40px;
    justify-content: center;
    padding: var(--buttons-s-vert);
    position: relative;
    transition: all .2s ease-out;
    width: auto
}

.main-footer__menu-row .buttons-app__link {
    position: static
}

.no-touch .buttons-app__link:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

.menu-burger .buttons-app__link {
    flex: 1 1 0
}

.two-fa__app .buttons-app__link {
    background-color: var(--buttons-secondary-a-bg-default);
    width: 100%
}

.main-footer__menu-bottom .buttons-app__link {
    padding: var(--buttons-s-vert) var(--buttons-s-hor)
}

@media (max-width:639px) {
    .main-footer__menu-bottom .buttons-app__link {
        width: 100%
    }
}

.stories-slider-item__buttons .buttons-app__link {
    background: var(--buttons-secondary-a-bg-default);
    border-radius: var(--buttons-m-radius);
    box-shadow: var(--inner-shadow);
    color: var(--buttons-secondary-a-text-default);
    flex-direction: row-reverse;
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    height: calc(var(--buttons-font-m-line-height) + var(--buttons-m-vert)*2);
    letter-spacing: normal;
    line-height: var(--buttons-font-m-line-height);
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    text-transform: uppercase;
    width: 100%
}

.no-touch .stories-slider-item__buttons .buttons-app__link:not(.no-touch .stories-slider-item__buttons .buttons-app__link.btn--text, .no-touch .stories-slider-item__buttons .buttons-app__link.btn--text-b, .no-touch .stories-slider-item__buttons .buttons-app__link.btn--icon):hover {
    background: var(--buttons-secondary-a-bg-hover);
    color: var(--buttons-secondary-a-text-hover)
}

.stories-slider-item__buttons .buttons-app__link.disabled,
.stories-slider-item__buttons .buttons-app__link[disabled] {
    background: var(--buttons-secondary-a-bg-disable);
    box-shadow: none;
    color: var(--buttons-secondary-a-text-disable);
    pointer-events: none
}

.menu-burger__custom-block {
    width: 100%
}

.buttons-app__item-icon-wr {
    flex-shrink: 0;
    width: 18px
}

.main-footer .buttons-app__item-icon-wr {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 20px
}

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

.menu-burger__custom-list--app .buttons-app__item-icon-wr,
.stories-slider-item__buttons .buttons-app__item-icon-wr {
    height: 20px;
    width: 20px
}

.buttons-app__item-icon {
    height: 20px;
    width: 16px
}

.main-footer__menu-bottom .buttons-app__item--ios .buttons-app__item-icon,
.menu-burger__custom-list--app .buttons-app__item--ios .buttons-app__item-icon,
.stories-slider-item__buttons .buttons-app__item--ios .buttons-app__item-icon {
    height: 19px;
    margin: 0 3px 1px 1px;
    width: 16px
}

.main-footer__menu-bottom .buttons-app__item--android .buttons-app__item-icon,
.menu-burger__custom-list--app .buttons-app__item--android .buttons-app__item-icon,
.stories-slider-item__buttons .buttons-app__item--android .buttons-app__item-icon {
    height: 20px;
    margin: 0 3px 0 2px;
    width: 15px
}

.buttons-app__item-text {
    color: var(--buttons-secondary-b-text-default);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    transition: all .2s ease-out
}

.stories-slider-item__buttons .buttons-app__item-text {
    color: var(--buttons-secondary-a-text-default);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    letter-spacing: normal;
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.menu-burger__bottom-bar {
    background-color: var(--backgrounds-b);
    position: relative
}

@media (min-width:1140px) {
    .menu-burger__bottom-bar {
        border-radius: var(--roundings-m);
        margin-top: 24px
    }

    .menu-burger--small .menu-burger__bottom-bar {
        margin-top: 0;
        padding: 0;
        text-align: center
    }
}

.menu-burger__bottom-bar-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

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

@media (min-width:1140px) {
    .menu-burger--small .menu-burger__bottom-bar-inner {
        margin-top: 0
    }

    .menu-burger__bottom-bar-inner {
        margin-top: 24px;
        min-height: auto;
        padding-bottom: 0
    }
}

.menu-burger__bottom-bar-superwidget {
    bottom: calc(100% + 30px);
    left: calc(100% + 20px);
    position: absolute
}

.menu-burger__bottom-bar-time {
    min-width: 40px
}

.menu-burger--small .menu-burger__bottom-bar-time {
    display: none
}

.menu-burger--small .menu-burger-bottom-bar__lang-btn:hover+.menu-burger-bottom-bar__local-list {
    display: grid
}

.menu-burger--small .menu-burger-bottom-bar__local-list {
    display: none
}

.no-touch .menu-burger--small .menu-burger-bottom-bar__local-list:hover {
    display: grid
}

.menu-burger--small .menu-burger-bottom-bar__local-list:before {
    content: "";
    height: 100%;
    left: -28px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

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

.profile-current-time .current-local-time {
    justify-content: center;
    min-width: 80px
}

.current-local-time__title {
    color: var(--text-description-b);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

.profile-current-time .current-local-time__title {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    text-transform: none
}

.menu-burger--small .current-local-time__title,
.patch-timezone__content-timer-wr .current-local-time__title {
    display: none
}

.current-local-time__count {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

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

.menu-burger__lang-btn {
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: var(--roundings-xs);
    display: flex;
    min-height: 46px;
    padding: 8px
}

.menu-burger--small .menu-burger__lang-btn {
    justify-content: center;
    padding: 0;
    width: 46px
}

@media (min-width:1140px) {
    .menu-burger__lang-btn.menu-burger__lang-btn--active {
        background-color: var(--backgrounds-g-50)
    }

    .menu-burger--small .menu-burger__lang-btn.menu-burger__lang-btn--active {
        background-color: transparent
    }

    .no-touch .menu-burger__lang-btn:hover {
        background-color: var(--backgrounds-g-50)
    }
}

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

.menu-burger--small .menu-burger__lang-btn-logo-wr {
    margin-right: 0
}

.menu-burger__lang-btn-code {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

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

.menu-burger__lang-btn-icon-wr {
    height: 20px;
    width: 20px
}

.menu-burger--small .menu-burger__lang-btn-icon-wr {
    display: none
}

.menu-burger__lang-btn-icon {
    color: var(--white);
    height: auto;
    margin: 4px auto 4px 7px;
    transition: transform .2s ease-out;
    width: 8px
}

.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(-180deg)
    }
}

.local-list {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, 1fr);
    min-width: 286px;
    padding-top: 16px
}

.menu-burger--small .local-list {
    left: 66px
}

@media (min-width:1140px) {
    .local-list {
        background-color: var(--backgrounds-a);
        border-radius: 16px;
        bottom: 12px;
        box-shadow: var(--drop-down-shadow);
        gap: 12px;
        left: 270px;
        padding: 12px;
        position: fixed;
        z-index: 1
    }
}

@media (min-width:1628px) {
    .local-list {
        left: 315px
    }
}

.local-list__item {
    border-radius: var(--roundings-xs);
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 44px;
    padding: 10px 12px
}

.no-touch .local-list__item:hover:not(.local-list__item--active) {
    background-color: var(--backgrounds-g-50)
}

.local-list__item--active {
    background-color: var(--backgrounds-g);
    box-shadow: var(--inner-shadow);
    cursor: default
}

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

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

.local-list__caption {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase
}

.local-list__item--active .local-list__caption {
    font-weight: 700
}

.local-list__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    padding: var(--spacings-xs) 0;
    text-align: center
}

@media (min-width:1140px) {
    .local-list__title {
        margin-top: var(--spacings-xl)
    }
}

.main-banner {
    border-radius: var(--roundings-m);
    box-shadow: var(--inner-shadow);
    height: 120px;
    padding: 0 134px 0 20px;
    position: relative;
    width: 100%;
    z-index: 3
}

@media (min-width:640px) {
    .main-banner {
        height: 160px;
        padding: 0 244px 0 36px
    }
}

@media (min-width:1140px) {
    .main-banner {
        background-color: var(--backgrounds-a);
        border-radius: 15px;
        height: 190px;
        max-width: 388px;
        padding: 20px
    }
}

@media (min-width:1628px) {
    .main-banner {
        border-radius: 19px
    }
}

@media (min-width:1140px) {
    .main-banner:before {
        background: var(--gradient-tokens-backgrounds-k);
        border-radius: var(--roundings-m);
        bottom: -2px;
        content: "";
        left: -2px;
        position: absolute;
        right: -2px;
        top: -2px;
        z-index: -2
    }

    .main-banner:after {
        border-radius: var(--roundings-s) var(--roundings-s) 0 0;
        box-shadow: var(--inner-shadow);
        content: "";
        height: 20px;
        left: 5px;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 0
    }
}

@media (max-width:639px) {
    .authorized .main-banner {
        padding: 0 177px 0 39px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .authorized .main-banner {
        padding: 0 231px 0 79px
    }
}

.main-banner__bg-color {
    display: none
}

@media (min-width:1140px) {
    .main-banner__bg-color {
        background-color: var(--backgrounds-a);
        border-radius: var(--roundings-m);
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.main-banner__background {
    border-radius: var(--roundings-m);
    box-shadow: var(--inner-shadow);
    height: 100%;
    left: 0;
    position: relative;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1140px) {
    .main-banner__background {
        border-radius: var(--roundings-s);
        box-shadow: var(--inner-shadow);
        height: calc(100% - 12px);
        left: 6px;
        top: 6px;
        width: calc(100% - 12px)
    }
}

.main-banner__background:after,
.main-banner__background:before {
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.main-banner__background:before {
    background: radial-gradient(102.65% 127.65% at 50% 100%, #621916 0, transparent 100%)
}

.main-banner__background:after {
    box-shadow: var(--inner-shadow);
    z-index: 1
}

@media (min-width:1140px) {
    .main-banner__background:after {
        content: none
    }
}

.main-banner__background-video {
    border-radius: inherit;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.main-banner__foreground {
    bottom: 0;
    height: 136px;
    position: absolute;
    width: 123px;
    z-index: 1
}

@media (max-width:639px) {
    .main-banner__foreground {
        right: calc(-171.34091px + 50.75758vw)
    }
}

@media (min-width:640px) {
    .main-banner__foreground {
        height: 180px;
        right: 73px;
        width: 163px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__foreground {
        right: calc(-246.35872px + 49.8998vw)
    }
}

@media (min-width:1140px) {
    .main-banner__foreground {
        bottom: 6px;
        height: 200px;
        right: -25px;
        width: 180px
    }
}

.main-banner__foreground img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

@media (max-width:639px) {
    .authorized .main-banner__foreground {
        height: 136px;
        right: calc(-146.5px + 50vw);
        width: 136px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .authorized .main-banner__foreground {
        right: calc(-225.35872px + 49.8998vw)
    }
}

@media (min-width:640px) {
    .authorized .main-banner__foreground {
        height: 182px;
        width: 182px
    }
}

.main-banner__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    pointer-events: none;
    position: relative;
    z-index: 3
}

@media (max-width:639px) {
    .main-banner__content {
        width: 220px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__content {
        width: 360px
    }
}

@media (max-width:1139px) {
    .main-banner__content {
        margin: 0 auto
    }
}

@media (min-width:1140px) {
    .main-banner__content {
        align-items: flex-start
    }
}

@media (max-width:639px) {
    .authorized .main-banner__content {
        width: 160px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .authorized .main-banner__content {
        width: 330px
    }
}

.main-banner__badge-title {
    animation: scaleBadge 3s cubic-bezier(.4, 0, .2, 1) infinite;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: var(--gradient-tokens-backgrounds-k);
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    left: -2px;
    line-height: 12px;
    padding: 4px 8px;
    position: relative;
    text-transform: uppercase;
    top: 1px;
    transform: rotate(-4deg) scale(1);
    transform-origin: left center;
    transform-style: preserve-3d;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    will-change: transform;
    z-index: 0
}

@media (max-width:1139px) {
    .main-banner__badge-title {
        top: -4px;
        transform-origin: center
    }
}

@media (min-width:640px) {
    .main-banner__badge-title {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 5px 12px
    }
}

@media (min-width:1140px) {
    .main-banner__badge-title {
        font-size: 12px;
        left: 1px;
        line-height: 14px;
        padding: 6px 12px
    }

    .authorized .main-banner__badge-title {
        margin-top: 4px
    }
}

@keyframes scaleBadge {

    0%,
    17% {
        transform: rotate(-4deg) scale(1) translateZ(0)
    }

    52%,
    69% {
        transform: rotate(-1deg) scale(1.16) translateZ(0)
    }

    96%,
    to {
        transform: rotate(-4deg) scale(1) translateZ(0)
    }
}

.main-banner__title {
    background: var(--gradient-tokens-backgrounds-i);
    background-clip: text;
    -webkit-background-clip: text;
    margin-top: -6px;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-unbounded);
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
    text-shadow: 0 5px 13px rgba(0, 0, 0, .25);
    z-index: 1
}

@media (min-width:640px) {
    .main-banner__title {
        font-size: 46px;
        font-weight: 700;
        line-height: 56px;
        margin-top: -13px
    }
}

@media (min-width:1140px) {
    .main-banner__title {
        margin-top: -8px
    }
}

.main-banner__title .welcome-bonuses__banner-offer-plus,
.main-banner__title .welcome-bonuses__banner-offer-value {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: normal;
    line-height: 36px
}

@media (min-width:640px) {

    .main-banner__title .welcome-bonuses__banner-offer-plus,
    .main-banner__title .welcome-bonuses__banner-offer-value {
        font-size: 44px;
        font-weight: 700;
        line-height: 60px
    }
}

@media (min-width:1140px) {

    .main-banner__title .welcome-bonuses__banner-offer-plus,
    .main-banner__title .welcome-bonuses__banner-offer-value {
        font-size: 32px;
        font-weight: 700;
        line-height: 42px
    }
}

.main-banner__title .welcome-bonuses__banner-offer-unit,
.main-banner__title .welcome-bonuses__banner-offer-value {
    letter-spacing: normal
}

.main-banner__title .welcome-bonuses__banner-offer-value:not(:last-child) {
    margin: 0 1.4px 0 0
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__title .welcome-bonuses__banner-offer-value:not(:last-child) {
        margin: 0 2.2px 0 0
    }
}

@media (min-width:1140px) {
    .main-banner__title .welcome-bonuses__banner-offer-value:not(:last-child) {
        margin: 0 1.6px 0 0
    }
}

.main-banner__title .welcome-bonuses__banner-offer-unit {
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 1.6px;
    line-height: 36px
}

@media (min-width:640px) {
    .main-banner__title .welcome-bonuses__banner-offer-unit {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 60px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__title .welcome-bonuses__banner-offer-unit {
        letter-spacing: 2.4px
    }
}

@media (min-width:1140px) {
    .main-banner__title .welcome-bonuses__banner-offer-unit {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1.8px;
        line-height: 42px
    }
}

.main-banner__title .welcome-bonuses__banner-offer-plus {
    letter-spacing: 2.8px
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__title .welcome-bonuses__banner-offer-plus {
        letter-spacing: 4.4px
    }
}

@media (min-width:1140px) {
    .main-banner__title .welcome-bonuses__banner-offer-plus {
        letter-spacing: 3.2px
    }
}

.main-banner__title:has(.welcome-bonuses__banner-offer-value) {
    line-height: 20px
}

@media (min-width:640px) {

    .authorized .main-banner__title .welcome-bonuses__banner-offer-plus,
    .authorized .main-banner__title .welcome-bonuses__banner-offer-value {
        font-size: 46px;
        line-height: 56px
    }

    .authorized .main-banner__title .welcome-bonuses__banner-offer-unit {
        font-size: 30px;
        line-height: 56px
    }
}

.main-banner__button {
    overflow: hidden;
    pointer-events: auto
}

@media (max-width:639px) {
    .main-banner__button {
        border-radius: var(--buttons-xs-radius);
        font-size: var(--buttons-font-xxs-font-size);
        font-weight: var(--buttons-font-xxs-weight);
        font-weight: var(--description-font-xs-weight);
        height: calc(var(--buttons-font-xxs-line-height) + var(--buttons-xs-vert)*2);
        letter-spacing: normal;
        line-height: var(--buttons-font-xxs-line-height);
        margin-top: 6px;
        padding: var(--buttons-xs-vert) var(--buttons-xs-hor);
        text-transform: uppercase
    }
}

@media (min-width:1140px) {
    .main-banner__button {
        margin-top: auto
    }
}

@media (max-width:639px) {
    .authorized .main-banner__button {
        margin-top: 9px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .authorized .main-banner__button {
        margin-top: 11px
    }
}

.main-banner__button:after {
    animation: translateLight 2.8s cubic-bezier(.4, 0, .2, 1) infinite;
    background-image: url(/img/main-banner/light.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 68px;
    left: -64px;
    opacity: .7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 72px
}

@keyframes translateLight {
    0% {
        left: -64px
    }

    28%,
    to {
        left: calc(100% + 64px)
    }
}

.stories-group {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 112px;
    padding: 8px var(--spacings-page-paddings);
    position: relative
}

@media (min-width:1140px) {
    .stories-group {
        margin: 0 calc(var(--spacings-page-paddings)*-1);
        overflow: hidden;
        padding: var(--spacings-m) var(--spacings-page-paddings) var(--spacings-m) var(--spacings-xl);
        width: calc(100% + var(--spacings-page-paddings)*2)
    }
}

@media (min-width:1920px) {
    .stories-group {
        margin-inline: 0
    }
}

@media (min-width:1140px) {

    .main-banner+.stories-group,
    .main-banner-temp-wr+.stories-group {
        margin: 0 calc(var(--spacings-page-paddings)*-1) 0 calc(var(--spacings-xl)*-1);
        width: 100%
    }
}

@media (min-width:1920px) {

    .main-banner+.stories-group,
    .main-banner-temp-wr+.stories-group {
        margin-right: 0;
        padding-right: 0
    }
}

@media (min-width:1140px) {

    .main-banner+.stories-group--fade-left:before,
    .main-banner-temp-wr+.stories-group--fade-left:before {
        background: linear-gradient(90deg, #12161d 1%, #12161d00 93%);
        content: "";
        height: 173px;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 73px;
        z-index: 2
    }
}

@media (min-width:1628px) {
    .stories-group--fade-right:after {
        background: linear-gradient(270deg, #12161d 51%, #12161d00 93%);
        content: "";
        height: 268px;
        pointer-events: none;
        position: absolute;
        right: -176px;
        top: 50%;
        transform: translateY(-50%);
        width: 328px;
        z-index: 2
    }
}

@media (min-width:1920px) {
    .stories-group--fade-right:after {
        height: 268px;
        right: -176px;
        width: 328px
    }
}

.stories-group-slider--skeleton {
    background: var(--backgrounds-a)
}

.stories-group__inner {
    align-items: center;
    display: flex;
    width: 100%
}

.stories-group--before-init .stories-group__inner {
    gap: var(--spacings-m);
    margin: 0 auto;
    overflow-y: auto
}

.stories-group--before-init .stories-group__inner::-webkit-scrollbar {
    background-color: transparent;
    color: transparent;
    display: none;
    height: 0;
    opacity: 0;
    width: 0
}

.stories-group--before-init .stories-group__inner::-webkit-scrollbar-thumb,
.stories-group--before-init .stories-group__inner::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.stories-group--before-init .stories-group__inner:only-child {
    width: auto
}

@media (max-width:1139px) {
    .stories-group--before-init .stories-group__inner {
        margin: 0 calc(var(--spacings-page-paddings)*-1);
        padding: 0 var(--spacings-page-paddings);
        width: auto
    }
}

@media (min-width:1140px) {
    .stories-group--before-init .stories-group__inner {
        gap: var(--spacings-xs)
    }
}

.stories-group__navigation {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.stories-group__next,
.stories-group__prev {
    pointer-events: auto
}

.stories-group__next:after,
.stories-group__next:before,
.stories-group__prev:after,
.stories-group__prev:before {
    content: none
}

.stories-group__prev {
    left: var(--spacings-page-paddings)
}

@media (min-width:1920px) {
    .stories-group__prev {
        left: 0
    }
}

.main-banner+.stories-group .stories-group__prev,
.main-banner-temp-wr+.stories-group .stories-group__prev {
    left: 22px
}

.stories-group__next {
    right: var(--spacings-page-paddings)
}

@media (min-width:1920px) {
    .stories-group__next {
        right: 0
    }
}

.stories-group-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    max-width: 72px;
    overflow: hidden
}

.stories-group-item.stories-group-item--large {
    max-width: 166px
}

@media (min-width:1140px) {
    .stories-group-item {
        max-width: 112px
    }
}

.stories-group-item__image {
    background-color: var(--backgrounds-b);
    border-radius: 100px;
    height: 72px;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 6px;
    position: relative;
    width: 72px
}

@media (min-width:1140px) {
    .stories-group-item__image {
        height: 112px;
        width: 112px
    }
}

.stories-group-item--large .stories-group-item__image {
    align-items: center;
    display: flex;
    gap: 8px;
    padding: 5px 25px 5px 5px;
    width: 100%
}

.stories-group--before-init .stories-group-item__image:before {
    border: 1px solid var(--backgrounds-f);
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.no-touch .stories-group-item__image:hover {
    cursor: pointer
}

.stories-group-item__image-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.stories-group-item__img {
    border-radius: 100px;
    display: flex;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    width: 60px;
    z-index: 1
}

@media (min-width:1140px) {
    .stories-group-item__img {
        height: 100px;
        width: 100px
    }
}

.stories-group-item--large .stories-group-item__img {
    animation: spin 1.2s ease-in-out infinite alternate;
    height: 58px;
    width: 58px
}

.stories-group-item__img img {
    transition: all .2s ease-out
}

.no-touch .stories-group-item__img img:hover {
    transform: rotate(15deg) scale(1.1)
}

.stories-group-item__counter {
    background: var(--gradient-tokens-backgrounds-k);
    border-radius: 100px;
    bottom: -7px;
    font-size: 12px;
    font-weight: 700;
    left: 50%;
    line-height: 16px;
    padding: 3px 8px;
    position: absolute;
    transform: translate(-50%);
    z-index: 2
}

.stories-group-item--visited .stories-group-item__counter {
    background: var(--gradient-tokens-border-d)
}

.stories-group-item__counter-amount {
    color: var(--text-text);
    position: relative
}

.stories-group-item__text {
    max-width: 100%
}

.stories-group-item--large .stories-group-item__text {
    border-radius: 100px;
    overflow-x: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.stories-group-item__label {
    color: var(--text-text);
    font-size: var(--buttons-font-xxs-font-size);
    font-weight: var(--buttons-font-xxs-weight);
    letter-spacing: normal;
    line-height: var(--buttons-font-xxs-line-height);
    overflow: hidden;
    padding: 1px 0;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width:1140px) {
    .stories-group-item__label {
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        letter-spacing: normal;
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase
    }
}

.stories-group-item--highlighted .stories-group-item__label {
    background: var(--colors-global-accent-c);
    border-radius: 100px;
    padding: 1px 6px
}

@keyframes spin {
    0% {
        transform: rotate(-24deg)
    }

    to {
        transform: rotate(24deg)
    }
}

@keyframes flareAnimation {
    0% {
        left: -150%
    }

    to {
        left: 150%
    }
}

.custom-tabs {
    background-color: var(--backgrounds-b);
    padding: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.play .custom-tabs {
    padding: var(--spacings-s) var(--spacings-s) 8px;
    position: sticky;
    top: 0;
    z-index: 10
}

.profile-history .custom-tabs {
    padding: 0
}

@media (max-width:1139px) {
    .profile-history .custom-tabs {
        flex: 1
    }
}

@media (min-width:1140px) and (max-width:1627px) {
    .profile-history .custom-tabs {
        margin-left: auto
    }

    .profile-bets-bonuses .custom-tabs {
        margin-left: 0
    }
}

@media (min-width:1140px) {
    .welcome-bonuses-header__details .custom-tabs {
        padding: 4px 0 0
    }
}

.custom-tabs--form-separated {
    background: none;
    padding: 0
}

.custom-tabs__inner {
    border-radius: var(--tabs-s-radius);
    display: flex
}

.custom-tabs--form-separated .custom-tabs__inner {
    align-items: center;
    display: flex;
    gap: 12px;
    position: relative
}

.nav-line .custom-tabs__inner {
    overflow-x: auto
}

.nav-line .custom-tabs__inner::-webkit-scrollbar {
    background-color: transparent;
    color: transparent;
    display: none;
    height: 0;
    opacity: 0;
    width: 0
}

.nav-line .custom-tabs__inner::-webkit-scrollbar-thumb,
.nav-line .custom-tabs__inner::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.profile-history .custom-tabs__inner {
    background-color: var(--backgrounds-g-50)
}

.spin-wheel__tabs .custom-tabs__inner {
    background-color: transparent
}

.play .custom-tabs__item-wr,
.profile-history .custom-tabs__item-wr {
    flex-grow: 1
}

@media (max-width:1139px) {
    .welcome-bonuses-header__tabs .custom-tabs__item-wr {
        flex-basis: 50%;
        flex-grow: 1
    }
}

.custom-tabs__item {
    align-items: center;
    border-radius: var(--tabs-s-radius);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: var(--tabs-s-vert) var(--tabs-s-hor);
    transition: all .2s ease-out
}

.no-touch .custom-tabs__item:hover {
    background-color: var(--backgrounds-c)
}

.no-touch .custom-tabs__item:hover .custom-tabs__text {
    color: var(--text-text)
}

.custom-tabs--form-separated .custom-tabs__item {
    background-color: var(--tab-bg-default);
    border-radius: 8px;
    color: var(--tab-text-default);
    cursor: pointer;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    transition: all .2s ease-out;
    white-space: nowrap
}

.custom-tabs--form-separated .custom-tabs__item .icon {
    color: var(--tab-icon-default);
    height: 20px;
    transition: color .2s ease-out;
    width: 20px
}

.no-touch .custom-tabs--form-separated .custom-tabs__item:hover {
    background-color: var(--tab-bg-hover);
    color: var(--tab-text-hover)
}

.no-touch .custom-tabs--form-separated .custom-tabs__item:hover .icon {
    color: var(--tab-icon-hover)
}

.custom-tabs--form-separated .custom-tabs__item .custom-tabs__ic--gift-nav.icon {
    height: 18px;
    margin: 1px auto;
    width: 17px
}

.profile-history .custom-tabs__item {
    align-items: center;
    border-radius: var(--tabs-m-radius);
    color: var(--text-description-a);
    cursor: pointer;
    display: flex;
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    gap: var(--tabs-m-gap);
    justify-content: center;
    letter-spacing: normal;
    line-height: var(--buttons-font-m-line-height);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    text-transform: uppercase;
    transition: all .2s ease-out
}

.profile-history .custom-tabs__item .icon {
    color: var(--icons-a-disable);
    height: auto;
    margin: auto 1px;
    width: 18px
}

.no-touch .profile-history .custom-tabs__item:hover:not(.games-slider__tab--active) {
    background-color: var(--backgrounds-c);
    color: var(--text-text)
}

@media (max-width:1139px) {
    .welcome-bonuses-header__tabs .custom-tabs__item {
        padding: var(--tabs-m-vert) var(--tabs-m-hor)
    }
}

.custom-tabs__item--active {
    background-color: var(--backgrounds-f);
    box-shadow: var(--inner-shadow);
    cursor: default;
    pointer-events: none
}

.custom-tabs--form-separated .custom-tabs__item--active,
.no-touch .custom-tabs--form-separated .custom-tabs__item--active:hover {
    background-color: var(--tab-bg-active);
    box-shadow: var(--inner-shadow);
    color: var(--tab-text-active);
    cursor: default;
    pointer-events: none
}

.custom-tabs--form-separated .custom-tabs__item--active .icon,
.no-touch .custom-tabs--form-separated .custom-tabs__item--active:hover .icon {
    color: var(--tab-icon-active)
}

.spin-wheel .custom-tabs__item--active {
    background: var(--gradient-tokens-backgrounds-h);
    box-shadow: var(--inner-shadow);
    color: var(--buttons-primary-a-text-default)
}

.no-touch .spin-wheel .custom-tabs__item--active:not(.no-touch .spin-wheel .custom-tabs__item--active.btn--text, .no-touch .spin-wheel .custom-tabs__item--active.btn--text-b, .no-touch .spin-wheel .custom-tabs__item--active.btn--icon):hover {
    background: var(--gradient-tokens-backgrounds-h-70);
    color: var(--buttons-primary-a-text-hover)
}

.spin-wheel .custom-tabs__item--active.disabled,
.spin-wheel .custom-tabs__item--active[disabled] {
    background: var(--gradient-tokens-backgrounds-h-50);
    box-shadow: none;
    color: var(--buttons-primary-a-text-disable);
    pointer-events: none
}

.custom-tabs__ic-wr {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 20px
}

.spin-wheel .custom-tabs__ic.icon,
.spin-wheel .custom-tabs__text.icon {
    color: var(--tab-icon-active);
    transition: color .2s ease-out
}

.spin-wheel .custom-tabs__item--active .custom-tabs__ic,
.spin-wheel .custom-tabs__item--active .custom-tabs__text {
    color: var(--text-text-invert)
}

.no-touch .spin-wheel .custom-tabs__item:hover .custom-tabs__ic,
.no-touch .spin-wheel .custom-tabs__item:hover .custom-tabs__text {
    color: var(--text-text-accent)
}

.custom-tabs__text {
    color: var(--tab-text-default);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all .2s ease-out;
    white-space: nowrap
}

@media (min-width:1628px) {
    .custom-tabs__text {
        font-size: 14px
    }
}

.profile-history-bonuses__filters .custom-tabs__text,
.profile-history-operations-content .custom-tabs__text {
    color: var(--text-description-a);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    letter-spacing: normal;
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.custom-tabs__item--active .custom-tabs__text,
.spin-wheel .custom-tabs__text {
    color: var(--text-text);
    transition: color .2s ease-out
}

.no-touch .spin-wheel .custom-tabs__item:hover .custom-tabs__text {
    color: var(--text-text-accent)
}

.custom-tabs--form-separated .custom-tabs__text {
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    text-overflow: clip;
    text-transform: uppercase
}

.home-bg-section-inner {
    margin: 0 auto;
    max-width: var(--main-container-max-width)
}

@media (max-width:1139px) {
    .promo-jackpot-wr .home-bg-section-inner {
        margin: 0
    }
}

.home-bg-section-inner--games {
    max-width: calc(var(--main-container-max-width) + var(--spacings-page-paddings)*2)
}

.no-touch .home-bg-section-inner--initial {
    position: relative;
    z-index: 5
}

.game-list__preloader {
    min-height: 150px
}

.games-list__show-more-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 22px;
    width: 100%
}

@media (max-width:1139px) {
    .games-list__no-results {
        width: 100%
    }
}

@media (min-width:1140px) {
    .games-list__no-results {
        margin: 0 var(--spacings-page-paddings)
    }
}

.games-list__no-results.loading {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    min-height: 150px
}

.icon-box {
    position: relative
}

.games-slider-wrap {
    background-color: var(--backgrounds-b);
    border-radius: var(--roundings-m);
    margin-bottom: var(--spacings-s);
    overflow: hidden;
    padding: var(--spacings-xl) var(--spacings-page-paddings);
    position: relative;
    z-index: 1
}

.games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
    margin-bottom: var(--spacings-l)
}

@media (min-width:640px) {
    .games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
        padding: var(--spacings-xl)
    }
}

@media (min-width:1140px) {
    .games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
        margin-bottom: 20px;
        margin-left: var(--spacings-page-paddings);
        margin-right: var(--spacings-page-paddings)
    }
}

@media (min-width:1628px) {
    .games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
        margin-bottom: var(--spacings-s)
    }
}

.games-slider-wrap:not(.home-bg-section .games-slider-wrap):last-child {
    margin-bottom: var(--spacings-l)
}

.games-slider-wrap.games-slider-wrap--section-day_hot_games:before {
    background-image: url(/img/games-slider/hot-bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    pointer-events: none;
    position: absolute;
    z-index: -1
}

.no-webp .games-slider-wrap.games-slider-wrap--section-day_hot_games:before {
    background-image: url(/img/games-slider/hot-bg.jpg)
}

@media (min-width:1140px) {
    .games-slider-wrap {
        padding: var(--spacings-xl)
    }
}

.games-jackpot__providers .games-slider-wrap {
    background: none;
    border-radius: 0;
    margin: var(--spacings-2xl) calc(var(--spacings-page-paddings)*-1) 0;
    padding: 0 var(--spacings-page-paddings)
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider-wrap {
        border-radius: 12px;
        margin: var(--spacings-xl) -16px 0;
        padding: 0 16px
    }
}

.home-bg-section-inner:first-child .games-slider-wrap:first-child:before {
    background-image: url(/img/new-year/garland.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1508px 100%;
    height: 28px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    width: 100%;
    z-index: 6
}

.no-webp .home-bg-section-inner:first-child .games-slider-wrap:first-child:before {
    background-image: url(/img/new-year/garland.png)
}

@media (min-width:1140px) {
    .home-bg-section-inner:first-child .games-slider-wrap:first-child:before {
        content: ""
    }
}

@media (min-width:1628px) {
    .home-bg-section-inner:first-child .games-slider-wrap:first-child:before {
        height: 32px
    }
}

@media (max-width:1139px) {
    .games-slider-wrap--section-bonus-buy {
        margin-bottom: 0
    }
}

.games-slider__tabs {
    align-items: center;
    background-color: var(--backgrounds-k);
    border-radius: 10px;
    cursor: pointer;
    cursor: default;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    min-width: 96px;
    position: relative
}

@media (max-width:639px) {
    .games-slider__tabs {
        width: 100%
    }

    .games-slider__tabs>* {
        flex: 1 0 auto
    }
}

.games-slider__tab {
    align-items: center;
    border-radius: var(--tabs-m-radius);
    border-radius: var(--tabs-s-radius);
    color: var(--text-description-a);
    cursor: pointer;
    display: flex;
    font-size: var(--buttons-font-m-font-size);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-m-weight);
    font-weight: var(--buttons-font-s-weight);
    gap: var(--tabs-m-gap);
    gap: var(--tabs-s-gap);
    justify-content: center;
    letter-spacing: normal;
    line-height: var(--buttons-font-m-line-height);
    line-height: var(--buttons-font-s-line-height);
    padding: var(--tabs-s-vert) var(--tabs-s-hor);
    text-transform: uppercase;
    transition: all .2s ease-out
}

.games-slider__tab .icon {
    color: var(--icons-a-disable);
    height: auto;
    margin: auto 1px;
    width: 18px
}

.no-touch .games-slider__tab:hover:not(.games-slider__tab--active) {
    background-color: var(--backgrounds-c);
    color: var(--text-text)
}

.games-slider__tab--active {
    background-color: var(--backgrounds-f);
    box-shadow: var(--inner-shadow);
    color: var(--text-text);
    pointer-events: none
}

.games-slider__tab--active .icon {
    color: var(--icons-a);
    height: auto;
    margin: auto 1px;
    width: 18px
}

.games-slider__button-all-icon-wr {
    display: flex;
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.games-slider__button-all-icon {
    height: 12px;
    margin: 4px auto 4px 7px;
    width: 8px
}

.games-slider-wrap--hovered {
    z-index: 2
}

@media (max-width:639px) {
    .swiper-container-multirow {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 12px 0;
        max-height: 336px
    }
}

.games-slider {
    overflow: hidden;
    padding: 12px var(--spacings-page-paddings);
    position: relative
}

@media (max-width:639px) {
    .games-slider {
        display: flex;
        gap: 12px;
        overflow-x: scroll
    }

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

    .games-slider::-webkit-scrollbar-thumb,
    .games-slider::-webkit-scrollbar-track {
        background: transparent;
        display: none
    }
}

.games-jackpot__providers .games-slider {
    padding: 0 var(--spacings-page-paddings)
}

@media (max-width:639px) {
    .games-jackpot__providers .games-slider {
        gap: 6px
    }
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider {
        border-radius: 12px;
        padding: 0
    }
}

@media (min-width:640px) {
    .games-slider-wrap--section-popular .games-slider--two-row .swiper-wrapper {
        display: grid;
        gap: 12px 0;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, 1fr)
    }
}

.games-slider__title {
    align-items: center;
    color: var(--colors-base-white-a);
    display: flex;
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    gap: 12px;
    line-height: var(--headings-h3-line-height)
}

@media (min-width:1140px) {
    .games-slider__title {
        gap: var(--spacings-s)
    }
}

.games-slider__title-icon-wr {
    align-items: center;
    color: var(--icons-a-disable);
    display: flex;
    flex-shrink: 0;
    height: 28px;
    justify-content: center;
    width: 28px
}

.games-slider__title-icon {
    height: auto;
    margin: auto;
    width: 25px
}

.play-providers-slider .games-slider__title-icon {
    height: 26px;
    margin: 1px 0 1px auto;
    width: 27px
}

.games-slider-wrap--section-popular .games-slider__title-icon {
    width: 24px
}

.games-slider-wrap--section-new .games-slider__title-icon {
    height: 28px;
    width: 28px
}

.games-slider-wrap--section-live_dealers .games-slider__title-icon {
    width: 23px
}

.games-slider-wrap--section-day_hot_games .games-slider__title-icon {
    width: 19px
}

.games-slider__inner {
    margin: -12px calc(var(--spacings-page-paddings)*-1);
    position: relative
}

@supports (margin-block:0 0) {
    .games-jackpot__providers .games-slider__inner {
        margin-block: 0 0
    }
}

@supports not (margin-block:0 0) {
    .games-jackpot__providers .games-slider__inner {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider__inner {
        margin: 0 -16px
    }
}

.games-slider__head {
    align-items: center;
    display: flex;
    gap: var(--spacings-s);
    justify-content: space-between;
    margin-bottom: var(--spacings-l);
    min-height: 36px
}

@media (max-width:639px) {
    .games-slider__head.games-slider__head--with-tabs {
        align-items: flex-start;
        flex-direction: column
    }
}

@media (min-width:1140px) {
    .games-slider__head {
        min-height: 40px
    }
}

.games-slider__inner-wr {
    overflow-x: hidden;
    position: relative
}

.games-jackpot__providers .games-slider__inner-wr {
    margin: 0 auto
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider__inner-wr {
        padding: 0 16px
    }
}

.slider__providers-block {
    align-items: center;
    background-color: var(--gray-500-p-08);
    border-radius: 12px;
    color: var(--gray-500);
    -moz-column-gap: 6px;
    column-gap: 6px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    min-width: 109px;
    padding: 16px;
    transition: all .2s ease-out;
    width: -moz-max-content;
    width: max-content
}

@media (min-width:640px) {
    .slider__providers-block {
        margin-right: 16px
    }
}

@media (min-width:1140px) {
    .slider__providers-block {
        background-color: var(--white);
        box-shadow: 0 5px 28px 0 var(--black-500-p-10);
        margin-right: 20px;
        min-width: 140px
    }
}

@media (min-width:1628px) {
    .slider__providers-block {
        border-radius: 16px;
        -moz-column-gap: 12px;
        column-gap: 12px;
        font-size: 18px;
        height: 56px;
        line-height: 24px;
        min-width: 237px
    }
}

.no-touch .slider__providers-block:hover {
    box-shadow: 0 5px 28px 0 var(--black-500-p-25)
}

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

.slider__providers-block-icon {
    height: 24px;
    width: 24px
}

.slider__providers-block--all {
    min-width: 83px;
    text-transform: uppercase
}

@media (min-width:1140px) {
    .slider__providers-block--all {
        min-width: 140px
    }
}

@media (min-width:1628px) {
    .slider__providers-block--all {
        -moz-column-gap: 10px;
        column-gap: 10px;
        min-width: 180px
    }
}

.cards-slider-empty-block {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

@media (min-width:640px) {
    .cards-slider-empty-block {
        padding: 0 32px
    }
}

.cards-slider-empty-block .favorites__no-results-icon-wr {
    display: inline-flex;
    height: 22px;
    margin: 0 8px;
    transform: translateY(5px);
    width: 22px
}

@media (min-width:640px) {
    .cards-slider-empty-block .favorites__no-results-icon-wr {
        height: 26px;
        transform: translateY(7px);
        width: 26px
    }
}

.cards-slider-empty-block .favorites__no-results-icon {
    width: 22px
}

@media (min-width:640px) {
    .cards-slider-empty-block .favorites__no-results-icon {
        width: 26px
    }
}

.cards-slider-empty-block__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

@media (min-width:640px) {
    .cards-slider-empty-block__title {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }
}

@media (min-width:1628px) {
    .games-slider-wrap--section-favorites .cards-slider-empty-block__title {
        margin-bottom: 13px
    }
}

.games-slider-wrap--section-last-played .cards-slider-empty-block__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

@media (min-width:640px) {
    .games-slider-wrap--section-last-played .cards-slider-empty-block__title {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }
}

.cards-slider-empty-block__subtitle {
    color: var(--text-description-b);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:640px) {
    .cards-slider-empty-block__subtitle {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 5px
    }
}

@media (min-width:1140px) {
    .cards-slider-empty-block__subtitle {
        margin-bottom: 1px
    }
}

@media (min-width:1628px) {
    .cards-slider-empty-block__subtitle {
        margin-bottom: 17px
    }
}

.cards-slider-empty-block__icon.empty-icon-default {
    background-image: url(/img/no_results.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.no-webp .cards-slider-empty-block__icon.empty-icon-default {
    background-image: url(/img/no_results.png)
}

@media (max-width:639px) {
    .cards-slider-empty-block__icon.empty-icon-default {
        height: 89px;
        margin-bottom: 9px;
        width: 89px
    }
}

@media (min-width:640px) {
    .cards-slider-empty-block__icon.empty-icon-default {
        height: 115px;
        margin-bottom: 8px;
        width: 115px
    }
}

@media (min-width:1140px) {
    .cards-slider-empty-block__icon.empty-icon-default {
        height: 139px;
        width: 139px
    }
}

@media (min-width:1628px) {
    .cards-slider-empty-block__icon.empty-icon-default {
        margin-bottom: 16px
    }
}

.games-list-card {
    border-radius: var(--roundings-xs);
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    transform: translateZ(0)
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card,
    .games-slider-wrap--size-m .games-list-card,
    .games-sort-page__list .games-list-card {
        border-radius: var(--roundings-s)
    }
}

.games-list-card.games-list-card--hovered,
.no-touch .games-list-card {
    overflow: visible
}

@media (min-width:640px) {
    .games-list-card {
        margin-right: 12px
    }
}

.games-sort-page .games-list-card {
    min-height: auto;
    padding-top: 123.8532110092%
}

@media (min-width:640px) {
    .games-sort-page .games-list-card {
        margin-right: 0;
        padding-top: 124.8226950355%
    }
}

@media (min-width:1140px) {
    .games-sort-page .games-list-card {
        padding-top: 124.5989304813%
    }
}

@media (min-width:1628px) {
    .games-sort-page .games-list-card {
        padding-top: 125%
    }

    .menu-opened .games-sort-page .games-list-card {
        padding-top: 124.6073298429%
    }
}

.games-slider-wrap--size-xs .games-list-card {
    height: var(--game-cards-height-xs);
    min-height: var(--game-cards-height-xs);
    width: var(--game-cards-width-xs)
}

.games-slider-wrap--size-s .games-list-card {
    height: var(--game-cards-height-s);
    min-height: var(--game-cards-height-s);
    width: var(--game-cards-width-s)
}

.games-list-card.games-list-card--size-m,
.games-slider-wrap--size-m .games-list-card {
    height: var(--game-cards-height-m);
    min-height: var(--game-cards-height-m);
    width: var(--game-cards-width-m)
}

.swiper-wrapper .games-list-card:last-child {
    margin-right: 0
}

.no-touch .games-list-card:hover {
    z-index: 2
}

.games-slider-wrap--section-popular .games-slider--two-row .games-list-card {
    margin-top: 0 !important
}

.games-list-card.games-list-card--cursor-pointer {
    cursor: pointer
}

.games-random__content .games-list-card {
    transition: .3s ease-in-out
}

.games-list-card__body {
    border-radius: var(--roundings-xs);
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 12px 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    will-change: width, height;
    z-index: 2
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__body,
    .games-slider-wrap--size-m .games-list-card__body,
    .games-sort-page__list .games-list-card__body {
        border-radius: var(--roundings-s)
    }
}

.games-list-card--size-m .games-list-card__body,
.games-slider-wrap--size-m .games-list-card__body,
.games-sort-page__list .games-list-card__body {
    padding-top: 20px
}

.games-list-card__body-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
    z-index: 5
}

@media (min-width:640px) {
    .games-list-card__body-inner {
        justify-content: space-between
    }
}

.games-list-card__body--visible {
    border-radius: var(--roundings-xs);
    cursor: pointer;
    opacity: 1;
    overflow: hidden;
    pointer-events: auto
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__body--visible,
    .games-slider-wrap--size-m .games-list-card__body--visible,
    .games-sort-page__list .games-list-card__body--visible {
        border-radius: var(--roundings-s)
    }
}

.games-list-card__body--visible:before {
    animation: setPointer .2s linear 0s 1 forwards;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.games-list-card--hovered .games-list-card__body--visible {
    --upset-width: 8px;
    --upset-height: 12px;
    animation: scaleCard .15s ease-out forwards;
    height: 100%;
    margin: 0;
    width: 100%
}

@media (min-width:1628px) {
    .games-list-card--hovered .games-list-card__body--visible {
        --upset-width: 16px;
        --upset-height: 16px
    }
}

.games-list-card--size-m .games-list-card--hovered .games-list-card__body--visible,
.games-slider-wrap--size-m .games-list-card--hovered .games-list-card__body--visible,
.games-sort-page__list .games-list-card--hovered .games-list-card__body--visible {
    --upset-width: 12px;
    --upset-height: 12px
}

@keyframes setPointer {
    0% {
        z-index: 10
    }

    99% {
        z-index: 10
    }

    to {
        z-index: -10
    }
}

.games-list-card__img-area {
    border-radius: var(--roundings-xs);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__img-area,
    .games-slider-wrap--size-m .games-list-card__img-area,
    .games-sort-page__list .games-list-card__img-area {
        border-radius: var(--roundings-s)
    }
}

.games-list-card--hovered .games-list-card__img-area {
    --upset-width: 8px;
    --upset-height: 12px;
    animation: scaleCard .15s ease-out forwards;
    height: 100%;
    margin: 0;
    width: 100%
}

@media (min-width:1628px) {
    .games-list-card--hovered .games-list-card__img-area {
        --upset-width: 16px;
        --upset-height: 16px
    }
}

.games-list-card--size-m .games-list-card--hovered .games-list-card__img-area,
.games-slider-wrap--size-m .games-list-card--hovered .games-list-card__img-area,
.games-sort-page__list .games-list-card--hovered .games-list-card__img-area {
    --upset-width: 12px;
    --upset-height: 12px
}

@keyframes scaleCard {
    to {
        height: calc(100% + var(--upset-height));
        margin: calc(var(--upset-height)*-1/2) calc(var(--upset-width)*-1/2);
        width: calc(100% + var(--upset-width))
    }
}

.games-list-card--hovered .games-list-card__img-area:before {
    background-color: var(--backgrounds-d-70);
    border-radius: inherit;
    box-shadow: var(--inner-shadow);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1140px) {
    .games-sort-page .games-list-card__img-area {
        border-radius: var(--roundings-s)
    }
}

.games-list-card__body-img {
    border-radius: var(--roundings-xs);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__body-img,
    .games-slider-wrap--size-m .games-list-card__body-img,
    .games-sort-page__list .games-list-card__body-img {
        border-radius: var(--roundings-s)
    }
}

.games-list-card--hovered .games-list-card__body-img {
    filter: blur(4px)
}

.games-list-card__img-area--see-all .games-list-card__body-img {
    filter: blur(10px)
}

.games-list-card__see-all {
    align-items: center;
    background-color: var(--backgrounds-d-70);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: center
}

@media (min-width:640px) {
    .games-list-card__see-all {
        gap: 12px
    }
}

.games-list-card__see-all-icon-wr {
    background-color: var(--buttons-secondary-a-bg-default);
    border-radius: var(--buttons-s-radius);
    box-shadow: var(--inner-shadow);
    height: 36px;
    padding: var(--buttons-icon-s);
    transition: background-color .2s ease-out;
    width: 36px
}

.no-touch .games-list-card__see-all-icon-wr:hover {
    background-color: var(--buttons-secondary-a-bg-hover)
}

@media (min-width:640px) {
    .games-list-card__see-all-icon-wr {
        border-radius: var(--buttons-m-radius);
        height: 40px;
        padding: var(--buttons-icon-m);
        width: 40px
    }
}

@media (min-width:1140px) {
    .games-list-card__see-all-icon-wr {
        height: 48px;
        width: 48px
    }
}

.games-list-card__see-all-icon {
    color: var(--icons-a);
    height: 16px;
    margin: 2px;
    width: 16px
}

.games-list-card__see-all-text {
    color: var(--text-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    padding: 0 8px;
    text-align: center
}

@media (min-width:640px) {
    .games-list-card__see-all-text {
        font-size: 12px;
        font-weight: 700;
        line-height: 16px
    }
}

@media (min-width:1140px) {
    .games-list-card__see-all-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.games-list-card__center {
    align-items: center;
    display: flex;
    gap: 10px
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__center,
    .games-slider-wrap--size-m .games-list-card__center,
    .games-sort-page__list .games-list-card__center {
        gap: 12px
    }
}

.games-list-card__body-play {
    background: var(--gradient-tokens-backgrounds-k);
    border-radius: 100%;
    box-shadow: var(--inner-shadow);
    cursor: pointer;
    display: grid;
    height: 48px;
    overflow: hidden;
    padding: 12px;
    position: relative;
    transition: scale .2s ease-out;
    width: 48px
}

.no-touch .games-list-card__body-play:hover {
    background: var(--gradient-tokens-backgrounds-k-70);
    scale: 1.08
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__body-play,
    .games-slider-wrap--size-m .games-list-card__body-play,
    .games-sort-page__list .games-list-card__body-play {
        height: 62px;
        padding: 16px;
        width: 62px
    }
}

.games-random .games-list-card__body-play {
    height: 62px;
    padding: 16px;
    width: 62px
}

.games-list-card__body-play-icon {
    color: var(--icons-a);
    flex-shrink: 0;
    height: 24px;
    margin: 1px auto auto 2px;
    position: relative;
    transition: filter .2s ease-out;
    width: 24px;
    z-index: 2
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__body-play-icon,
    .games-slider-wrap--size-m .games-list-card__body-play-icon,
    .games-sort-page__list .games-list-card__body-play-icon {
        height: 30px;
        margin-left: 2px;
        width: 30px
    }
}

.games-random .games-list-card__body-play-icon {
    height: 30px;
    margin-left: 2px;
    width: 30px
}

.no-touch .games-list-card__body-play:hover .games-list-card__body-play-icon {
    filter: var(--card-play-shadow)
}

.games-list-card__top {
    display: flex;
    height: 28px
}

.games-random .games-list-card__top {
    display: none
}

.games-list-card__body-title {
    color: var(--text-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    max-width: 100%;
    min-height: 32px;
    text-align: center;
    width: var(--game-cards-width-xs)
}

.no-touch .games-list-card__body-title:hover {
    color: var(--text-description-a)
}

.games-list-card--size-m .games-list-card__body-title,
.games-slider-wrap--size-m .games-list-card__body-title,
.games-sort-page__list .games-list-card__body-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    min-height: 42px;
    width: var(--game-cards-width-m)
}

.games-random .games-list-card__body-title {
    display: none
}

.games-list-card__body-title-inner {
    display: -webkit-box;
    height: 32px;
    padding: 0 4px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.games-list-card--size-m .games-list-card__body-title-inner,
.games-slider-wrap--size-m .games-list-card__body-title-inner,
.games-sort-page__list .games-list-card__body-title-inner {
    height: 42px
}

.games-list-card__actions {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    justify-content: center
}

.games-list-card--size-m .games-list-card__actions,
.games-slider-wrap--size-m .games-list-card__actions,
.games-sort-page__list .games-list-card__actions {
    gap: 16px
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__actions,
    .games-slider-wrap--size-m .games-list-card__actions,
    .games-sort-page__list .games-list-card__actions {
        gap: 24px
    }
}

.games-list-card__demo {
    background-color: var(--buttons-secondary-b-bg-default);
    border-radius: 8px;
    color: var(--text-text);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 6px var(--spacings-2xs);
    text-transform: uppercase
}

.no-touch .games-list-card__demo:hover {
    background-color: var(--buttons-secondary-b-bg-hover)
}

.games-random .games-list-card__demo {
    display: none
}

.games-list-card__body-bottom-inner {
    display: flex
}

.games-list-card__body-inner-wr {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: 100%;
    z-index: 5
}

.games-list-card--size-m .games-list-card__body-inner-wr,
.games-slider-wrap--size-m .games-list-card__body-inner-wr,
.games-sort-page__list .games-list-card__body-inner-wr {
    gap: 8px
}

@media (min-width:1628px) {

    .games-list-card--size-m .games-list-card__body-inner-wr,
    .games-slider-wrap--size-m .games-list-card__body-inner-wr,
    .games-sort-page__list .games-list-card__body-inner-wr {
        gap: 20px
    }
}

.games-list-card__favorites,
.games-list-card__favorites-wr {
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    width: 32px
}

.games-list-card--size-m .games-list-card__favorites,
.games-list-card--size-m .games-list-card__favorites-wr,
.games-slider-wrap--size-m .games-list-card__favorites,
.games-slider-wrap--size-m .games-list-card__favorites-wr,
.games-sort-page__list .games-list-card__favorites,
.games-sort-page__list .games-list-card__favorites-wr {
    height: 40px;
    width: 40px
}

.games-random .games-list-card__favorites,
.games-random .games-list-card__favorites-wr {
    display: none
}

.games-list-card__favorites {
    padding: var(--buttons-icon-xs)
}

.games-list-card__favorites-ic {
    color: var(--backgrounds-e);
    height: auto;
    margin: 2px 1px;
    transition: color .2s ease-out;
    width: 18px
}

.no-touch .games-list-card__favorites:hover .games-list-card__favorites-ic {
    color: var(--colors-base-white-70)
}

.games-list-card__favorites--active .games-list-card__favorites-ic {
    color: var(--colors-system-error)
}

.no-touch .games-list-card__favorites--active:hover .games-list-card__favorites-ic {
    color: var(--colors-system-error-70)
}

.games-list-card--size-m .games-list-card__favorites-ic,
.games-slider-wrap--size-m .games-list-card__favorites-ic,
.games-sort-page__list .games-list-card__favorites-ic {
    margin: auto;
    width: 25px
}

.games-list-card__provider {
    border-radius: 100%;
    flex-shrink: 0;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.games-list-card--size-m .games-list-card__provider,
.games-slider-wrap--size-m .games-list-card__provider,
.games-sort-page__list .games-list-card__provider {
    height: 40px;
    width: 40px
}

.games-random .games-list-card__provider {
    display: none
}

.games-list-card__provider-img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.games-list-card__badges {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7
}

.games-list-card__badge-top {
    padding: 8px
}

@media (min-width:1140px) and (max-width:1627px) {

    .games-list-card--size-m .games-list-card__badge-top,
    .games-slider-wrap--size-m .games-list-card__badge-top,
    .games-sort-page__list .games-list-card__badge-top {
        padding: 8px 10px
    }
}

.games-slider__navigation {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

:root {
    --spacings-5xl: 40px
}

.main-preloader {
    height: 60px;
    position: relative;
    transition: all .2s ease-out;
    width: 100%
}

.search-result__inner .main-preloader {
    position: static
}

.partners-contests-stream-modal-container .main-preloader {
    min-height: 30px
}

.partners-contests-history-content__table .main-preloader,
.partners-contests-stream-modal-container .main-preloader {
    height: 290px
}

@media (max-width:1139px) {

    .partners-contests-history-content__table .main-preloader,
    .partners-contests-stream-modal-container .main-preloader {
        margin-bottom: 30px
    }
}

.sport-lobby-digitain-widget .main-preloader {
    height: 290px
}

.deposit-preloader {
    min-height: 100vh;
    width: 100vw
}

@media (min-width:640px) {
    .deposit-preloader {
        min-height: calc(100vh - 52px)
    }
}

.center-preloader {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

@media (min-width:640px) {
    .payment__content-inner--preloader .center-preloader {
        height: calc(100% - 45px)
    }
}

.wrapper__preloader--with-back-title .center-preloader {
    top: -17px
}

@media (min-width:1140px) {
    .wrapper__preloader--with-back-title .center-preloader {
        top: -34px
    }
}

.center-preloader.mobile-play-preloader {
    background: var(--background-b);
    height: calc(100dvh - var(--spacings-5xl));
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 9999
}

.wrapper__preloader {
    height: calc(100vh - var(--header-height) + var(--bottom-menu-height))
}

@media (min-width:1140px) {
    .wrapper__preloader {
        height: calc(100vh - var(--header-height))
    }
}

.wrapper__preloader--with-back-title {
    height: calc(100vh - var(--back-title-height) - var(--header-height) - var(--bottom-menu-height))
}

@media (min-width:1140px) {
    .wrapper__preloader--with-back-title {
        height: calc(100vh - var(--back-title-height) - var(--header-height))
    }
}

.main-preloader--fullPage {
    background-color: var(--white);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10050
}

.main-preloader__inner {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 50px;
    z-index: 9990
}

.path-profile .main-preloader__inner {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: static;
    transform: translateZ(0)
}

.main-preloader__inner.hnd {
    left: auto;
    position: relative;
    top: auto;
    transform: translateZ(0)
}

.main-preloader__inner.hnd .main-preloader__text {
    font-size: 14px;
    left: 100%;
    margin-left: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.cashout-alert-card__action--preloader .main-preloader__inner {
    height: 20px;
    width: 20px
}

.main .main-preloader__inner {
    z-index: 1
}

.main-preloader__text {
    color: var(--gray-500);
    display: block;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate3d(-50%, 0, 0);
    white-space: nowrap
}

.main-preloader__prog {
    display: block;
    font-size: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.main-preloader__p1 {
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-name: prel__p1;
    height: 80%;
    margin: 10%;
    position: absolute;
    width: 80%
}

.main-preloader__p2 {
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-name: prel__p2;
    height: 100%;
    position: absolute;
    width: 100%
}

@keyframes prel__p1 {
    0% {
        transform: rotate(0)
    }

    35% {
        transform: rotate(-900deg)
    }

    85% {
        transform: rotate(-3200deg)
    }

    to {
        transform: rotate(-2000deg)
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0)
    }

    35% {
        transform: rotate(700deg)
    }

    85% {
        transform: rotate(2600deg)
    }

    to {
        transform: rotate(5turn)
    }
}

.main-preloader__svg {
    animation: inner 1.32s linear infinite
}

.main-preloader__svg circle {
    animation: arc 1.32s cubic-bezier(.8, 0, .4, .8) infinite;
    fill: none;
    stroke: var(--colors-global-accent-a);
    stroke-linecap: square
}

@keyframes inner {
    0% {
        transform: rotate(-100.8deg)
    }

    to {
        transform: rotate(0)
    }
}

.spinner-logo {
    height: 60px;
    width: 60px;
    will-change: transform
}

.cashout-alert-card__action--preloader .spinner-logo {
    height: 20px;
    width: 20px
}

.main-footer {
    display: flex;
    flex-direction: column;
    padding: var(--spacings-page-paddings) var(--spacings-page-paddings) calc(var(--spacings-page-paddings) + var(--bottom-menu-height)) var(--spacings-page-paddings)
}

@media (min-width:1140px) {
    .main-footer {
        padding: var(--spacings-page-paddings)
    }
}

@media (min-width:1920px) {
    .main-footer {
        margin: 0 auto;
        max-width: calc(var(--main-container-max-width) + var(--spacings-page-paddings)*2);
        padding: var(--spacings-page-paddings) 0
    }
}

@media (max-width:1139px) {
    .main--profile .main-footer {
        display: none
    }
}

.main-footer.main-footer--short {
    padding: var(--spacings-page-paddings) 0 0
}

@media (min-width:1140px) {

    .friends-and-referrals .main-footer,
    .providers .main-footer {
        padding: var(--spacings-page-paddings) 0
    }
}

@media (max-width:1139px) {
    .main--home .main-footer {
        padding-bottom: var(--spacings-page-paddings)
    }

    .main--home:last-child .main-footer {
        padding-bottom: calc(var(--spacings-page-paddings) + var(--bottom-menu-height))
    }
}

.main-footer__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m)
}

@media (min-width:1628px) {
    .main-footer__wrapper {
        margin: 0 auto;
        max-width: var(--main-container-max-width)
    }
}

.main-footer__menu {
    display: flex;
    flex-direction: column
}

@media (min-width:640px) {
    .main-footer__menu {
        -moz-column-gap: var(--spacings-xl);
        column-gap: var(--spacings-xl);
        flex-direction: row;
        flex-wrap: wrap
    }
}

.main-footer__menu-col {
    display: flex;
    flex-direction: column
}

@media (min-width:640px) {
    .main-footer__menu-col {
        flex: 1 0 calc(50% - 10px)
    }
}

@media (min-width:1140px) {
    .main-footer__menu-col {
        flex: 1 0 calc(33.33333% - 16px)
    }
}

@media (min-width:1628px) {
    .main-footer__menu-col {
        flex: 1 0 calc(25% - 30px)
    }
}

.main-footer__menu-col--social {
    background-color: var(--backgrounds-b);
    border-radius: 16px;
    box-shadow: var(--inner-shadow);
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    padding: 16px
}

@media (min-width:640px) {
    .main-footer__menu-col--social {
        flex: 1 0 100%;
        margin-bottom: 12px
    }
}

@media (min-width:1140px) {
    .main-footer__menu-col--social {
        border-radius: 12px;
        margin-bottom: 16px;
        padding: var(--spacings-s)
    }
}

@media (min-width:1628px) {
    .main-footer__menu-col--social {
        margin-bottom: 20px
    }
}

.main-footer__menu-col--social:empty {
    display: none
}

.main-footer__menu-block {
    display: flex;
    flex-direction: column;
    gap: 30px
}

@media (min-width:1140px) {
    .main-footer__menu-block {
        gap: 20px
    }
}

.main-footer__menu-row {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%
}

@media (min-width:640px) {
    .main-footer__menu-row {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:1140px) {
    .main-footer__menu-row {
        gap: var(--spacings-l)
    }
}

.main-footer__menu-bottom {
    align-items: center;
    display: flex;
    gap: var(--spacings-xs);
    justify-content: space-between
}

@media (max-width:639px) {
    .main-footer__menu-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px
    }
}

.main-footer__menu-title {
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px
}

.main-footer__logo {
    display: flex
}

@media (min-width:1140px) {
    .main-footer__logo {
        flex: 1;
        justify-content: flex-start
    }
}

.main-footer__logo-img-wr {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 3px;
    position: relative
}

.main-footer__logo-img-wr:after {
    background-image: url(/img/new-year/logo.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 30px;
    left: -6px;
    pointer-events: none;
    position: absolute;
    top: -17px;
    width: 30px
}

.no-webp .main-footer__logo-img-wr:after {
    background-image: url(/img/new-year/logo.png)
}

@media (min-width:1140px) {
    .main-footer__logo-img-wr:after {
        height: 34px;
        left: -4px;
        top: -17px;
        width: 34px
    }
}

@media (max-width:639px) {
    .main-footer__logo-img-wr {
        height: 120px;
        min-width: 108px
    }
}

.main-footer__logo-img-wr:after {
    height: 40px;
    left: -4px;
    width: 40px
}

@media (max-width:639px) {
    .main-footer__logo-img-wr:after {
        transform: translate3d(6px, 34px, 0)
    }
}

@media (min-width:640px) {
    .main-footer__logo-img-wr:after {
        height: 35px;
        left: -2px;
        width: 35px
    }
}

@media (min-width:1140px) {
    .main-footer__logo-img-wr:after {
        top: -17px
    }
}

.main-footer__logo-img {
    height: 40px;
    width: 103px
}

@media (min-width:640px) {
    .main-footer__logo-img {
        width: 88px
    }
}

.main-footer__menu-item {
    display: flex;
    margin-bottom: 8px
}

.main-footer__menu-col:last-child .main-footer__menu-item:last-child {
    margin-bottom: 0
}

.main-footer__menu-link {
    align-items: center;
    border-radius: var(--roundings-xs);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 12px;
    justify-content: space-between;
    line-height: 24px;
    padding: 12px;
    width: 100%
}

.no-touch .main-footer__menu-link:hover {
    background-color: var(--selector-item-a-bg-hover)
}

.main-footer__menu-link-icon-wr {
    color: var(--selector-item-a-icon-default);
    display: flex;
    flex-shrink: 0;
    height: 20px;
    width: 20px
}

.main-footer__menu-link-icon {
    height: 12px;
    margin: 4px auto 4px 7px;
    width: 8px
}

.main-footer__license {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m);
    padding: var(--spacings-xl) 0
}

@media (min-width:640px) {
    .main-footer__license {
        flex-direction: row
    }
}

@media (min-width:1140px) {
    .main-footer__license {
        padding: var(--spacings-m) 0
    }
}

.main-footer__license-img {
    align-items: center;
    display: flex;
    height: 95px;
    width: 150px
}

.main-footer__license-img img {
    border-radius: 12px
}

.main-footer__license-text {
    color: var(--text-description-a);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.main-footer__bottom {
    display: flex;
    justify-content: space-between
}

@media (min-width:640px) {
    .main-footer__bottom {
        align-items: center
    }
}

.main-footer__copyright {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.main-footer__gamblers {
    align-items: center;
    display: flex;
    gap: 8px
}

@media (min-width:640px) {
    .main-footer__gamblers {
        gap: 32px
    }
}

.main-footer__logo--gamblers {
    height: 40px;
    opacity: .5;
    width: auto
}

@media (max-width:639px) {
    .main-footer__social-links {
        width: 100%
    }
}

@media (min-width:1140px) {
    .main-footer__social-links {
        flex: 1
    }
}

.main-footer__license-img--disabled {
    pointer-events: none
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 1ms !important
    }
}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%
}

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

body {
    font-size: 100%;
    -ms-text-size-adjust: 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 {
    border-radius: 0;
    line-height: normal
}

.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 {
    margin: 0;
    padding: 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%, .8);
    --white-p-70: hsla(0, 0%, 100%, .7);
    --white-p-60: hsla(0, 0%, 100%, .6);
    --white-p-50: hsla(0, 0%, 100%, .5);
    --white-p-40: hsla(0, 0%, 100%, .4);
    --white-p-30: hsla(0, 0%, 100%, .3);
    --white-p-20: hsla(0, 0%, 100%, .2);
    --white-p-12: hsla(0, 0%, 100%, .12);
    --white-p-14: hsla(0, 0%, 100%, .14);
    --white-p-10: hsla(0, 0%, 100%, .1);
    --white-p-01: hsla(0, 0%, 100%, .01);
    --white-p-0: hsla(0, 0%, 100%, 0);
    --white-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 100%);
    --white-gradient-search: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 100%);
    --white-gradient-search-left: linear-gradient(-90deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 100%);
    --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) 0%, var(--white) 52.81%, hsla(0, 0%, 100%, 0) 100%);
    --dark-red-400: rgba(255, 76, 0, .4);
    --black-2: #0d1730;
    --black-2-p-0: rgba(13, 23, 48, 0);
    --black-500: #000;
    --black-500-p-70: rgba(0, 0, 0, .7);
    --black-500-p-50: rgba(0, 0, 0, .5);
    --black-500-p-30: rgba(0, 0, 0, .3);
    --black-500-p-25: rgba(0, 0, 0, .25);
    --black-500-p-20: rgba(0, 0, 0, .2);
    --black-500-p-10: rgba(0, 0, 0, .1);
    --black-500-p-0: transparent;
    --gray-2: #f2f2f2;
    --gray-500: #38445b;
    --gray-500-p-60: rgba(56, 68, 91, .6);
    --gray-500-p-40: rgba(56, 68, 91, .4);
    --gray-500-p-20: rgba(56, 68, 91, .2);
    --gray-500-p-30: rgba(56, 68, 91, .3);
    --gray-500-p-15: rgba(56, 68, 91, .15);
    --gray-500-p-18: rgba(56, 68, 91, .18);
    --gray-500-p-12: rgba(56, 68, 91, .12);
    --gray-500-p-08: rgba(56, 68, 91, .08);
    --gray-500-p-08-hex-operations: #f0f0f2;
    --gray-500-p-08-hex-msp: #e6e7e9;
    --gray-500-p-6: rgba(56, 68, 91, .06);
    --gray-400: #7c879d;
    --gray-400-p-50: rgba(124, 135, 157, .5);
    --gray-shadow: rgba(65, 65, 65, .15);
    --gray-300: #05060a;
    --orange-600: #dc4200;
    --orange-500: #ff4c00;
    --orange-500-p-20: rgba(255, 76, 0, .2);
    --orange-500-p-10: rgba(255, 76, 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, .75);
    --orange-odometer-digit: #ffcc56;
    --blue-shadow: 0 3px 7px 0 rgba(14, 92, 244, .6);
    --blue-400: #216dd3;
    --blue-500: #007afe;
    --blue-500-p-30: rgba(0, 122, 254, .3);
    --blue-500-p-20: rgba(0, 122, 254, .2);
    --blue-500-p-20-hex: #14346b;
    --blue-500-p-10: rgba(0, 122, 254, .1);
    --blue-500-p-8: rgba(0, 122, 254, .08);
    --blue-600: #d7f5ff;
    --blue-700: #1a73e9;
    --blue-800-p-50: rgba(14, 92, 244, .5);
    --blue-dark: #10336a;
    --blue-dark-500: #06112e;
    --blue-dark-600: #172547;
    --blue-dark-500-gradient: linear-gradient(180deg, rgba(6, 17, 46, 0) 0%, var(--blue-dark-500) 100%);
    --blue-dark-450: #101c3a;
    --blue-dark-450-gradient: linear-gradient(180deg, rgba(16, 28, 58, 0) 0%, var(--blue-dark-450) 100%);
    --blue-dark-400: #142245;
    --blue-dark-300: #192b59;
    --blue-dark-300-gradient: linear-gradient(180deg, rgba(36, 44, 77, 0) 0%, var(--blue-dark-300) 100%);
    --blue-dark-opacity: rgba(31, 147, 255, .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-3: #1b3679;
    --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;
    --purple-gradient: linear-gradient(180deg, rgba(210, 32, 171, 0), #690083 50.52%);
    --apricot-500: #ea8c00;
    --yellow-500: #fff27e;
    --yellow-500-p-60: rgba(255, 242, 126, .6);
    --green-500: #01c095;
    --green-alt-500: #00b929;
    --red-500: #ff2448;
    --red-500-p-6: rgba(255, 36, 72, .06);
    --red-500-p-60: rgba(255, 36, 72, .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);
    --contests-shadow: 0 32px 60px 0 rgba(248, 118, 153, .3);
    --basic-status: radial-gradient(55.28% 100.3% at 50% -2.8%, rgba(1, 192, 149, .5) 12.92%, rgba(1, 192, 149, .19) 54.75%, rgba(1, 191, 149, 0) 84.87%);
    --prestige-status: radial-gradient(55.28% 100.3% at 50% -2.8%, rgba(255, 0, 56, .41) 12.92%, rgba(254, 62, 104, .14) 54.75%, rgba(254, 62, 104, 0) 84.87%);
    --elite-status: radial-gradient(55.28% 100.3% at 50% -2.8%, rgba(189, 0, 255, .38) 12.92%, rgba(239, 62, 254, .14) 54.75%, rgba(254, 62, 104, 0) 84.87%);
    --supreme-status: radial-gradient(55.28% 100.3% at 50% -2.8%, rgba(0, 122, 254, .5) 12.92%, rgba(0, 122, 254, .17) 54.75%, rgba(254, 62, 104, 0) 84.87%);
    --place-1-bg: #ffe7ac;
    --place-2-bg: #ebebeb;
    --place-3-bg: #ffeee7;
    --msp-cancel-deposit-image-light: radial-gradient(43.28% 9.68% at 50% 91.04%, #b6b6b6 0%, var(--white-p-0) 100%);
    --msp-cancel-deposit-image-dark: radial-gradient(43.28% 9.68% at 50% 91.04%, #000f33 0%, rgba(0, 15, 51, 0) 100%);
    --msp-notification-gradient: linear-gradient(90deg, #18ff8c, #ff8b48 33%, #18ff8c 66%, #ff8b48);
    --drop-down-shadow: 0 8px 20px 0 rgba(0, 0, 0, .25), 0 1px 1px 0 hsla(0, 0%, 100%, .15) inset;
    --inner-shadow: 0 1px 1px 0 hsla(0, 0%, 100%, .15) inset;
    --inner-shadow-second: 0 2px 1px 0 hsla(0, 0%, 100%, .1) inset;
    --inner-shadow-card: 0 1px 2px 0 hsla(0, 0%, 100%, .15) inset;
    --tags-and-small-white-card: 0 20px 40px 0 rgba(0, 0, 0, .15);
    --card-play-shadow: drop-shadow(1px 3px 4px rgba(0, 0, 0, .4));
    --text-shadow: 0 7px 18px rgba(0, 0, 0, .25);
    --bonus-title-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    --light-gray-shadow: 0 10px 20px 0 rgba(0, 0, 0, .25);
    --light-gray-shadow-second: 0 8px 20px 0 rgba(0, 0, 0, .25);
    --background-clip-text: linear-gradient(0deg, #bababa, #fbfbfb 80%, #fff 99%);
    --background-clip-accent-text: linear-gradient(180deg, #19ffa7 46%, #009141);
    --bonuses-flame-bg-gradient: radial-gradient(50% 50% at 50% 50%, #cf5a00 0%, #3f0001 100%);
    --container-left-shadow: linear-gradient(90deg, #12161d 51%, rgba(18, 22, 29, 0) 93%);
    --orange-light-shadow: 0 4px 6px 0 rgba(255, 76, 0, .3);
    --green-light-shadow: 0 4px 12px 0 rgba(2, 182, 159, .7);
    --yellow-light-shadow: 0 3px 7px 0 rgba(255, 242, 126, .6);
    --red-light-shadow: 0 3px 7px 0 rgba(255, 36, 72, .6);
    --blue-light-shadow: 0 3px 7px 0 rgba(14, 92, 244, .6);
    --light-gray-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1);
    --gray-shadow: 0 4px 7px 0 rgba(0, 0, 0, .15);
    --tab-bar-shadow: 0 -6px 28px 0 rgba(0, 0, 0, .15);
    --small-gray-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
    --drop-shadow: 0 11px 14px 0 rgba(0, 0, 0, .2);
    --big-notification-shadow: 0 -6px 28px 0 rgba(0, 0, 0, .1);
    --promocard: 0 5px 28px 0 rgba(0, 0, 0, .1);
    --content-shadow: 0 16px 40px 0 rgba(56, 68, 91, .06);
    --font-inter: "Inter", sans-serif;
    --font-unbounded: "Unbounded", sans-serif;
    --menu-burger-width: 60px;
    --menu-burger-width-opened: var(--sidebar-left);
    --content-width: 100%;
    --top-bar-height: 64px;
    --top-bar-layer: 100;
    --header-height: var(--top-bar-height);
    --window-gap: 8px;
    --back-title-height: calc(40px + var(--spacings-s));
    --bottom-menu-height: 60px;
    --bottom-sheet-max-width: 600px;
    --menu-burger-bottom-bar-hegiht: 60px;
    --main-container-max-width: 1508px;
    --game-sidebar-width: 288px;
    --gradient-tokens-backgrounds-d: linear-gradient(90deg, rgba(38, 73, 37, .36) 46%, rgba(18, 22, 29, .7));
    --gradient-tokens-backgrounds-h: linear-gradient(180deg, #19ffa7 46%, #009141);
    --gradient-tokens-backgrounds-h-70: linear-gradient(180deg, #52f8b8 46%, #19a759);
    --gradient-tokens-backgrounds-h-50: linear-gradient(180deg, rgba(25, 255, 167, .3) 46%, rgba(0, 145, 65, .3));
    --gradient-tokens-backgrounds-k: linear-gradient(180deg, #ff8b48 46%, #ff1433);
    --gradient-tokens-backgrounds-k-70: linear-gradient(180deg, #ff8137 46%, #ff1a38);
    --gradient-tokens-backgrounds-k-50: linear-gradient(180deg, rgba(255, 139, 72, .3) 46%, rgba(255, 20, 51, .3));
    --gradient-tokens-backgrounds-l: linear-gradient(180deg, #ff8b48 46%, #ff1433);
    --gradient-tokens-backgrounds-m: linear-gradient(63deg, #ff9253 48%, #d73b2a 103%);
    --gradient-tokens-backgrounds-i: linear-gradient(0deg, #bababa, #fbfbfb 80%, #fff 99%);
    --gradient-tokens-border-d: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .03) 50%);
    --gradient-tokens-border-g: linear-gradient(180deg, rgba(51, 119, 251, .2), rgba(51, 119, 251, .03) 50%);
    --gradient-tokens-border-h: linear-gradient(180deg, rgba(113, 236, 111, .2), rgba(113, 236, 111, .03));
    --gradient-tokens-border-f: linear-gradient(180deg, rgba(243, 124, 55, .2), rgba(243, 124, 55, .03));
    --gradient-tokens-border-k: linear-gradient(180deg, #ff8b48 46%, #ff1433);
    --gradient-global-accent-a: linear-gradient(180deg, var(--colors-global-accent-a) 50%, var(--colors-global-accent-a) 100%);
    --gradient-backgrounds-a: linear-gradient(180deg, var(--backgrounds-a) 50%, var(--backgrounds-a) 100%);
    --gradient-backgrounds-a-70: linear-gradient(180deg, var(--backgrounds-a-70) 50%, var(--backgrounds-a-70) 100%);
    --gradient-backgrounds-f: linear-gradient(180deg, var(--backgrounds-f) 50%, var(--backgrounds-f) 100%);
    --gradient-backgrounds-g: linear-gradient(180deg, var(--backgrounds-g) 50%, var(--backgrounds-g) 100%);
    --gradient-base-no-color: linear-gradient(180deg, var(--colors-base-no-color) 50%, var(--colors-base-no-color) 100%);
    --gradient-base-white-10: linear-gradient(180deg, var(--colors-base-white-10) 50%, var(--colors-base-white-10) 100%);
    --gradient-input-bg-active: linear-gradient(180deg, var(--input-bg-active) 50%, var(--input-bg-active) 100%);
    --gradient-welcome-bonus-bg: linear-gradient(90deg, #ff8400, #fa331d);
    --gradient-sport-bonus-bg: linear-gradient(90deg, #0c80df, #123cf7);
    --gradient-referrals-banner: radial-gradient(50% 50% at 50% 50%, #00c2cf 0%, #02003f 100%);
    --gradient-purple-blue: radial-gradient(50% 50% at 50% 50%, #5600cf 0%, #14003f 100%);
    --gradient-status-blue: linear-gradient(180deg, rgba(80, 140, 255, .2), rgba(80, 140, 255, .03) 50%);
    --gradient-status-purple: linear-gradient(180deg, rgba(167, 78, 255, .2), rgba(167, 78, 255, .03) 50%);
    --colors-base-black: #000;
    --colors-base-black-1000: #12161d;
    --colors-base-black-1000-60: rgba(18, 22, 29, .6);
    --colors-base-black-1000-70: rgba(18, 22, 29, .7);
    --colors-base-black-500: #2e3b54;
    --colors-base-black-500-50: rgba(46, 59, 84, .5);
    --colors-base-black-600: #232e3f;
    --colors-base-black-600-50: rgba(35, 46, 63, .5);
    --colors-base-black-700: #0e1015;
    --colors-base-black-700-70: rgba(14, 16, 21, .7);
    --colors-base-black-750: #05101f;
    --colors-base-black-800: #1c222f;
    --colors-base-black-900: #181e29;
    --colors-base-black-900-20: rgba(24, 30, 41, .2);
    --colors-base-black-900-70: rgba(24, 30, 41, .7);
    --colors-base-black-900-90: rgba(24, 30, 41, .9);
    --colors-base-no-color: hsla(0, 0%, 93%, 0);
    --colors-base-white-1: hsla(0, 0%, 100%, .01);
    --colors-base-white-4: hsla(0, 0%, 100%, .04);
    --colors-base-white-10: hsla(0, 0%, 100%, .1);
    --colors-base-white-12: hsla(0, 0%, 100%, .12);
    --colors-base-white-14: hsla(0, 0%, 100%, .14);
    --colors-base-white-25: hsla(0, 0%, 100%, .25);
    --colors-base-white-30: hsla(0, 0%, 100%, .3);
    --colors-base-white-50: hsla(0, 0%, 100%, .5);
    --colors-base-white-60: hsla(0, 0%, 100%, .6);
    --colors-base-white-70: hsla(0, 0%, 100%, .7);
    --colors-base-white-75: hsla(0, 0%, 100%, .75);
    --colors-base-white-a: #fff;
    --colors-base-750: #05101f;
    --colors-global-accent-a: #18ff8c;
    --colors-global-accent-b: #ff8f18;
    --colors-global-accent-c: #508cff;
    --colors-global-accent-d: #ff64e2;
    --colors-global-accent-e: #129353;
    --colors-global-accent-f: #a74eff;
    --colors-system-error: #ff2e82;
    --colors-system-error-70: rgba(255, 46, 130, .7);
    --colors-system-success: #18ff8c;
    --colors-system-warning: #ff8f18;
    --color-statuses-text-warning: #f90;
    --color-statuses-text-approved: #00b65e;
    --color-statuses-text-expired: hsla(0, 0%, 100%, .6);
    --color-statuses-text-canceled: #ff2156;
    --color-bonus-bg: #170612;
    --backgrounds-a: var(--colors-base-black-1000);
    --backgrounds-a-70: var(--colors-base-black-1000-70);
    --backgrounds-b: var(--colors-base-black-900);
    --backgrounds-b-20: var(--colors-base-black-900-20);
    --backgrounds-b-70: var(--colors-base-black-900-70);
    --backgrounds-c: var(--colors-base-black-800);
    --backgrounds-d: var(--colors-base-black-700);
    --backgrounds-d-70: var(--colors-base-black-700-70);
    --backgrounds-e: var(--colors-base-white-a);
    --backgrounds-e-4: var(--colors-base-white-4);
    --backgrounds-f: var(--colors-base-black-500);
    --backgrounds-g: var(--colors-base-black-600);
    --backgrounds-g-50: var(--colors-base-black-600-50);
    --backgrounds-k: var(--colors-base-black-600-50);
    --backgrounds-l: var(--colors-base-no-color);
    --backgrounds-m: var(--colors-base-no-color);
    --backgrounds-n: var(--colors-global-accent-a);
    --border-a: var(--colors-base-white-10);
    --border-b: var(--colors-base-no-color);
    --border-c: var(--colors-base-no-color);
    --border-d: var(--colors-base-no-color);
    --border-f: var(--colors-base-no-color);
    --border-g: var(--colors-base-no-color);
    --buttons-icon-primary-bg-default: var(--colors-base-white-a);
    --buttons-icon-primary-bg-disable: var(--colors-base-white-4);
    --buttons-icon-primary-bg-hover: var(--colors-base-white-a);
    --buttons-icon-primary-icon-default: var(--colors-base-black-1000);
    --buttons-icon-primary-icon-disable: var(--colors-base-white-30);
    --buttons-icon-primary-icon-hover: var(--colors-base-black-500);
    --buttons-icon-secondary-a-bg-default: var(--colors-base-black-500);
    --buttons-icon-secondary-a-bg-disable: var(--colors-base-black-500-50);
    --buttons-icon-secondary-a-bg-hover: var(--colors-base-black-600);
    --buttons-icon-secondary-a-icon-default: var(--colors-base-white-a);
    --buttons-icon-secondary-a-icon-disable: var(--colors-base-white-30);
    --buttons-icon-secondary-a-icon-hover: var(--colors-base-white-a);
    --buttons-icon-secondary-b-bg-default: var(--colors-base-black-600);
    --buttons-icon-secondary-b-bg-disable: var(--colors-base-black-600-50);
    --buttons-icon-secondary-b-bg-hover: var(--colors-base-black-700);
    --buttons-icon-secondary-b-border-default: var(--colors-base-no-color);
    --buttons-icon-secondary-b-border-disable: var(--colors-base-no-color);
    --buttons-icon-secondary-b-border-hover: var(--colors-base-no-color);
    --buttons-icon-secondary-b-icon-default: var(--colors-base-white-a);
    --buttons-icon-secondary-b-icon-disable: var(--colors-base-white-30);
    --buttons-icon-secondary-b-icon-hover: var(--colors-base-white-a);
    --buttons-icon-secondary-c-bg-active: var(--colors-base-white-4);
    --buttons-icon-secondary-c-bg-default: var(--colors-base-no-color);
    --buttons-icon-secondary-c-bg-hover: var(--colors-base-white-4);
    --buttons-icon-secondary-c-icon-active: var(--colors-base-white-a);
    --buttons-icon-secondary-c-icon-default: var(--colors-base-white-50);
    --buttons-icon-secondary-c-icon-hover: var(--colors-base-white-50);
    --buttons-icon-secondary-d-bg-active: var(--colors-base-black-600);
    --buttons-icon-secondary-d-bg-default: var(--colors-base-no-color);
    --buttons-icon-secondary-d-bg-hover: var(--colors-base-black-600-50);
    --buttons-icon-secondary-d-icon-active: var(--colors-base-white-a);
    --buttons-icon-secondary-d-icon-default: var(--colors-base-white-a);
    --buttons-icon-secondary-d-icon-hover: var(--colors-base-white-a);
    --buttons-primary-a-bg-default: var(--colors-base-no-color);
    --buttons-primary-a-bg-disable: var(--colors-base-no-color);
    --buttons-primary-a-bg-hover: var(--colors-base-no-color);
    --buttons-primary-a-icon-default: var(--colors-base-black-1000);
    --buttons-primary-a-icon-disable: var(--colors-base-black-1000-60);
    --buttons-primary-a-icon-hover: var(--colors-base-black-1000);
    --buttons-primary-a-text-default: var(--colors-base-black-1000);
    --buttons-primary-a-text-disable: var(--colors-base-black-1000-60);
    --buttons-primary-a-text-hover: var(--colors-base-black-1000);
    --buttons-primary-b-bg-default: var(--colors-base-no-color);
    --buttons-primary-b-bg-disable: var(--colors-base-no-color);
    --buttons-primary-b-bg-hover: var(--colors-base-no-color);
    --buttons-primary-b-icon-default: var(--colors-base-white-a);
    --buttons-primary-b-icon-disable: var(--colors-base-white-50);
    --buttons-primary-b-icon-hover: var(--colors-base-white-a);
    --buttons-primary-b-text-default: var(--colors-base-white-a);
    --buttons-primary-b-text-disable: var(--colors-base-white-30);
    --buttons-primary-b-text-hover: var(--colors-base-white-a);
    --buttons-secondary-a-bg-default: var(--colors-base-black-500);
    --buttons-secondary-a-bg-disable: var(--colors-base-black-500-50);
    --buttons-secondary-a-bg-hover: var(--colors-base-black-600);
    --buttons-secondary-a-icon-default: var(--colors-base-white-a);
    --buttons-secondary-a-icon-disable: var(--colors-base-white-30);
    --buttons-secondary-a-icon-hover: var(--colors-base-white-a);
    --buttons-secondary-a-text-default: var(--colors-base-white-a);
    --buttons-secondary-a-text-disable: var(--colors-base-white-30);
    --buttons-secondary-a-text-hover: var(--colors-base-white-a);
    --buttons-secondary-b-bg-default: var(--colors-base-black-600);
    --buttons-secondary-b-bg-disable: var(--colors-base-black-600-50);
    --buttons-secondary-b-bg-hover: var(--colors-base-black-800);
    --buttons-secondary-b-icon-default: var(--colors-base-white-a);
    --buttons-secondary-b-icon-disable: var(--colors-base-white-30);
    --buttons-secondary-b-icon-hover: var(--colors-base-white-a);
    --buttons-secondary-b-text-default: var(--colors-base-white-a);
    --buttons-secondary-b-text-disable: var(--colors-base-white-30);
    --buttons-secondary-b-text-hover: var(--colors-base-white-a);
    --buttons-secondary-c-bg-active: var(--colors-base-black-600);
    --buttons-secondary-c-bg-default: var(--colors-base-black-1000-70);
    --buttons-secondary-c-bg-disable: var(--colors-base-black-1000-60);
    --buttons-secondary-c-bg-hover: var(--colors-base-black-1000);
    --buttons-secondary-c-border-active: var(--colors-base-no-color);
    --buttons-secondary-c-border-default: var(--colors-base-no-color);
    --buttons-secondary-c-border-disable: var(--colors-base-no-color);
    --buttons-secondary-c-border-hover: var(--colors-base-no-color);
    --buttons-secondary-c-icon-active: var(--colors-base-white-a);
    --buttons-secondary-c-icon-default: var(--colors-base-white-a);
    --buttons-secondary-c-icon-disable: var(--colors-base-white-30);
    --buttons-secondary-c-icon-hover: var(--colors-base-white-a);
    --buttons-secondary-c-text-active: var(--colors-base-white-a);
    --buttons-secondary-c-text-default: var(--colors-base-white-a);
    --buttons-secondary-c-text-disable: var(--colors-base-white-30);
    --buttons-secondary-c-text-hover: var(--colors-base-white-a);
    --checkbox-bg-active-default: var(--colors-base-no-color);
    --checkbox-bg-active-hover: var(--colors-base-no-color);
    --checkbox-bg-error: var(--colors-base-black-500-50);
    --checkbox-bg-inactive-default: var(--colors-base-black-500);
    --checkbox-bg-inactive-hover: var(--colors-base-black-500-50);
    --checkbox-icon-active-default: var(--colors-base-white-a);
    --checkbox-icon-active-hover: var(--colors-base-white-70);
    --checkbox-stroke-active-default: var(--colors-base-no-color);
    --checkbox-stroke-active-hover: var(--colors-base-no-color);
    --checkbox-stroke-error: var(--colors-system-error);
    --checkbox-stroke-inactive-default: var(--colors-base-no-color);
    --checkbox-stroke-inactive-hover: var(--colors-base-white-30);
    --icons-a: var(--colors-base-white-a);
    --icons-a-disable: var(--colors-base-white-50);
    --icons-b: var(--colors-base-black-1000);
    --icons-b-disable: var(--colors-base-black-1000-60);
    --icons-c: var(--colors-global-accent-a);
    --input-bg-active: var(--colors-base-black-1000);
    --input-bg-default: var(--colors-base-black-1000);
    --input-bg-disable: var(--colors-base-black-1000-60);
    --input-bg-error: var(--colors-base-black-1000);
    --input-bg-filled: var(--colors-base-black-1000);
    --input-bg-hover: var(--colors-base-black-1000-70);
    --input-border-active: var(--colors-base-white-30);
    --input-border-default: var(--colors-base-white-10);
    --input-border-disable: var(--colors-base-white-4);
    --input-border-error: var(--colors-base-white-10);
    --input-border-filled: var(--colors-base-white-10);
    --input-border-hover: var(--colors-base-white-10);
    --input-border-special-active: var(--colors-base-no-color);
    --input-icon-left-active: var(--colors-base-white-a);
    --input-icon-left-default: var(--colors-base-white-50);
    --input-icon-left-disable: var(--colors-base-white-50);
    --input-icon-left-error: var(--colors-system-error);
    --input-icon-left-filled: var(--colors-base-white-50);
    --input-icon-left-hover: var(--colors-base-white-a);
    --input-icon-right-active: var(--colors-base-white-a);
    --input-icon-right-default: var(--colors-base-white-a);
    --input-icon-right-disable: var(--colors-base-white-50);
    --input-icon-right-error: var(--colors-base-white-a);
    --input-icon-right-filled: var(--colors-base-white-a);
    --input-icon-right-hover: var(--colors-base-white-a);
    --input-label-active: var(--colors-base-white-50);
    --input-label-default: var(--colors-base-white-50);
    --input-label-disable: var(--colors-base-white-50);
    --input-label-error: var(--colors-base-white-50);
    --input-label-filled: var(--colors-base-white-50);
    --input-label-hover: var(--colors-base-white-70);
    --input-text-active: var(--colors-base-white-a);
    --input-text-default: var(--colors-base-white-50);
    --input-text-disable: var(--colors-base-white-50);
    --input-text-error: var(--colors-system-error);
    --input-text-filled: var(--colors-base-white-a);
    --input-text-hover: var(--colors-base-white-a);
    --link-default: var(--colors-global-accent-a);
    --link-hover: var(--colors-global-accent-e);
    --selector-item-a-bg-active: var(--colors-base-black-600);
    --selector-item-a-bg-default: var(--colors-base-no-color);
    --selector-item-a-bg-hover: var(--colors-base-black-600-50);
    --selector-item-a-counter-active: var(--colors-base-white-b);
    --selector-item-a-counter-default: var(--colors-base-white-a);
    --selector-item-a-counter-hover: var(--colors-base-white-b);
    --selector-item-a-icon-active: var(--colors-base-white-a);
    --selector-item-a-icon-default: var(--colors-base-white-50);
    --selector-item-a-icon-hover: var(--colors-base-white-50);
    --selector-item-a-text-active: var(--colors-base-white-a);
    --selector-item-a-text-default: var(--colors-base-white-a);
    --selector-item-a-text-hover: var(--colors-base-white-a);
    --selector-item-b-bg-active: var(--backgrounds-g);
    --selector-item-b-bg-default: var(--backgrounds-a-70);
    --selector-item-b-bg-hover: var(--backgrounds-d-70);
    --selector-item-b-counter-active: var(--colors-base-white-b);
    --selector-item-b-counter-default: var(--colors-base-white-a);
    --selector-item-b-counter-hover: var(--colors-base-white-b);
    --selector-item-b-icon-active: var(--colors-base-white-a);
    --selector-item-b-icon-default: var(--colors-base-white-50);
    --selector-item-b-icon-disabled: var(--colors-base-white-50);
    --selector-item-b-icon-hover: var(--colors-base-white-50);
    --selector-item-b-text-active: var(--colors-base-white-a);
    --selector-item-b-text-default: var(--colors-base-white-a);
    --selector-item-b-text-hover: var(--colors-base-white-a);
    --tab-bg-active: var(--colors-base-black-600);
    --tab-bg-default: var(--colors-base-black-800);
    --tab-bg-hover: var(--colors-base-black-800);
    --tab-icon-active: var(--colors-base-white-a);
    --tab-icon-default: var(--colors-base-white-50);
    --tab-icon-hover: var(--colors-base-white-a);
    --tab-text-active: var(--colors-base-white-a);
    --tab-text-default: var(--colors-base-white-50);
    --tab-text-hover: var(--colors-base-white-a);
    --text-description-a: var(--colors-base-white-70);
    --text-description-b: var(--colors-base-white-50);
    --text-heading: var(--colors-base-white-b);
    --text-text: var(--colors-base-white-a);
    --text-text-accent: var(--colors-global-accent-a);
    --text-text-invert: var(--colors-base-black-1000);
    --filter-input-bg-active: var(--colors-base-black-1000);
    --filter-input-bg-default: var(--colors-base-black-1000);
    --filter-input-bg-disable: var(--colors-base-black-1000-60);
    --filter-input-bg-error: var(--colors-base-black-1000);
    --filter-input-bg-filled: var(--colors-base-black-1000);
    --filter-input-bg-hover: var(--colors-base-black-1000-70);
    --filter-input-border-active: var(--colors-base-white-30);
    --filter-input-border-default: var(--colors-base-white-10);
    --filter-input-border-disable: var(--colors-base-white-4);
    --filter-input-border-error: var(--colors-base-white-10);
    --filter-input-border-filled: var(--colors-base-white-10);
    --filter-input-border-hover: var(--colors-base-white-10);
    --filter-input-border-special-active: var(--colors-base-no-color);
    --filter-input-icon-left-active: var(--colors-base-white-a);
    --filter-input-icon-left-default: var(--colors-base-white-50);
    --filter-input-icon-left-disable: var(--colors-base-white-50);
    --filter-input-icon-left-error: var(--colors-system-error);
    --filter-input-icon-left-filled: var(--colors-global-accent-a);
    --filter-input-icon-left-hover: var(--colors-base-white-a);
    --filter-input-icon-right-active: var(--colors-base-white-a);
    --filter-input-icon-right-default: var(--colors-base-white-a);
    --filter-input-icon-right-disable: var(--colors-base-white-50);
    --filter-input-icon-right-error: var(--colors-base-white-a);
    --filter-input-icon-right-filled: var(--colors-base-white-a);
    --filter-input-icon-right-hover: var(--colors-base-white-a);
    --filter-input-label-active: var(--colors-base-white-a);
    --filter-input-label-default: var(--colors-base-white-a);
    --filter-input-label-disable: var(--colors-base-white-50);
    --filter-input-label-error: var(--colors-base-white-50);
    --filter-input-label-filled: var(--colors-base-white-50);
    --filter-input-label-hover: var(--colors-base-white-a);
    --filter-input-text-active: var(--colors-global-accent-a);
    --filter-input-text-default: var(--colors-base-white-a);
    --filter-input-text-disable: var(--colors-base-white-50);
    --filter-input-text-error: var(--colors-system-error);
    --filter-input-text-filled: var(--colors-global-accent-a);
    --filter-input-text-hover: var(--colors-base-white-a);
    --headings-h1-font-size: 22px;
    --headings-h1-line-height: 34px;
    --headings-h1-weight: 700;
    --headings-h2-font-size: 18px;
    --headings-h2-line-height: 26px;
    --headings-h2-weight: 600;
    --headings-h3-font-size: 16px;
    --headings-h3-line-height: 24px;
    --headings-h3-weight: 600;
    --text-large-bold-caps-font-size: 20px;
    --text-large-bold-caps-line-height: 28px;
    --text-large-bold-caps-weight: 700;
    --text-large-medium-font-size: 20px;
    --text-large-medium-line-height: 28px;
    --text-large-medium-weight: 600;
    --buttons-font-l-font-size: 14px;
    --buttons-font-l-line-height: 16px;
    --buttons-font-l-weight: 700;
    --buttons-font-m-font-size: 14px;
    --buttons-font-m-line-height: 20px;
    --buttons-font-m-weight: 700;
    --buttons-font-s-font-size: 14px;
    --buttons-font-s-line-height: 20px;
    --buttons-font-s-weight: 600;
    --buttons-font-xs-font-size: 12px;
    --buttons-font-xs-line-height: 16px;
    --buttons-font-xs-weight: 500;
    --buttons-font-xxs-font-size: 12px;
    --buttons-font-xxs-line-height: 16px;
    --buttons-font-xxs-weight: 500;
    --description-font-2xs-font-size: 10px;
    --description-font-2xs-line-height: 16px;
    --description-font-2xs-weight: 700;
    --description-font-3xs-font-size: 8px;
    --description-font-3xs-line-height: 12px;
    --description-font-3xs-weight: 500;
    --description-font-xs-font-size: 12px;
    --description-font-xs-line-height: 20px;
    --description-font-xs-weight: 600;
    --profile-sidebar: 0;
    --sidebar-left: 0;
    --number-list: 38px;
    --breakpoint: 375px;
    --buttons-icon-xs: 6px;
    --buttons-icon-s: 8px;
    --buttons-icon-m: 10px;
    --buttons-l-gap: 8px;
    --buttons-l-radius: 12px;
    --buttons-l-vert: 12px;
    --buttons-l-hor: 20px;
    --buttons-m-gap: 8px;
    --buttons-m-radius: 8px;
    --buttons-m-vert: 10px;
    --buttons-m-hor: 16px;
    --buttons-s-gap: 8px;
    --buttons-s-radius: 8px;
    --buttons-s-vert: 10px;
    --buttons-s-hor: 12px;
    --buttons-xs-gap: 8px;
    --buttons-xs-hor: 8px;
    --buttons-xs-radius: 8px;
    --buttons-xs-vert: 8px;
    --chips-m-gap: 8px;
    --chips-m-vert: 10px;
    --chips-m-hor: 16px;
    --chips-m-radius: 8px;
    --chips-s-vert: 6px;
    --chips-s-gap: 8px;
    --chips-s-hor: 8px;
    --chips-s-radius: 6px;
    --game-cards-circle-s: 36px;
    --game-cards-circle-m: 52px;
    --game-cards-circle-l: 60px;
    --game-cards-height-l: 83px;
    --game-cards-height-xs: 102px;
    --game-cards-height-s: 137px;
    --game-cards-height-m: 150px;
    --game-cards-width-xs: 83px;
    --game-cards-width-l: 108px;
    --game-cards-width-s: 110px;
    --game-cards-width-m: 120px;
    --roundings-s: 8px;
    --roundings-xs: 8px;
    --roundings-m: 12px;
    --roundings-l: 16px;
    --spacings-3xs: 1px;
    --spacings-2xs: 4px;
    --spacings-xs: 4px;
    --spacings-m: 8px;
    --spacings-s: 8px;
    --spacings-l: 12px;
    --spacings-page-paddings: 16px;
    --spacings-xl: 16px;
    --spacings-2xl: 20px;
    --spacings-3xl: 24px;
    --tabs-l-gap: 8px;
    --tabs-l-hor: 16px;
    --tabs-l-vert: 16px;
    --tabs-l-radius: 100px;
    --tabs-m-gap: 8px;
    --tabs-m-vert: 10px;
    --tabs-m-hor: 14px;
    --tabs-m-radius: 8px;
    --tabs-s-gap: 8px;
    --tabs-s-vert: 10px;
    --tabs-s-hor: 12px;
    --tabs-s-radius: 8px;
    --stories-widht: 375px;
    --stories-height: 700px;
    --stories-game-widht: 225px;
    --stories-game-height: 280px;
    --stories-game-roudings: 20px;
    --msp-notifications-height: 80px
}

@media (min-width:640px) {
    :root {
        --headings-h1-font-size: 24px;
        --headings-h1-line-height: 30px;
        --headings-h2-font-size: 20px;
        --headings-h2-line-height: 28px;
        --headings-h3-font-size: 18px;
        --headings-h3-line-height: 28px;
        --buttons-font-l-font-size: 16px;
        --buttons-font-l-line-height: 24px;
        --buttons-font-xs-font-size: 14px;
        --buttons-font-xs-line-height: 20px;
        --description-font-2xs-weight: 600;
        --number-list: 40px;
        --breakpoint: 640px;
        --buttons-l-vert: 14px;
        --buttons-l-hor: 30px;
        --buttons-xs-hor: 12px;
        --chips-s-hor: 12px;
        --game-cards-height-s: 150px;
        --game-cards-height-m: 180px;
        --game-cards-height-l: 226px;
        --game-cards-width-s: 120px;
        --game-cards-width-l: 144px;
        --game-cards-width-m: 144px;
        --roundings-m: 16px;
        --roundings-l: 24px;
        --spacings-3xs: 2px;
        --spacings-xs: 8px;
        --spacings-m: 12px;
        --spacings-l: 16px;
        --spacings-page-paddings: 20px;
        --spacings-xl: 20px;
        --spacings-2xl: 24px;
        --spacings-3xl: 30px;
        --tabs-l-hor: 20px;
        --tabs-l-vert: 20px;
        --stories-widht: 374px;
        --stories-height: 640px;
        --stories-game-widht: 180px;
        --stories-game-height: 224px;
        --stories-game-roudings: 16px
    }
}

@media (min-width:1140px) {
    :root {
        --top-bar-height: 76px;
        --header-height: calc(var(--top-bar-height) + 12px);
        --back-title-height: 40px;
        --content-width: calc(100% - var(--menu-burger-width));
        --headings-h1-font-size: 28px;
        --headings-h1-line-height: 36px;
        --headings-h2-font-size: 24px;
        --headings-h2-line-height: 36px;
        --headings-h3-font-size: 20px;
        --buttons-font-l-font-size: 20px;
        --buttons-font-l-line-height: 28px;
        --number-list: 44px;
        --sidebar-left: 260px;
        --profile-sidebar: 280px;
        --breakpoint: 1140px;
        --buttons-icon-s: 10px;
        --buttons-icon-m: 14px;
        --buttons-l-radius: 16px;
        --buttons-l-vert: 16px;
        --buttons-m-radius: 12px;
        --buttons-m-vert: 14px;
        --buttons-m-hor: 20px;
        --chips-m-hor: 20px;
        --game-cards-height-xs: 120px;
        --game-cards-height-s: 180px;
        --game-cards-height-m: 200px;
        --game-cards-height-l: 316px;
        --game-cards-width-xs: 96px;
        --game-cards-width-s: 144px;
        --game-cards-width-m: 160px;
        --game-cards-width-l: 208px;
        --roundings-s: 12px;
        --roundings-xs: 12px;
        --roundings-l: 30px;
        --spacings-3xs: 4px;
        --spacings-2xs: 8px;
        --spacings-s: 12px;
        --spacings-m: 16px;
        --spacings-l: 20px;
        --spacings-page-paddings: 24px;
        --spacings-xl: 24px;
        --spacings-2xl: 30px;
        --spacings-3xl: 40px;
        --tabs-m-vert: 14px;
        --tabs-m-radius: 12px;
        --tabs-s-hor: 16px
    }
}

@media (min-width:1628px) {
    :root {
        --headings-h1-font-size: 34px;
        --headings-h1-line-height: 46px;
        --headings-h2-font-size: 26px;
        --number-list: 48px;
        --profile-sidebar: 300px;
        --sidebar-left: 300px;
        --breakpoint: 1628px;
        --buttons-l-vert: 20px;
        --buttons-l-hor: 50px;
        --chips-s-vert: 8px;
        --chips-s-hor: 16px;
        --game-cards-height-m: 224px;
        --game-cards-height-l: 288px;
        --game-cards-width-m: 180px;
        --game-cards-width-l: 230px;
        --roundings-s: 16px;
        --roundings-m: 20px;
        --spacings-xs: 12px;
        --spacings-s: 16px;
        --spacings-m: 20px;
        --spacings-l: 24px;
        --spacings-page-paddings: 30px;
        --spacings-xl: 30px;
        --spacings-2xl: 40px;
        --spacings-3xl: 56px;
        --tabs-l-hor: 24px;
        --tabs-l-vert: 24px;
        --tabs-m-hor: 16px;
        --stories-widht: 500px;
        --stories-height: 796px;
        --stories-game-widht: 225px;
        --stories-game-height: 280px;
        --stories-game-roudings: 20px
    }
}

.menu-opened {
    --content-width: calc(100% - var(--sidebar-left))
}

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

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

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

a {
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none
}

.no-touch a:hover {
    cursor: pointer
}

.accordion-1__item-cont-text a,
.accordion-1__item-table-item a,
.accordion-1__list a,
.antilock-page .static-page__item-text a,
.bonus-faq__item-text a,
.checkbox__pseudo-label a,
.confirmed-phone__footer a,
.email-one-time-password-form__footer a,
.error-block__notice a,
.input-field__error a,
.partners-contests-stream__disclaimer a,
.payment-not-wagered-modal__disclaimer a,
.privacy-policy-page__item a,
.promo-code-form__description a,
.promo-event__rules a,
.rakeback-info__content-text a,
.registration-form__captcha-text a,
.self-exclusion-notice a,
.seo-block-content__casino-links a,
.text-1 a,
.unlock-account-by-phone-modal a,
.vue-notification a,
a.border {
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.accordion-1__item-cont-text a,
.accordion-1__item-table-item a,
.accordion-1__list a,
.app-page__install-instruction a,
.bonus-faq__item-text a,
.bonuses-info__birthday-text a,
.bottom-confirm-notify__text a,
.checkbox__pseudo-label a,
.confirmed-phone__footer a,
.default-modal__desc a,
.email-one-time-password-form__footer a,
.error-block__notice a,
.info-message__text a,
.input-field__error a,
.partners-contests-stream__disclaimer a,
.payment-not-wagered-modal__disclaimer a,
.privacy-policy-page__item a,
.promo-code-form__description a,
.promo-event__rules a,
.promocode-tooltip__body a,
.rakeback-info__content-text a,
.registration-form__captcha-text a,
.self-exclusion-notice a,
.seo-block-content__casino-links a,
.static-page__item-text a,
.text-1 a,
.unlock-account-by-phone-modal a,
.vue-notification a {
    color: var(--link-default);
    font: inherit;
    line-height: inherit;
    transition: color .2s ease-out
}

.no-touch .accordion-1__item-cont-text a:hover,
.no-touch .accordion-1__item-table-item a:hover,
.no-touch .accordion-1__list a:hover,
.no-touch .app-page__install-instruction a:hover,
.no-touch .bonus-faq__item-text a:hover,
.no-touch .bonuses-info__birthday-text a:hover,
.no-touch .bottom-confirm-notify__text a:hover,
.no-touch .checkbox__pseudo-label a:hover,
.no-touch .confirmed-phone__footer a:hover,
.no-touch .default-modal__desc a:hover,
.no-touch .email-one-time-password-form__footer a:hover,
.no-touch .error-block__notice a:hover,
.no-touch .info-message__text a:hover,
.no-touch .input-field__error a:hover,
.no-touch .partners-contests-stream__disclaimer a:hover,
.no-touch .payment-not-wagered-modal__disclaimer a:hover,
.no-touch .privacy-policy-page__item a:hover,
.no-touch .promo-code-form__description a:hover,
.no-touch .promo-event__rules a:hover,
.no-touch .promocode-tooltip__body a:hover,
.no-touch .rakeback-info__content-text a:hover,
.no-touch .registration-form__captcha-text a:hover,
.no-touch .self-exclusion-notice a:hover,
.no-touch .seo-block-content__casino-links a:hover,
.no-touch .static-page__item-text a:hover,
.no-touch .text-1 a:hover,
.no-touch .unlock-account-by-phone-modal a:hover,
.no-touch .vue-notification a:hover {
    color: var(--link-hover)
}

.link {
    color: var(--link-default);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: color .2s ease-out
}

.no-touch .link:hover {
    color: var(--link-hover);
    cursor: pointer
}

.link.border {
    text-decoration-line: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.c-pointer {
    cursor: pointer
}

.text-nowrap {
    white-space: nowrap
}

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

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

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

ul a {
    border-bottom: 0;
    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 {
    padding-left: 21px;
    position: relative
}

.default-ul li:before {
    background-color: var(--gray-500);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 8px;
    position: absolute;
    top: 7px;
    width: 4px
}

@media (min-width:1140px) {
    .default-ul li:before {
        top: 10px
    }
}

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

img {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    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
}

@media (min-width:1140px) {
    .reg-form__wr {
        padding: 20px 0 0
    }
}

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

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

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

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

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

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

.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"] {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        display: flex;
        height: 100% !important;
        left: 0 !important;
        overflow: auto;
        top: 0 !important;
        width: 100% !important
    }

    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(--input-text-default);
    font-weight: 500
}

input::-moz-placeholder {
    color: var(--input-text-default);
    font-weight: 500
}

input:-ms-input-placeholder {
    color: var(--input-text-default);
    font-weight: 500
}

input:-moz-placeholder {
    color: var(--input-text-default);
    font-weight: 500
}

input:focus::-webkit-input-placeholder {
    color: var(--input-text-default)
}

input:focus::-moz-placeholder {
    color: var(--input-text-default)
}

input:focus:-ms-input-placeholder {
    color: var(--input-text-default)
}

input:focus:-moz-placeholder {
    color: var(--input-text-default)
}

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

@media (min-width:1628px) {
    :root {
        --game-sidebar-width: 340px
    }
}

.filter-stick {
    display: flex
}

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

@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:1140px) {
    sport-betslip {
        z-index: calc(var(--top-bar-layer) - 1) !important
    }
}

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

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

.safari-fixed {
    box-sizing: border-box;
    height: calc(100vh - 1px);
    overscroll-behavior: none;
    position: fixed !important
}

@supports (height:100dvh) {
    .safari-fixed {
        height: calc(100dvh - 1px)
    }
}

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

.hidden {
    display: none !important
}

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

.orange {
    color: var(--colors-global-accent-b)
}

.visually-hidden {
    border: 0;
    clip-path: inset(100%);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden
}

.text-no-wrap,
.visually-hidden {
    white-space: nowrap
}

@media (max-width:639px) {
    .no-mobile {
        display: none
    }
}

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

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

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

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

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

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

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

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

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

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

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

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

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

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

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

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

.no-touch .badge {
    box-shadow: 0 2px 6px 0 var(--colors-global-accent-a)
}

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

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

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

.badge--red {
    background-color: var(--colors-system-error)
}

.no-touch .badge--red {
    box-shadow: 0 2px 6px 0 var(--colors-system-error)
}

.badge--yellow {
    background-color: var(--colors-global-accent-b)
}

.no-touch .badge--yellow {
    box-shadow: 0 2px 6px 0 var(--colors-global-accent-b)
}

.badge--blue {
    background-color: var(--colors-global-accent-c)
}

.no-touch .badge--blue {
    box-shadow: 0 2px 6px 0 var(--colors-global-accent-c)
}

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

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

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

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

.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 {
        border-radius: 7px;
        font-size: 16px;
        padding: 9px 12px 7px
    }
}

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

.badge--event {
    align-items: center;
    background-color: var(--colors-base-black-500-50);
    border-radius: .3333333333rem;
    color: var(--colors-global-accent-b);
    display: flex;
    font-size: 1.4rem;
    height: 2.9333333333rem;
    justify-content: center;
    min-width: unset;
    padding: 0;
    width: 2.9333333333rem
}

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

.badge--event span {
    display: block
}

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

.game-currency-usd {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl);
    max-width: 100%;
    position: relative
}

@media (min-width:1140px) {
    .game-currency-usd {
        background-color: var(--backgrounds-a);
        border-radius: var(--roundings-l);
        padding: var(--spacings-2xl);
        width: 500px
    }
}

.game-currency-usd__img-wr {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: center;
    margin: auto;
    width: 80px
}

.game-currency-usd__close {
    display: none
}

.game-currency-usd__img {
    height: 60px;
    width: 60px
}

.game-currency-usd__text {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height);
    margin-top: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    text-align: center
}

@media (min-width:1140px) {
    .game-currency-usd__text {
        padding: 0
    }
}

.game-currency-usd__btn {
    margin: 0 auto;
    width: min(100%, 440px)
}

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

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

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

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

.v-select .vs__open-indicator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='166.7' height='100' viewBox='0 0 166.7 100'%3E%3Ctitle%3EE68D4FDE-977B-43D7-BBED-CB77B8941C90%3C/title%3E%3Cpath d='M162.6 4.2c-2.4-2.4-5.2-3.7-8.4-3.7s-5.9 1.2-7.9 3.7l-62.9 67-62.9-67c-5.5-5.6-11-5.6-16.4 0q-8.25 7.8 0 16.2l71.1 75.9c2.4 2.4 5.1 3.7 8.2 3.7s5.8-1.2 8.2-3.7l71.1-75.9c5.3-5.6 5.3-11-.1-16.2' style='fill:%239b9084'/%3E%3C/svg%3E") !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    height: 8px;
    transition: all .2s ease-out;
    width: 13px
}

.v-select-label {
    background-color: var(--backgrounds-a);
    font-size: 12px;
    left: 10px;
    letter-spacing: -.4px;
    line-height: 1;
    padding: 2px 5px;
    position: absolute;
    top: -7px
}

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

.vs__search::-moz-placeholder {
    border: none;
    font-variant: small-caps;
    text-transform: lowercase
}

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

.vs__open-indicator {
    font-weight: 400
}

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

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

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

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

.vs__dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--backgrounds-e-4);
    border: 3px solid var(--border-a);
    border-radius: 16px
}

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

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

.vs__dropdown-option.vs__dropdown-option--highlight {
    background-color: var(--backgrounds-e)
}

.vs__dropdown-option.vs__dropdown-option--selected {
    background-color: var(--backgrounds-e-4)
}

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

.native-tooltip__head {
    color: var(--gray-500);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px
}

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

.native-tooltip__body {
    color: var(--text-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px
}

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

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

.v-popper__popper {
    z-index: 10035 !important
}

.promocode-form__form .v-popper__popper {
    max-width: 288px
}

.msp-tooltip .v-popper__inner,
.page-profile .v-popper--theme-tooltip .v-popper__inner,
.v-popper--theme-deposit-promocode-tooltip .v-popper__inner,
.v-popper--theme-group-tournament-tooltip .v-popper__inner,
.v-popper--theme-masked-field .v-popper__inner,
.v-popper--theme-promo-tooltip .v-popper__inner,
.v-popper--theme-promo-tournament-tooltip .v-popper__inner,
.v-popper--theme-promocode-tooltip .v-popper__inner,
.v-popper--theme-tooltip.v-popper--theme-tooltip .v-popper__inner,
.v-popper--theme-tournaments-tooltip .v-popper__inner {
    background-color: var(--backgrounds-g);
    border-radius: 12px;
    box-shadow: var(--tags-and-small-white-card);
    color: var(--text-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    max-width: 296px;
    padding: 12px 16px;
    text-align: left
}

.msp-tooltip .v-popper__inner a,
.page-profile .v-popper--theme-tooltip .v-popper__inner a,
.v-popper--theme-deposit-promocode-tooltip .v-popper__inner a,
.v-popper--theme-group-tournament-tooltip .v-popper__inner a,
.v-popper--theme-masked-field .v-popper__inner a,
.v-popper--theme-promo-tooltip .v-popper__inner a,
.v-popper--theme-promo-tournament-tooltip .v-popper__inner a,
.v-popper--theme-promocode-tooltip .v-popper__inner a,
.v-popper--theme-tooltip.v-popper--theme-tooltip .v-popper__inner a,
.v-popper--theme-tournaments-tooltip .v-popper__inner a {
    color: var(--link-default);
    transition: color .2s ease-out
}

.no-touch .msp-tooltip .v-popper__inner a:hover,
.no-touch .page-profile .v-popper--theme-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-deposit-promocode-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-group-tournament-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-masked-field .v-popper__inner a:hover,
.no-touch .v-popper--theme-promo-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-promo-tournament-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-promocode-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-tooltip.v-popper--theme-tooltip .v-popper__inner a:hover,
.no-touch .v-popper--theme-tournaments-tooltip .v-popper__inner a:hover {
    color: var(--link-hover)
}

.v-popper--theme-tooltip.promo-strategy__tooltip .v-popper__inner {
    max-width: 384px;
    padding: 20px
}

.v-popper--theme-tooltip.msp-tooltip .v-popper__inner {
    max-width: 250px
}

.v-popper--theme-tooltip.bonus-store-balance__popper .v-popper__inner {
    max-width: 343px;
    padding: 20px
}

@media (min-width:1140px) {
    .v-popper--theme-tooltip.bonus-store-balance__popper .v-popper__inner {
        max-width: 346px
    }
}

.v-popper--theme-tooltip.bonus-store-tooltip--tooltip .v-popper__inner {
    padding: 20px
}

.v-popper--theme-tooltip.v-popper--large .v-popper__inner {
    border-radius: var(--roundings-xs);
    padding: 20px
}

.v-popper--theme-masked-field .v-popper__inner {
    padding: 20px
}

.promocode-form__form .v-popper--theme-tooltip .v-popper__inner {
    border-radius: var(--roundings-xs);
    padding: 20px
}

@media (max-width:639px) {
    .promocode-form__form .v-popper--theme-tooltip .v-popper__inner {
        max-width: 288px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .promocode-form__form .v-popper--theme-tooltip .v-popper__inner {
        transform: translate(-18px)
    }
}

@media (min-width:1140px) {
    .promocode-form__form .v-popper--theme-tooltip .v-popper__inner {
        transform: translate(14px)
    }
}

.v-popper--theme-tournaments-tooltip .v-popper__inner {
    padding: 20px
}

.v-popper--theme-tooltip.friends-and-referrals-rewards__tooltip-wr .v-popper__inner {
    min-width: 288px;
    padding: 20px
}

@media (min-width:1140px) {
    .v-popper--theme-tooltip.friends-and-referrals-rewards__tooltip-wr .v-popper__inner {
        min-width: 346px
    }
}

.v-popper__popper.v-popper--theme-dropdown .v-popper__inner {
    background-color: var(--backgrounds-a);
    border: none;
    border-radius: 16px;
    box-shadow: var(--inner-shadow);
    color: inherit;
    position: relative
}

.player-account-select__currency-tooltip.v-popper--theme-tooltip .v-popper__inner,
.player-account-select__tooltip.v-popper--theme-tooltip .v-popper__inner {
    border-radius: var(--roundings-xs);
    max-width: 330px;
    padding: 20px
}

.menu-tooltip.v-popper--theme-tooltip .v-popper__inner {
    align-items: center;
    background-color: var(--backgrounds-a);
    box-shadow: var(--inner-shadow);
    display: flex;
    left: 7px;
    line-height: 20px;
    min-height: 48px;
    padding: 4px 12px
}

.v-popper--theme-group-tournament-tooltip .v-popper__inner {
    max-width: 288px;
    text-align: left;
    transform: translate(-15px)
}

.player-account-select__info .v-popper__inner {
    transform: translate(-16px)
}

@media (min-width:640px) {
    .player-account-select__info .v-popper__inner {
        transform: translate(0)
    }
}

.v-popper--theme-deposit-promocode-tooltip .v-popper__inner {
    max-width: 443px;
    padding: 20px;
    text-align: left;
    transform: translate(0)
}

.v-popper--theme-promocode-tooltip .v-popper__inner {
    padding: 20px;
    text-align: left
}

.profile-promocode .v-popper--theme-promocode-tooltip .v-popper__inner {
    max-width: 250px;
    right: 102px
}

@media (min-width:1628px) {
    .profile-promocode .v-popper--theme-promocode-tooltip .v-popper__inner {
        max-width: 272px;
        right: 113px
    }
}

.bonuses-page .v-popper--theme-promocode-tooltip .v-popper__inner {
    max-width: 352px;
    right: 68px;
    transform: translate(-4px)
}

@media (min-width:1628px) {
    .bonuses-page .v-popper--theme-promocode-tooltip .v-popper__inner {
        transform: translate(-84px)
    }
}

.registration-form__promocode-form .v-popper__inner {
    max-width: 288px;
    padding: 24px;
    right: 10px;
    text-align: left
}

@media (min-width:640px) {
    .registration-form__promocode-form .v-popper__inner {
        right: 0;
        z-index: 1000
    }
}

@media (min-width:1140px) {
    .registration-form__promocode-form .v-popper__inner {
        right: 16px
    }
}

.partners-contests-create-contest__settings--participant .v-popper--theme-tooltip .v-popper__inner,
.partners-contests-create-contest__settings--prize .v-popper--theme-tooltip .v-popper__inner {
    max-width: 288px;
    min-width: 288px
}

.v-popper--theme-promo-tooltip .v-popper__inner,
.v-popper--theme-promo-tournament-tooltip .v-popper__inner {
    max-width: 266px;
    text-align: left
}

@media (min-width:640px) {

    .v-popper--theme-promo-tooltip .v-popper__inner,
    .v-popper--theme-promo-tournament-tooltip .v-popper__inner {
        max-width: 296px
    }
}

.v-popper--theme-promo-tooltip .v-popper__inner {
    padding: 20px
}

.v-popper--theme-promo-tournament-tooltip .v-popper__inner {
    transform: translate(16px)
}

.v-popper--theme-tournaments-tooltip .v-popper__inner {
    max-width: 330px;
    min-width: 200px;
    transform: translate(-10px)
}

@media (min-width:1140px) {
    .v-popper--theme-tournaments-tooltip .v-popper__inner {
        min-width: 296px;
        padding: 20px;
        transform: translate(-20px)
    }
}

.v-popper--theme-masked-field .v-popper__inner {
    min-width: 330px
}

.profile-subscriptions .v-popper__inner {
    transform: translate(-3px)
}

@media (max-width:1139px) {
    .profile-subscriptions .v-popper__inner {
        transform: translate(-8px)
    }
}

@media (max-width:639px) {

    .super-widget-full .promo-slider--superwidget-tournaments-expired .v-popper__inner,
    .super-widget-full .promo-slider--superwidget-tournaments-future .v-popper__inner {
        transform: translate(57px)
    }
}

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

    .super-widget-full .promo-slider--superwidget-tournaments-expired .v-popper__inner,
    .super-widget-full .promo-slider--superwidget-tournaments-future .v-popper__inner {
        transform: translate(2px)
    }
}

.birthday-calendar-popper .v-popper__inner {
    max-width: 344px
}

.birthday-calendar-popper--error[data-popper-placement^=bottom] .v-popper__inner {
    margin-top: -20px
}

.game-tooltip--bonus .v-popper__inner {
    max-width: 164px !important
}

.game-tooltip--no-bonus .v-popper__inner {
    max-width: 182px !important
}

.friends-and-referrals-invite__tooltip-wr .v-popper__inner {
    border-radius: var(--roundings-xs);
    max-width: 288px !important;
    padding: 20px !important
}

@media (min-width:1140px) {
    .friends-and-referrals-invite__tooltip-wr .v-popper__inner {
        max-width: 346px !important
    }
}

.registration-form__promocode-form.promocode-form .v-popper__inner {
    max-width: 288px !important;
    transform: translate(18px)
}

@media (min-width:640px) {
    .registration-form__promocode-form.promocode-form .v-popper__inner {
        transform: translate(8px, 2px)
    }
}

.v-popper__popper.v-popper__custom-select .v-popper__inner {
    box-shadow: var(--drop-down-shadow)
}

.page-profile .v-popper--theme-tooltip .v-popper__arrow-outer,
.partners-contests-create-contest .v-popper__arrow-outer,
.v-popper--theme-deposit-promocode-tooltip .v-popper__arrow-outer,
.v-popper--theme-group-tournament-tooltip .v-popper__arrow-outer,
.v-popper--theme-masked-field .v-popper__arrow-outer,
.v-popper--theme-promo-tooltip .v-popper__arrow-outer,
.v-popper--theme-promo-tournament-tooltip .v-popper__arrow-outer,
.v-popper--theme-promocode-tooltip .v-popper__arrow-outer,
.v-popper--theme-tooltip.v-popper--theme-tooltip .v-popper__arrow-outer,
.v-popper--theme-tournaments-tooltip .v-popper__arrow-outer {
    border: 10px solid var(--backgrounds-g);
    border-color: var(--backgrounds-g)
}

@media (max-width:639px) {
    .v-popper--theme-promo-tournament-tooltip .v-popper__arrow-outer {
        left: unset
    }
}

.msp-tooltip .v-popper__arrow-outer,
.partners-contests-create-contest__settings--participant .v-popper__arrow-outer,
.partners-contests-create-contest__settings--prize .v-popper__arrow-outer,
.player-account-select__currency-tooltip .v-popper__arrow-outer,
.player-account-select__info .v-popper__arrow-outer,
.profile-subscriptions .v-popper__arrow-outer,
.registration-form__promocode-form .v-popper__arrow-outer,
.v-popper--theme-masked-field .v-popper__arrow-outer,
.v-popper--theme-promo-tournament-tooltip .v-popper__arrow-outer,
.v-popper--theme-tournaments-tooltip .v-popper__arrow-outer {
    transform: translate(-4px)
}

.v-popper--theme-deposit-promocode-tooltip .v-popper__arrow-outer,
.v-popper--theme-group-tournament-tooltip .v-popper__arrow-outer,
.v-popper--theme-promocode-tooltip .v-popper__arrow-outer {
    transform: translate(-5px)
}

@media (max-width:360px) {
    .partners-contests-create-contest__settings--participant .v-popper__arrow-outer {
        transform: translate(-8px)
    }
}

.v-popper--theme-promo-tooltip .v-popper__arrow-outer {
    transform: translate(-1px)
}

@media (min-width:1140px) {
    .v-popper--theme-promo-tooltip .v-popper__arrow-outer {
        transform: translate(0)
    }
}

.game-tooltip .v-popper__arrow-outer {
    transform: translate(-4px)
}

.menu-tooltip .v-popper__arrow-container,
.v-popper--theme-dropdown .v-popper__arrow-container {
    display: none
}

.v-popper--theme-promo-tooltip .v-popper__arrow-container {
    width: 16px
}

.bonus-store-balance__popper .v-popper__arrow-container {
    width: 18px
}

.friends-and-referrals-invite__tooltip-wr .v-popper__arrow-container {
    width: 20px
}

.msp-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: -4px
}

.tooltip-paragraph {
    margin-bottom: 8px
}

.tooltip-paragraph:last-child {
    margin-bottom: 0
}

.main-wrapper .vue-slider-rail {
    background-color: var(--backgrounds-a);
    border: none;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    height: 4px
}

.main-wrapper .vue-slider-rail .vue-slider-process {
    background-color: var(--colors-global-accent-b);
    border-radius: 3px
}

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

.main-wrapper .vue-slider-dot .vue-slider-dot-handle {
    background-color: var(--colors-global-accent-b);
    border: 4px solid var(--border-a);
    border-radius: 50%;
    box-shadow: unset;
    height: 100%
}

.payment__close {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: var(--buttons-secondary-c-bg-default);
    border-radius: var(--buttons-s-radius);
    box-shadow: var(--gray-shadow);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: -12px;
    top: 0;
    transform: translate(100%);
    width: 40px
}

.no-touch .payment__close:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

.payment__close-ic {
    color: var(--buttons-secondary-c-icon-default);
    height: auto;
    padding: 2px;
    width: 20px
}

.no-touch .custom-modal__close-wr:hover .payment__close-ic,
.no-touch .payment__close:hover .payment__close-ic {
    color: var(--buttons-secondary-c-icon-hover)
}

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

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

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

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

.payment-modal__body {
    padding: 12px 12px 0
}

@media (min-width:640px) {
    .payment-modal__body {
        padding: 20px 40px 0
    }
}

.payment-modal__body--scroll {
    display: flex;
    flex-direction: column;
    height: 100%
}

.payment-modal__header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:640px) {
    .payment-modal__header--fixed {
        background-color: var(--white);
        border-radius: 32px 32px 0 0;
        box-shadow: var(--gray-shadow);
        left: 0;
        max-width: 576px;
        padding: 20px 40px;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 5
    }
}

.payment-modal__close {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px
}

.payment-modal__close-ic {
    height: auto;
    width: 14px
}

.payment-modal__tabs {
    display: flex;
    gap: 8px
}

.payment-modal__tab {
    background-color: var(--gray-500-p-08);
    border-radius: 12px;
    color: var(--gray-500);
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 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
    }
}

.payment-modal__payment-area {
    background-color: var(--gray-500-p-6);
    flex: 1;
    margin: 0 -12px
}

.payment-modal__history {
    overflow: hidden
}

.payment-modal__cashout-not-verify {
    align-items: center;
    border: 1px solid var(--yellow-500);
    border-radius: 20px;
    box-shadow: var(--light-gray-shadow);
    display: flex;
    gap: 20px;
    margin: 24px auto;
    padding: 16px 16px 24px
}

.payment-modal__cashout-not-verify--red {
    border: 1px solid var(--red-500)
}

.payment-modal__cashout-not-verify-icon {
    align-items: center;
    background-color: var(--yellow-500);
    border-radius: 50%;
    box-shadow: var(--yellow-light-shadow);
    display: flex;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    width: 32px
}

.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 {
        height: 40px;
        min-height: 40px;
        min-width: 40px;
        width: 40px
    }
}

.payment-modal__cashout-not-verify-img {
    height: 15px;
    width: 3px
}

@media (min-width:640px) {
    .payment-modal__cashout-not-verify-img {
        height: 20px;
        width: 4px
    }
}

.payment-modal__cashout-not-verify-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

@media (min-width:640px) {
    .payment-modal__cashout-not-verify-text {
        font-size: 14px
    }
}

.payment-modal__cashout-not-verify-button {
    color: var(--gray-500);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 4px;
    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 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    margin-left: 6px;
    transition: all .2s ease-out;
    width: 18px
}

.icon-bg.icon-upgrade {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 118.2 100'%3E%3Ctitle%3E9C3BF840-3CA4-4F99-A8D9-C2C947059A4D%3C/title%3E%3Cpath d='M116.1 36.2q-4.05-3.45-8.1 0l-8.8 9c-1.2-12.8-6.5-23.6-16-32.3S62.6 0 49.9 0C36.1 0 24.3 4.9 14.6 14.6 4.9 24.4 0 36.2 0 50s4.9 25.6 14.6 35.4S36.1 100 49.9 100q15.6 0 28.2-8.7c3-2.2 3.4-4.7 1.3-7.8-.8-1.3-2-2.1-3.5-2.4-1.5-.2-2.9.1-4.3 1.1-6.8 4.6-14 6.8-21.7 6.8-10.8 0-19.9-3.8-27.4-11.4C15.1 70 11.3 60.8 11.3 50S15 30 22.5 22.4 39 11 49.6 11c10.1 0 18.8 3.5 26.2 10.5Q86.9 32 88.1 47L77.3 36.2q-4.05-3.45-8.1 0c-2.4 2.7-2.4 5.3 0 8l19.4 19.5c1 1 2.4 1.5 4 1.5s3-.5 4-1.5l19.6-19.5c2.7-2.6 2.6-5.3-.1-8' style='fill:%239b9084'/%3E%3C/svg%3E") no-repeat 50%/contain;
    display: block;
    height: 14px;
    width: 14px
}

.dots {
    font-size: 0;
    letter-spacing: normal;
    line-height: 0
}

.dots--color-mod-1 .dots__item {
    background-color: var(--backgrounds-e-4)
}

.dots__item {
    background-color: var(--backgrounds-a);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    letter-spacing: normal;
    margin-right: 4px;
    transition: all .2s ease-out;
    width: 44px
}

.dots__item.active {
    background-color: var(--colors-global-accent-b);
    cursor: default
}

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

.vue-notification-group {
    margin: 0 auto;
    max-width: 431px;
    padding: 0 16px;
    position: fixed;
    top: 20px !important;
    width: 100% !important;
    z-index: 10100 !important
}

@media (min-width:640px) {
    .vue-notification-group {
        display: flex !important;
        height: 0;
        justify-content: flex-end !important;
        left: var(--menu-burger-width-opened) !important;
        margin: 0 auto !important;
        max-width: var(--main-container-max-width);
        padding: 0 24px;
        top: 120px !important;
        transform: none;
        width: auto !important
    }

    .vue-notification-group--menu-closed .vue-notification-group {
        display: block;
        left: var(--menu-burger-width) !important
    }

    .vue-notification-group--menu-closed .vue-notification-group .vue-notification-wrapper {
        width: auto !important
    }
}

@media (min-width:1140px) {
    .vue-notification-group {
        max-width: unset;
        top: 136px !important
    }
}

@media (min-width:1628px) {
    .vue-notification-group {
        padding: 0 30px;
        top: 140px !important
    }
}

.vue-notification-group .vue-notification-wrapper {
    animation: notifyBounceTopToBottom .5s 1;
    opacity: 1 !important;
    overflow: visible !important
}

.vue-notification-group .vue-notification-wrapper:not(:last-child) {
    margin-bottom: 12px
}

.vue-notification-group .vue-notification-wrapper.vn-fade-leave-to {
    display: none
}

@keyframes notifyBounceTopToBottom {
    0% {
        transform: translate3d(0, -60px, 0)
    }

    80% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes progress {
    0% {
        width: 100%
    }

    to {
        width: 1px
    }
}

.vue-notification-group .vue-notification-inner {
    position: relative
}

.vue-notification-group .vue-notification-template {
    align-items: flex-start;
    display: flex !important;
    max-width: 431px
}

@media (min-width:640px) {
    .vue-notification-group .vue-notification-template {
        min-width: 431px
    }
}

.vue-notification-group .vue-notification {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    background: var(--backgrounds-b-70) !important;
    border-left: none;
    border-radius: var(--roundings-m);
    box-shadow: 0 1px 2px #ff8f1899 inset, var(--light-gray-shadow);
    color: var(--text-text);
    font-size: 14px;
    font-weight: 600;
    gap: 12px;
    line-height: 20px;
    margin: 0 0 0 auto !important;
    max-width: 343px;
    min-width: 250px;
    overflow: hidden;
    padding: 12px 12px 16px !important;
    position: relative;
    width: -moz-max-content;
    width: max-content
}

@media (min-width:640px) {
    .vue-notification-group .vue-notification {
        gap: 16px;
        padding: 16px 16px 20px !important
    }
}

@media (min-width:1140px) {
    .vue-notification-group .vue-notification {
        gap: 20px;
        padding: 20px 20px 24px !important
    }
}

@media (min-width:1628px) {
    .vue-notification-group .vue-notification {
        max-width: 520px;
        min-width: 300px;
        padding: 24px 24px 28px !important
    }
}

.vue-notification-group .vue-notification:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' fill='none'%3E%3Cpath fill='%23ff8f18' d='M13.653 1.988c1.456-2.65 5.238-2.65 6.694 0l13.17 23.975c1.41 2.568-.434 5.719-3.348 5.719H3.833c-2.916 0-4.76-3.15-3.35-5.72z'/%3E%3Cpath fill='%23151516' d='M18.698 24.832a1.72 1.72 0 0 0-.478-1.244 1.7 1.7 0 0 0-1.22-.52 1.7 1.7 0 0 0-1.22.52 1.7 1.7 0 0 0-.477 1.244c.014.445.198.866.515 1.175a1.69 1.69 0 0 0 2.364 0c.317-.31.502-.73.516-1.175m-.44-13.447a1.3 1.3 0 0 0-.46-.821 1.27 1.27 0 0 0-1.736.12 1.3 1.3 0 0 0-.343.878l.007 7.707.012.175c.044.322.208.616.459.821a1.27 1.27 0 0 0 1.737-.12 1.3 1.3 0 0 0 .342-.878l-.007-7.709z'/%3E%3C/svg%3E") 50%/contain no-repeat;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 34px;
    width: 34px
}

@media (min-width:1140px) {
    .vue-notification-group .vue-notification:before {
        height: 44px;
        width: 44px
    }
}

.vue-notification-group .vue-notification:after {
    animation: progress var(--duration, 5.6s) 1 linear;
    background-color: var(--colors-base-white-30);
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    right: 0;
    width: 100%
}

.vue-notification-group .vue-notification.error {
    box-shadow: 0 1px 2px #ff2e8299 inset, var(--light-gray-shadow)
}

.vue-notification-group .vue-notification.error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%23ff2e82' d='M17.669 2.573c1.883-3.43 6.779-3.43 8.662 0l17.043 31.026C45.2 36.923 42.813 41 39.042 41H4.96C1.187 41-1.2 36.923.626 33.599L17.67 2.573Z'/%3E%3Cpath fill='%23151516' d='M24.197 32.136a2.23 2.23 0 0 0-.618-1.61A2.2 2.2 0 0 0 22 29.852a2.18 2.18 0 0 0-1.578.674 2.22 2.22 0 0 0-.619 1.61c.018.575.258 1.12.668 1.52a2.19 2.19 0 0 0 3.059 0c.41-.4.65-.945.667-1.52m-.57-17.402a1.67 1.67 0 0 0-.593-1.063 1.64 1.64 0 0 0-2.248.156 1.67 1.67 0 0 0-.444 1.135l.01 9.974.015.226c.057.418.269.798.593 1.064a1.643 1.643 0 0 0 2.248-.157c.286-.308.444-.713.444-1.135l-.01-9.976z'/%3E%3C/svg%3E")
}

.vue-notification-group .vue-notification.brown:before,
.vue-notification-group .vue-notification.white:before {
    display: none
}

.vue-notification-group .vue-notification.success {
    box-shadow: 0 1px 2px #18ff8c99 inset, var(--light-gray-shadow)
}

.vue-notification-group .vue-notification.success:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%2318ff8c' d='M22 0a22 22 0 1 1 0 44 22 22 0 0 1 0-44'/%3E%3Cpath fill='%23151516' d='m19.438 25.901-4.483-4.399a1.73 1.73 0 0 0-1.224-.497 1.76 1.76 0 0 0-1.224.497 1.68 1.68 0 0 0-.507 1.2c0 .45.182.882.507 1.2l5.708 5.598a1.73 1.73 0 0 0 1.224.5 1.75 1.75 0 0 0 1.224-.5l11.82-11.594A1.7 1.7 0 0 0 33 16.704a1.67 1.67 0 0 0-.506-1.207 1.73 1.73 0 0 0-1.23-.497 1.76 1.76 0 0 0-1.226.506L19.438 25.9Z'/%3E%3C/svg%3E")
}

.vue-notification-group .vue-notification.info {
    box-shadow: 0 1px 2px #0087ff99 inset, var(--light-gray-shadow)
}

.vue-notification-group .vue-notification.info:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath fill='%2308f' d='M22 0a22 22 0 1 1 0 44 22 22 0 0 1 0-44'/%3E%3Cpath fill='%23151516' d='M24.155 14.727a2.314 2.314 0 1 0-4.316-1.669 2.314 2.314 0 0 0 4.316 1.67Zm-1.07 18.389c.342-.277.565-.675.625-1.11l.016-.235.01-10.425a1.737 1.737 0 0 0-3.458-.239l-.016.236-.01 10.424a1.737 1.737 0 0 0 2.833 1.35Z'/%3E%3C/svg%3E")
}

.vue-notification-group .vue-notification.offline {
    align-items: center;
    border: 2px solid var(--colors-system-error);
    box-shadow: var(--light-gray-shadow);
    max-width: 343px;
    padding: 7px 10px !important;
    width: 100%
}

.vue-notification-group .vue-notification.offline:before {
    background: var(--backgrounds-b) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M1.192.204a.698.698 0 0 0-.987.987l3.48 3.48a13 13 0 0 0-3.48 2.51.698.698 0 0 0 .987.987c1.18-1.18 2.327-1.892 3.539-2.452l2.08 2.08C5.671 8.2 4.58 8.853 3.46 9.972a.698.698 0 0 0 .987.987C5.62 9.785 6.722 9.229 7.925 8.91l2.253 2.254a5.37 5.37 0 0 0-3.926 1.598.698.698 0 1 0 .986.987c1.291-1.29 3.168-1.537 4.77-.716a1 1 0 0 0 .07.031l6.732 6.732a.698.698 0 0 0 .987-.987L8.642 7.655l-.016-.016L5.39 4.402l-.023-.023zM7.544 3.49c4.18-.799 8.422.453 12.21 3.651a.698.698 0 0 1-.9 1.066C15.332 5.235 11.507 4.153 7.805 4.86a.698.698 0 0 1-.262-1.37Z'/%3E%3Cpath d='M9.07 16.047a.93.93 0 0 1 .931-.93h.01a.93.93 0 1 1 0 1.86h-.01a.93.93 0 0 1-.93-.93Zm1.637-8.013a.7.7 0 0 1 .795-.584c1.82.28 3.542 1.196 5.008 2.493a.698.698 0 0 1-.925 1.045c-1.311-1.16-2.795-1.928-4.295-2.159a.7.7 0 0 1-.583-.795'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.001 0h20v20h-20z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center/20px no-repeat;
    border-radius: 50%;
    box-shadow: none;
    height: 34px;
    margin-right: 0;
    width: 34px
}

@media (min-width:1140px) {
    .vue-notification-group .vue-notification.offline:before {
        height: 34px;
        width: 34px
    }
}

.vue-notification-group .vue-notification.offline:after {
    display: none
}

@media (min-width:640px) {
    .vue-notification-group .vue-notification.offline {
        min-width: 303px;
        padding: 10px 14px !important
    }
}

@media (min-width:1140px) {
    .vue-notification-group .vue-notification.offline {
        justify-content: flex-end;
        max-width: 343px;
        padding: 15px 18px !important;
        width: -moz-max-content;
        width: max-content
    }
}

@media (min-width:1628px) {
    .vue-notification-group .vue-notification.offline {
        border-radius: 16px
    }
}

.vue-notification-group .vue-notification--with-button {
    gap: 16px 12px
}

.vue-notification-group .vue-notification--with-button:after {
    background-color: var(--colors-base-white-70)
}

@media (max-width:1139px) {
    .vue-notification-group .vue-notification--with-button {
        display: grid !important;
        grid-template-columns: 34px 1fr
    }
}

@media (min-width:640px) {
    .vue-notification-group .vue-notification--with-button {
        gap: 16px
    }
}

@media (min-width:1140px) {
    .vue-notification-group .vue-notification--with-button {
        gap: 20px
    }
}

.notification-wrapper {
    overflow: visible !important;
    padding: 0 10px 10px !important
}

.vue-notification__close {
    align-items: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: var(--buttons-secondary-c-bg-default) !important;
    border-radius: var(--buttons-s-radius);
    color: var(--text-text) !important;
    cursor: pointer;
    display: flex;
    height: 36px !important;
    justify-content: center;
    padding: var(--buttons-icon-s) !important;
    transition: background-color .2s ease-out;
    width: 36px
}

.vue-notification__close.offline {
    display: none
}

.vue-notification__close .btn__inner {
    padding: 2px
}

.no-touch .vue-notification__close:hover {
    background-color: var(--buttons-icon-primary-icon-hover) !important
}

@media (min-width:1140px) {
    .vue-notification__close {
        height: 40px !important;
        width: 40px
    }
}

.vue-notification__close-icon {
    color: var(--buttons-icon-secondary-a-icon-default);
    height: 16px;
    width: 16px
}

.vue-notification-cancel {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end
}

@media (max-width:1139px) {
    .vue-notification-cancel {
        grid-column: 1/3
    }
}

@media (min-width:1140px) {
    .vue-notification-cancel {
        flex-direction: column;
        gap: 4px
    }
}

.vue-notification-cancel-button__counter {
    color: var(--text-description-a);
    display: inline-block;
    margin-left: 3px;
    min-width: 16px
}

@media (max-width:1139px) {
    .vue-notification-cancel-button__counter {
        order: -1
    }
}