.preloader-page {
    --page-bg: var(--backgrounds-a);
    --item-bg: var(--backgrounds-e-4);
    --item-bg-double: var(--backgrounds-b);
    position: fixed;
    top: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    left: 0;
    background-color: var(--page-bg);
    z-index: 90050
}

.preloader-page__container {
    position: relative;
    height: 100%
}

.preloader-page__header {
    display: flex;
    padding: 8px 16px 0;
    margin-bottom: 12px
}

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

@media(min-width: 1140px) {
    .preloader-page__logo {
        width:120px;
        height: 40px
    }
}

.preloader-page__info {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    margin-left: auto
}

.preloader-page__info-circle {
    width: 40px
}

.preloader-page__info-block,.preloader-page__info-circle {
    height: 40px;
    background-color: var(--item-bg);
    border-radius: 100px
}

.preloader-page__info-block {
    width: 156px
}

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

.preloader-page__stories {
    margin-bottom: 4px;
    padding: 0 16px 8px;
    display: flex;
    justify-content: center
}

.preloader-page__stories-list {
    margin-right: -16px;
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden
}

.preloader-page__story {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex-shrink: 0
}

.preloader-page__story-circle {
    height: 68px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.preloader-page__story-circle,.preloader-page__story-name {
    width: 68px;
    border-radius: 100px;
    background-color: var(--item-bg)
}

.preloader-page__story-name {
    height: 20px
}

.preloader-page__main-banner {
    height: 206px;
    margin-bottom: -104px;
    border-radius: 20px 20px 0 0;
    background-color: var(--item-bg)
}

.preloader-page__collections-wr {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px
}

.preloader-page__collections-wr:after,.preloader-page__collections-wr:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain
}

.preloader-page__collections-wr:before {
    left: -8px;
    background-image: url(/1img/round-left.svg)
}

.preloader-page__collections-wr:after {
    right: -8px;
    background-image: url(/1img/round-right.svg)
}

.preloader-page__collections {
    padding: 12px 12px 0;
    border-radius: 30px 30px 0 0;
    background-color: var(--page-bg)
}

.preloader-page__collections-field {
    height: 48px;
    border-radius: 100px;
    background-color: var(--item-bg-double)
}

.preloader-page__buttons {
    z-index: 1;
    margin-bottom: 4px;
    padding: 8px 24px 0;
    display: flex;
    gap: 8px;
    background-color: var(--page-bg)
}

.preloader-page__button {
    height: 40px;
    flex: 1;
    border-radius: 100px;
    background-color: var(--item-bg-double);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.preloader-page__content {
    padding-top: 16px
}

.preloader-page__games {
    margin-bottom: 24px;
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.preloader-page__games:last-child {
    margin-bottom: 0
}

.preloader-page__games-nav {
    display: flex;
    align-items: center;
    gap: 8px
}

.preloader-page__games-nav-item {
    width: 140px;
    height: 28px;
    border-radius: 100px;
    background-color: var(--item-bg)
}

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

.preloader-page__games-list {
    display: grid;
    grid-template-rows: repeat(2,1fr);
    grid-auto-flow: column;
    justify-content: start;
    gap: 8px;
    overflow: hidden
}

.preloader-page__games-list-m {
    gap: 4px
}

.preloader-page__game-l {
    display: flex;
    flex-direction: column
}

.preloader-page__game {
    width: 83px;
    height: 102px;
    flex-shrink: 0
}

.preloader-page__game,.preloader-page__game-img {
    border-radius: 16px;
    background-color: var(--item-bg)
}

.preloader-page__game-img {
    width: 109px;
    height: 136px;
    margin-bottom: 4px
}

.preloader-page__game-name,.preloader-page__game-provider {
    width: 100%;
    height: 16px;
    border-radius: 100px;
    background-color: var(--item-bg)
}

.preloader-page__game-provider {
    margin: 1px auto 0;
    width: 70px
}

.visible-tab {
    display: none
}

.visible-mob {
    display: flex
}

.visible-desk {
    display: none
}

.preloader-page__animated-logo-wr {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 132px;
    height: 132px
}

.preloader-page__animated-logo {
    width: 100%;
    height: auto;
    object-fit: contain
}

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

    .preloader-page__stories {
        margin-bottom: 8px;
        padding: 0 20px 12px
    }

    .preloader-page__stories-list {
        margin-right: -20px;
        gap: 12px
    }

    .preloader-page__buttons {
        margin-bottom: 8px
    }

    .preloader-page__content {
        padding-top: 20px
    }

    .preloader-page__games {
        margin-bottom: 30px;
        padding: 0 20px;
        gap: 20px
    }

    .preloader-page__games-list {
        row-gap: 12px
    }

    .preloader-page__games-list-m {
        gap: 8px
    }

    .preloader-page__game {
        width: 114px;
        height: 142px
    }

    .preloader-page__game-img {
        width: 144px;
        height: 180px;
        margin-bottom: 8px
    }

    .preloader-page__game-name,.preloader-page__game-provider {
        height: 20px
    }

    .preloader-page__game-provider {
        margin-top: 2px
    }

    .visible-mob {
        display: none
    }

    .visible-tab {
        display: flex
    }
}

@media(min-width: 1140px) {
    .preloader-page__container {
        padding-right:80px
    }

    .preloader-page__sidebar {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 80px;
        padding: 8px 8px 28px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        background-color: var(--item-bg-double)
    }

    .preloader-page__sidebar-bonuses,.preloader-page__sidebar-game,.preloader-page__sidebar-top,.preloader-page__sidebar-vip {
        border-radius: 12px;
        background-color: var(--page-bg)
    }

    .preloader-page__sidebar-top {
        height: 160px
    }

    .preloader-page__sidebar-vip {
        height: 70px
    }

    .preloader-page__sidebar-bonuses {
        height: 260px
    }

    .preloader-page__sidebar-game {
        height: 92px
    }

    .preloader-page__header {
        position: relative;
        min-height: 80px;
        padding: 0 30px;
        margin-bottom: 16px;
        align-items: center;
        background-color: var(--item-bg);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .preloader-page__header-animate {
        position: absolute!important;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .preloader-page__burger {
        margin-right: 12px;
        width: 48px;
        height: 48px;
        border-radius: 100px;
        background-color: var(--page-bg)
    }

    .preloader-page__logo {
        margin-right: 12px
    }

    .preloader-page__search-wr {
        position: relative;
        padding: 8px 12px 12px;
        align-self: flex-end;
        flex-grow: 1;
        border-radius: 40px 40px 0 0;
        background-color: var(--page-bg)
    }

    .preloader-page__search-wr:after,.preloader-page__search-wr:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain
    }

    .preloader-page__search-wr:before {
        left: -36px;
        background-image: url(/1img/round-left.svg)
    }

    .preloader-page__search-wr:after {
        right: -36px;
        background-image: url(/1img/round-right.svg)
    }

    .preloader-page__search {
        width: 100%;
        height: 48px;
        border-radius: 100px;
        background-color: var(--item-bg-double)
    }

    .preloader-page__info-item {
        width: 191px;
        height: 44px;
        margin-right: 12px;
        border-radius: 100px;
        background-color: var(--page-bg)
    }

    .preloader-page__info {
        display: none
    }

    .preloader-page__info-block {
        margin-left: 12px;
        width: 285px;
        height: 48px;
        background-color: var(--page-bg)
    }

    .preloader-page__stories {
        padding: 0;
        margin-bottom: 16px
    }

    .preloader-page__stories-list {
        margin-right: 0;
        gap: 16px
    }

    .preloader-page__main-banner {
        height: 220px;
        margin-bottom: -64px;
        border-radius: 60px 60px 0 0
    }

    .preloader-page__collections-wr {
        max-width: 1608px;
        padding: 0 30px
    }

    .preloader-page__collections-wr:before {
        left: 6px
    }

    .preloader-page__collections-wr:after {
        right: 6px
    }

    .preloader-page__collections {
        padding: 16px 16px 0;
        border-radius: 40px 40px 0 0
    }

    .preloader-page__collections-field {
        display: none
    }

    .preloader-page__collections-nav {
        display: flex;
        gap: 8px
    }

    .preloader-page__collections-nav-item {
        height: 48px;
        flex: 1;
        border-radius: 100px;
        background-color: var(--item-bg-double)
    }

    .preloader-page__buttons {
        display: none
    }

    .preloader-page__content {
        padding-top: 40px
    }

    .preloader-page__games {
        margin-bottom: 40px;
        padding: 0 0 0 30px;
        gap: 24px
    }

    .preloader-page__games-nav {
        gap: 12px
    }

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

    .preloader-page__games-nav-btn {
        width: 40px;
        height: 40px
    }

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

    .preloader-page__games-list-m {
        display: grid;
        grid-template-rows: repeat(2,1fr);
        grid-auto-flow: column;
        justify-content: start;
        gap: 8px
    }

    .preloader-page__game-img {
        width: 208px;
        height: 260px;
        border-radius: 20px
    }

    .preloader-page__game-name {
        height: 24px
    }

    .preloader-page__game-provider {
        margin-top: 4px
    }

    .preloader-page__game {
        width: 160px;
        height: 200px;
        border-radius: 20px
    }

    .visible-desk {
        display: flex
    }

    .hidden-desk {
        display: none
    }
}

@media(min-width: 1628px) {
    .preloader-page__header {
        padding:0 40px;
        margin-bottom: 20px
    }

    .preloader-page__burger,.preloader-page__info-item,.preloader-page__logo {
        margin-right: 16px
    }

    .preloader-page__search-wr {
        padding: 8px 16px 12px
    }

    .preloader-page__info-item {
        width: 199px
    }

    .preloader-page__info-block {
        margin-left: 16px;
        width: 367px
    }

    .preloader-page__stories {
        margin-bottom: 20px
    }

    .preloader-page__stories-list {
        gap: 20px
    }

    .preloader-page__collections-wr {
        max-width: 1628px;
        padding: 0 40px
    }

    .preloader-page__collections-wr:before {
        left: 16px
    }

    .preloader-page__collections-wr:after {
        right: 16px
    }

    .preloader-page__collections {
        padding: 16px 20px 0
    }

    .preloader-page__collections-nav {
        gap: 12px
    }

    .preloader-page__content {
        padding-top: 56px
    }

    .preloader-page__games {
        margin-bottom: 56px;
        padding: 0 0 0 40px;
        gap: 30px
    }

    .preloader-page__games-list,.preloader-page__games-nav {
        gap: 16px
    }

    .preloader-page__games-list-m {
        gap: 12px
    }

    .preloader-page__game-img {
        width: 230px;
        height: 288px;
        margin-bottom: 12px
    }

    .preloader-page__game {
        width: 184px;
        height: 230px
    }

    .preloader-page__animated-logo-wr {
        width: 170px;
        height: 170px
    }
}

@media(min-width: 1920px) {
    .preloader-page__games {
        max-width:1548px;
        margin: 0 auto 56px;
        padding: 0
    }
}

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

.preloader-page__animation:before {
    content: "";
    width: 200%;
    height: 200%;
    position: absolute;
    animation: blickPreloader 2s ease-in-out infinite;
    background: linear-gradient(-90deg,var(--white-0),hsla(0,0%,100%,.07) 41.88%,hsla(0,0%,100%,.1) 60.53%,hsla(0,0%,100%,.1) 69.85%,hsla(0,0%,60%,0))
}

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

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

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

.payment-balance-header--active .icon {
    color: var(--colors-system-success)
}

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

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

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

.btn--accent .spinner__path,.btn--secondary-b .spinner__path {
    stroke: var(--colors-base-black-900)
}

.btn.disabled .spinner__path,.btn[disabled] .spinner__path {
    stroke: var(--colors-base-white-30)
}

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

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

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

.btn {
    position: relative;
    border: none;
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    height: calc(var(--buttons-m-vert)*2 + var(--buttons-font-m-line-height));
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--buttons-m-radius);
    background: var(--gradient-tokens-backgrounds-f);
    color: var(--buttons-primary-text-default);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
    transition: all .2s ease-out
}

.no-touch .btn:hover,.static-page.is-footer-hidden .btn:hover {
    color: var(--buttons-primary-text-hover)
}

.btn.disabled,.btn[disabled],.no-touch .btn:hover.disabled,.no-touch .btn:hover[disabled],.static-page.is-footer-hidden .btn:hover.disabled,.static-page.is-footer-hidden .btn:hover[disabled] {
    background: var(--gradient-tokens-backgrounds-g);
    color: var(--buttons-primary-text-disable);
    pointer-events: none
}

.btn--border-animated {
    overflow: hidden;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.btn__border-hover {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn__border-hover:before {
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .btn:hover .btn__border-hover:before,.no-touch .friends-and-referrals-social-share__link:hover .btn__border-hover:before,.no-touch .games-slider__head:hover .btn__border-hover:before,.no-touch .main-banner__trust-download-app:hover .btn__border-hover:before,.no-touch .payment-balance-freespins-game--hover:hover .btn__border-hover:before,.no-touch .profile-edit-social-networks__provider-inner:hover .btn__border-hover:before,.no-touch .search-last-winner__item:hover .btn__border-hover:before,.no-touch~.v-popper__popper .btn:hover .btn__border-hover:before,.static-page.is-footer-hidden .btn:hover .btn__border-hover:before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%,-50%,0) rotate(0);
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.btn.disabled .btn__border-hover,.btn[disabled] .btn__border-hover {
    display: none
}

.btn--size-l .btn__border-hover {
    border-width: 2px
}

.btn__inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
    font-family: var(--font_manrope);
    font-weight: 700
}

.btn--secondary-b.btn--size-s .btn__inner,.btn--secondary-c-active.btn--size-s .btn__inner,.btn--secondary-c.btn--size-s .btn__inner,.btn--secondary.btn--size-s .btn__inner,.btn--text.btn--size-s .btn__inner,.profile-history-operations-item__header-btn .btn__inner {
    font-weight: var(--buttons-font-s-weight)
}

.btn--secondary-c-active.btn--size-xs .btn__inner,.btn--secondary-c.btn--size-xs .btn__inner {
    font-weight: var(--buttons-font-xs-weight)
}

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

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

@media(max-width: 1139px) {
    .user-top__deposit .btn__inner {
        display:none
    }
}

.bonus-freespin-prize__action .btn__inner {
    gap: var(--buttons-s-vert)
}

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

.btn--secondary {
    color: var(--buttons-secondary-a-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    color: var(--buttons-secondary-a-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover .btn__border-hover {
    border: 2px solid transparent
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover .btn__border-hover:before {
    background: var(--gradient-tokens-border-c);
    animation-duration: 2s
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover.disabled,.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover.disabled:after,.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--circle):hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary.disabled,.btn--secondary[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary.disabled:after,.btn--secondary[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.deposit-bonus__promocode .btn--secondary {
    min-width: 60px
}

.btn--secondary-b {
    color: var(--buttons-secondary-b-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-b:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .btn--secondary-b:hover {
    color: var(--buttons-secondary-b-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--secondary-b:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .btn--secondary-b:hover.disabled,.no-touch .btn--secondary-b:hover[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--secondary-b:hover.disabled:after,.no-touch .btn--secondary-b:hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-b.disabled,.btn--secondary-b[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-b.disabled:after,.btn--secondary-b[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-c {
    color: var(--buttons-secondary-c-text-default);
    background: var(--buttons-secondary-c-bg-default);
    border: none
}

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

.no-touch .btn--secondary-c:hover.disabled,.no-touch .btn--secondary-c:hover[disabled] {
    color: var(--buttons-secondary-c-text-disable);
    background: var(--buttons-secondary-c-bg-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--secondary-c:hover.disabled:after,.no-touch .btn--secondary-c:hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-c.active {
    transition: none
}

.btn--secondary-c.active,.btn--secondary-c:active {
    color: var(--buttons-secondary-c-text-active);
    position: relative;
    background: var(--buttons-secondary-c-bg-active);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-c.active:after,.btn--secondary-c:active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-c-bg-active) padding-box,var(--buttons-secondary-c-border-active) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-c.disabled,.btn--secondary-c[disabled] {
    color: var(--buttons-secondary-c-text-disable);
    background: var(--buttons-secondary-c-bg-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-c.disabled:after,.btn--secondary-c[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-c-active {
    color: var(--buttons-secondary-c-text-active);
    border: none;
    transition: none;
    position: relative;
    background: var(--buttons-secondary-c-bg-active);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-c-active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-c-bg-active) padding-box,var(--buttons-secondary-c-border-active) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .btn--secondary-c-active:hover {
    color: var(--buttons-secondary-c-text-hover);
    background: var(--buttons-secondary-c-bg-hover)
}

.no-touch .btn--secondary-c-active:hover.disabled,.no-touch .btn--secondary-c-active:hover[disabled] {
    color: var(--buttons-secondary-c-text-disable);
    background: var(--buttons-secondary-c-bg-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--secondary-c-active:hover.disabled:after,.no-touch .btn--secondary-c-active:hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-c-active:active {
    color: var(--buttons-secondary-c-text-active);
    position: relative;
    background: var(--buttons-secondary-c-bg-active);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-c-active:active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-c-bg-active) padding-box,var(--buttons-secondary-c-border-active) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--secondary-c-active.disabled,.btn--secondary-c-active[disabled] {
    color: var(--buttons-secondary-c-text-disable);
    background: var(--buttons-secondary-c-bg-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--secondary-c-active.disabled:after,.btn--secondary-c-active[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--text {
    height: 20px;
    padding: 0;
    gap: 0;
    color: var(--text-text);
    background: transparent;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.no-touch .btn--text:hover {
    color: var(--text-description-a);
    border: none
}

.btn--text.disabled,.btn--text[disabled] {
    color: var(--text-description-a);
    background: transparent
}

.btn--text.btn--size-s {
    height: 20px;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.btn--text.btn--size-l {
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.btn--size-l {
    padding: var(--buttons-l-vert) var(--buttons-l-hor);
    height: calc(var(--buttons-l-vert)*2 + var(--buttons-font-l-line-height));
    border-radius: var(--buttons-l-radius);
    font-size: var(--buttons-font-l-font-size);
    font-weight: var(--buttons-font-l-weight);
    line-height: var(--buttons-font-l-line-height);
    text-transform: uppercase
}

.btn--size-s {
    padding: var(--buttons-s-vert) var(--buttons-s-hor);
    height: calc(var(--buttons-s-vert)*2 + var(--buttons-font-m-line-height));
    border-radius: var(--buttons-s-radius)
}

.btn--size-s.btn--secondary,.btn--size-s.btn--secondary-b,.btn--size-s.btn--secondary-c,.btn--size-s.btn--secondary-c-active {
    height: calc(var(--buttons-s-vert)*2 + var(--buttons-font-s-line-height));
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.btn--size-xs {
    padding: var(--buttons-xs-vert) var(--buttons-xs-hor);
    height: calc(var(--buttons-xs-vert)*2 + var(--buttons-font-xs-line-height));
    border-radius: var(--buttons-xs-radius);
    font-size: var(--buttons-font-xs-font-size);
    font-weight: var(--buttons-font-xs-weight);
    line-height: var(--buttons-font-xs-line-height);
    text-transform: uppercase
}

.btn--icon {
    gap: var(--spacings-2xs)
}

.btn--icon.btn--size-s {
    gap: var(--buttons-s-gap)
}

.btn--icon.btn--size-xs {
    gap: 10px
}

.btn--icon.btn--icon-right.btn--icon-left {
    gap: 4px
}

.btn--icon.btn--icon-right.btn--text,.promocode-form .btn--icon {
    gap: 0
}

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

.btn--full {
    width: 100%
}

.btn__icon {
    width: 20px;
    height: auto
}

.bonus-store-freespins__btn-all .btn__icon,.bonuses-tabs__btn .btn__icon,.btn--text.btn--size-s .btn__icon,.promo-promotion__rules-expand .btn__icon,.promocode-form .btn__icon {
    width: 16px;
    height: 16px
}

.deposit-bonus__promocode .btn__icon {
    width: 20px;
    height: 20px
}

.promo-table__btn--open .btn__icon {
    transform: rotate(180deg)
}

.btn__icon--copy {
    color: var(--input-icon-right-filled)
}

.btn--spinner {
    cursor: default
}

.btn--square {
    border-radius: 0
}

.btn--circle {
    width: auto;
    height: auto;
    min-width: calc(var(--buttons-icon-m)*2 + 20px);
    min-height: calc(var(--buttons-icon-m)*2 + 20px);
    padding: var(--buttons-icon-m);
    color: var(--buttons-icon-primary-icon-default);
    border-radius: var(--buttons-m-radius);
    background: var(--buttons-icon-primary-bg-default)
}

.no-touch .btn--circle:not(.no-touch .btn--circle.btn--secondary,.no-touch .btn--circle.btn--secondary-b,.no-touch .btn--circle.btn--secondary-c):hover {
    color: var(--buttons-icon-primary-icon-hover);
    background: var(--buttons-icon-primary-bg-hover);
    border: none
}

.btn--circle.disabled,.btn--circle[disabled] {
    color: var(--buttons-icon-primary-icon-disable);
    background: var(--buttons-icon-primary-bg-disable)
}

.btn--circle.btn--size-s {
    height: auto;
    min-height: calc(var(--buttons-icon-s)*2 + 20px);
    min-width: calc(var(--buttons-icon-s)*2 + 20px);
    padding: var(--buttons-icon-s)
}

.btn--circle.btn--size-xs {
    height: auto;
    min-height: calc(var(--buttons-icon-xs)*2 + 20px);
    min-width: calc(var(--buttons-icon-xs)*2 + 20px);
    padding: var(--buttons-icon-xs)
}

.btn--circle.btn--secondary {
    color: var(--buttons-icon-secondary-a-icon-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--circle.btn--secondary:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .btn--circle.btn--secondary:hover {
    color: var(--buttons-icon-secondary-a-icon-hover)
}

.btn--circle.btn--secondary.disabled,.btn--circle.btn--secondary[disabled] {
    color: var(--buttons-icon-secondary-a-icon-disable);
    position: relative;
    background: var(--buttons-icon-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.btn--circle.btn--secondary.disabled:after,.btn--circle.btn--secondary[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-icon-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--circle.btn--secondary-b {
    color: var(--buttons-secondary-b-icon-default);
    background: var(--buttons-icon-secondary-b-bg-disable);
    border: none
}

.btn--circle.btn--secondary-b:after {
    content: none
}

.no-touch .btn--circle.btn--secondary-b:hover {
    color: var(--buttons-secondary-b-icon-hover);
    background: var(--buttons-icon-secondary-b-bg-hover);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px)
}

.no-touch .btn--circle.btn--secondary-b:hover:after {
    content: none
}

.btn--circle.btn--secondary-b.disabled,.btn--circle.btn--secondary-b[disabled] {
    color: var(--buttons-secondary-b-icon-disable);
    background: var(--buttons-icon-secondary-b-bg-disable)
}

.btn--circle.btn--secondary-c {
    color: var(--buttons-secondary-c-icon-default);
    background: var(--buttons-secondary-c-bg-default);
    border: none
}

.btn--circle.btn--secondary-c:after {
    content: none
}

.no-touch .btn--circle.btn--secondary-c:hover {
    color: var(--buttons-secondary-c-icon-hover);
    background: var(--buttons-icon-secondary-c-bg-hover);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .btn--circle.btn--secondary-c:hover:after {
    content: none
}

.btn--circle.btn--secondary-c.disabled,.btn--circle.btn--secondary-c[disabled] {
    color: var(--buttons-secondary-c-icon-disable);
    background: var(--buttons-icon-secondary-c-bg-disable)
}

.btn--circle.search-game-item__favorites {
    min-width: 35px;
    min-height: 35px
}

.custom-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10036
}

@media(min-width: 640px) {
    .custom-modal {
        display:flex;
        justify-content: center
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal {
        padding:40px 0 63px
    }

    .custom-modal.custom-modal--registration,.custom-modal.custom-modal--signin {
        padding: 52px 0!important
    }
}

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

@media(max-width: 1139px) {
    .bottom-sheet--bonus-modal .custom-modal,.bottom-sheet--payment-balance-cancel-popup .custom-modal,.bottom-sheet--promo-code .custom-modal {
        position:relative;
        top: 0;
        padding-top: 0;
        padding-bottom: 0;
        background: none
    }
}

@media(min-width: 1140px) {
    .custom-modal {
        padding-top:52px
    }
}

@media(min-width: 1140px) {
    .custom-modal--bonus-modal,.custom-modal--promo-code {
        padding-top:0
    }
}

.custom-modal__overlay {
    background: var(--backgrounds-d);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .custom-modal__overlay {
    display: none
}

@media(max-width: 639px) {
    .custom-modal--cashout-alert .custom-modal__overlay {
        display:none
    }
}

@media(min-width: 1140px) {
    .custom-modal--friends-and-referrals-commissions,.custom-modal--friends-and-referrals-currencies,.custom-modal--friends-and-referrals-invite-modal,.custom-modal--one-time-password,.custom-modal--restore-password-request,.custom-modal--sport-bet-card,.custom-modal--user-sidebar-bonus-modal {
        padding-top:0;
        align-items: center
    }
}

@media(min-width: 640px) {
    .custom-modal--exit-popup,.custom-modal--users-password-edit {
        align-items:center;
        padding: 0
    }
}

@media(min-width: 640px) {
    .custom-modal--balance,.custom-modal--cashout,.custom-modal--deposit,.custom-modal--missing-data,.custom-modal--payment-iframe {
        padding-top:40px!important
    }
}

@media(min-width: 1140px) {
    .custom-modal--email-one-time-password,.email-one-time-password-form-prohibited {
        padding-top:0;
        align-items: center
    }
}

@media(max-width: 1139px) {
    .custom-modal--account-temporarily-blocked,.custom-modal--account_temporarily_blocked_by_phone,.custom-modal--licence,.custom-modal--limits-modal,.custom-modal--login-denied,.custom-modal--one-time-password,.custom-modal--patch-profile,.custom-modal--reality-check-notify,.custom-modal--users-password-edit,.custom-modal--users-unlock {
        position:static;
        background-color: transparent
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--account-temporarily-blocked,.custom-modal--account_temporarily_blocked_by_phone,.custom-modal--licence,.custom-modal--limits-modal,.custom-modal--login-denied,.custom-modal--one-time-password,.custom-modal--patch-profile,.custom-modal--reality-check-notify,.custom-modal--users-password-edit,.custom-modal--users-unlock {
        padding-top:0
    }
}

@media(min-width: 1140px) {
    .custom-modal--account-temporarily-blocked,.custom-modal--account_temporarily_blocked_by_phone,.custom-modal--licence,.custom-modal--limits-modal,.custom-modal--login-denied,.custom-modal--one-time-password,.custom-modal--patch-profile,.custom-modal--reality-check-notify,.custom-modal--users-password-edit,.custom-modal--users-unlock {
        padding-top:12.1vh
    }
}

@media(min-width: 640px) {
    .custom-modal--limits-modal,.custom-modal--reality-check-notify,.custom-modal--users-unlock {
        padding:0
    }
}

@media(min-width: 1140px) {
    .custom-modal--limits-modal,.custom-modal--reality-check-notify,.custom-modal--users-unlock {
        align-items:center
    }
}

.custom-modal--game-info {
    z-index: 199;
    padding: 0!important;
    background: var(--backgrounds-a)
}

.custom-modal--game-info.custom-modal--authorized,.top-bar--scrolled~.custom-adaptive-modal .custom-modal--game-info.custom-modal--authorized {
    z-index: 199
}

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

@media(max-width: 1139px) {
    .game-page .custom-modal--missing-data {
        background-color:transparent
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--login-denied {
        -webkit-backdrop-filter:none;
        backdrop-filter: none
    }
}

@media(min-width: 1140px) {
    .custom-modal--login-denied {
        align-items:center;
        padding: 0
    }
}

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

@media(min-width: 1140px) {
    .custom-modal--licence {
        align-items:center
    }
}

@media(min-width: 1140px) {
    .custom-modal--account-temporarily-blocked,.custom-modal--account_temporarily_blocked_by_phone,.custom-modal--patch-timezone {
        padding:52px 0
    }
}

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

@media(min-width: 1140px) {
    .custom-modal--cashout-alert,.custom-modal--modal-confirm,.custom-modal--one-time-password {
        padding-top:0
    }
}

.custom-modal__close-wr {
    position: absolute!important;
    right: -12px;
    top: 0;
    transform: translateX(100%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--buttons-icon-s)*2 + 20px);
    height: calc(var(--buttons-icon-s)*2 + 20px);
    cursor: pointer;
    transition: background-color .25s ease-out,border-color .25s ease-out
}

.custom-modal__close {
    width: 14px;
    height: auto;
    color: var(--colors-base-white-a);
    transition: all .2s ease-out
}

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

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

@media(max-width: 639px) {
    .custom-modal--registration .custom-modal__inner-wr,.custom-modal--signin .custom-modal__inner-wr {
        height:100%;
        background-color: var(--backgrounds-b)
    }
}

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

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

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--limits-modal .custom-modal__inner-wr,.custom-modal--reality-check-notify .custom-modal__inner-wr {
        width:100%
    }
}

@media(max-width: 1139px) {
    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,.custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner-wr,.custom-modal--friends-and-referrals-commissions .custom-modal__inner-wr,.custom-modal--friends-and-referrals-currencies .custom-modal__inner-wr,.custom-modal--friends-and-referrals-invite-modal .custom-modal__inner-wr,.custom-modal--licence .custom-modal__inner-wr,.custom-modal--one-time-password .custom-modal__inner-wr,.custom-modal--patch-profile .custom-modal__inner-wr,.custom-modal--user-sidebar-bonus-modal .custom-modal__inner-wr,.custom-modal--users-password-edit .custom-modal__inner-wr,.custom-modal--users-unlock .custom-modal__inner-wr {
        display:block;
        flex: 1
    }

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

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

@media(min-width: 640px) {
    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,.custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner-wr,.custom-modal--default-modal .custom-modal__inner-wr,.custom-modal--one-time-password .custom-modal__inner-wr {
        max-width:600px
    }

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

    .custom-modal--cashout-alert .custom-modal__inner-wr {
        margin: 40px auto
    }
}

@media(max-height: 639px)and (orientation:landscape) {
    .custom-modal--balance .custom-modal__inner-wr,.custom-modal--cashout-alert .custom-modal__inner-wr,.custom-modal--cashout .custom-modal__inner-wr,.custom-modal--deposit .custom-modal__inner-wr,.custom-modal__inner-wr .custom-modal--payment-iframe {
        align-items:normal
    }
}

@media(min-width: 1140px) {
    .custom-modal--bonus-store-awards .custom-modal__inner-wr,.custom-modal--cancelled-bonus-amount .custom-modal__inner-wr,.custom-modal--modal-confirm .custom-modal__inner-wr {
        margin:auto
    }

    .custom-modal--bonus-store-awards .custom-modal__inner-wr,.custom-modal--friends-and-referrals-commissions .custom-modal__inner-wr,.custom-modal--friends-and-referrals-currencies .custom-modal__inner-wr,.custom-modal--friends-and-referrals-invite-modal .custom-modal__inner-wr,.custom-modal--modal-confirm .custom-modal__inner-wr,.custom-modal--one-time-password .custom-modal__inner-wr,.custom-modal--sport-bet-card .custom-modal__inner-wr,.custom-modal--user-sidebar-bonus-modal .custom-modal__inner-wr {
        max-width: 500px
    }

    .custom-modal--cashout-alert .custom-modal__inner-wr {
        margin: 56px auto
    }
}

@media(min-width: 1628px) {
    .custom-modal--modal-confirm .custom-modal__inner-wr {
        margin-top:180px
    }
}

.custom-modal--bonus-modal .custom-modal__inner-wr,.custom-modal--promo-code .custom-modal__inner-wr {
    width: 100%
}

@media(min-width: 1140px) {
    .custom-modal--bonus-modal .custom-modal__inner-wr,.custom-modal--promo-code .custom-modal__inner-wr {
        max-width:500px;
        margin: auto
    }
}

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

.custom-modal--patch-timezone .custom-modal__inner {
    margin: auto
}

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

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

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

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--registration .custom-modal__inner,.custom-modal--signin .custom-modal__inner {
        max-width:600px;
        border-radius: var(--roundings-l)
    }
}

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

.custom-modal--balance .custom-modal__inner,.custom-modal--cashout .custom-modal__inner,.custom-modal--deposit .custom-modal__inner,.custom-modal--spin .custom-modal__inner,.custom-modal__inner .custom-modal--payment-iframe {
    width: 100%
}

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--balance .custom-modal__inner,.custom-modal--cashout .custom-modal__inner,.custom-modal--deposit .custom-modal__inner,.custom-modal--spin .custom-modal__inner,.custom-modal__inner .custom-modal--payment-iframe {
        max-height:100%
    }
}

@media(max-width: 1139px) {
    .bottom-sheet--bonus-modal .custom-modal__inner,.bottom-sheet--command-confirm .custom-modal__inner,.bottom-sheet--payment-balance-cancel-popup .custom-modal__inner {
        width:100%
    }
}

.custom-modal--bonus-modal .custom-modal__inner,.custom-modal--promo-code .custom-modal__inner {
    width: 100%
}

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

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

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

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

@media(min-width: 1140px) {
    .custom-modal--users-password-edit {
        padding-top:0
    }
}

@media(max-width: 1139px) {
    .custom-modal--default-modal {
        position:static;
        background: transparent;
        padding-top: 0
    }
}

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

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

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

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

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

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

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

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

.custom-modal.custom-modal--bonus-info {
    background: rgba(33,30,28,.77);
    padding: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1140px) {
    .custom-modal--patch-profile,.custom-modal--payment-balance-cancel-popup {
        padding:52px 0
    }

    .custom-modal--patch-profile .custom-modal__inner-wr,.custom-modal--payment-balance-cancel-popup .custom-modal__inner-wr {
        margin: auto
    }
}

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

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

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

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

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

.fill-height {
    height: 100%
}

.no-paddings {
    padding: 0!important
}

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

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

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

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

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

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

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

    .custom-modal--cashout-alert .custom-modal__inner {
        overflow: visible!important
    }

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

    .custom-modal--cashout-alert .custom-modal__inner>.vb-content::-webkit-scrollbar {
        display: none
    }
}

@media(min-width: 1140px) {
    .custom-modal--registration .custom-modal__inner>.vb-content,.custom-modal--signin .custom-modal__inner>.vb-content {
        padding-right:0!important;
        width: 100%!important;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .custom-modal--registration .custom-modal__inner>.vb-content::-webkit-scrollbar,.custom-modal--signin .custom-modal__inner>.vb-content::-webkit-scrollbar {
        display: none
    }
}

@media(max-width: 1139px) {
    .custom-modal--modal-confirm,.custom-modal--payment-modal-form {
        position:inherit;
        padding-top: 0;
        background-color: transparent;
        width: 100%;
        display: block
    }
}

@media(max-width: 1139px) {
    .custom-modal--status-up,.custom-modal--statuses-modal {
        position:static;
        background: transparent;
        padding: 0
    }

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

@media(min-width: 1140px) {
    .custom-modal--status-up,.custom-modal--statuses-modal {
        padding-top:56px;
        padding-bottom: 56px
    }

    .custom-modal--status-up .custom-modal__inner-wr,.custom-modal--statuses-modal .custom-modal__inner-wr {
        width: 100%;
        max-width: 500px;
        margin: auto
    }

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

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

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

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

@media(min-width: 1140px) {
    .custom-modal--account-temporarily-blocked .custom-modal__inner-wr,.custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner-wr {
        max-width:500px;
        margin: auto;
        width: 100%
    }

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

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

@media(min-width: 1140px) {
    .custom-modal--account_temporarily_blocked_by_phone .custom-modal__inner-wr {
        max-width:-webkit-max-content;
        max-width: max-content
    }
}

@media(max-width: 1139px) {
    .game-info .custom-modal--balance,.game-info .custom-modal--deposit {
        z-index:10033
    }
}

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

@media(max-width: 639px) {
    .custom-modal--payment-iframe {
        padding-top:0
    }

    .game-info .custom-modal--payment-iframe {
        z-index: 10034
    }
}

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

.custom-modal--bonus-store-awards .custom-modal__inner,.custom-modal--bonus-store-awards .custom-modal__inner-wr,.custom-modal--not-referral .custom-modal__inner,.custom-modal--not-referral .custom-modal__inner-wr,.custom-modal--partners-contests-confirmation-modal-popup .custom-modal__inner,.custom-modal--partners-contests-confirmation-modal-popup .custom-modal__inner-wr,.custom-modal--partners-contests-contest-details .custom-modal__inner,.custom-modal--partners-contests-contest-details .custom-modal__inner-wr,.custom-modal--partners-contests-create-contest .custom-modal__inner,.custom-modal--partners-contests-create-contest .custom-modal__inner-wr,.custom-modal--partners-contests-modal-insufficient-funds .custom-modal__inner,.custom-modal--partners-contests-modal-insufficient-funds .custom-modal__inner-wr,.custom-modal--patch-timezone .custom-modal__inner,.custom-modal--patch-timezone .custom-modal__inner-wr {
    display: flex;
    width: 100%
}

@media(max-width: 1139px) {
    .custom-modal--bonus-store-awards,.custom-modal--not-referral,.custom-modal--partners-contests-confirmation-modal-popup,.custom-modal--partners-contests-contest-details,.custom-modal--partners-contests-create-contest,.custom-modal--partners-contests-modal-insufficient-funds,.custom-modal--patch-timezone {
        flex-direction:column;
        padding: 0;
        position: static;
        background: none
    }
}

.custom-modal--visible .registration-form__body {
    overflow: visible!important
}

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

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

@media(max-width: 1139px) {
    .custom-modal--friends-and-referrals-commissions,.custom-modal--friends-and-referrals-currencies,.custom-modal--friends-and-referrals-invite-modal,.custom-modal--user-sidebar-bonus-modal {
        position:static;
        padding: 0
    }
}

@media(max-width: 639px) {
    .custom-modal--email-one-time-password {
        position:unset;
        background: none
    }

    .custom-modal--email-one-time-password .custom-modal__inner {
        width: 100%
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--email-one-time-password {
        position:unset;
        background: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .custom-modal--email-one-time-password .custom-modal__inner,.custom-modal--email-one-time-password .custom-modal__inner-wr {
        width: 100%
    }
}

@media(min-width: 1140px) {
    .custom-modal--email-one-time-password .custom-modal__inner-wr {
        height:-webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

@media(min-width: 1140px) {
    .custom-modal--not-referral,.custom-modal--partners-contests-confirmation-modal-popup,.custom-modal--partners-contests-modal-insufficient-funds {
        padding:0;
        align-items: center
    }

    .custom-modal--not-referral .custom-modal__inner-wr,.custom-modal--partners-contests-confirmation-modal-popup .custom-modal__inner-wr,.custom-modal--partners-contests-modal-insufficient-funds .custom-modal__inner-wr {
        width: auto
    }
}

@media(min-width: 1140px) {
    .custom-modal--partners-contests-contest-details,.custom-modal--partners-contests-create-contest {
        padding:52px 0
    }
}

@media(min-width: 1140px) {
    .custom-modal--partners-contests-contest-details .custom-modal__inner-wr,.custom-modal--partners-contests-create-contest .custom-modal__inner-wr {
        width:auto
    }
}

.custom-modal--partners-contests-contest-details .custom-modal__inner,.custom-modal--partners-contests-create-contest .custom-modal__inner {
    border-radius: var(--roundings-l)
}

.custom-modal--partners-contests-create-contest .custom-modal__inner,.custom-modal--partners-contests-create-contest .custom-modal__inner-wr {
    height: 100%
}

@media(min-width: 1140px) {
    .custom-modal--user-sidebar-bonus-modal {
        z-index:210;
        right: var(--sidebar-right-close)
    }

    .sidebar-opened .custom-modal--user-sidebar-bonus-modal {
        right: var(--sidebar-right)
    }
}

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

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

.bottom-sheet+.bottom-sheet {
    z-index: 10034
}

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

.bottom-sheet.closed .bottom-sheet__backdrop {
    height: 0
}

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

.bottom-sheet.opened>.bottom-sheet__backdrop {
    visibility: visible
}

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

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

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

.bottom-sheet.bottom-sheet--currencies-popup,.sport-page .bottom-sheet.bottom-sheet--user-sidebar-bonus-modal {
    z-index: 10036
}

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

.bottom-sheet--promocode-form__tooltip--deposit {
    z-index: 10034
}

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

.bottom-sheet--favorites:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search),.bottom-sheet--favorites:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search).opened,.bottom-sheet--menu-burger:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search),.bottom-sheet--menu-burger:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search).opened,.bottom-sheet--providers:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search),.bottom-sheet--providers:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search).opened,.bottom-sheet--search:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search),.bottom-sheet--search:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search).opened,.bottom-sheet--sidebar-burger:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search),.bottom-sheet--sidebar-burger:not(.sport-page .bottom-sheet--sidebar-burger,.sport-page .bottom-sheet--menu-burger,.sport-page .bottom-sheet--providers,.sport-page .bottom-sheet--favorites,.sport-page .bottom-sheet--search).opened {
    z-index: 205
}

.bottom-sheet--missing-data .bottom-sheet__content {
    padding: 0
}

.bottom-sheet--missing-data .bottom-sheet__content-inner,.games-info__body .bottom-sheet--missing-data .bottom-sheet__content {
    padding: 0 16px
}

.bottom-sheet--custom-select .bottom-sheet__title {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    text-align: center;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
    margin-top: 0
}

@media(min-width: 640px) {
    .bottom-sheet--custom-select .bottom-sheet__title {
        margin-bottom:20px
    }
}

.bottom-sheet__content {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 var(--spacings-page-paddings);
    border-radius: 12px 12px 0 0
}

.bottom-sheet--custom-select .bottom-sheet__content {
    padding: 0 8px
}

.bottom-sheet--country-select .bottom-sheet__content,.bottom-sheet--deposit-bonus .bottom-sheet__content,.bottom-sheet--filters .bottom-sheet__content,.bottom-sheet--local-list .bottom-sheet__content,.bottom-sheet--menu-burger .bottom-sheet__content,.bottom-sheet--not-referral .bottom-sheet__content,.bottom-sheet--partners-contests-confirmation-modal-popup .bottom-sheet__content,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content,.bottom-sheet--partners-contests-modal-insufficient-funds .bottom-sheet__content,.bottom-sheet--partners-contests .bottom-sheet__content,.bottom-sheet--payout-cancel-popup .bottom-sheet__content,.bottom-sheet--phone-picker .bottom-sheet__content,.bottom-sheet--profile .bottom-sheet__content,.bottom-sheet--sidebar-burger .bottom-sheet__content,.deposit-bonus__promocode .bottom-sheet__content,.games-sort-page .bottom-sheet__content,.providers .bottom-sheet__content {
    padding: 0
}

@media(min-width: 640px) {
    .bottom-sheet--sidebar-burger .bottom-sheet__content {
        padding:0 var(--spacings-page-paddings)
    }
}

.bottom-sheet--menu-burger .bottom-sheet__content,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content,.bottom-sheet--partners-contests .bottom-sheet__content,.bottom-sheet--search .bottom-sheet__content {
    padding: 0
}

.bottom-sheet--menu-burger .bottom-sheet__content:after,.bottom-sheet--menu-burger .bottom-sheet__content:before,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:after,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:before,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:after,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:before,.bottom-sheet--partners-contests .bottom-sheet__content:after,.bottom-sheet--partners-contests .bottom-sheet__content:before,.bottom-sheet--search .bottom-sheet__content:after,.bottom-sheet--search .bottom-sheet__content:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    width: 32px;
    height: 32px;
    background-image: url(/1img/union-b.svg);
    pointer-events: none
}

.search-content__back~.bottom-sheet--menu-burger .bottom-sheet__content:after,.search-content__back~.bottom-sheet--menu-burger .bottom-sheet__content:before,.search-content__back~.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:after,.search-content__back~.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:before,.search-content__back~.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:after,.search-content__back~.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:before,.search-content__back~.bottom-sheet--partners-contests .bottom-sheet__content:after,.search-content__back~.bottom-sheet--partners-contests .bottom-sheet__content:before,.search-content__back~.bottom-sheet--search .bottom-sheet__content:after,.search-content__back~.bottom-sheet--search .bottom-sheet__content:before,.search-tabs~.bottom-sheet--menu-burger .bottom-sheet__content:after,.search-tabs~.bottom-sheet--menu-burger .bottom-sheet__content:before,.search-tabs~.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:after,.search-tabs~.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:before,.search-tabs~.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:after,.search-tabs~.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:before,.search-tabs~.bottom-sheet--partners-contests .bottom-sheet__content:after,.search-tabs~.bottom-sheet--partners-contests .bottom-sheet__content:before,.search-tabs~.bottom-sheet--search .bottom-sheet__content:after,.search-tabs~.bottom-sheet--search .bottom-sheet__content:before {
    top: -1px
}

.bottom-sheet--menu-burger .bottom-sheet__content:after,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:after,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:after,.bottom-sheet--partners-contests .bottom-sheet__content:after,.bottom-sheet--search .bottom-sheet__content:after {
    right: 0
}

.bottom-sheet--menu-burger .bottom-sheet__content:before,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:before,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:before,.bottom-sheet--partners-contests .bottom-sheet__content:before,.bottom-sheet--search .bottom-sheet__content:before {
    left: 0;
    transform: scaleX(-1)
}

@media(min-width: 640px) {
    .bottom-sheet--menu-burger .bottom-sheet__content:after,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:after,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:after,.bottom-sheet--partners-contests .bottom-sheet__content:after,.bottom-sheet--search .bottom-sheet__content:after {
        right:4px
    }

    .bottom-sheet--menu-burger .bottom-sheet__content:before,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:before,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:before,.bottom-sheet--partners-contests .bottom-sheet__content:before,.bottom-sheet--search .bottom-sheet__content:before {
        left: 4px
    }
}

.bottom-sheet--partners-contests .bottom-sheet__content {
    position: relative
}

.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:after,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content:before,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:after,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content:before {
    z-index: 2
}

.bottom-sheet--search .bottom-sheet__content:after,.bottom-sheet--search .bottom-sheet__content:before {
    content: none
}

.bottom-sheet__content>div:first-child {
    padding-bottom: var(--spacings-3xl)
}

.bottom-sheet--add-account-modal .bottom-sheet__content>div:first-child {
    padding-bottom: 32px
}

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

.bottom-sheet--menu-burger .bottom-sheet__content>div:first-child,.bottom-sheet--sidebar-burger .bottom-sheet__content>div:first-child {
    padding-bottom: 80px
}

@media(min-width: 1024px)and (max-width:1139px) {
    .bottom-sheet--menu-burger .bottom-sheet__content>div:first-child,.bottom-sheet--sidebar-burger .bottom-sheet__content>div:first-child {
        padding-bottom:110px
    }
}

.bottom-sheet--country-select .bottom-sheet__content>div:first-child,.bottom-sheet--deposit-bonus .bottom-sheet__content>div:first-child,.bottom-sheet--filters .bottom-sheet__content>div:first-child,.bottom-sheet--local-list .bottom-sheet__content>div:first-child,.bottom-sheet--not-referral .bottom-sheet__content>div:first-child,.bottom-sheet--partners-contests-confirmation-modal-popup .bottom-sheet__content>div:first-child,.bottom-sheet--partners-contests-contest-details .bottom-sheet__content>div:first-child,.bottom-sheet--partners-contests-create-contest .bottom-sheet__content>div:first-child,.bottom-sheet--partners-contests-modal-insufficient-funds .bottom-sheet__content>div:first-child,.bottom-sheet--profile .bottom-sheet__content>div:first-child,.bottom-sheet--search .bottom-sheet__content>div:first-child,.deposit-bonus__promocode .bottom-sheet__content>div:first-child {
    padding-bottom: 0
}

.bottom-sheet--bonuses-list .bottom-sheet__content>div:first-child {
    padding-bottom: var(--spacings-page-paddings)
}

.bottom-sheet--timezone .bottom-sheet__content {
    padding: 0 8px
}

@media(max-width: 1139px) {
    .bottom-sheet--search .bottom-sheet__content {
        border-radius:30px 30px 0 0;
        overflow: hidden
    }
}

.tma-app .bottom-sheet__content {
    height: 100vh
}

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

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

@media(min-width: 640px) {
    .bottom-sheet--custom-select .bottom-sheet__content {
        padding:0 8px
    }
}

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

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

.tma-app .bottom-sheet__scroll {
    padding-bottom: 200px!important
}

.bottom-sheet__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    pointer-events: none;
    background-color: var(--backgrounds-d)!important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

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

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

.bottom-sheet--search .bottom-sheet__backdrop {
    background-color: var(--backgrounds-a-70)!important
}

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

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

.bottom-sheet--menu-burger .bottom-sheet__card,.bottom-sheet--sidebar-burger .bottom-sheet__card {
    max-width: 744px!important
}

.bottom-sheet--search .bottom-sheet__card {
    max-width: 100%!important;
    max-height: calc(100% - var(--spacings-m))!important;
    border-radius: 30px 30px 0 0
}

.bottom-sheet--local-list .bottom-sheet__card,.bottom-sheet--menu-burger .bottom-sheet__card {
    background-image: none
}

.bottom-sheet--currencies-popup .bottom-sheet__card {
    height: -webkit-max-content!important;
    height: max-content!important
}

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

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

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

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

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

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

.restore-account-form .bottom-sheet--phone-picker .bottom-sheet__card {
    height: calc(100vh - 60px)!important;
    height: calc(var(--vh)*100 - 60px)!important;
    max-height: none!important
}

.bottom-sheet--statuses-modal .bottom-sheet__card {
    max-height: calc(100% - 50px)!important
}

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

@media(min-width: 640px)and (max-width:1139px) {
    .bottom-sheet__card {
        max-width:var(--bottom-sheet-max-width-tab)!important
    }
}

.bottom-sheet__pan {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--spacings-s) 0 var(--spacings-2xl);
    z-index: 1
}

.bottom-sheet--menu-burger .bottom-sheet__pan {
    padding-bottom: calc(var(--spacings-2xl) - 2px)
}

.bottom-sheet--patch-timezone .bottom-sheet__pan,.bottom-sheet--search .bottom-sheet__pan,.registration-form__exit-modal .bottom-sheet__pan {
    display: none
}

.bottom-sheet--bonus-modal .bottom-sheet__pan,.bottom-sheet--promo-code .bottom-sheet__pan {
    padding-bottom: calc(var(--spacings-2xl) - 10px)
}

.bottom-sheet__arrow-down {
    display: none
}

.bottom-sheet__bar {
    width: 79px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--colors-base-white-14)
}

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

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

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

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

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

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

.bottom-sheet--country-select,.bottom-sheet--phone-picker {
    z-index: 10036!important
}

.bottom-sheet--not-referral .custom-modal__inner,.bottom-sheet--not-referral .custom-modal__inner-wr {
    width: 100%
}

.bottom-sheet--bonus-store-awards>.bottom-sheet__card>.bottom-sheet__content,.bottom-sheet--not-referral .bottom-sheet__content,.bottom-sheet--patch-profile>.bottom-sheet__card>.bottom-sheet__content,.bottom-sheet--status-up .bottom-sheet__content {
    padding: 0
}

.bottom-sheet--bonus-store-awards>.bottom-sheet__card>.bottom-sheet__content>div:first-child,.bottom-sheet--patch-profile>.bottom-sheet__card>.bottom-sheet__content>div:first-child {
    width: 100%!important;
    padding-right: 0!important;
    padding-bottom: 0
}

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

.login-denied__inner {
    position: relative;
    display: flex;
    flex-direction: column
}

@media(min-width: 1140px) {
    .login-denied__inner {
        width:500px;
        padding: var(--spacings-2xl);
        border-radius: var(--roundings-l);
        background-color: var(--backgrounds-b)
    }
}

.login-denied__img-wr {
    width: 80px;
    height: 80px;
    margin: 0 auto var(--spacings-xl)
}

.login-denied__title {
    color: var(--text-text);
    text-align: center;
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 1140px) {
    .login-denied__title {
        padding:0
    }
}

.login-denied__content {
    margin-bottom: var(--spacings-xl)
}

.login-denied__desc {
    color: var(--text-text);
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.login-denied__step {
    position: relative;
    color: var(--text-description-a);
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.login-denied__step:last-child {
    margin-bottom: 0
}

.login-denied__step:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gradient-tokens-backgrounds-m)
}

.login-denied__link {
    color: var(--text-link);
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    transition: all .2s ease-out;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.no-touch .login-denied__link:hover {
    color: var(--colors-system-success);
    text-decoration: none
}

.login-denied__code {
    color: var(--text-text)
}

.login-denied__button {
    max-width: 440px
}

@media(max-width: 1139px) {
    .login-denied__button {
        height:40px;
        margin: 0 auto
    }
}

.micro-app-messenger-container-flex {
    display: none
}

.micro-app-messenger {
    height: 100%
}

.payout-cancel-popup__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    border-radius: var(--roundings-m);
    background: var(--backgrounds-e-4)
}

.payout-cancel-popup__item--confirm {
    padding-bottom: 16px
}

.payout-cancel-popup__item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 40px
}

.payout-cancel-popup__item-sum {
    display: flex;
    align-items: center;
    color: var(--text-heading);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.payout-cancel-popup__alert {
    display: flex;
    align-items: flex-start;
    gap: 4px
}

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

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

.payout-cancel-popup__alert-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.payout-cancel-popup__alert-text span {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--text-text);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    transition: all .2s ease-out
}

.payout-cancel-popup__alert-text span:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(/1img/chevrone-right.817be6bf.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.no-touch .payout-cancel-popup__alert-text span:hover {
    color: var(--text-description-a)
}

.no-touch .payout-cancel-popup__alert-text span:hover:after {
    background-image: url(/1img/chevrone-right-a.32da3a93.svg)
}

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

.payout-cancel-popup--cancel-all-hidden .payout-cancel-popup__item:only-child .payout-cancel-popup__confirm {
    border-bottom: none
}

.payout-cancel-popup__confirm-text {
    display: block;
    width: 100%;
    color: var(--text-text);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.payout-cancel-popup__confirm-btns {
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 8px
}

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

.payout-cancel-popup__status {
    display: flex;
    align-items: center;
    gap: 4px
}

.payout-cancel-popup__status-text {
    color: var(--colors-global-accent-c);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

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

.payout-cancel-popup__status-ic {
    width: 16px;
    height: 16px;
    color: var(--colors-global-accent-c)
}

.payout-cancel-popup {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(max-width: 1139px) {
    .payout-cancel-popup {
        gap:var(--spacings-xl);
        height: 100%;
        padding: 0 var(--spacings-page-paddings);
        overflow: hidden
    }
}

@media(min-width: 1140px) {
    .payout-cancel-popup {
        z-index:240;
        position: absolute;
        top: calc(var(--topbar-height) + 16px);
        right: calc(var(--sidebar-right-close) + 12px);
        min-width: 360px;
        max-height: 600px;
        padding: 16px 16px 20px;
        border-radius: var(--roundings-m);
        background-color: var(--backgrounds-a)
    }

    .user-sidebar--opened .payout-cancel-popup {
        right: calc(var(--sidebar-right) + 12px)
    }
}

.payout-cancel-popup__close {
    cursor: pointer;
    position: absolute!important;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 100px
}

.payout-cancel-popup__close-ic {
    width: 14px;
    height: auto
}

.payout-cancel-popup__items {
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    height: 100%;
    max-height: calc(100% - 140px)
}

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

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

@media(min-width: 1140px) {
    .payout-cancel-popup__items {
        max-height:344px
    }
}

@media(min-width: 1628px) {
    .payout-cancel-popup__items {
        max-height:488px
    }
}

@media(min-width: 1140px) {
    .payout-cancel-popup__items-scroll-wr .vb-dragger {
        right:4px
    }
}

@media(min-width: 1140px) {
    .payout-cancel-popup__items-scroll {
        width:100%!important;
        padding-right: 0!important;
        -ms-scroll-chaining: none;
        overscroll-behavior: none
    }

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

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

.payout-cancel-popup__items-scroll-inner {
    display: grid!important;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%
}

@media(min-width: 640px)and (max-width:1139px) {
    .payout-cancel-popup__items-scroll-inner {
        grid-template-columns:repeat(2,1fr)
    }
}

.payout-cancel-popup__title {
    color: var(--text-text);
    text-align: center;
    padding: var(--spacings-xs) 0;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 1140px) {
    .payout-cancel-popup__title {
        padding:4px 0;
        font-size: var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height)
    }
}

.payout-cancel-popup__total-withdrawal-amount {
    color: var(--text-description-b);
    text-align: center;
    margin: 0 0 var(--spacings-xl);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

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

.payout-cancel-popup__total-withdrawal-amount span {
    white-space: nowrap;
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

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

@media(min-width: 1628px) {
    .payout-cancel-popup__total-withdrawal-amount {
        color:var(--text-description-a)
    }
}

.payout-cancel-popup__cancel-all-confirm-btns {
    display: flex;
    justify-content: space-between;
    gap: var(--spacings-s);
    width: min(100%,440px);
    margin-inline:auto}

@media(min-width: 1140px) {
    .payout-cancel-popup__cancel-all-confirm-btns {
        margin-top:16px
    }
}

.payout-cancel-popup__cancel-all-confirm-btn {
    width: 50%
}

.payout-cancel-popup__cancel-all-wr {
    position: relative;
    display: flex;
    width: min(100%,440px);
    margin-inline:auto}

.payout-cancel-popup__cancel-all {
    z-index: 2;
    transition-property: background-color,color
}

@media(min-width: 1140px) {
    .payout-cancel-popup__cancel-all {
        margin-top:16px
    }
}

.payout-cancel-popup__bottom:empty {
    display: none
}

.payout-cancel-popup__title.payout-cancel-popup__title--cancel-all-visible+.payout-cancel-popup__bottom {
    padding-top: 0
}

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

.payout-cancel-btn-wr {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

@media(max-width: 1139px) {
    .payout-cancel-btn-wr {
        position:relative;
        padding: var(--buttons-icon-xs)
    }
}

@media(min-width: 1140px) {
    .play__top-bar .payout-cancel-btn-wr {
        order:-1
    }
}

.payout-cancel-btn {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    transition: all .2s ease-out
}

@media(min-width: 1140px) {
    .payout-cancel-btn {
        position:relative;
        width: inherit;
        height: inherit;
        padding: var(--buttons-icon-xs);
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.no-touch .payout-cancel-btn:hover {
    background: var(--buttons-icon-secondary-c-bg-hover)
}

.payout-cancel-btn.payout-cancel-btn--active {
    background: var(--buttons-icon-secondary-c-bg-active)
}

.payout-cancel-btn-ic {
    width: 100%;
    height: auto;
    color: var(--buttons-icon-secondary-c-icon-default)
}

.no-touch .payout-cancel-btn .payout-cancel-btn-ic:hover {
    color: var(--buttons-icon-secondary-c-icon-hover)
}

.payout-cancel-btn--active .payout-cancel-btn-ic {
    color: var(--buttons-icon-secondary-c-icon-active)
}

.payout-cancel-btn-label {
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: absolute!important;
    right: -2px;
    top: -2px;
    padding: 3px 6px;
    color: var(--text-text);
    border-radius: 100px;
    min-width: 18px
}

.payout-cancel-btn-label:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.payout-cancel-btn-label--color {
    position: relative;
    background: var(--gradient-tokens-backgrounds-m);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

.payout-cancel-btn-label--color:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-m) padding-box,var(--gradient-tokens-backgrounds-m) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.user-sidebar-top {
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-2xs);
    border-radius: 12px;
    background: var(--backgrounds-a)
}

.bottom-sheet--sidebar-burger .user-sidebar-top {
    padding: 0 var(--spacings-page-paddings) 8px;
    gap: var(--spacings-s);
    background: transparent
}

@media(min-width: 640px) {
    .bottom-sheet--sidebar-burger .user-sidebar-top {
        padding:8px 0
    }
}

.user-sidebar-top--opened {
    z-index: 0;
    flex-direction: row;
    gap: var(--spacings-s);
    padding: 12px 0;
    background: transparent
}

.user-sidebar-top__avatar {
    z-index: 1001;
    position: relative;
    display: flex;
    width: 100%
}

@media(min-width: 1140px) {
    .user-sidebar-top__avatar {
        border-radius:100px
    }
}

.user-sidebar-top__avatar-link {
    position: relative;
    z-index: 52;
    top: 0;
    left: 0;
    display: flex;
    gap: var(--spacings-s);
    width: 100%;
    transition: all .2s ease-out
}

@media(min-width: 1140px) {
    .user-sidebar-top__avatar-link {
        flex:1;
        align-items: center
    }
}

.user-sidebar-top__avatar-img {
    position: relative;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%
}

.user-sidebar-top__avatar-img img {
    border-radius: 50%
}

@media(min-width: 1140px) {
    .user-sidebar-top__avatar-img {
        width:48px;
        height: 48px
    }

    .user-sidebar--opened .user-sidebar-top__avatar-img {
        width: 56px;
        height: 56px
    }
}

.user-sidebar-top__buttons {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-2xs);
    flex-shrink: 0
}

.user-sidebar--opened .user-sidebar-top__buttons {
    flex-direction: row-reverse;
    gap: var(--spacings-xs)
}

.user-sidebar-top__buttons .micro-app-messenger {
    min-width: 40px;
    height: 40px
}

.user-sidebar-top__payout {
    width: 40px;
    height: 40px
}

.user-sidebar-top__info {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.bottom-sheet--sidebar-burger .user-sidebar-top__info {
    max-width: calc(100% - var(--spacings-s) - 56px);
    flex-direction: row;
    gap: var(--spacings-s);
    align-items: center;
    justify-content: space-between
}

.user-sidebar-top__name {
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .2s ease-out
}

@media(min-width: 1140px) {
    .user-sidebar-top__name {
        max-width:120px
    }
}

@media(min-width: 1628px) {
    .user-sidebar-top__name {
        max-width:146px
    }
}

.no-touch .user-sidebar-top__profile:hover:after {
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-c) border-box!important
}

@media(min-width: 1140px) {
    .user-sidebar-top__profile {
        align-self:flex-start;
        text-transform: none;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500
    }
}

.user-sidebar-top__profile--verify:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--colors-system-error)
}

@media(min-width: 1140px) {
    .user-sidebar-top__profile--verify:before {
        top:-1px;
        right: -8px
    }
}

.user-sidebar-top__badge {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow: hidden
}

.user-top__avatar--hover .user-sidebar-top__badge {
    height: 0
}

.user-sidebar-top__badge-icon {
    width: 12px;
    height: 12px
}

.user-sidebar-top__badge-value {
    color: var(--colors-base-white-b);
    margin: -2px 0;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700
}

.user-sidebar-lootbox {
    padding: var(--spacings-xl) var(--spacings-xl) 0;
    display: flex;
    flex-direction: column
}

@media(min-width: 640px) {
    .user-sidebar-lootbox {
        padding:12px 12px 0
    }
}

.user-sidebar-lootbox__content {
    padding: 4px 16px 4px 4px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background-color: var(--colors-global-accent-c);
    overflow: hidden
}

.user-sidebar-lootbox__img-wrap {
    position: relative;
    width: 76px;
    height: 76px;
    flex-shrink: 0;
    border-radius: var(--roundings-xs);
    background: var(--sidebar-lootbox-background);
    overflow: hidden
}

.user-sidebar-lootbox__img {
    width: 116px;
    height: 66px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.user-sidebar-lootbox__inner {
    max-width: calc(100% - 92px);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.user-sidebar-lootbox__title-wr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px
}

@media(min-width: 640px) {
    .user-sidebar-lootbox__title-wr {
        justify-content:flex-start
    }
}

@media(min-width: 1140px) {
    .user-sidebar-lootbox__title-wr {
        justify-content:space-between
    }
}

.user-sidebar-lootbox__title {
    color: var(--text-text);
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.user-sidebar-lootbox__icon {
    width: 20px;
    height: 20px
}

.user-sidebar-lootbox__description {
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.round-diagram {
    --stroke-width: 6px;
    --width: 48px;
    --height: 48px;
    --line-color: #ededed;
    height: var(--height);
    width: var(--width);
    min-width: var(--width);
    position: relative;
    border-radius: 100px;
    overflow: hidden
}

.round-diagram__progress-bar-progress {
    fill: none;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-width: 6px;
    transition: stroke-dasharray .28s cubic-bezier(.4,0,.2,1)
}

.round-diagram__progress-bar-background {
    fill: none;
    stroke-width: 6px
}

.round-diagram__svg {
    transform: rotate(-90deg)
}

.round-diagram__svg-line {
    stroke: var(--line-color);
    stroke-opacity: .3;
    stroke-width: .66px
}

.round-diagram__value {
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.user-sidebar-bonus-item {
    position: relative;
    margin-bottom: 8px;
    padding: 8px 16px 8px 8px;
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    border-radius: 32px;
    background-color: var(--backgrounds-a-70);
    cursor: pointer;
    transition: background-color .2s ease-out
}

.no-touch .user-sidebar-bonus-item:hover {
    background-color: var(--backgrounds-a)
}

.user-sidebar--opened .user-sidebar-bonus-item {
    overflow: hidden
}

.user-sidebar-bonus-item.user-sidebar-bonus-item--bonus {
    padding-right: 8px
}

.user-sidebar-bonus-item:last-child {
    margin-bottom: 0
}

@media(min-width: 1140px) {
    .user-sidebar-bonus-item:not(.user-sidebar--opened .user-sidebar-bonus-item) {
        margin-bottom:var(--spacings-xs);
        padding: 0;
        flex-direction: column;
        justify-content: center;
        gap: 0;
        background-color: transparent
    }

    .user-sidebar-bonus-item:not(.user-sidebar--opened .user-sidebar-bonus-item):last-child {
        margin-bottom: 0
    }
}

.user-sidebar-bonus-item__img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: var(--backgrounds-e);
    overflow: hidden
}

.user-sidebar-bonus-item--bonus .user-sidebar-bonus-item__img-wrap {
    background-color: var(--colors-global-accent-c)
}

.user-sidebar-bonus-item--freespin .user-sidebar-bonus-item__img-wrap {
    background-color: var(--backgrounds-b)
}

.user-sidebar-bonus-item--lottery .user-sidebar-bonus-item__img-wrap {
    background-color: var(--colors-global-accent-e)
}

.user-sidebar-bonus-item--cashback .user-sidebar-bonus-item__img-wrap {
    background-color: var(--backgrounds-e)
}

@media(min-width: 1140px) {
    .user-sidebar-bonus-item__img-wrap:not(.user-sidebar--opened .user-sidebar-bonus-item__img-wrap) {
        width:42px;
        height: 42px;
        background-color: transparent
    }
}

.user-sidebar-bonus-item__img {
    width: 42px;
    height: 42px;
    object-fit: cover
}

@media(min-width: 1140px) {
    .user-sidebar-bonus-item__img:not(.user-sidebar--opened .user-sidebar-bonus-item__img) {
        width:100%;
        height: 100%
    }
}

.user-sidebar-bonus-item__main {
    flex: 1;
    max-width: calc(100% - 100px - var(--spacings-s)*2)
}

@media(min-width: 1140px) {
    .user-sidebar-bonus-item__main {
        max-width:128px
    }
}

@media(min-width: 1628px) {
    .user-sidebar-bonus-item__main {
        max-width:158px
    }
}

.user-sidebar-bonus-item__amount,.user-sidebar-bonus-item__title {
    max-width: 100%;
    color: var(--text-text);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media(min-width: 1140px) {
    .no-touch .user-sidebar-bonus-item:hover .user-sidebar-bonus-item__amount {
        color:var(--text-text-accent);
        transition: color .2s ease-out
    }
}

.user-sidebar-bonus-item__title {
    text-transform: lowercase;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.user-sidebar-bonus-item__title:first-letter {
    text-transform: uppercase
}

.user-sidebar-bonus-item--bonus .user-sidebar-bonus-item__title {
    margin-top: 2px;
    color: var(--text-description-a)
}

.user-sidebar-bonus-item__amount~.user-sidebar-bonus-item__title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .no-touch .user-sidebar-bonus-item.user-sidebar-bonus-item--freespin:hover .user-sidebar-bonus-item__title,.no-touch .user-sidebar-bonus-item.user-sidebar-bonus-item--lottery:hover .user-sidebar-bonus-item__title {
        color:var(--text-text-accent);
        transition: color .2s ease-out
    }
}

.user-sidebar-bonus-item__count {
    margin-left: auto;
    padding: 4px 12px;
    flex-shrink: 0;
    color: var(--text-text-invert);
    border-radius: 100px;
    background: var(--backgrounds-e);
    box-shadow: var(--counter-shadow);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(min-width: 640px) {
    .user-sidebar-bonus-item__count {
        padding:3px 8px;
        color: var(--text-text);
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        background: var(--gradients-background-e-4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    .user-sidebar-bonus-item__count:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.user-sidebar-bonus-item__diagram {
    flex-shrink: 0
}

.user-sidebar-bonus-item__mini-info {
    height: 14px
}

.user-sidebar-bonus-item__mini-info-amount {
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700;
    bottom: 0;
    width: 100%;
    padding: 3px 6px;
    text-align: center;
    border-radius: 100px
}

.user-sidebar-bonus-item__mini-info-amount:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.user-sidebar-bonuses {
    padding: var(--spacings-xl) var(--spacings-page-paddings);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4)
}

@media(min-width: 640px) {
    .user-sidebar-bonuses {
        padding:12px
    }
}

@media(min-width: 1140px) {
    .user-sidebar-bonuses:not(.user-sidebar--opened .user-sidebar-bonuses) {
        padding:0;
        background-color: transparent
    }
}

.user-sidebar-game-of-day {
    padding: 0 var(--spacings-page-paddings);
    cursor: pointer
}

@media(min-width: 640px) {
    .user-sidebar-game-of-day {
        padding:0
    }
}

.user-sidebar-game-of-day__inner {
    max-height: 110px;
    display: flex;
    overflow: hidden
}

.bottom-sheet--sidebar-burger .user-sidebar-game-of-day__inner,.user-sidebar--opened .user-sidebar-game-of-day__inner {
    padding: 4px;
    gap: 12px;
    border-radius: var(--roundings-xs);
    position: relative;
    background: var(--gradient-tokens-noise-d)
}

.bottom-sheet--sidebar-burger .user-sidebar-game-of-day__inner:before,.user-sidebar--opened .user-sidebar-game-of-day__inner:before {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.bottom-sheet--sidebar-burger .user-sidebar-game-of-day__inner:after,.user-sidebar--opened .user-sidebar-game-of-day__inner:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-border-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet--sidebar-burger .user-sidebar-game-of-day__inner:before,.user-sidebar--opened .user-sidebar-game-of-day__inner:before {
    z-index: -1;
    content: "";
    border-radius: inherit;
    opacity: .1;
    pointer-events: none;
    background-image: url(/1img/background.webp);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-webp .bottom-sheet--sidebar-burger .user-sidebar-game-of-day__inner:before,.no-webp .user-sidebar--opened .user-sidebar-game-of-day__inner:before {
    background-image: url(/1img/background.png)
}

@media(min-width: 1140px) {
    .bottom-sheet--sidebar-burger .user-sidebar-game-of-day__inner,.user-sidebar--opened .user-sidebar-game-of-day__inner {
        max-height:128px;
        border-radius: var(--roundings-s)
    }
}

.user-sidebar-game-of-day__image-wrap {
    position: relative;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 100%;
    overflow: hidden
}

.bottom-sheet--sidebar-burger .user-sidebar-game-of-day__image-wrap,.user-sidebar--opened .user-sidebar-game-of-day__image-wrap {
    width: var(--game-cards-width-xs);
    height: var(--game-cards-height-xs);
    border-radius: var(--roundings-xs)
}

.user-sidebar-game-of-day__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.user-sidebar-game-of-day__info {
    padding: 8px 8px 8px 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.user-sidebar-game-of-day__title {
    margin-bottom: 4px;
    color: var(--colors-base-white-a);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .user-sidebar-game-of-day__title {
        font-size:16px;
        line-height: 24px;
        font-weight: 700
    }
}

.user-sidebar-game-of-day__provider {
    color: var(--text-description-b);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .user-sidebar-game-of-day__provider {
        font-size:14px;
        line-height: 20px;
        font-weight: 500
    }
}

.user-sidebar-game-of-day__badges {
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    gap: 4px
}

.user-sidebar-game-of-day__badge-type {
    padding: var(--chips-s-vert) var(--chips-s-hor);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-text);
    border-radius: 100px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k)
}

.user-sidebar-game-of-day__badge-type:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.user-sidebar-game-of-day__badge-tournament {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--colors-global-accent-b)
}

@media(min-width: 1140px) {
    .user-sidebar-game-of-day__badge-tournament {
        width:32px;
        height: 32px
    }
}

.user-sidebar-game-of-day__badge-icon {
    width: 20px;
    height: 20px;
    color: var(--icons-a)
}

.user-sidebar-game-of-day__blink,.user-sidebar-game-of-day__fire {
    position: absolute;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease-out
}

.no-touch .user-sidebar-game-of-day__inner:hover .user-sidebar-game-of-day__blink,.no-touch .user-sidebar-game-of-day__inner:hover .user-sidebar-game-of-day__fire {
    opacity: 1
}

.user-sidebar-game-of-day__fire {
    right: -18px;
    bottom: -26px;
    width: 87px;
    height: 116px;
    background-image: url(/1img/game-card/rtp-fire.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%
}

.user-sidebar-game-of-day__blink {
    right: -66px;
    bottom: -49px;
    width: 188px;
    height: 91px;
    background-image: url(/1img/game-card/rtp-star.svg);
    filter: blur(26.75px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.status-progress {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 24px
}

.profile-status__info-progress .status-progress {
    min-height: 8px
}

.user-sidebar .status-progress {
    padding-top: var(--spacings-xl)
}

@media(min-width: 640px) {
    .user-sidebar .status-progress {
        padding-top:12px
    }
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress {
        min-height:auto;
        padding-top: 0
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress {
        padding-top:12px
    }
}

.user-sidebar-lootbox~.status-progress {
    margin-top: var(--spacings-l);
    padding-top: 0
}

.status-progress__fake-bar {
    flex: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    gap: 8px
}

.statuses-page .status-progress__fake-bar {
    gap: 12px
}

@media(min-width: 1140px) {
    .status-progress__fake-bar {
        gap:0
    }
}

.user-sidebar .status-progress__fake-bar {
    padding: 0 var(--spacings-xl) var(--spacings-xl)
}

@media(min-width: 640px) {
    .user-sidebar .status-progress__fake-bar {
        padding:0 12px 12px
    }
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress__fake-bar {
        padding:0;
        gap: var(--spacings-2xs)
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress__fake-bar {
        padding:0 12px 12px
    }
}

.status-progress__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    gap: var(--spacings-2xs)
}

.status-progress__outer-bar {
    flex: auto;
    display: flex;
    align-items: center;
    height: 12px;
    width: 100%;
    border-radius: 40px;
    background: var(--gradient-background-striped-bar)
}

.user-top__avatar .status-progress__outer-bar {
    height: 4px;
    width: 88px;
    border-radius: 4px;
    pointer-events: none
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress__outer-bar {
        height:8px
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress__outer-bar {
        height:12px
    }
}

.status-progress__inner-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    height: 12px;
    min-width: 30px;
    color: var(--text-text-invert);
    background: var(--backgrounds-e);
    border-radius: 40px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.user-top__avatar .status-progress__inner-bar {
    height: 8px;
    background: var(--gradient-tokens-backgrounds-f)
}

.user-sidebar .status-progress__inner-bar {
    min-width: 12px
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress__inner-bar {
        height:8px;
        min-width: 8px
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress__inner-bar {
        height:12px;
        min-width: 12px
    }
}

.status-progress__real-bar {
    visibility: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.status-progress__nums,.status-progress__title {
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.status-progress__title {
    white-space: nowrap
}

.status-progress__prev-status {
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.user-sidebar .status-progress__prev-status {
    text-transform: lowercase
}

.user-sidebar .status-progress__prev-status:first-letter {
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress__prev-status {
        font-size:10px;
        line-height: 12px;
        font-weight: 700;
        line-height: 14px
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress__prev-status {
        font-size:12px;
        line-height: 16px;
        font-weight: 700
    }
}

.statuses-page .status-progress__prev-status {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.status-progress__next-status {
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.user-sidebar .status-progress__next-status {
    text-transform: lowercase
}

.user-sidebar .status-progress__next-status:first-letter {
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress__next-status {
        display:none
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress__next-status {
        display:block
    }
}

.statuses-page .status-progress__next-status {
    color: var(--text-text);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.status-progress__names-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media(min-width: 1140px) {
    .user-sidebar .status-progress__names-wrap {
        order:-1;
        justify-content: center
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened .status-progress__names-wrap {
        order:0;
        justify-content: space-between
    }
}

.status-progress__description {
    width: 100%;
    margin-top: calc(var(--spacings-l) - 8px);
    padding: 16px;
    display: flex!important;
    flex-direction: column;
    gap: var(--spacings-m);
    border-radius: var(--roundings-s);
    background-color: var(--backgrounds-a-70)
}

.status-progress__description-text {
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.status-progress__description-link {
    width: 100%
}

.status-progress__description-btn-wr {
    width: 100%;
    display: flex
}

.status-progress__description-btn {
    width: 100%;
    height: calc(20px + var(--buttons-icon-xs)*2);
    padding: var(--buttons-icon-xs) 0
}

.status-progress__description-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--backgrounds-e-4)
}

.status-progress__description-btn .btn__inner {
    display: none
}

.status-progress__description-btn-icon {
    display: block;
    transform: rotate(90deg)
}

.user-top__auth {
    display: flex;
    justify-content: center
}

@media(max-width: 1139px) {
    .user-top__auth {
        flex-direction:row-reverse;
        align-items: center;
        gap: 8px
    }
}

@media(min-width: 1140px) {
    .user-top__auth {
        flex-direction:row;
        gap: 12px
    }

    .top-bar__right .user-top__auth {
        width: 100%
    }

    .user-sidebar .user-top__auth {
        z-index: 1;
        position: -webkit-sticky;
        position: sticky;
        top: -16px;
        justify-content: flex-start;
        flex-shrink: 0;
        width: calc(100% + var(--spacings-m)*2);
        padding: 16px var(--spacings-m) var(--spacings-2xs) calc(var(--spacings-m) - 1px);
        margin: -16px calc(var(--spacings-m)*-1) calc(var(--spacings-2xs)*-1);
        background-color: var(--backgrounds-a);
        border-left: 1px solid var(--border-a)
    }

    .user-sidebar .user-top__auth:after,.user-sidebar .user-top__auth:before {
        content: "";
        position: absolute;
        bottom: -36px;
        height: 36px;
        width: 36px;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .user-sidebar .user-top__auth:before {
        right: 0;
        background-image: url(/1img/round-right.svg);
        background-position-x: left
    }

    .user-sidebar .user-top__auth:after {
        left: 0;
        background-image: url(/1img/round-left.svg);
        background-position-x: right
    }

    .user-sidebar .user-top__auth:after,.user-sidebar .user-top__auth:before {
        z-index: 1
    }
}

.user-top__deposit {
    display: flex;
    align-items: center;
    align-self: center;
    border-radius: 100px;
    cursor: pointer
}

@media(max-width: 1139px) {
    .top-bar__right .user-top__deposit {
        position:relative;
        background: var(--gradient-tokens-backgrounds-k);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .top-bar__right .user-top__deposit:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media(min-width: 1140px) {
    .top-bar__right .user-top__deposit {
        width:100%;
        background: var(--backgrounds-a)
    }

    .user-sidebar--opened .user-top__deposit {
        overflow: hidden;
        padding: 0;
        gap: 0;
        justify-content: space-between;
        background: var(--backgrounds-e-4);
        animation: balanceVisibility .3s both
    }

    @keyframes balanceVisibility {
        0% {
            width: 0
        }

        to {
            width: 100%
        }
    }
}

@media(min-width: 1628px) {
    .user-top__deposit {
        display:grid;
        grid-template-columns: repeat(2,1fr)
    }
}

.play+.user-sidebar--opened .user-top__deposit {
    display: flex
}

.user-top__curr {
    text-align: center;
    padding: 6px 12px;
    white-space: nowrap;
    color: var(--text-text)
}

@media(max-width: 1139px) {
    .user-top__curr {
        font-size:14px;
        line-height: 24px;
        font-weight: 700;
        text-transform: uppercase
    }
}

@media(min-width: 1140px) {
    .user-top__curr {
        padding:12px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700
    }

    .top-bar__right .user-top__curr {
        padding: 2px var(--buttons-m-hor);
        flex: 1 1 50%
    }

    .user-sidebar--opened .user-top__curr {
        padding: 2px var(--buttons-m-hor);
        flex: 1;
        color: var(--text-text);
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700
    }
}

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

@media(max-width: 1139px) {
    .user-top__deposit-btn {
        height:36px;
        width: 36px;
        padding: 0
    }
}

@media(min-width: 1140px) {
    .top-bar__right .user-top__deposit-btn,.user-sidebar--opened .user-top__deposit-btn {
        flex:1
    }
}

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

.user-sidebar-store {
    position: relative;
    padding: 6px var(--spacings-xl);
    display: flex;
    justify-content: space-between;
    color: var(--text-text)
}

.user-sidebar-store:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    border-radius: var(--roundings-m) var(--roundings-m) 0 0;
    background-color: var(--colors-global-accent-d)
}

.user-sidebar-store__title {
    max-width: 33.33333%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.user-sidebar-store__balance {
    display: flex;
    align-items: center;
    gap: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.user-sidebar-store__balance-amount {
    white-space: nowrap;
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

.user-sidebar-store__balance-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(data:image/webp;base64,UklGRswOAABXRUJQVlA4TMAOAAAvT8ATEE2gbds2UKPN+f/hpO0LEf2fAF6rF4GMcEKyIOtwoVBHL7IOvxaMIklSlP7FrYZ57h4zfdEC20aSFGfLPOsEzzzms20kSVEfPISB5ucfz3jPzGD0fwLgs8YDCQAS3SQ+AFd7w23IC4CGeV1cm2sYxeIYjGotQhrST7YJkJGGjvvShPxkVQAAGmXjn3aEIWQ33KMkXXMdE2p47lp4AH4yFLRtI9X8ae+7QxARE5CpCpO0KNSJr+XYtm3aVp/ftm3Xv0RWfu9756z58ZT/hI5t26ptpc/93d391+DnFrtAWSkEoUPk7n797knZtm3VbTT3k0xSUkytamVUi5mxWaN+nZmZmcTvve0QkiTLyjI4hENZo0N4Jj/R1xNAx9a2Y9tznNf9/LZtTc9m7GQAZp3e5T8F2zaf977O8HnZpaFj27ZqW+lznXPv/7gVgswiMjKXIlCuXwcq4BK5O/knc4cn9+5JN7Jt1bbTc51z7+cUZCsNxuAUBngMtjzJZEjk0d17Usu27XnbnLcI+AuB5GMQqwQ8GASB1/+FQPpCwANAFoEmBDwILAKVjKAKAd0TgOC/3/r/sH4YL7b4zpFQxKFY4J5xUwz47ovf8Ordl/5xZDUMAXscxy52OGJHERTJaKCABGCAtAAktEAyGijAgpzjClc4xxoLGML4FNvf0PD4ZL59GCEAjMsAATBhR7fkON3GboxUsKdkKulUAHKBFc7JCtdwPkCAIQAAfWc6hafXIeG2tse1wiTAEOyNADDEYXqInfpXHNZuIYozciVWk0t6PTnHEoYAAEMAGAJg1PkGzLltsP4MBdacb6+s1QY2AgAEgGBPDAAQAOh2LJILgCEADGEACPbEkP6j+w/WJFth3dYP/boZRv3/l4VrqVRhvxsAxQwwEtCRgCIACAIwhCEAAAxRdDTAEAAQFAADokZjKs0cUZXmFq4G599/Hut+/c8EENHpYXKBCXtAhigMERhFMEewwHIskQBDQAETRkwwQHQEDf6lWI1qN+y6joRCAE7rAB4H5d+/Htq+fIERAIDZ/h8zDrFHBwA0AgNERyCKYDXWAWAI+AsTCgiMBgCAIaAIJlh3/5spAIAo9XfKyRzWA3r104/fpUfuBEVUE3S/G3OcsEEARZEhICggA4qruAvsyTR+igkA2X4YYsTUzEn3RGeJpCai8AQHg3n547cX5gYgUABg1oeYcRpbGCKjAQABQBFcjnsxBBgAAmCP78YURTGMRuxBEZxiMtuNdgL/RKj7Em4H8eKHL8c8PntGP4iaUBStFtHVESNOsRuNAMBoDKMQRcZV3DcWwb8YAow9Po0RRRDMI1EEhoCM0+po3U7SQUepCjEIFILXmsPrAJ5+99WK5BNNDKW1hBZBLf/uMOKAbQQFQDBjQAckLnA/LsG+GML4J97FgCKjEAEUwYzg2Gw3uh3WJACilohaIkr73t53nff36LMvrolLUQMCRN1G0FgXxQl7bJEhZgSQIYJ5XMUT4xKgvTAEAPyE94coDBEUQREYR92dtu4SoUGgEAAFJVNz29fd7386Pl5vhSbDtFBiEwVQzGrr2NF/xg4ARqIwEsYqHsMKAGCAAEMAgCHgu/EmGhnQCAwQwWx38X+zDkIsmKTISE0RAWTmCm66PXjvm5F/LaS3ZNpAIKMpAMKsNjNPbL8KFDAwB9IhWXP4xbGCAcIQYAgAMAQAYH42m7cTCApAQ0Jx5CHz/2HrOjQko5HRyLQJALApl49zWHd61ePferVHSDIoUUnWKAwqKcvfx85cOM1vmYgMYRo0h6+48DTWAAAwBACAIQAMEID/P+TvD6khMRIFhN1o95+xWWVNUpJhtAohslJilUTNG8y73Hjj+0Ve2EUlWYNKCAoJLSGi2Pl579I9/D4kGQVIw5HLOfs0Yw0AMECwJwYIMASA+fXD/PQBDAEZoqynbX87rbtWJDRAUJFQIUGJIkGXMHVor3JcLwKFITEgaQeCBiKWf2b+KX8EARQ4dDY3H8qhFUAAGAIMYYAAQxggwBCAbz7giw9oUBKEmsXc7j8S0wSAqQQMiakAFP7Chw71wggAgCIAACRdm2Dz3eTegyW/D0OAObTIkxucWAMADAEGCDAABBgCAAxhiM7nH/LJh2kIGNr5abQsBxDWJNgzOsJJQA+QDr9dzOP82luDa+N6WkKSAWorI2tTULH5CX+WPxaZgBHevYUzCxSGMBoZjYxGYDQyhCEAigxRZAA0jrz/Fh/8ANTQ7i+1/r8gVinAmhQ0kXSaGuCecbNcP3mBfzo8ujwvc8uDmuHMOHfD9Z71TpdcUoQiQqBDxPpz+S3EFK+a8yssxglgJDoEZDQyoAEZRdAICjAEgAHiH957Zz7cBML2F5bFAlURJqENmkF0v5K+ho+1FkpMyW0Obx3A66N5j8FJJAUzwsbUMjIzCNpBM5Tw7Motzn73/ZDnr/LwfsYlCjAEFACBIQAMUQQAGY0iCOlUgCHr//BKy7dXRF79+lzvnytgKFiI3pXcxNVVbVsEBEw7O4afoHPVIZ3X0joT2pIEzOvuhjY3DnA2JFE8Onrm2u+/8/g5Xrw+h84gSkMgyGiAIcAQAEUABiSdSWCAKILSkODZN+HWlNvJ059e6P31nAPqXuOe9nxGS0lmgCpAFfkKS9Dn0a//XlALJ4DaksQJinBT9/BAupb0wuTeg4d4+hrQEABAQzKaoABgJAqMIMyJZjQjyFSCGiUDZJZhQBNeeh1ube2vz935nyuLq6f2ORGcVG2ZzCwVIcAES9D3wU//vHFzToAIFlBIqBBeH1j6cP9Go4oZYWczklkSJgLWKoAi6SopaSZ0DKXVAlF0GpSRBDMTJZFpSYqthBN3Pu+J20/uQmksrZfn1plAoAAAjTu4BAPc88Hv3y1HkjgKEBQkqTLq9XrqfLuFRtdSmlpJDdGR6EoRdCSoCgDKAAVUE2lERwpLUhLHREFpeulwc3fbQQtEHQEIlCRAyW/4Aga5/YP/B67uHqjPRKCSlIkIoM7O7s3/hxasYjprbaKKpoigNWkaRFJVYSUloSW6SoICENClQ5IdkyKON0pHDjevR+/qQANKigZBVSczArzOPzuAzUDA9ld/G/LGsxf0IxFDIqT+TYLg/vLUte1ora1po6oGak0S1IAAkXak6hIpICh0kkCDEI5NixRxrIPjM4o4vz21FklQAErDQcJJkFWZOYQ1GPD2d38fta0HYgRNFjQBVMTx8nqxi5rJOmvQWqlMBJqhshCdSLNK0ZWIpLSIIs0kpVmQpGPsRDlm6NFeL+68Szk8ASIA6gBEVKu8cTmENRg4NykHO3FQCAItUCZui2T5jbcs+feiamsTV1PjptZYiuhIFBmNgCKgMARBGRJREU0FDUmEhp5stRInVYSqExC0cYhyMIChTjnehrJjGZQAgAYAkdPWvy6JVblGqlpcaBgpBVQEdJLaiA5BBVBhlUQFpVEIUVIx9eTO9vIJAAgUQIR2Ww4ZZjMOB0wxu8z+BoFC1Nk6AlCzT2PD/6NWcpE0K24YigZdo9SgUVChBiJFLUNpxzRMlQ6Goo3Be3PuofSVEHFC7dYzAQDE3s9g2Ecf/vzC02uZmoB/brqImSdqyUo23NakM0NqlSBIKNpIiqDUJFUkSDEUBI2Ror1z97h598RJIVAAADATGP4bj1iwdUkVkKAQgc5qbDw1teSKXCRYdEahllIprEISpVASBBZlJEHRiASNrXp7cvq+Z3UAEBIoQJWVCaYRAG8/sa/hHAmKJFQ9iTpd2WVhm2zlIle40ZZpLUGLIQ2gAxJEJ6pBBgoKBRotSa7effHgeJaGZ6K2CEdJZo3+gBMwku8+2R+KI0mBJQA0dFsfI1WLz+HS2bXqDABQkwQtSQEBCTkQkmqaItXW1G2cvOtNEYYCADQUbzAHI/rRU56JXfDPZXPLEovPWiNezN5amV0lSgMSoI2kKM2MBBkR0QiR0CaXjm/6ZD+Rhk4BgCjWT08v57AZlc9e/mzQ0VBCgYMEiCRbVzXn1bSTXbzCLcMAVJEAFFQFEPGURISQakZMPN6SSzdKlAZpTCU8VrrsKRhd3A9NpSgKQcJhbpP1Xa3d8drNlhvWsNQROtCSRMUgAFKSChqJRGRE4uSNeJ0WqANFZmZdeXcKRnn6vxfNGWIUdRJVPbEpzQxbdvMqF7elZBIKQm2dRFVPIwAlFBQiU+XIo5le2SfYW2QGVQP9f2qcgdHOBzNo3R6idiwUwOzIhg2v1WrHK2zVDVoONAEAYSilDk2REanIsNOZQ7wWqiJQiCmcglH//L1397XceyYAKqzamW/Hq02bK27rJoYanpYmCCmiSEJoUCIybuXsnQxAigZoTnMFRv/LD9471vhOlQiYknTrVtjJFt3c1hWDYqFsapAWE4ag5EgM1eF0jm2aoABQZ4JpDMC3n767ULpAALBsZ7FbssVq044Ldg0IAAhFJVFGJJS4lrMPTIHWEac4nxNMYCx//OqdBSyoKFoSm+ZRsZItFrZqwgIFCBgSiipJZNpzOtVnkRbhoJVfcAzGNBhLaGhszMWa7tiuVdqoeMpCIIGQg3IKB+VwqdOnFzemisAbzMHYNslYIrGJmq7vzoyUbbYZnlJbhGeihnIih8jF044rUkfQSt4Lc9iMz0+Pvz00NTQFzJKuU5kV27BKK0dUEGSEo3KhHDkjbSUUWL08OYQ1GGNu7iH2Dmo+eZLVjbk2Z7FyNgoJhAxyCKdHxnVKcbxPjQNYg7GefkHe7AMxNmw3NbOwauJs2PUk6lAOOND0fGgFtfGph/AKxvzn/z/a9ZZ7kmFxYjGxXU9DlQiGOuTorcSDlidJvsBvMPa/9KN9tfdBNzpnpbtOA1AyyKHNuLiWHBVfYQkm4B99/5it3+dLl69DTkMBkpLJTbuPlccEE5iIcdxj2Zf5SWKTZlII4nXigme1TDCBCRnHZc4wR5QtNZFxdfTZuv6EEzAxp1k7S9fZMkF5se1edb5Nubo/gM3kALOcb3PW9Sk3w5XJn97x7gY2YJLCD/C/ZQ==)
}

.no-webp .user-sidebar-store__balance-icon {
    background-image: url(/1img/gems.8697d6fa.png)
}

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

.user-sidebar-store__link-icon {
    width: 16px;
    height: 16px
}

@media(min-width: 1140px) {
    .user-sidebar {
        position:fixed;
        z-index: 215;
        top: 0;
        right: 0;
        padding: 0 var(--spacings-2xs) 84px calc(var(--spacings-2xs) - 1px);
        display: flex;
        flex-direction: column;
        border-left: 1px solid var(--border-a);
        background-color: var(--backgrounds-b-70);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        height: 100vh;
        width: var(--sidebar-right-close)
    }
}

@media(min-width: 1140px) {
    .user-sidebar--opened {
        width:var(--sidebar-right);
        padding: 0 var(--spacings-m) 0 calc(var(--spacings-m) - 1px);
        gap: var(--spacings-2xs);
        background-color: var(--backgrounds-a);
        transition: width .15s ease-in-out
    }
}

.user-sidebar__content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.bottom-sheet--sidebar-burger .user-sidebar__content {
    gap: var(--spacings-s)
}

@media(min-width: 1140px) {
    .user-sidebar__content {
        padding-top:var(--spacings-2xs);
        border-radius: 0 0 12px 12px;
        overflow-y: auto
    }

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

    .user-sidebar__content::-webkit-scrollbar-thumb,.user-sidebar__content::-webkit-scrollbar-track {
        background: transparent;
        display: none
    }

    .user-sidebar--opened .user-sidebar__content {
        margin: 0 calc(var(--spacings-m)*-1);
        padding: 16px var(--spacings-m) var(--spacings-m);
        gap: var(--spacings-2xs);
        border-radius: 0
    }
}

@media(min-width: 1140px) {
    .user-sidebar__content-item:not(.user-sidebar--opened .user-sidebar__content-item) {
        padding:8px;
        border-radius: 12px;
        background-color: var(--backgrounds-a)
    }
}

.user-sidebar__store-vip-widget {
    flex-shrink: 0;
    overflow: hidden
}

.user-sidebar__lootbox-and-vip {
    border-radius: var(--roundings-m);
    background: var(--gradients-background-e-4),var(--backgrounds-b)
}

@media(min-width: 1140px) {
    .user-sidebar__lootbox-and-vip {
        padding:8px;
        border-radius: 12px;
        background: var(--backgrounds-a)
    }

    .user-sidebar--opened .user-sidebar__lootbox-and-vip {
        padding: 0;
        border-radius: var(--roundings-m);
        background: var(--gradients-background-e-4),var(--backgrounds-a)
    }
}

.user-sidebar__button-close {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: absolute!important;
    bottom: 28px
}

.user-sidebar--opened .user-sidebar__button-close {
    right: auto;
    left: 10px;
    width: 44px;
    height: 48px;
    padding: 4px 0 4px 4px;
    border-radius: 30px 0 0 30px;
    background-color: var(--backgrounds-a);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transform: translateX(-100%)
}

.user-sidebar--opened .user-sidebar__button-close:after,.user-sidebar--opened .user-sidebar__button-close:before {
    content: "";
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url(/1img/subtract.svg);
    pointer-events: none
}

.user-sidebar--opened .user-sidebar__button-close:before {
    top: -24px
}

.user-sidebar--opened .user-sidebar__button-close:after {
    bottom: -24px;
    transform: scaleY(-1)
}

.user-sidebar__button-close--isSport {
    bottom: 72px
}

.user-sidebar__title {
    margin-bottom: var(--spacings-s);
    padding: var(--spacings-xs) 16px 0;
    color: var(--text-description-b);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

@media(min-width: 640px) {
    .user-sidebar__title {
        padding:var(--spacings-xs) 0 0
    }
}

@media(min-width: 1140px) {
    .user-sidebar__title {
        margin-bottom:var(--spacings-xs);
        padding: 0;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: var(--description-font-3xs-font-size);
        font-weight: var(--description-font-3xs-weight);
        line-height: var(--description-font-3xs-line-height);
        text-transform: uppercase
    }

    .user-sidebar--opened .user-sidebar__title {
        margin-bottom: var(--spacings-2xs);
        padding: var(--spacings-xs) 12px 0;
        text-align: left;
        font-size: var(--description-font-xs-font-size);
        font-weight: var(--description-font-xs-weight);
        line-height: var(--description-font-xs-line-height);
        text-transform: uppercase
    }
}

.user-sidebar--isSport {
    padding-bottom: 128px
}

@media(max-width: 1139px) {
    .user-sidebar--isSport {
        padding-bottom:0
    }
}

.user-sidebar--isSport.user-sidebar--opened {
    padding-bottom: 52px
}

.user-sidebar__button-close-info {
    position: absolute;
    top: -8px;
    left: 14px;
    color: var(--colors-base-white-b);
    width: -webkit-max-content;
    width: max-content;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@font-face {
    font-family: Manrope;
    src: url(../../../assets/510636/fonts/Manrope-Bold.4f731c2a.woff2) format("woff2"),url(../../../assets/510636/fonts/Manrope-Bold.a6623844.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(../../../assets/510636/fonts/Manrope-Regular.1ebf607f.woff2) format("woff2"),url(../../../assets/510636/fonts/Manrope-Regular.905997d2.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(../../../assets/510636/fonts/Manrope-ExtraBold.2d2429f4.woff2) format("woff2"),url(../../../assets/510636/fonts/Manrope-ExtraBold.ae0b805c.woff) format("woff");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(../../../assets/510636/fonts/Manrope-SemiBold.f654172c.woff2) format("woff2"),url(../../../assets/510636/fonts/Manrope-SemiBold.4c8adf00.woff) format("woff");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Manrope;
    src: url(../../../assets/510636/fonts/Manrope-Medium.94612143.woff2) format("woff2"),url(../../../assets/510636/fonts/Manrope-Medium.e42b8e1b.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

html {
    font-family: sans-serif
}

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

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

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

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

.providers{
    padding: 25px
}

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

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

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

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

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

a[tabindex] {
    cursor: pointer
}

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

b,strong {
    font-weight: 600
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

svg {
    pointer-events: none
}

figure {
    margin: 1em 40px
}

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

pre {
    margin: 0;
    overflow: auto
}

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

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

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

button {
    overflow: visible
}

button:focus {
    outline: none
}

button,select {
    text-transform: none
}

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

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

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

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

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

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

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

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

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

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,th {
    padding: 0
}

ol,ul {
    list-style: none
}

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

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

:focus {
    outline: none
}

:root {
    --blue-gradient-search: linear-gradient(270deg,#05101f 11.64%,rgba(5,16,31,0) 64.29%);
    --profile-gradient: radial-gradient(79.43% 99.47% at 72.05% 92.94%,rgba(14,20,80,0.42) 0%,rgba(40,70,175,0) 100%),#05101f;
    --profile-gradient-mob: radial-gradient(73.85% 100% at 50% 100%,rgba(14,20,80,0.42) 0%,rgba(40,70,175,0) 100%),#05101f;
    --skeleton-gradient: linear-gradient(90deg,hsla(0,0%,100%,0),var(--white) 52.81%,hsla(0,0%,100%,0));
    --white: #fff;
    --white-0: hsla(0,0%,100%,0);
    --black-500: #000;
    --black-500-p-50: rgba(0,0,0,0.5);
    --black-500-p-70: rgba(0,0,0,0.7);
    --gray-500: #38445b;
    --gray-500-p-60: rgba(56,68,91,0.6);
    --gray-500-p-20: rgba(56,68,91,0.2);
    --gray-500-p-08: rgba(56,68,91,0.08);
    --gray-500-p-6: rgba(56,68,91,0.06);
    --gray-300: #05060a;
    --orange-600: #dc4200;
    --orange-500: #ff4c00;
    --orange-500-p-10: rgba(255,76,0,0.1);
    --orange-odometer-digit: #ffcc56;
    --blue-700: #1a73e9;
    --blue-500: #007afe;
    --blue-500-p-30: rgba(0,122,254,0.3);
    --blue-500-p-10: rgba(0,122,254,0.1);
    --blue-500-p-8: rgba(0,122,254,0.08);
    --blue-dark: #05101f;
    --blue-dark-500: #06112e;
    --blue-dark-450: #101c3a;
    --blue-dark-400: #142245;
    --blue-dark-300: #192b59;
    --blue-purple-dark: #17172a;
    --yellow: #fc0;
    --yellow-500: #fff27e;
    --yellow-light: #fde384;
    --green-500: #01c095;
    --green-alt-500: #00b929;
    --red-500: #ff2448;
    --telegram-bg: #34aadf;
    --orange-light-shadow: 0 4px 6px 0 rgba(255,76,0,0.3);
    --green-light-shadow: 0 4px 12px 0 rgba(2,182,159,0.7);
    --yellow-light-shadow: 0 3px 7px 0 rgba(255,242,126,0.6);
    --red-light-shadow: 0 3px 7px 0 rgba(255,36,72,0.6);
    --blue-light-shadow: 0 3px 7px 0 rgba(14,92,244,0.6);
    --white-light-shadow: 0 1px 16px 0 #fff;
    --gray-light-shadow: 0 4px 6px rgba(0,0,0,0.5);
    --gray-hover-button-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    --light-gray-shadow: 0 4px 15px 0 rgba(0,0,0,0.1);
    --light-gray-shadow-2: 0 4px 7px 0 rgba(0,0,0,0.1);
    --gray-shadow: 0 4px 7px 0 rgba(0,0,0,0.15);
    --tab-bar-shadow: 0 -6px 28px 0 rgba(0,0,0,0.15);
    --bottom-notify-shadow: 0 -6px 28px 0 rgba(0,0,0,0.1);
    --small-gray-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
    --drop-shadow: 0 11px 14px 0 rgba(0,0,0,0.2);
    --drop-down-shadow: 0 8px 15px 0 rgba(0,0,0,0.25);
    --drop-down-shadow2: 0 13px 15px 0 rgba(0,0,0,0.25);
    --drop-down-shadow2-above: 0 -13px 15px 0 rgba(0,0,0,0.25);
    --game-card--blur: blur(12px);
    --registration-background-blur: blur(16px);
    --real-winners-shadow: -16px 0 40px 0 rgba(56,68,91,0.06);
    --big-notification-shadow: 0 -6px 28px 0 rgba(0,0,0,0.1);
    --promocard: 0 5px 28px 0 rgba(0,0,0,0.1);
    --content-shadow: 0 16px 40px 0 rgba(56,68,91,0.06);
    --user-menu-shadow: 0 16px 80px 0 rgba(105,181,224,0.25);
    --font_manrope: "Manrope",sans-serif;
    --menu-burger-width: 84px;
    --menu-burger-width-opened: 430px;
    --sidebar-right-close: 80px;
    --bottom-menu-height: 64px;
    --bottom-sheet-max-width: 640px;
    --bottom-sheet-max-width-tab: 600px;
    --main-container-max-width: 1548px;
    --main-container-promo-max-width: 1760px;
    --main-page-max-width: 1920px;
    --game-sidebar-width: 252px;
    --topbar-height: 56px;
    --topbar-height-auth: 56px;
    --topbar-height-desk: 80px;
    --topbar-height-desk-auth: 80px;
    --cryptocurrency-back-title-height: calc(var(--spacings-page-paddings) + var(--spacings-2xl) + 40px);
    --menu-profile-width: 300px;
    --menu-profile-width-lg: 345px;
    --profile-content-width: 712px;
    --slider-fade-offset: -146px;
    --partners-black: #05060a;
    --partners-orange: #ca6f54;
    --partners-yellow: #fc0;
    --sidebar-lootbox-background: #202020;
    --overlay-game-card: rgba(8,28,39,0.75);
    --dropdown-shadow: 0 8px 20px 0 rgba(0,0,0,0.3);
    --counter-shadow: 0 10px 20px 0 rgba(0,0,0,0.25);
    --image-box-shadow: 0 20px 112px 0 rgba(105,181,224,0.25);
    --gradient-tokens-backgrounds-f: linear-gradient(63.43deg,#46cb44 47.87%,#a6fda4 85.58%,#e7ffe7 103.32%);
    --gradient-tokens-backgrounds-g: linear-gradient(63deg,rgba(55,208,78,0.3) 47.87%,rgba(166,253,164,0.3) 103.32%);
    --gradient-tokens-backgrounds-k: radial-gradient(50% 50% at 50.26% 100%,hsla(0,0%,92.9%,0.2) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-tokens-backgrounds-l: radial-gradient(50% 50% at 50.26% 100%,rgba(113,236,111,0.3) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-tokens-backgrounds-m: linear-gradient(63.43deg,#f27127,#f8a676);
    --gradient-tokens-backgrounds-lg: linear-gradient(181deg,#bdccf1 28.24%,#3a5d98 49.76%,#103161 57.24%,#3a5d98 67.18%,#abbbe3 79.74%,#fff 109.57%);
    --gradient-tokens-border-b: conic-gradient(from 270deg at 50% 50%,#fff -92.08deg,#3377fb 62.42deg,#71ec6f 114.22deg,#fff 267.92deg,#3377fb 422.42deg);
    --gradient-tokens-border-c: conic-gradient(from 270deg at 50% 50%,#3377fb -62.42deg,#fff 92.08deg,#71ec6f 245.78deg,#3377fb 297.58deg,#fff 452.08deg);
    --gradient-tokens-border-d: linear-gradient(180deg,hsla(0,0%,100%,0.2),hsla(0,0%,100%,0.03));
    --gradient-tokens-border-e: linear-gradient(180deg,hsla(0,0%,100%,0.1),hsla(0,0%,100%,0.015) 50%),linear-gradient(274.11deg,hsla(0,0%,100%,0) 1.04%,hsla(0,0%,100%,0) 34.11%,#fff 49.53%,hsla(0,0%,100%,0) 65.41%,hsla(0,0%,100%,0));
    --gradient-tokens-border-f: linear-gradient(180deg,rgba(243,124,55,0.2),rgba(243,124,55,0.03));
    --gradient-tokens-border-g: linear-gradient(180deg,rgba(51,119,251,0.2),rgba(51,119,251,0.03) 50%);
    --gradient-tokens-border-g-1: linear-gradient(180deg,rgba(51,119,251,0.6),rgba(51,119,251,0.14) 50%);
    --gradient-tokens-border-h: linear-gradient(180deg,rgba(113,236,111,0.2),rgba(113,236,111,0.03));
    --gradient-tokens-noise-a: radial-gradient(50% 50% at 50% 100%,hsla(0,0%,92.9%,0.2) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-tokens-noise-b: var(--colors-base-white-4);
    --gradient-tokens-noise-c: radial-gradient(50% 50% at 50% 100%,rgba(113,236,111,0.3) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-tokens-noise-d: radial-gradient(50% 50% at 50% 100%,rgba(243,124,55,0.3) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-tokens-noise-e: radial-gradient(50% 50% at 50% 100%,rgba(51,119,251,0.3) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-accent-a: linear-gradient(0deg,#71ec6f,#71ec6f);
    --gradient-accent-b: linear-gradient(0deg,#f27127,#f27127);
    --gradient-accent-c: linear-gradient(0deg,#3377fb,#3377fb);
    --gradient-accent-d: linear-gradient(0deg,#912aff,#912aff);
    --gradients-black: linear-gradient(0deg,#000,transparent);
    --gradients-white: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
    --gradients-background-a: linear-gradient(0deg,#151516,#151516);
    --gradients-background-b: linear-gradient(0deg,#212123,#212123);
    --gradients-background-b-70: linear-gradient(0deg,rgba(33,33,35,0.7),rgba(33,33,35,0.7));
    --gradients-background-c: linear-gradient(0deg,#34353a,#34353a);
    --gradients-background-a-70: linear-gradient(0deg,rgba(21,21,22,0.7),rgba(21,21,22,0.7));
    --gradients-background-e: linear-gradient(0deg,#ededed,#ededed);
    --gradients-background-e-4: linear-gradient(0deg,hsla(0,0%,92.9%,0.04),hsla(0,0%,92.9%,0.04));
    --gradients-background-e-8: linear-gradient(0deg,hsla(0,0%,92.9%,0.08),hsla(0,0%,92.9%,0.08));
    --gradients-background-white-4: linear-gradient(0deg,hsla(0,0%,92.9%,0.04),hsla(0,0%,92.9%,0.04));
    --gradients-background-white-0: linear-gradient(0deg,hsla(0,0%,92.9%,0),hsla(0,0%,92.9%,0));
    --gradients-background-white-b-20: linear-gradient(0deg,hsla(0,0%,100%,0.2),hsla(0,0%,100%,0.2));
    --gradients-background-selector-active: linear-gradient(0deg,hsla(0,0%,92.9%,0.04),hsla(0,0%,92.9%,0.04));
    --gradients-background-input-hover: linear-gradient(0deg,#151516,#151516);
    --gradient-topbar: var(--gradient-tokens-border-d);
    --gradient-menu-burger: radial-gradient(54.49% 54.49% at 37.22% 42.98%,rgba(0,0,0,0.75) 0%,transparent 100%);
    --gradients-partners-disclaimer: radial-gradient(79.43% 99.47% at 72.05% 92.94%,rgba(14,20,80,0.42) 0%,rgba(40,70,175,0) 100%);
    --gradient-game-item: radial-gradient(50% 50% at 50% 100%,hsla(0,0%,92.9%,0.2) 0%,hsla(0,0%,92.9%,0.04) 100%);
    --gradient-bottom-menu-item: radial-gradient(50% 50% at 50% 100%,rgba(51,119,251,0.5) 0%,transparent 100%);
    --gradient-selector-item-bg-active: linear-gradient(0deg,hsla(0,0%,92.9%,0.04),hsla(0,0%,92.9%,0.04));
    --gradient-tokens-border-c-linear: linear-gradient(90deg,#3377fb,#71ec6f);
    --gradient-colors-base-white-10: linear-gradient(0deg,hsla(0,0%,92.9%,0.1),hsla(0,0%,92.9%,0.1));
    --gradient-colors-base-white-30: linear-gradient(0deg,hsla(0,0%,92.9%,0.3),hsla(0,0%,92.9%,0.3));
    --gradient-border-red-20: linear-gradient(0deg,rgba(255,39,107,0.2),rgba(255,39,107,0.2));
    --gradient-border-a: linear-gradient(0deg,hsla(0,0%,92.9%,0.1),hsla(0,0%,92.9%,0.1));
    --gradient-colors-system-error: linear-gradient(0deg,#ff276b,#ff276b);
    --gradient-background-striped-bar: repeating-linear-gradient(45deg,hsla(0,0%,92.9%,0),hsla(0,0%,92.9%,0.3) 1px,hsla(0,0%,92.9%,0) 2px,hsla(0,0%,92.9%,0) 4px);
    --gradient-background-striped-pagination: repeating-linear-gradient(45deg,hsla(0,0%,92.9%,0.5),hsla(0,0%,92.9%,0) 1px,hsla(0,0%,92.9%,0.5) 0,hsla(0,0%,92.9%,0) 0);
    --gradient-background-striped-bar-2: repeating-linear-gradient(45deg,hsla(0,0%,92.9%,0),hsla(0,0%,92.9%,0.3) 1px,hsla(0,0%,92.9%,0) 2px,hsla(0,0%,92.9%,0) 3px);
    --gradient-background-striped: repeating-linear-gradient(45deg,hsla(0,0%,92.9%,0.1),hsla(0,0%,92.9%,0.1) 2px,hsla(0,0%,92.9%,0) 0,hsla(0,0%,92.9%,0) 7px);
    --gradient-background-striped-2: repeating-linear-gradient(45deg,hsla(0,0%,92.9%,0.1),hsla(0,0%,92.9%,0.1) 4px,hsla(0,0%,92.9%,0) 0,hsla(0,0%,92.9%,0) 12px);
    --gradient-background-striped-2-reversed: repeating-linear-gradient(-45deg,hsla(0,0%,92.9%,0.1),hsla(0,0%,92.9%,0.1) 4px,hsla(0,0%,92.9%,0) 0,hsla(0,0%,92.9%,0) 12px);
    --gradient-spin-main-text: linear-gradient(3deg,#fff,#fff 35%,#999 52%,#d0d0d0 62%,#fff 79%,#fff);
    --gradient-slider-blind: linear-gradient(270deg,#151516 50%,rgba(21,21,22,0));
    --gradient-slider-blind-reversed: linear-gradient(90deg,#151516 50%,rgba(21,21,22,0));
    --gradient-image-shine: radial-gradient(100% 36.22% at 50% 100%,rgba(113,236,111,0.14) 0%,rgba(113,236,111,0.072) 29.94%,rgba(113,236,111,0.05) 44.58%,rgba(113,236,111,0.012) 85%,rgba(113,236,111,0) 100%);
    --gradient-image-default: url(/1img/noize.png) padding-box,var(--gradient-image-shine) padding-box,var(--gradients-background-b) padding-box,var(--gradient-tokens-border-b) border-box;
    --gradient-image-sport: var(--gradient-accent-c) padding-box,var(--gradient-tokens-border-c) border-box;
    --gradient-image-pink: var(--gradient-image-default);
    --gradient-image-yellow: var(--gradient-image-default);
    --gradient-image-green: var(--gradient-image-default);
    --gradient-image-expired: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    --background-status-iron: var(--gradient-tokens-backgrounds-k);
    --background-status-silver: var(--gradient-tokens-noise-e);
    --background-status-platinum: var(--gradient-tokens-noise-c);
    --background-status-diamond: var(--gradient-tokens-noise-d);
    --border-status-iron: var(--gradient-tokens-border-d);
    --border-status-silver: var(--gradient-tokens-border-g);
    --border-status-platinum: var(--gradient-tokens-border-h);
    --border-status-diamond: var(--gradient-tokens-border-f);
    --background-status-color: var(--background-status-iron);
    --border-status-color: var(--border-status-iron);
    --colors-black-40: rgba(0,0,0,0.4);
    --colors-black-60: rgba(0,0,0,0.6);
    --statuses-text-error: #ff2156;
    --statuses-text-approved: #00b65e;
    --statuses-text-warning: #f90;
    --colors-white-01: hsla(0,0%,100%,0.01);
    --colors-base-black-1000: #151516;
    --colors-base-black-1000-60: rgba(21,21,22,0.6);
    --colors-base-black-1000-70: rgba(21,21,22,0.7);
    --colors-base-black-700-70: rgba(0,0,0,0.7);
    --colors-base-black-800: #34353a;
    --colors-base-black-900: #212123;
    --colors-base-black-900-70: rgba(33,33,35,0.7);
    --colors-base-no-color: hsla(0,0%,92.9%,0);
    --colors-base-white-4: hsla(0,0%,92.9%,0.04);
    --colors-base-white-8: hsla(0,0%,92.9%,0.08);
    --colors-base-white-10: hsla(0,0%,92.9%,0.1);
    --colors-base-white-12: hsla(0,0%,100%,0.12);
    --colors-base-white-14: hsla(0,0%,100%,0.14);
    --colors-base-white-30: hsla(0,0%,92.9%,0.3);
    --colors-base-white-50: hsla(0,0%,92.9%,0.5);
    --colors-base-white-60: hsla(0,0%,92.9%,0.6);
    --colors-base-white-70: hsla(0,0%,92.9%,0.7);
    --colors-base-white-75: hsla(0,0%,92.9%,0.75);
    --colors-base-white-a: #ededed;
    --colors-base-white-b: #fff;
    --colors-global-accent-a: #71ec6f;
    --colors-global-accent-b: #f27127;
    --colors-global-accent-c: #3377fb;
    --colors-global-accent-d: #912aff;
    --colors-global-accent-e: #12a849;
    --colors-system-error: #ff276b;
    --colors-system-success: #71ec6f;
    --colors-system-warning: #f27127;
    --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-70: var(--colors-base-black-900-70);
    --backgrounds-c: var(--colors-base-black-800);
    --backgrounds-d: 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-no-color);
    --backgrounds-g: var(--colors-base-no-color);
    --backgrounds-k: var(--colors-base-no-color);
    --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-b);
    --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-1000);
    --buttons-icon-secondary-a-bg-default: var(--colors-base-no-color);
    --buttons-icon-secondary-a-bg-disable: var(--gradients-background-white-4);
    --buttons-icon-secondary-a-bg-hover: var(--colors-base-no-color);
    --buttons-icon-secondary-a-border-default: var(--colors-base-no-color);
    --buttons-icon-secondary-a-border-disable: var(--colors-base-no-color);
    --buttons-icon-secondary-a-border-hover: var(--colors-base-no-color);
    --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-no-color);
    --buttons-icon-secondary-b-bg-disable: var(--colors-base-no-color);
    --buttons-icon-secondary-b-bg-hover: var(--colors-base-white-4);
    --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-white-4);
    --buttons-icon-secondary-d-bg-default: var(--colors-base-no-color);
    --buttons-icon-secondary-d-bg-hover: var(--colors-base-white-4);
    --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-bg-default: var(--colors-base-no-color);
    --buttons-primary-bg-disable: var(--colors-base-no-color);
    --buttons-primary-bg-hover: var(--colors-base-no-color);
    --buttons-primary-border-default: var(--colors-base-no-color);
    --buttons-primary-border-disable: var(--colors-base-no-color);
    --buttons-primary-border-hover: var(--colors-base-no-color);
    --buttons-primary-icon-default: var(--colors-base-black-1000);
    --buttons-primary-icon-disable: var(--colors-base-black-1000-60);
    --buttons-primary-icon-hover: var(--colors-base-black-1000);
    --buttons-primary-text-default: var(--colors-base-black-1000);
    --buttons-primary-text-disable: var(--colors-base-black-1000-60);
    --buttons-primary-text-hover: var(--colors-base-black-1000);
    --buttons-secondary-a-bg-default: var(--colors-base-no-color);
    --buttons-secondary-a-bg-disable: radial-gradient(50% 50% at 50% 100%,var(--colors-base-white-4) 0%,var(--colors-base-white-4) 50%);
    --buttons-secondary-a-bg-hover: var(--colors-base-no-color);
    --buttons-secondary-a-border-default: var(--colors-base-no-color);
    --buttons-secondary-a-border-disable: var(--colors-base-no-color);
    --buttons-secondary-a-border-hover: var(--colors-base-no-color);
    --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-no-color);
    --buttons-secondary-b-bg-disable: linear-gradient(180deg,var(--colors-base-white-4),var(--colors-base-white-4));
    --buttons-secondary-b-bg-hover: var(--colors-base-no-color);
    --buttons-secondary-b-border-default: var(--colors-base-no-color);
    --buttons-secondary-b-border-disable: var(--colors-base-no-color);
    --buttons-secondary-b-border-hover: var(--colors-base-no-color);
    --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-default: var(--colors-base-black-1000);
    --buttons-secondary-c-bg-disable: var(--colors-base-black-1000-60);
    --buttons-secondary-c-bg-hover: var(--colors-base-black-1000-70);
    --buttons-secondary-c-bg-active: linear-gradient(0deg,var(--colors-base-black-1000-60),var(--colors-base-black-1000-60));
    --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-border-active: var(--gradient-tokens-border-d);
    --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-icon-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);
    --buttons-secondary-c-text-active: 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-no-color);
    --checkbox-bg-inactive-default: var(--colors-base-no-color);
    --checkbox-bg-inactive-hover: var(--colors-base-no-color);
    --checkbox-icon-active-default: var(--colors-base-black-1000);
    --checkbox-icon-active-hover: var(--colors-base-black-1000-60);
    --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-70);
    --input-bg-disable: var(--colors-base-black-1000-60);
    --input-bg-error: var(--colors-base-black-1000-70);
    --input-bg-filled: var(--colors-base-black-1000-70);
    --input-bg-hover: var(--colors-base-black-1000);
    --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-70);
    --selector-item-bg-active: var(--colors-base-white-4);
    --selector-item-bg-default: var(--colors-base-no-color);
    --selector-item-bg-hover: var(--colors-base-white-4);
    --selector-item-counter-active: var(--colors-base-white-b);
    --selector-item-counter-default: var(--colors-base-white-a);
    --selector-item-counter-hover: var(--colors-base-white-b);
    --selector-item-icon-active: var(--colors-base-white-a);
    --selector-item-icon-default: var(--colors-base-white-50);
    --selector-item-icon-hover: var(--colors-base-white-50);
    --selector-item-stroke-active: var(--colors-base-no-color);
    --selector-item-stroke-default: var(--colors-base-no-color);
    --selector-item-stroke-hover: var(--colors-base-no-color);
    --selector-item-text-active: var(--colors-base-white-a);
    --selector-item-text-default: var(--colors-base-white-a);
    --selector-item-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-link: var(--colors-global-accent-e);
    --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-70);
    --filter-input-bg-disable: var(--colors-base-black-1000-60);
    --filter-input-bg-error: var(--colors-base-black-1000-70);
    --filter-input-bg-filled: var(--colors-base-black-1000-70);
    --filter-input-bg-hover: var(--colors-base-black-1000);
    --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: 18px;
    --headings-h1-line-height: 26px;
    --headings-h1-weight: 700;
    --headings-h2-font-size: 20px;
    --headings-h2-line-height: 28px;
    --headings-h2-weight: 500;
    --headings-h3-font-size: 16px;
    --headings-h3-line-height: 24px;
    --headings-h3-weight: 500;
    --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: 500;
    --buttons-font-xs-font-size: 12px;
    --buttons-font-xs-line-height: 16px;
    --buttons-font-xs-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: 700;
    --sidebar-right: 0;
    --breakpoint: 375px;
    --buttons-icon-xs: 6px;
    --buttons-icon-s: 8px;
    --buttons-icon-m: 10px;
    --buttons-l-gap: 8px;
    --buttons-l-vert: 12px;
    --buttons-l-hor: 20px;
    --buttons-l-radius: 100px;
    --buttons-m-gap: 8px;
    --buttons-m-vert: 10px;
    --buttons-m-hor: 16px;
    --buttons-m-radius: 100px;
    --buttons-s-gap: 8px;
    --buttons-s-vert: 10px;
    --buttons-s-hor: 12px;
    --buttons-s-radius: 100px;
    --buttons-xs-gap: 8px;
    --buttons-xs-vert: 8px;
    --buttons-xs-hor: 12px;
    --buttons-xs-radius: 100px;
    --chips-m-gap: 8px;
    --chips-m-vert: 10px;
    --chips-m-hor: 16px;
    --chips-m-radius: 100px;
    --chips-s-vert: 6px;
    --chips-s-gap: 8px;
    --chips-s-hor: 8px;
    --chips-s-radius: 100px;
    --game-cards-circle-s: 36px;
    --game-cards-circle-m: 52px;
    --game-cards-circle-l: 60px;
    --game-cards-height-l: 83px;
    --game-cards-height-m: 102px;
    --game-cards-height-xs: 102px;
    --game-cards-height-s: 221px;
    --game-cards-width-m: 83px;
    --game-cards-width-xs: 83px;
    --game-cards-width-l: 109px;
    --game-cards-width-s: 144px;
    --roundings-xs: 12px;
    --roundings-s: 16px;
    --roundings-l: 20px;
    --roundings-m: 20px;
    --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: 100px;
    --tabs-s-gap: 8px;
    --tabs-s-vert: 10px;
    --tabs-s-hor: 12px;
    --tabs-s-radius: 100px;
    --number-list: 38px;
    --promo-images-news-width: 192px;
    --promo-images-news-height: 192px
}

@media(min-width: 640px) {
    :root {
        --topbar-height:64px;
        --topbar-height-auth: 64px;
        --headings-h1-font-size: 22px;
        --headings-h1-line-height: 30px;
        --headings-h1-weight: 700;
        --headings-h2-font-size: 20px;
        --headings-h2-line-height: 28px;
        --headings-h2-weight: 500;
        --headings-h3-font-size: 16px;
        --headings-h3-line-height: 24px;
        --headings-h3-weight: 500;
        --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: 16px;
        --buttons-font-l-line-height: 24px;
        --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: 500;
        --buttons-font-xs-font-size: 14px;
        --buttons-font-xs-line-height: 20px;
        --buttons-font-xs-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: 700;
        --sidebar-right: 0;
        --breakpoint: 640px;
        --buttons-icon-xs: 6px;
        --buttons-icon-s: 8px;
        --buttons-icon-m: 10px;
        --buttons-l-gap: 8px;
        --buttons-l-vert: 14px;
        --buttons-l-hor: 30px;
        --buttons-l-radius: 100px;
        --buttons-m-gap: 8px;
        --buttons-m-vert: 10px;
        --buttons-m-hor: 16px;
        --buttons-m-radius: 100px;
        --buttons-s-gap: 8px;
        --buttons-s-vert: 10px;
        --buttons-s-hor: 16px;
        --buttons-s-radius: 100px;
        --buttons-xs-gap: 8px;
        --buttons-xs-vert: 10px;
        --buttons-xs-hor: 16px;
        --buttons-xs-radius: 100px;
        --chips-m-gap: 8px;
        --chips-m-vert: 10px;
        --chips-m-hor: 16px;
        --chips-m-radius: 100px;
        --chips-s-vert: 6px;
        --chips-s-gap: 8px;
        --chips-s-hor: 12px;
        --chips-s-radius: 100px;
        --game-cards-circle-s: 36px;
        --game-cards-circle-m: 52px;
        --game-cards-circle-l: 60px;
        --game-cards-height-xs: 102px;
        --game-cards-height-m: 142px;
        --game-cards-height-l: 226px;
        --game-cards-height-s: 232px;
        --game-cards-width-xs: 83px;
        --game-cards-width-m: 114px;
        --game-cards-width-l: 144px;
        --game-cards-width-s: 144px;
        --roundings-xs: 12px;
        --roundings-s: 16px;
        --roundings-m: 20px;
        --roundings-l: 28px;
        --spacings-3xs: 2px;
        --spacings-2xs: 4px;
        --spacings-s: 8px;
        --spacings-xs: 8px;
        --spacings-m: 12px;
        --spacings-l: 16px;
        --spacings-page-paddings: 20px;
        --spacings-xl: 20px;
        --spacings-2xl: 24px;
        --spacings-3xl: 30px;
        --tabs-l-gap: 8px;
        --tabs-l-hor: 20px;
        --tabs-l-vert: 20px;
        --tabs-l-radius: 100px;
        --tabs-m-gap: 8px;
        --tabs-m-vert: 10px;
        --tabs-m-hor: 14px;
        --tabs-m-radius: 100px;
        --tabs-s-gap: 8px;
        --tabs-s-vert: 10px;
        --tabs-s-hor: 16px;
        --tabs-s-radius: 100px;
        --number-list: 40px;
        --promo-images-news-width: 240px;
        --promo-images-news-height: 240px
    }
}

@media(min-width: 1140px) {
    :root {
        --topbar-height:80px;
        --topbar-height-auth: 80px;
        --topbar-height-desk: 80px;
        --topbar-height-desk-auth: 80px;
        --headings-h1-font-size: 28px;
        --headings-h1-line-height: 36px;
        --headings-h1-weight: 700;
        --headings-h2-font-size: 24px;
        --headings-h2-line-height: 36px;
        --headings-h2-weight: 500;
        --headings-h3-font-size: 16px;
        --headings-h3-line-height: 28px;
        --headings-h3-weight: 500;
        --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: 20px;
        --buttons-font-l-line-height: 28px;
        --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: 500;
        --buttons-font-xs-font-size: 14px;
        --buttons-font-xs-line-height: 20px;
        --buttons-font-xs-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: 700;
        --sidebar-right: 320px;
        --breakpoint: 1140px;
        --buttons-icon-xs: 6px;
        --buttons-icon-s: 10px;
        --buttons-icon-m: 14px;
        --buttons-l-gap: 8px;
        --buttons-l-vert: 16px;
        --buttons-l-hor: 30px;
        --buttons-l-radius: 100px;
        --buttons-m-gap: 8px;
        --buttons-m-vert: 14px;
        --buttons-m-hor: 20px;
        --buttons-m-radius: 100px;
        --buttons-s-gap: 8px;
        --buttons-s-vert: 10px;
        --buttons-s-hor: 20px;
        --buttons-s-radius: 100px;
        --buttons-xs-gap: 8px;
        --buttons-xs-vert: 10px;
        --buttons-xs-hor: 20px;
        --buttons-xs-radius: 100px;
        --chips-m-gap: 8px;
        --chips-m-vert: 10px;
        --chips-m-hor: 20px;
        --chips-m-radius: 100px;
        --chips-s-vert: 6px;
        --chips-s-gap: 8px;
        --chips-s-hor: 12px;
        --chips-s-radius: 100px;
        --game-cards-circle-s: 36px;
        --game-cards-circle-m: 52px;
        --game-cards-circle-l: 60px;
        --game-cards-height-xs: 120px;
        --game-cards-height-m: 200px;
        --game-cards-height-s: 232px;
        --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-xs: 16px;
        --roundings-s: 20px;
        --roundings-m: 24px;
        --roundings-l: 40px;
        --spacings-3xs: 4px;
        --spacings-2xs: 8px;
        --spacings-xs: 8px;
        --spacings-s: 12px;
        --spacings-m: 16px;
        --spacings-l: 20px;
        --spacings-xl: 24px;
        --spacings-2xl: 30px;
        --spacings-page-paddings: 30px;
        --spacings-3xl: 40px;
        --tabs-l-gap: 8px;
        --tabs-l-hor: 20px;
        --tabs-l-vert: 20px;
        --tabs-l-radius: 100px;
        --tabs-m-gap: 8px;
        --tabs-m-hor: 14px;
        --tabs-m-vert: 14px;
        --tabs-m-radius: 100px;
        --tabs-s-gap: 8px;
        --tabs-s-vert: 10px;
        --tabs-s-hor: 20px;
        --tabs-s-radius: 100px;
        --number-list: 44px;
        --promo-images-news-width: 242px;
        --promo-images-news-height: 242px
    }
}

@media(min-width: 1628px) {
    :root {
        --headings-h1-font-size:34px;
        --headings-h1-line-height: 46px;
        --headings-h1-weight: 700;
        --headings-h2-font-size: 26px;
        --headings-h2-line-height: 36px;
        --headings-h2-weight: 500;
        --headings-h3-font-size: 20px;
        --headings-h3-line-height: 28px;
        --headings-h3-weight: 500;
        --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: 20px;
        --buttons-font-l-line-height: 28px;
        --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: 500;
        --buttons-font-xs-font-size: 14px;
        --buttons-font-xs-line-height: 20px;
        --buttons-font-xs-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: 700;
        --sidebar-right: 366px;
        --menu-burger-width-opened: 442px;
        --breakpoint: 1628px;
        --buttons-icon-xs: 6px;
        --buttons-icon-s: 10px;
        --buttons-icon-m: 14px;
        --buttons-l-gap: 8px;
        --buttons-l-vert: 20px;
        --buttons-l-hor: 50px;
        --buttons-l-radius: 100px;
        --buttons-m-gap: 8px;
        --buttons-m-vert: 14px;
        --buttons-m-hor: 24px;
        --buttons-m-radius: 100px;
        --buttons-s-gap: 8px;
        --buttons-s-vert: 10px;
        --buttons-s-hor: 20px;
        --buttons-s-radius: 100px;
        --buttons-xs-gap: 8px;
        --buttons-xs-vert: 10px;
        --buttons-xs-hor: 20px;
        --buttons-xs-radius: 100px;
        --chips-m-gap: 8px;
        --chips-m-vert: 10px;
        --chips-m-hor: 20px;
        --chips-m-radius: 100px;
        --chips-s-gap: 8px;
        --chips-s-vert: 8px;
        --chips-s-hor: 16px;
        --chips-s-radius: 100px;
        --game-cards-circle-s: 36px;
        --game-cards-circle-m: 52px;
        --game-cards-circle-l: 60px;
        --game-cards-height-xs: 120px;
        --game-cards-height-m: 230px;
        --game-cards-height-s: 232px;
        --game-cards-height-l: 348px;
        --game-cards-width-xs: 96px;
        --game-cards-width-s: 144px;
        --game-cards-width-m: 184px;
        --game-cards-width-l: 230px;
        --roundings-xs: 16px;
        --roundings-s: 20px;
        --roundings-m: 28px;
        --roundings-l: 40px;
        --spacings-3xs: 4px;
        --spacings-2xs: 8px;
        --spacings-xs: 12px;
        --spacings-s: 16px;
        --spacings-m: 20px;
        --spacings-l: 24px;
        --spacings-xl: 30px;
        --spacings-2xl: 40px;
        --spacings-page-paddings: 40px;
        --spacings-3xl: 56px;
        --tabs-l-gap: 8px;
        --tabs-l-hor: 24px;
        --tabs-l-vert: 24px;
        --tabs-l-radius: 100px;
        --tabs-m-gap: 8px;
        --tabs-m-vert: 14px;
        --tabs-m-hor: 16px;
        --tabs-m-radius: 100px;
        --tabs-s-gap: 8px;
        --tabs-s-vert: 10px;
        --tabs-s-hor: 20px;
        --tabs-s-radius: 100px;
        --number-list: 48px;
        --promo-images-news-width: 320px;
        --promo-images-news-height: 320px
    }
}

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

body {
    font-family: var(--font_manrope);
    /*font-size: 21px;*/
    line-height: 1.48;
    color: var(--colors-base-white-b);
    background-color: var(--backgrounds-a) !important;
    --record-winnings-animation-color: var(--blue-dark-450);
    scrollbar-gutter: stable both-edges
}

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

a {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    transition: color .2s ease-out
}

a.border:hover {
    text-decoration: underline
}

strong a {
    font-weight: inherit
}

.c-pointer {
    cursor: pointer
}

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

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

.default-ol,.default-ul {
    margin-bottom: 20px
}

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

.default-ol li,.default-ul li {
    margin-bottom: 12px
}

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

.default-ul li {
    position: relative;
    padding-left: 21px
}

.default-ul li:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 7px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--gray-500)
}

@media(min-width: 1140px) {
    .default-ul li:before {
        top:10px
    }
}

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

img {
    display: block;
    width: 100%;
}

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

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

.bottom-sheet--statuses-modal .vb-content::-webkit-scrollbar,.touch .custom-modal__inner .vb-content::-webkit-scrollbar {
    display: none
}

.custom-modal--bonus-store-awards .vb-content,.custom-modal--email-one-time-password .vb-content,.custom-modal--not-referral .vb-content,.custom-modal--partners-contests-confirmation-modal-popup .vb-content,.custom-modal--partners-contests-contest-details .vb-content,.custom-modal--partners-contests-create-contest .vb-content,.custom-modal--partners-contests-modal-insufficient-funds .vb-content {
    width: 100%!important;
    padding-right: 0!important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.custom-modal--bonus-store-awards .vb-content::-webkit-scrollbar,.custom-modal--email-one-time-password .vb-content::-webkit-scrollbar,.custom-modal--not-referral .vb-content::-webkit-scrollbar,.custom-modal--partners-contests-confirmation-modal-popup .vb-content::-webkit-scrollbar,.custom-modal--partners-contests-contest-details .vb-content::-webkit-scrollbar,.custom-modal--partners-contests-create-contest .vb-content::-webkit-scrollbar,.custom-modal--partners-contests-modal-insufficient-funds .vb-content::-webkit-scrollbar {
    display: none
}

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

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

.swiper-pagination,.swiper-pagination-bullets {
    padding: var(--spacings-s) var(--spacings-3xl)
}

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

.swiper-pagination-bullet {
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 0 4px 0 0;
    opacity: 1;
    background: var(--gradient-background-striped-pagination);
    border-radius: 40px;
    transition: width .6s,opacity .3s,left .2s;
    will-change: transition
}

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

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

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

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

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

.swiper-pagination-bullet-active {
    position: relative;
    background: var(--colors-base-white-30)
}

.swiper-pagination-bullet-active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background: var(--colors-base-white-a);
    border-radius: inherit
}

@media(max-width: 768px) {
    div[style*="transition: visibility 0s linear 0s"],div[style*="transition: visibility linear 0.3s, opacity 0.3s linear"],div[style*="transition: visibility linear, opacity 0.3s linear"] {
        top:0!important;
        left: 0!important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%!important;
        height: 100%!important;
        background-color: transparent!important;
        border: none!important;
        box-shadow: none!important;
        overflow: auto
    }

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

input::-webkit-input-placeholder {
    color: var(--input-label-default);
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

input::-moz-placeholder {
    color: var(--input-label-default);
    -moz-transition: color .2s ease-out;
    transition: color .2s ease-out
}

input:-ms-input-placeholder {
    color: var(--input-label-default);
    -ms-transition: color .2s ease-out;
    transition: color .2s ease-out
}

input:-moz-placeholder {
    color: var(--input-label-default);
    -moz-transition: color .2s ease-out;
    transition: color .2s ease-out
}

.no-touch input:hover::-webkit-input-placeholder {
    color: var(--input-label-hover)
}

.no-touch input:hover::-moz-placeholder {
    color: var(--input-label-hover)
}

.no-touch input:hover:-ms-input-placeholder {
    color: var(--input-label-hover)
}

.no-touch input:hover:-moz-placeholder {
    color: var(--input-label-hover)
}

input:focus::-webkit-input-placeholder {
    color: var(--input-label-default)!important
}

input:focus::-moz-placeholder {
    color: var(--input-label-default)!important
}

input:focus:-ms-input-placeholder {
    color: var(--input-label-default)!important
}

input:focus:-moz-placeholder {
    color: var(--input-label-default)!important
}

.system-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

@media(min-width: 1628px) {
    :root {
        --game-sidebar-width:298px
    }
}

.filter-stick {
    position: -webkit-sticky;
    position: sticky;
    z-index: 3;
    display: flex
}

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

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

.body-overflow--hidden,.overflow--hidden-fixed {
    overflow: hidden!important;
    position: fixed!important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh
}

@supports(height: 100dvh) {
    .body-overflow--hidden,.overflow--hidden-fixed {
        height:100dvh
    }
}

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

@supports(height: 100dvh) {
    .safari-fixed {
        height:calc(100dvh - 1px)
    }
}

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

.hidden {
    display: none
}

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

.fw-600 {
    font-weight: 600
}

.ta-center {
    text-align: center
}

.no-border {
    border: none!important
}

.relative {
    position: relative
}

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

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

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

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

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

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

.text-no-wrap {
    white-space: nowrap
}

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

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

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

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

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

.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 {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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,.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 {
    transform-style: preserve-3d
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.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-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-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container: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(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge--event span {
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.v-popper__popper {
    z-index: 10037
}

.v-popper--theme-tooltip,.v-popper--theme-tooltip.v-popper--theme-tooltip--light {
    max-width: 343px
}

.v-popper--theme-tooltip.v-popper--theme-tooltip--light .v-popper__inner,.v-popper--theme-tooltip .v-popper__inner {
    width: 100%;
    border-radius: var(--roundings-xs);
    padding: 16px;
    color: var(--text-text);
    background: var(--backgrounds-c);
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.15);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.v-popper--theme-tooltip.v-popper--theme-tooltip--light .v-popper__arrow-outer,.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: var(--backgrounds-c)
}

.v-popper--small .v-popper__inner {
    padding: 12px 16px;
    border-radius: 12px
}

.v-popper--theme-tooltip.v-popper--theme-tooltip--dark .v-popper__inner {
    background: var(--backgrounds-b)
}

.v-popper--theme-tooltip.v-popper--theme-tooltip--dark .v-popper__arrow-outer {
    border-color: var(--backgrounds-b)
}

.v-popper--theme-tooltip.confirmed-phone__content-tooltip {
    max-width: 288px
}

.v-popper--theme-tooltip.confirmed-phone__content-tooltip .v-popper__inner {
    padding: 20px 16px
}

.personal-data__email-phone .v-popper--theme-tooltip.confirmed-phone__content-tooltip {
    z-index: 5
}

.v-popper--theme-tooltip.promo-slider-item__tooltip {
    max-width: 288px;
    cursor: auto
}

.v-popper--theme-tooltip.promo-slider-item__tooltip .v-popper__inner {
    padding: 16px
}

.v-popper--theme-tooltip.deposit-promocode__tooltip {
    width: 100%
}

@media(max-width: 639px) {
    .v-popper--theme-tooltip.deposit-promocode__tooltip {
        max-width:calc(100% - 32px)
    }
}

@media(min-width: 640px) {
    .v-popper--theme-tooltip.deposit-promocode__tooltip {
        max-width:443px
    }
}

.v-popper--theme-tooltip.games-list-card__body-bottom-tooltip {
    text-align: left;
    width: -webkit-max-content;
    width: max-content
}

.v-popper--theme-tooltip.games-list-card__body-bottom-tooltip .v-popper__inner {
    padding: 10px 16px
}

.v-popper--theme-tooltip.games-list-card__body-bottom-tooltip--bonus,.v-popper--theme-tooltip.search-game-item__bottom-tooltip {
    max-width: 160px
}

.v-popper--theme-tooltip.games-list-card__body-bottom-tooltip--bonus .v-popper__inner,.v-popper--theme-tooltip.search-game-item__bottom-tooltip .v-popper__inner {
    padding: 8px 12px;
    text-align: center
}

.v-popper--theme-tooltip.payment-area-form__validate-card-tooltip {
    max-width: 248px
}

.v-popper--theme-tooltip.player-account-select__tooltip {
    max-width: 320px
}

.v-popper--theme-tooltip.player-account-select__tooltip .v-popper__inner br:first-child {
    display: none
}

.v-popper--theme-tooltip.promocode-form__input-tooltip {
    max-width: 288px
}

@media(max-width: 639px) {
    .v-popper--theme-tooltip.payment-balance-lottery__tooltip {
        left:-16px!important;
        max-width: 333px
    }
}

.v-popper--theme-tooltip.payment-balance-lottery__tooltip .v-popper__inner {
    max-height: 300px;
    overflow-y: auto;
    padding-bottom: 12px;
    background: var(--backgrounds-b);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.v-popper--theme-tooltip.payment-balance-lottery__tooltip .v-popper__inner::-webkit-scrollbar {
    display: none
}

@media(min-width: 640px) {
    .v-popper--theme-tooltip.payment-balance-lottery__tooltip .v-popper__inner {
        max-height:360px
    }
}

@media(max-width: 639px) {
    .v-popper--theme-tooltip.payment-balance-lottery__tooltip .v-popper__arrow-container {
        transform:translateX(16px)
    }
}

.v-popper--theme-tooltip.payment-balance-lottery__tooltip .v-popper__arrow-outer {
    border-color: var(--backgrounds-b)
}

@media(min-width: 640px) {
    .v-popper--theme-tooltip.payment-balance-lottery__tooltip {
        max-width:382px
    }
}

.partners-contests-create-contest__form .v-popper--theme-tooltip {
    width: 278px
}

.v-popper--theme-dropdown .v-popper__inner {
    background: none;
    border-radius: unset;
    border: none;
    box-shadow: none
}

.v-popper--theme-dropdown .v-popper__arrow-container {
    display: none
}

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

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

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

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

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

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

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

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

.payment-modal__body {
    padding: 12px 12px 0 12px
}

@media(min-width: 640px) {
    .payment-modal__body {
        padding:20px 40px 0 40px
    }
}

.payment-modal__body--scroll {
    display: flex;
    flex-direction: column;
    height: 100%
}

.payment-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(min-width: 640px) {
    .payment-modal__header--fixed {
        position:absolute;
        width: 100%;
        top: 0;
        left: 0;
        max-width: 576px;
        padding: 20px 40px;
        border-radius: 32px 32px 0 0;
        background-color: var(--white);
        box-shadow: var(--gray-shadow);
        z-index: 5
    }
}

.payment-modal__close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.payment-modal__close-ic {
    width: 14px;
    height: auto
}

.payment-modal__tabs {
    display: flex;
    gap: 8px
}

.payment-modal__tab {
    display: flex;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 12px;
    background-color: var(--gray-500-p-08);
    color: var(--gray-500);
    border-radius: 12px
}

.payment-modal__tab.active {
    background-color: var(--gray-500);
    color: var(--white)
}

@media(min-width: 640px) {
    .payment-modal__tab {
        font-size:14px;
        padding: 8px 16px
    }
}

.payment-modal__payment-providers-list {
    margin: 16px auto 24px
}

@media(min-width: 640px) {
    .payment-modal__payment-providers-list {
        margin:24px auto 24px
    }
}

.payment-modal__payment-area {
    flex: 1;
    margin: 0 -12px;
    background-color: var(--gray-500-p-6)
}

.payment-modal__history {
    overflow: hidden
}

.payment-modal__cashout-not-verify {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 16px 24px;
    margin: 24px auto;
    border: 1px solid var(--yellow-500);
    border-radius: 20px;
    box-shadow: var(--light-gray-shadow)
}

.payment-modal__cashout-not-verify--red {
    border: 1px solid var(--red-500)
}

.payment-modal__cashout-not-verify-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    background-color: var(--yellow-500);
    border-radius: 50%;
    box-shadow: var(--yellow-light-shadow)
}

.payment-modal__cashout-not-verify--red .payment-modal__cashout-not-verify-icon {
    background-color: var(--red-500);
    box-shadow: var(--red-light-shadow)
}

@media(min-width: 640px) {
    .payment-modal__cashout-not-verify-icon {
        width:40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px
    }
}

.payment-modal__cashout-not-verify-img {
    width: 3px;
    height: 15px
}

@media(min-width: 640px) {
    .payment-modal__cashout-not-verify-img {
        width:4px;
        height: 20px
    }
}

.payment-modal__cashout-not-verify-text {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .payment-modal__cashout-not-verify-text {
        font-size:14px
    }
}

.payment-modal__cashout-not-verify-button {
    display: inline-flex;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    margin-top: 4px;
    color: var(--gray-500);
    text-decoration: underline
}

.payment-modal__cashout-not-verify-button:hover {
    color: var(--orange-500)
}

@media(min-width: 640px) {
    .payment-modal__cashout-not-verify-button {
        font-size:14px
    }
}

.icon-bg {
    width: 18px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    display: inline-block;
    transition: all .2s ease-out;
    margin-left: 6px
}

.icon-bg.icon-upgrade {
    display: block;
    width: 14px;
    height: 14px;
    background: url(/1img/upgrade.1010e845.svg) no-repeat 50%/contain;
    color: #9b9084
}

.dots {
    font-size: 0;
    line-height: 0;
    letter-spacing: normal
}

.dots--color-mod-1 .dots__item {
    background-color: #a88e74
}

.dots__item {
    display: inline-block;
    width: 44px;
    height: 8px;
    margin-right: 4px;
    border-radius: 4px;
    background-color: #83766a;
    letter-spacing: normal;
    cursor: pointer;
    transition: all .2s ease-out
}

.dots__item.active {
    background-color: #f09235;
    cursor: default
}

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

.vue-notification-group {
    z-index: 10100!important
}

@media(max-width: 639px) {
    .vue-notification-group {
        top:20px!important;
        left: 16px;
        right: 16px!important;
        width: auto!important
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .vue-notification-group {
        top:64px!important;
        right: 24px!important;
        width: min(100%,343px)!important
    }
}

@media(min-width: 1140px) {
    .vue-notification-group {
        top:80px!important;
        right: 40px!important;
        min-width: 250px!important;
        max-width: 343px!important;
        width: 100%!important
    }
}

@media(min-width: 1628px) {
    .vue-notification-group {
        right:80px!important;
        min-width: 300px!important;
        max-width: 520px!important
    }
}

.vue-notification-wrapper {
    animation: notifyBounceTopToBottom .5s ease-in-out 1;
    opacity: 1!important;
    will-change: transform;
    width: auto!important;
    display: flex;
    justify-content: flex-end
}

.vue-notification-wrapper.vn-fade-leave-to {
    animation: notifyBounceBottomToTop .75s ease-in-out 1;
    opacity: 1!important
}

.vue-notification-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--spacings-l);
    padding: var(--spacings-l);
    margin-bottom: 12px;
    border-radius: var(--roundings-m);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
    overflow: hidden;
    opacity: 1!important;
    transition: 0s!important;
    transform: translateZ(0)!important
}

@media(min-width: 1140px) {
    .vue-notification-inner {
        margin-bottom:22px
    }
}

@media(min-width: 1628px) {
    .vue-notification-inner {
        gap:20px
    }
}

.vue-notification-inner:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    background-image: url(/1img/info.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media(min-width: 1628px) {
    .vue-notification-inner:before {
        width:44px;
        height: 44px
    }
}

.vue-notification-inner:after {
    content: "";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4px;
    background-color: var(--colors-base-white-30);
    animation: progress var(--duration,5.6s) 1 linear forwards
}

.vue-notification-inner.vue-notification-inner--only-title {
    align-items: center;
    width: 100%
}

.vue-notification-inner a {
    color: var(--text-link)
}

.no-touch .vue-notification-inner a:hover {
    color: var(--text-text-accent)
}

.vue-notification-inner-bg {
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--roundings-m);
    z-index: -1
}

.vue-notification-inner--info .vue-notification-inner-bg,.vue-notification-inner-bg {
    position: relative;
    background: var(--gradients-background-b-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.vue-notification-inner--info .vue-notification-inner-bg:after,.vue-notification-inner-bg:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b-70) padding-box,var(--gradient-tokens-border-g) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vue-notification-inner--warn .vue-notification-inner-bg {
    position: relative;
    background: var(--gradients-background-b-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.vue-notification-inner--warn .vue-notification-inner-bg:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b-70) padding-box,var(--gradient-tokens-border-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vue-notification-inner--error .vue-notification-inner-bg {
    position: relative;
    background: var(--gradients-background-b-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.vue-notification-inner--error .vue-notification-inner-bg:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b-70) padding-box,var(--gradient-border-red-20) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vue-notification-inner--success .vue-notification-inner-bg {
    position: relative;
    background: var(--gradients-background-b-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.vue-notification-inner--success .vue-notification-inner-bg:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b-70) padding-box,var(--gradient-tokens-border-h) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vue-notification-inner--error:before {
    background-image: url(/1img/error.svg)
}

.vue-notification-inner--warn:before {
    background-image: url(/1img/warning.svg)
}

.vue-notification-inner--success:before {
    background-image: url(/1img/success.svg)
}

@media(min-width: 1628px) {
    .vue-notification-inner--success:before {
        background-image:url(/1img/success-desk.svg)
    }
}

.vue-notification-inner--info:before {
    background-image: url(/1img/info.svg)
}

.vue-notification.offline {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    width: 100%;
    padding: var(--spacings-l);
    border-radius: var(--roundings-m);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
    background: var(--backgrounds-b-70);
    border: 2px solid var(--colors-system-error);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.vue-notification.offline:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    margin-right: var(--spacings-m);
    background-image: url(data:image/webp;base64,UklGRnwJAABXRUJQVlA4WAoAAAAQAAAAgwAAgwAAQUxQSHQCAAABkFXbbt1aG4IYHEEohEIIg2sIYRAzaBi4DFwGhmAIgmAI+ugrsSXf109ETABG5WW95SKiL0VKvq3LBX7ymqoeXlO42EchNT1dcmDDaC3abQls07Vo53kxh7amA0pgS2hrOmhLbAVtTUdObMLWdHDZxruKGihhLMpqZOKBlqZmShiFbmrqjYZgUWOFB/jV1NwWutvU5K2zpEbfeqKiZmfqhqoaXqkTqmp6pS6oqvGVeshqfungpg6m0zZ1cTspqJO/TuHmReMTSNRNoeNu6ujtsKCuLgex+NLomKTO5kOCuns9QvyRAzZ1OH7F4lGjb5K6HL9g9bnRZ8kpjR9x86rRJ0Hdjp+IX+2DRR2/vsuelTesrtOr4Nv6qvhWXrA6T0/Bu/CUvUtP4l0DcFH3f4Dg3wok/xJQ/auATiAuM/CzzMCyzsC6z8CeZ+BRZqDIDMgc6H+LMgMyB2UGSp6Bxz4D+zoD6zIDC8/ABTMAVP8qcPcvAat/AWD/LgCadwIAd+8eT8G78ETe8ROKbwUvV9/CK/KNX6F49sDbq2fLOzS/BB9Gv8In1Lxq/AmiVwkfU3OKP0P0KeFLah4Jf4PoUcT34o/gwKs/4QhkbxIOpeaL8DFYfAk4evdkx+EkfggdB25eNMaZwYuAc6MPEWffPdhxfrEvo0Oq1lXqAVRtq4Q+qVpWCb1StqsQOt6tuqPvaFNE76HZ0wL6Z7FGGCPSbstOGDSIHW3BuHy3IhOGDmKBXDF8lNFahIV8H6pFgpF8b6O0SDCUg4zQIsHaJfdWrjCZQ+mnrAS7OWQ5r6VAMP8S7vW4mlaGn5dl3XMReSVS8r4ujFEBVlA4IOIGAADQJQCdASqEAIQAAAAAJaQZwY4ARD33SXcxQ82/178AP1V8a/5d+O/7L+YD4T+J/ht+1HKaeX+lnxT8fv3P/vWsDfwD+KfjX+zv9j0QLsd/HvxM/o/+h/0/AAe5z/VPxl9x/4p4kvcfsAfxz+Z/2b8wP7l7q35n+Q/8u////1+B34r/Nv7D+Pn7//gD/Cv4h/Wv73/Sf75/jf/R/qfsa8wD2Gv0TTCgUrZCZvdDfH++6LyAGTzaEKKrKCkMiYx5BXhrebsSdxgm1sF4QlJB4I1NAF6itiLwSKaFT8I/RbEscqsEsBNkRIpDf66N2H+7T3WCQ9i6kXaWgiJzv8AjvEUja0ZglyuAIgTRPEvnQbFQUTMD8d//2kRZq7acEaE/sEPTEWHcU3kaOLriWZl2KhzVUD9ARzrYAAD+/99u5+/UvMhyQRdguClFP3VRWT0AMvr1y3SdAwDsWLP5M+FKsy9wPp5se7zhThDqn4BuJ5ZhcKVWLN93Q7/wolexY6DtvflSSBdDeWdGlgoxkt/wpDYv9IPQC6jPfVEATE9r9NV8MLZ9lYX59NJPbAeEAbVH6GWn/aUw27Gmw1DLEQGqp2YoGocqlp/b7y7fyE8kJbX0RCZrekAYNG6WV3zV31VuSypbgL1WfiLxKrHWhRkP8KPZFeWwtGkAs+s3slrS6XUH+estNPk0jceugszvGrRJB5j3GRtON//8WwGiIOYcWfw/LWACYpt5W33azA4uktDk/j63FPI9gG3xUQ/zTLjOI6bomAV01t/2wwt7v0Zfl4hSF6h6IQP5ud4kH+sVCV8UQXq8ZjwCnJ2B4n5KC/vaKTcB/4Dzdtx1KByvkgY+g4oMBrABFHsr73mnvrdAHpE5YN8gLVXATuOrXOS7R5g9j5SmmYSklL21ypvAuSFlIhOsFczeWdM+p0JL6ZJnu4XbcyB79C2TakDTJ9oi+AdALg5HsrC/PppJ7O9P/FboxxvXlSkUgFh7EM+RC/YT+tzZHQN0/ncewDb0+P/x1UpU0KflhH+its8HsbXpyjUPNC4Pz32VsuXhdsISkvg3piE/cwV7o693wW/O9PyMczgmAhYbzfBJ248eYBmLDFY0RCy+1DRFerRXCC0F3h2k3SK8qAGSNnKqyueHmCwr1CZeZr+iudRJ9Ihw/z3VVsA5eYEOBoXxGEpyQMv//5tUZ/+cIMGvNz8FNpJysZ0voflKagfyXK0afsVgkDyUxD3Sm4ZyavRrDUEJnLDCOrf/ilOKMEbA3lRl5sQO5DyRv/+sztTJTrHZF9+Tci//lQRqPUx67aT3iO8taHQl7CLIx4nVlTXLQ37UEvgoRHc+khfBJnPZzRjEke07dxsZX00UvBqxc+17lPrsCgOo/biND3at0WBXMePDGoXAvi5WI9oFv1GhGSI1EYSbTwvJO+0Dr37RAG4EuYQ0mK8bN+spjs7n7qf1AAU2dklmoc9y7lECGTFaku2QRDC0CgVVHXmsJPzSRhGzrDynD97bAUWlggvh72BuVD3meQkW88epQsd6uhDv0vSg5c+rByBQBFksieYST/AEhUVwI39rWkYDHJfZMfvOL2/pQZIXwZaK0/0LLv8hrrUAoj2aBNRihd99y7WQj9AwbEdLJIMR8Gd9OpC0JQfueR23CJb/HxKn3BRiZwdYO7EZlJyY+l9SphdziN8GScJlVRVuRUTmhM7JvESEyzXcq6n6e8m9dtn1vshec+v1sfRe8ldvaRzujDbnw5AJTLR9VD7GBnYGpiLlRt0TgU/XQnu1ncxpsb0qEl0nyf6qeBIyl+gX2KyZPim4chvD9OWc1jA01UrkS/pPXBWqCWzy6YnpUL+BSkk9UCG2wOYHeqRVnfU6W4bLUPsUdHrPRKWwgWSOP1PUluXswETb8UrIdoSG0XkPdL2I1a2gx3uzGyL/5THndGU1YNyHtGJBUAdK3mt9Hcs9f4X/n7L40y+h+UoLNJlhF3oAc8vug+akgIkrw55sifVxUaKJ2bLOtHpIMsOFMGJPGRUbkBsQxNo4L8CgfQBGMzB0EBEmHWz+c9ID/HMygCqFkXLdI5AadAeUa///s3A2P8Q2LxtJezC158+kzEnulQA3T/fkbEXf2eiUthA5xWocwO9UXxA9lQFL3Yxf7PsxZl61FMLZ9lYX59NJPacIRPMJJ/gCQkaFGten8bFM1EEi6YVXJjIxwHtBKO6F4E//+2nNxjz/I6VrZNLXhbouyCGcv8F5b6fmpF/vOEEDv74Cxf5UkBZlw/xzdvbrPH5A6w14sVSiMFTsZwE+RAFQ1BuSQAebLgomlUj//+LZXoOz7+AI8DYqhE7Jegb7aUD0czNGHTXYAAAA);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .vue-notification.offline:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA6ASURBVHgB7Z1PbBTXHcd/M46EewieNaWKBFLGdiPVXGJO0AsxB6IciOIEDik5BN/ggpNDaKKGghWqJqZScC5NLrU5hOQQE5BSKQmVMO4FX5rNBVIJ24MEEhUo3tBLQPVMf9/5Y8a7M7szszM7b2bfR7J2Z73rXe/7zu/ve28UKjE6wzcjRCpun1ZVRbcs0ogs3XmGoge/0jLc3xuKQjXTtI9vEZm4NZgqlRSFSoIz+OoYD/qzlmWxCJQRyhSrqihK1TTpKtFatSwiKawgePz5TO9hAdBzfNaP8UMa5QusCQRyiQUyDzNCBaRQgnBEoB7mM/MlPhwlsZlnoZ4rmjgKIQgWwqii9Jwk8UUQCFuOi6a5do51cZEER1hBwBqoqjphWcoblL87SAuDrcakyFZDOEGUVAj11FyrMSmaMIQRRJcIoQEWxqxIwughARgcHOT4QP2cv54X+LCXuosRRVHH+vsr2urq6lXKmVwthBMsqjPhBaKuw44xDGNplnIiF0E47qFnxq0fSOrI04103GXo+tAYW4UrZJeUJSHYbkTT+n+q1VY7WgHtmIVwg8aTbtAoiYiiWGdN04S1qFEH6Igg0GdwrIKikyQJHFus7e2EC1EpY4aGhl7nKuN3UgxtoeM7ZHd7mDIm0xgC6SS7iLPUfalkFvRysIn0lLJMTzMTxODg0IyMF7JAGXVrFt9QBqQeQyB4ZPP2JRW0EVUU3NL3eNrBZqqCcMRgB48ypewIVtWyzL1piiI1QUgx5EW6okhFEFIMeZOeKFJJO1GGlmLIE2XEjdvapm1BcGr5oexJCMEoMjtqk7bSTrfO8DZJRGGk3TpFYkE4VTO76CQRCmV0y5Z+g0XxPSUgUVDp9CZQju6emU0Fo8a9j51Jeh+xY4jHGYUUg8CgOHjFWbYQj9iCQAtbNqoKge6MVTxiuQzEDVwybTuSlXQOzgBfNoylyOtBIgtCzmkoLIgnBqIWrWK4jB7pKoqJ5hQOoxHJQkhXUXy4XsSl7ZvzrZ4XyUIoihU7OJGIBY9hpBO6ZWHKWUSjyNJ08dE0raLUaqvzzZ7U1GXIQLJ0tAwwW7gMGUiWDOyv0XRaY6ggHOtAh6nD7Nq1i6rVf9k/ExPHSJIuiqJMNKtghsYQmrblQxZEx+c4fPbZp7R161batGkT7d69y35scXGRJKnRy7J4GBZLBFoI1zrkEkhu3ty34RhWQlqKdGlmJQItBFuHMRbEq5QDDx8+pOee27PhMWkpUifUSgQKolKpfMkvyKWbWa06a1s9EXhIUaQLW4kRFsQH9Y83CMJZna0coRzxBl2KIlN62RNcrdV+NPwPNghC0/r/zO7iN5QzUhTZw+Oss5U4539sgyDcQtTHJAhSFJmja1rfdK1W+9l7YIMg3GBSqDK1FEXWKP9hK3HNO9ogiEql/0O+0UkwshDF5s1Pcr3jV7R9+zYsTObb7fYPx0/8W4uznUfUDfD/2+t3G+u9DHfi7AoJTFhNYnr6I/snDAz++Pg4DQ8P044dw3y82f5pxfXrN+j27dt048YN+/7i4jV68OC/VDa4v1Hx+hs+QRRjzkMSUSwszNtnfxpAGNeuLdKFC3P2/TJgWTTu7Xy37jI4uzgpQnbRiiTu48SJdyktUFbfuXOEDh06RAcOvGJbmjt3bhfacqgq1VZXVy/h/roguBj1fl7FqLjEFQUaZmlZCD8QA94T7mjbtu22MO7du08FRPeKVLbL0PVnRhTF/I4KAgbh2LFjDYLwqHcfCBzHxw/b95244A4P3h0+q38KPLMhnm3bttnxBl47PLwj9L3qgTs5fvy4/R7FwtRXVlZuuYIoRvyA4HBiYmJ9cJvRKtBMAizNwYOv8O1uWyjN+OKLC/TRR9OFEYZlWW8axvJZ22Vw/DCRR6s7Dvv27bNb41HP1CzqFLAqly//g2ZmZm1LgAx1x44dgc+FdYErSfszZIWqKncRR9gWYmBg8DtR93doZRVg8mdmHOOWJCVtF1gKWA58xjCrgdT10KHXBLcWVnVlZXmnbSG4ICVMudoPvuC5uS8a2uEAQvj440/sgVhY+GduFU18DtQpYDUePHiAfTkbahw4Ft9aKE9xYDnZ4wSUVq7dzSAwkOfPO7On6oG5xhcM8+2vKOZd5kbr/vLly7YAglwJPgdc38LCgpBpaqWizfZoWmV3XpNhwjh48ACf/X+1p9H5wZc4NXWG6wp/DP1C8xYFPheEOjc3x4P/fIO1gMAhCoj6/n2xUlTLMq9CEC9wPfsFEgSIYWqqYd6G7X8PHDhgu4dWiNAQc2Kb2Q3v6wGRvPbaIft/grsRB2URgniVBbGbBAGWof6swtl25MiRWEWfpKJAEIv3gjCRKQBkF0nB+8Bi7Nmzp+H/wmdBHCQQ/36CVfE0CUT9JFtkEO+99ydKAgYDZyoG2Y+XjQRlH+++e8KuNTx+rnP77beX111BXK5fv26XuqempjYIVLw4QtF7OMNAQKmTIPgn2WLApqb+QnGBa0H/AgNfH4d4hFmKEyf+ENgJRfbw/PP7Evcv8Ny5uQvr743jM2fOiNYgu6vo+uAKuwydBMI7o+OeQa1K2kHU1ymiTvtHbQEDnKTGkfT/6wAGYog3WBBCNbWQSsaZoIIvGP2D06ffa9rEwtlYn8bWWwrcYrBhATZt6g1Me533dBpbsBj4u3HijLj/XwepwWUUemtBFK8QZ8CcB4FIHtE+AsWwqL9eFIj8kc2cP/+ZHTNgwCGAILHhcQSgTz652a4vFBxNGRgYsqigIAtAVhI0UBDCW28dD8wmks68gvjwOsQoQRSjRN0cWIhTVEAghqBKplfSPnLkaKgZT5qStio64VjUolNUCikIfPFBYsCZiZL2V1/9veXfaKd45RWd0Luo77Pgs7344n769NPz9OhR8SbqFlIQQ0ODdkzgB34epjyOuW63ooneRZC1QKqLGKSdglZeFFIQiND379+/PggYFHQ9k6Rx7YrCqy9ApKhVAIjy9OnTVESErENEAQEe/DXwsoc4IFXFzCfcIiiFdQmazxBnPoVXtIJACzrp1iisIJLgrc/AhJZ2ilclxniCxWCQgKu10sQTAmZdRVmgU0+z3keZsCy7Utk/VoT1GEmBJZiZ+ZtduArra0T9O6Dka0m/R+n6tyK1v9MEFgEzn8OsAvz80tKynS0sLy+77XUl9PnlF4X1Dbe/yaAS4nU8g0ArG4HojRvXQ9ZlhE+cLbn7sF3GU6JNoUuDM2emGgpXqCCitIweBWoEYQ0m/8RZ0D1bEZifsCD6flYUtXTX6Eadwt/jwBl9/PjvY6eD3bU/hfVBT40paj+jGRgoLMEDEEM7U9W6RRSGsXJU+IU6IpG0S1oMfAt1NE1DpiEF0YIyWwoe/6+xlM9b26mLNBVfZMoqCi5KTddqq1VXEH13yxhYRgEDifQSaeb9+/ciTfUvpyjWJjmcvGsLwg0sIYhe6iK85YKYbOPtCoPUNErbumSiMDigfAd3fFsKacPdFkdgnUT99Dsce9PlW1EWUbC7uMru4nPc9+2Gr85Tl5FGizoswyjYLv7r1/X0WYg+g+OIt6mL2Lr1lw1T4FCd9DZgj0rxLcXamwgbcG9dENjeluOIUSp5K9yPN/BoZmHFGM70JJNtQFFFwe5inuOHae+4bmvjSqXb0k8MFHobSSxD0N8CBRPFJNJN76BOEH0/dJvbSJviieKxuwAbBNGNbiMLiiIKdheX2F1s2E4q4HoZW27lcTW+slEMUay9w0bgB/8jDYLAFVa6sUiVBYKLAsWoo/UPhlyErfILDi5HSdI2zUSBlV/tBrJJYXfxpj+Y9AgRRF+Vg0ssjZJWIgXCRIFyeU5bCtVcd9FwyefA63bi2gmWZU2TJDWCKpp5LebhGPEij7ER9LsmV/aVViJtPEuBPSwxnxP7WWG2d6exrLWXg6wDUJq9UNcHT3EscZIkpYGtw+zy8tJ42O/V5i83sbtMjSRlwTDNtclmT2gqCBlLlAvLUs6FxQ4eTV2Gx8DA4AoWipOkyBgrK0sDrZ6kUgQsSx0nSaHhusNklOdFEoRh3JxHqkKSQoJA0rvqXisiCQJwMAIrIQPM4tEykPQTWRBOgEnSdRQMuIpWgaSfHooB175/0LT+CpugUm4fUDaw1oJdxftxXhPZQjxm7RS/lUES0TGcsYpHbEE4rsPcSzKeEBkeo7W93vW845DAQtiiMNA+JYmQYGzixA1+YsUQftBL17Qt3OqgUZIIA1cjOYhcSryhfWJBgFrtx3kOMgdEvwhst+AGkW1Nko5Uum7FwMDQFb4ZJUluoHDIXcyXqU0SxRD1oL+ODSdIkhNW1S0ctk0qFgLouq4pinpF7kTTaawqsr4kGUUQqQkCSFF0mnTFAFJxGR5ejUI2wrIHazLTFgNI1UL40fWhsyyMCZKkDovhHGcThykD2ko7m8F1iq9lnSJ93DpDZts/ZSYI4NYpbrmikLO32wPd5qPtFJ2ikJnL8MPBpu4GmzpJkmC4vQmDMibVoDIMp/dh7kQljSSxwHfGYtjZCTGAjlgIPxxsHlYU66S0Fi2xJySxi+hoxpZpDBGE0xTru8TGqSJ7IMEgbXdcxErHq78dtxB+pLVogF2rMo5JzZQTuQrCQ9d/fUpRzNe7WBjsHhTuVN48RTnTcZcRhJOedqUbgRA+IFr7nWEsf00CIISF8IMUlXXKFoNe4kONyoltEYj+dzbt0nO7CCcID1cYoyWLMYQVgoewgvDDweeYqtLrnIaNUQFBI4q/6sk8g8WoFEIQHo+tBnEAKnaPxBGBxXGROSuqNQiiUILw44mDLcdLlmWNCOBWaqgfmCZd5SDxYpFE4KewgqhH159hUZjIUEb5zHw260s9sAirqqpUTdP6nt/3YqdKy1lTGkEE4YpE5+HTccgD+DSbco0HE8e4zpQe9Dr+veH+3uCzvsaDfovslVC4TvpatSyDH8T/AZp1XUfsk5BWAAAAAElFTkSuQmCC)
}

@media(min-width: 640px) {
    .vue-notification.offline {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.vue-notification.offline .notification-title {
    padding: 0;
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.vue-notification__center {
    flex: 1
}

.vue-notification__title {
    margin-bottom: var(--spacings-2xs);
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

@media(min-width: 1628px) {
    .vue-notification__title {
        font-size:16px;
        line-height: 24px;
        font-weight: 700
    }
}

.vue-notification-inner--only-title .vue-notification__title {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 1628px) {
    .vue-notification-inner--only-title .vue-notification__title {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.vue-notification__text {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0
}

.vue-notification__text .amount {
    white-space: nowrap
}

.vue-notification-inner:not(:has(.vue-notification__title)) .vue-notification__text {
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 1628px) {
    .vue-notification-inner:not(:has(.vue-notification__title)) .vue-notification__text {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.vue-notification-inner:not(:has(.vue-notification__title)) .vue-notification__text a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 1628px) {
    .vue-notification-inner:not(:has(.vue-notification__title)) .vue-notification__text a {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.vue-notification-inner--only-title .vue-notification__text {
    display: none
}

.vue-notification__customButton {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.vue-notification__close {
    flex-shrink: 0
}

@media(max-width: 1139px) {
    .vue-notification__close {
        width:36px;
        height: 36px
    }
}

@media(min-width: 1140px) {
    .vue-notification__close {
        width:40px;
        height: 40px
    }
}

@keyframes notifyBounceTopToBottom {
    0% {
        transform: translate3d(0,-200px,0)
    }

    80% {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes notifyBounceBottomToTop {
    20% {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes progress {
    0% {
        width: 100%
    }

    to {
        width: 1px
    }
}

.d-desktop-game-inline {
    display: inline
}

.d-desktop-game-inline-block {
    display: inline-block
}

.d-desktop-game-block {
    display: block
}

.d-desktop-game-flex {
    display: flex
}

.d-mobile-game-block,.d-mobile-game-flex,.d-mobile-game-inline,.d-mobile-game-inline-block,.no-desktop .d-desktop-game-block,.no-desktop .d-desktop-game-flex,.no-desktop .d-desktop-game-inline,.no-desktop .d-desktop-game-inline-block {
    display: none
}

.no-desktop .d-mobile-game-inline {
    display: inline
}

.no-desktop .d-mobile-game-inline-block {
    display: inline-block
}

.no-desktop .d-mobile-game-block {
    display: block
}

.no-desktop .d-mobile-game-flex {
    display: flex
}

.vb-dragger {
    right: 8px;
    width: 4px;
    border-radius: 100px;
    background-color: var(--colors-base-white-30)
}

.games-sort-filter-list .vb-dragger {
    right: 0
}

.custom-modal--statuses-modal .vb-dragger {
    transform: scaleY(.9)
}

.search-content__back~.search-content__result .vb-dragger {
    transform: scaleY(.85)
}

.search .vb-dragger {
    right: 6px;
    background-color: transparent;
    opacity: 0;
    transition: opacity .2s ease-out
}

@media(min-width: 1628px) {
    .search .vb-dragger {
        right:8px
    }
}

.search .vb-dragger .vb-dragger-styler {
    width: 4px;
    height: calc(100% - var(--spacings-m) - 16px);
    border-radius: 100px;
    background-color: var(--colors-base-white-30)
}

.bottom-sheet .vb-dragger,.custom-adaptive-modal .vb-dragger,.play__iframe .vb-dragger {
    display: none
}

.custom-modal--authorized .vb-dragger,.custom-modal--registration .vb-dragger,.custom-modal--signin .vb-dragger,.v-popper--theme-dropdown .vb-dragger {
    background-color: transparent
}

.custom-modal--statuses-modal .vb-dragger,.custom-select--with-scroll-bar .vb-dragger {
    display: block;
    background-color: var(--colors-base-white-30);
    cursor: pointer
}

.custom-select--with-scroll-bar .vb-dragger {
    right: 0;
    opacity: .3;
    transition: all .2s ease-out
}

.custom-accordion__content-wr .vb-dragger {
    display: block!important;
    background: var(--colors-base-white-a)!important;
    right: 6px!important;
    opacity: .3
}

.custom-select--with-scroll-bar .vb-dragger:hover,.custom-select--with-scroll-bar .vb-scrolling-phantom .vb-dragger,.custom-select--with-scroll-bar .vb-scrolling .vb-dragger,.search .vb-scrolling-phantom .vb-dragger {
    opacity: 1
}

@media(min-width: 1140px) {
    .partners-contests-create-contest__prizes-list-wr .vb-dragger {
        display:block;
        background-color: var(--colors-base-white-30);
        right: 0
    }
}

.container {
    display: flex;
    padding-block:20px 16px;background-color: var(--white);
    border-radius: 24px;
    box-shadow: 0 6px 50px 0 var(--gray-500-p-08)
}

.container__item {
    display: flex;
    padding: 24px;
    border-bottom: 1px solid var(--gray-500-p-20)
}

.container__item:first-child {
    padding-top: 0
}

.container__item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.container--empty-background {
    background-color: transparent;
    border-radius: none;
    box-shadow: none
}

.container--no-gap {
    padding: 0
}

.container--item-gap-block>.container__item {
    padding: 0;
    padding-block:24px}

.button-sheet-container {
    position: relative;
    z-index: 10040
}

.button-sheet-container .bottom-sheet__content>div {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.gender-radio-inner {
    display: flex;
    align-items: center
}

.missing-data .gender-radio-inner {
    padding: 0 16px
}

.gender-radio-wrap.disabled>* {
    pointer-events: none
}

.gender-radio,.gender-radio__item {
    display: flex;
    align-items: center
}

.gender-radio__item {
    position: relative;
    gap: 8px;
    margin-right: 32px;
    min-height: 40px;
    z-index: 0
}

.missing-data .gender-radio__item,.personal-data-wrap_reverse .gender-radio__item {
    flex-direction: row-reverse
}

.gender-radio__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.gender-radio__button,.gender-radio__button-wr {
    width: 24px;
    height: 24px
}

.gender-radio__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.gender-radio__button:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gender-radio__button.active {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.gender-radio__button.active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.gender-radio__button.active:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    content: "";
    width: 12px;
    height: 19px;
    background-image: url(/1imgcheck-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: all .2s ease-out
}

.no-touch .gender-radio__input:not([disabled=disabled]):hover~.gender-radio__button-wr .gender-radio__button:not(.active) {
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .gender-radio__input:not([disabled=disabled]):hover~.gender-radio__button-wr .gender-radio__button:not(.active):after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--checkbox-stroke-inactive-hover) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .gender-radio__input:not([disabled=disabled]):hover~.gender-radio__button-wr .gender-radio__button.active {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .gender-radio__input:not([disabled=disabled]):hover~.gender-radio__button-wr .gender-radio__button.active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .gender-radio__input:not([disabled=disabled]):hover~.gender-radio__button-wr .gender-radio__button.active:before {
    opacity: .6
}

.gender-radio__label {
    z-index: 1;
    color: var(--colors-base-white-b);
    transition: all .2s ease-out
}

.gender-radio__input[disabled=disabled]~.gender-radio__label {
    cursor: text
}

.no-touch .gender-radio__input:not([disabled=disabled]):hover~.gender-radio__label {
    cursor: pointer
}

.gender-radio__label-text {
    display: flex;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.country-select {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.country-select__flag {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    overflow: hidden
}

.country-select--opened .country-select__flag {
    z-index: 1
}

.country-select--disabled .country-select__flag {
    opacity: .6
}

.country-select__flag-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover
}

.country-select__selected {
    display: flex;
    align-items: center;
    padding: 12px 44px;
    cursor: pointer;
    width: 100%;
    height: 48px;
    border-radius: 100px;
    border: 1px solid var(--input-border-default);
    background: var(--input-bg-default);
    color: var(--input-text-filled);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: all .2s ease-out;
    color: var(--input-text-default)
}

.no-touch .country-select__selected:hover:not(.country-select--opened .country-select__selected,.country-select--disabled .country-select__selected) {
    color: var(--input-text-hover);
    border: 1px solid var(--input-border-hover);
    background: var(--input-bg-hover)
}

.country-select--selected .country-select__selected {
    color: var(--input-text-filled);
    border: 1px solid var(--input-border-filled);
    background: var(--input-bg-filled)
}

.country-select--disabled .country-select__selected {
    color: var(--input-text-disable);
    border: 1px solid var(--input-border-disable);
    background: var(--input-bg-disable)
}

.country-select--opened .country-select__selected {
    border: 1px solid var(--input-border-active);
    background: var(--input-bg-active)
}

.country-select__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.country-select__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px
}

.country-select__arrow-icon {
    width: 20px;
    height: auto;
    color: var(--input-icon-right-default);
    transition: transform .2s ease-out
}

.country-select__arrow-icon .no-touch .country-select__selected:not(.country-select--disabled .country-select__selected):hover,.country-select__arrow-icon .no-touch .country-select__selected:not(.country-select--opened .country-select__selected):hover {
    color: var(--input-icon-right-hover)
}

.country-select--opened .country-select__arrow-icon {
    color: var(--input-icon-right-active)
}

.country-select--selected .country-select__arrow-icon {
    color: var(--input-icon-right-filled)
}

.country-select--disabled .country-select__arrow-icon {
    color: var(--input-icon-right-disable)
}

.country-select__arrow-up .country-select__arrow-icon {
    transform: rotate(180deg)
}

.country-select__header {
    padding: 0 var(--spacings-page-paddings) var(--spacings-xl)!important
}

.country-select__label {
    margin: var(--spacings-xs) 0 24px;
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.personal-data .country-select__label {
    position: absolute;
    z-index: 1;
    top: 5px;
    left: 45px;
    width: calc(100% - 88px);
    margin: 0;
    text-align: left;
    text-transform: none;
    color: var(--input-label-filled);
    pointer-events: none;
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.country-select--disabled .country-select__label {
    color: var(--input-label-disable)
}

.country-select__search-input-wrap {
    position: relative
}

.country-select__search-input-icon-wr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 20px;
    height: 20px;
    z-index: 1
}

.country-select__search-input-icon {
    width: 20px;
    color: var(--icons-c)
}

.bottom-sheet--country-select .country-select__search-input {
    border-radius: 100px;
    position: relative;
    background: var(--gradients-background-c)
}

.bottom-sheet--country-select .country-select__search-input:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .country-select__search-input:not(.bottom-sheet--country-select .country-select__search-input) {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.country-select__options-wrap {
    position: relative;
    background: var(--gradients-background-a);
    position: absolute!important;
    top: calc(100% + 4px);
    width: 100%;
    padding: 8px;
    border-radius: 20px;
    box-shadow: var(--dropdown-shadow);
    z-index: 2
}

.country-select__options-wrap:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.country-select__options-wrap .vb-dragger {
    visibility: hidden
}

.country-select__options-scroll-wr:not(.bottom-sheet--country-select .country-select__options-scroll-wr) {
    position: relative;
    background: var(--gradients-background-a);
    position: absolute!important;
    top: calc(100% + 4px);
    width: 100%;
    padding: 8px;
    border-radius: 20px;
    box-shadow: var(--dropdown-shadow);
    z-index: 2
}

.country-select__options-scroll-wr:not(.bottom-sheet--country-select .country-select__options-scroll-wr):after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.country-select__options-scroll-wr:not(.bottom-sheet--country-select .country-select__options-scroll-wr) .vb-dragger {
    visibility: hidden
}

.country-select__options-scroll-wr:not(.bottom-sheet--country-select .country-select__options-scroll-wr):empty {
    padding: 0
}

.country-select__options-scroll-wr:not(.bottom-sheet--country-select .country-select__options-scroll-wr):empty:after {
    content: none
}

.bottom-sheet--country-select .country-select__options-scroll-wr {
    padding: 0 8px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.bottom-sheet--country-select .country-select__options-scroll-wr::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.bottom-sheet--country-select .country-select__options-scroll-wr::-webkit-scrollbar-thumb,.bottom-sheet--country-select .country-select__options-scroll-wr::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(min-width: 640px) {
    .country-select__options-scroll-wr {
        visibility:hidden
    }

    .country-select--opened .country-select__options-scroll-wr {
        visibility: visible
    }
}

.country-select__options {
    height: 100%;
    max-height: 264px;
    border-radius: 10px;
    overflow-y: scroll
}

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

.country-select__options::-webkit-scrollbar-thumb,.country-select__options::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.country-select__options-scroll {
    display: flex!important;
    flex-direction: column;
    overflow: auto
}

.country-select__options-scroll::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.country-select__options-scroll::-webkit-scrollbar-thumb,.country-select__options-scroll::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(min-width: 640px) {
    .custom-modal--registration .country-select__options-scroll:not(.bottom-sheet--country-select .play .country-select__options-scroll,.bottom-sheet--country-select .custom-modal--registration .country-select__options-scroll),.play .country-select__options-scroll:not(.bottom-sheet--country-select .play .country-select__options-scroll,.bottom-sheet--country-select .custom-modal--registration .country-select__options-scroll) {
        max-height:260px
    }
}

@media(min-width: 1140px) {
    .country-select__options-scroll {
        max-height:348px
    }
}

.country-select__option {
    margin-bottom: 4px;
    padding: 10px 12px 10px 8px;
    display: flex;
    align-items: center;
    color: var(--selector-item-text-default);
    border-radius: 100px;
    cursor: pointer
}

.country-select__option:last-child {
    margin-bottom: 0
}

.no-touch .country-select__option:hover {
    color: var(--selector-item-text-hover);
    background: var(--selector-item-bg-hover)
}

.country-select__option.active {
    color: var(--selector-item-text-active);
    position: relative;
    background: var(--gradients-background-white-4)
}

.country-select__option.active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 639px) {
    .country-select__option {
        padding:10px 12px 10px
    }
}

.country-select__options-image {
    margin-right: 12px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover
}

.country-select__option-label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.main-wrapper {
    height: unset!important
}

.main-wrapper.main-wrapper--home,.main-wrapper.main-wrapper--promo {
    overflow: hidden
}

@media(max-width: 1139px) {
    .main-wrapper {
        overflow:hidden
    }
}

@media(min-width: 1921px) {
    .main-wrapper.game-page:before {
        content:none
    }

    .main-wrapper.main-wrapper--promo {
        max-width: none
    }
}

.main-wr {
    min-height: 100vh;
    /* margin-top: var(--topbar-height); */
}

@supports(min-height: 100dvh) {
    .main-wr {
        min-height:100dvh;
    }
}

.game-page .main-wr {
    margin: 0
}

@media(max-width: 1139px) {
    .main-wr:has(.static-page__head) {
        padding-top:calc(var(--spacings-l) - var(--spacings-m))
    }
}

.sport-page .main-wr {
    display: flex;
    justify-content: center;
    padding-right: 0;
    padding-left: 0
}

.main-wr.main-wr--not-found {
    margin-top: calc(var(--spacings-xs) + var(--topbar-height))
}

@media(max-width: 1139px) {
    .authorized .main-wr {
        min-height:calc(100vh - var(--topbar-height-auth));
        margin-top: var(--topbar-height-auth)
    }

    @supports(min-height: 100dvh) {
        .authorized .main-wr {
            min-height:calc(100dvh - var(--topbar-height-auth))
        }
    }

    .authorized.sport-page .main-wr {
        margin: 0;
        padding: var(--topbar-height-auth) 0 var(--bottom-menu-height) 0
    }

    .authorized .top-bar--high-index-sport~.main-wr {
        padding-bottom: 0
    }

    .authorized .main-wr.main-wr--not-found {
        margin-top: calc(var(--spacings-xs) + var(--topbar-height-auth))
    }
}

@media(min-width: 1140px) {
    .main-wr {
        margin:0;
        padding-top: var(--topbar-height);
        padding-bottom: var(--main-wr-offset)
    }

    .main-wr.main-wr--not-found {
        margin-top: 0;
        padding-top: calc(var(--spacings-m) + var(--topbar-height))
    }
}

@media(min-width: 1628px) {
    .main-wr {
        padding:var(--topbar-height) var(--spacings-page-paddings) var(--main-wr-offset)
    }

    .game-page .main-wr {
        padding: 0
    }
}

.main-wr--download-app {
    position: relative
}

@media(max-width: 1139px) {
    .main-wr--download-app:before {
        background-repeat:no-repeat;
        background-size: cover;
        background-position: 0 0
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--download-app {
        overflow:hidden
    }
}

@media(min-width: 1140px) {
    .main-wr--download-app:before {
        background-repeat:no-repeat;
        background-size: cover;
        background-position: 50%
    }
}

@media(min-width: 1628px) {
    .main-wr--download-app:before {
        height:984px
    }
}

@media(max-width: 1139px) {
    .main-wr--not-found {
        min-height:calc(100dvh - var(--topbar-height))
    }

    .authorized .main-wr--not-found {
        min-height: calc(100dvh - var(--topbar-height-auth))
    }
}

@media(min-width: 1140px) {
    .main-wr--not-found {
        overflow:hidden
    }
}

.main {
    position: relative;
    margin: 0 auto;
    padding: 0 var(--spacings-page-paddings);
    width: 100%;
    max-width: 100%
}

@media(min-width: 1140px) {
    .game-page .main {
        opacity:0
    }
}

@media(min-width: 1628px) {
    .main {
        padding:0
    }
}

@media(min-width: 1920px) {
    .main:not(.home-page .main,.main-wrapper--home .main,.main--partners,.main--partners-contests-history) {
        max-width:var(--main-container-max-width)
    }

    .main.sport-lobby {
        max-width: 100%!important
    }
}

.main--home {
    padding-top: 0
}

@media(max-width: 639px) {
    .main--home {
        padding-top:var(--spacings-s);
    }
}

.main-wr--bonuses {
    position: relative
}

.main-wr--high-offset {
    padding-bottom: var(--bottom-menu-height)
}

.main-wr--user-sidebar-closed {
    display: flex
}

@media(min-width: 1140px) {
    .main-wr--user-sidebar-closed {
        width:calc(100% - var(--sidebar-right-close))
    }
}

.main-wr--user-sidebar-opened {
    display: flex
}

@media(min-width: 1140px) {
    .main-wr--user-sidebar-opened {
        width:calc(100% - var(--sidebar-right))
    }
}

@media(min-width: 2380px) {
    .main-wr--user-sidebar-opened {
        width:calc(100% - var(--sidebar-right-close))
    }
}

@media(min-width: 1140px) {
    .sport-page .main-wr--user-sidebar-opened {
        width:calc(100% - var(--sidebar-right-close))
    }
}

@media(min-width: 1920px) {
    .main--partners,.main--partners-contests-history {
        max-width:var(--main-container-promo-max-width)
    }
}

.overlay {
    display: none
}

.overlay-open .overlay {
    display: block
}

@media(min-width: 1140px) {
    .overlay {
        --overlay-width:983px;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 210;
        opacity: 1;
        display: block
    }

    .overlay:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: var(--overlay-width);
        background: var(--gradient-menu-burger)
    }
}

@media(min-width: 1628px) {
    .overlay {
        --overlay-width:1047px
    }
}

.currency-content {
    display: none
}

.currency-content.default {
    display: inline
}

.game-currency-content {
    display: none
}

.game-currency-content.default {
    display: inline
}

.currency-ada .currency-content.ada,.currency-ada~.v-popper__popper .currency-content.ada {
    display: inline!important
}

.currency-ada .drum-title .currency-content.ada,.currency-ada~.v-popper__popper .drum-title .currency-content.ada {
    display: block!important
}

.currency-ada .currency-content.default:not(.ada),.currency-ada~.v-popper__popper .currency-content.default:not(.ada) {
    display: none!important
}

.currency-ars .currency-content.ars,.currency-ars~.v-popper__popper .currency-content.ars {
    display: inline!important
}

.currency-ars .drum-title .currency-content.ars,.currency-ars~.v-popper__popper .drum-title .currency-content.ars {
    display: block!important
}

.currency-ars .currency-content.default:not(.ars),.currency-ars~.v-popper__popper .currency-content.default:not(.ars) {
    display: none!important
}

.currency-aud .currency-content.aud,.currency-aud~.v-popper__popper .currency-content.aud {
    display: inline!important
}

.currency-aud .drum-title .currency-content.aud,.currency-aud~.v-popper__popper .drum-title .currency-content.aud {
    display: block!important
}

.currency-aud .currency-content.default:not(.aud),.currency-aud~.v-popper__popper .currency-content.default:not(.aud) {
    display: none!important
}

.currency-azn .currency-content.azn,.currency-azn~.v-popper__popper .currency-content.azn {
    display: inline!important
}

.currency-azn .drum-title .currency-content.azn,.currency-azn~.v-popper__popper .drum-title .currency-content.azn {
    display: block!important
}

.currency-azn .currency-content.default:not(.azn),.currency-azn~.v-popper__popper .currency-content.default:not(.azn) {
    display: none!important
}

.currency-bch .currency-content.bch,.currency-bch~.v-popper__popper .currency-content.bch {
    display: inline!important
}

.currency-bch .drum-title .currency-content.bch,.currency-bch~.v-popper__popper .drum-title .currency-content.bch {
    display: block!important
}

.currency-bch .currency-content.default:not(.bch),.currency-bch~.v-popper__popper .currency-content.default:not(.bch) {
    display: none!important
}

.currency-bnb .currency-content.bnb,.currency-bnb~.v-popper__popper .currency-content.bnb {
    display: inline!important
}

.currency-bnb .drum-title .currency-content.bnb,.currency-bnb~.v-popper__popper .drum-title .currency-content.bnb {
    display: block!important
}

.currency-bnb .currency-content.default:not(.bnb),.currency-bnb~.v-popper__popper .currency-content.default:not(.bnb) {
    display: none!important
}

.currency-brl .currency-content.brl,.currency-brl~.v-popper__popper .currency-content.brl {
    display: inline!important
}

.currency-brl .drum-title .currency-content.brl,.currency-brl~.v-popper__popper .drum-title .currency-content.brl {
    display: block!important
}

.currency-brl .currency-content.default:not(.brl),.currency-brl~.v-popper__popper .currency-content.default:not(.brl) {
    display: none!important
}

.currency-btc .currency-content.btc,.currency-btc~.v-popper__popper .currency-content.btc {
    display: inline!important
}

.currency-btc .drum-title .currency-content.btc,.currency-btc~.v-popper__popper .drum-title .currency-content.btc {
    display: block!important
}

.currency-btc .currency-content.default:not(.btc),.currency-btc~.v-popper__popper .currency-content.default:not(.btc) {
    display: none!important
}

.currency-cad .currency-content.cad,.currency-cad~.v-popper__popper .currency-content.cad {
    display: inline!important
}

.currency-cad .drum-title .currency-content.cad,.currency-cad~.v-popper__popper .drum-title .currency-content.cad {
    display: block!important
}

.currency-cad .currency-content.default:not(.cad),.currency-cad~.v-popper__popper .currency-content.default:not(.cad) {
    display: none!important
}

.currency-clp .currency-content.clp,.currency-clp~.v-popper__popper .currency-content.clp {
    display: inline!important
}

.currency-clp .drum-title .currency-content.clp,.currency-clp~.v-popper__popper .drum-title .currency-content.clp {
    display: block!important
}

.currency-clp .currency-content.default:not(.clp),.currency-clp~.v-popper__popper .currency-content.default:not(.clp) {
    display: none!important
}

.currency-doge .currency-content.doge,.currency-doge~.v-popper__popper .currency-content.doge {
    display: inline!important
}

.currency-doge .drum-title .currency-content.doge,.currency-doge~.v-popper__popper .drum-title .currency-content.doge {
    display: block!important
}

.currency-doge .currency-content.default:not(.doge),.currency-doge~.v-popper__popper .currency-content.default:not(.doge) {
    display: none!important
}

.currency-eth .currency-content.eth,.currency-eth~.v-popper__popper .currency-content.eth {
    display: inline!important
}

.currency-eth .drum-title .currency-content.eth,.currency-eth~.v-popper__popper .drum-title .currency-content.eth {
    display: block!important
}

.currency-eth .currency-content.default:not(.eth),.currency-eth~.v-popper__popper .currency-content.default:not(.eth) {
    display: none!important
}

.currency-eur .currency-content.eur,.currency-eur~.v-popper__popper .currency-content.eur {
    display: inline!important
}

.currency-eur .drum-title .currency-content.eur,.currency-eur~.v-popper__popper .drum-title .currency-content.eur {
    display: block!important
}

.currency-eur .currency-content.default:not(.eur),.currency-eur~.v-popper__popper .currency-content.default:not(.eur) {
    display: none!important
}

.currency-inr .currency-content.inr,.currency-inr~.v-popper__popper .currency-content.inr {
    display: inline!important
}

.currency-inr .drum-title .currency-content.inr,.currency-inr~.v-popper__popper .drum-title .currency-content.inr {
    display: block!important
}

.currency-inr .currency-content.default:not(.inr),.currency-inr~.v-popper__popper .currency-content.default:not(.inr) {
    display: none!important
}

.currency-jpy .currency-content.jpy,.currency-jpy~.v-popper__popper .currency-content.jpy {
    display: inline!important
}

.currency-jpy .drum-title .currency-content.jpy,.currency-jpy~.v-popper__popper .drum-title .currency-content.jpy {
    display: block!important
}

.currency-jpy .currency-content.default:not(.jpy),.currency-jpy~.v-popper__popper .currency-content.default:not(.jpy) {
    display: none!important
}

.currency-kzt .currency-content.kzt,.currency-kzt~.v-popper__popper .currency-content.kzt {
    display: inline!important
}

.currency-kzt .drum-title .currency-content.kzt,.currency-kzt~.v-popper__popper .drum-title .currency-content.kzt {
    display: block!important
}

.currency-kzt .currency-content.default:not(.kzt),.currency-kzt~.v-popper__popper .currency-content.default:not(.kzt) {
    display: none!important
}

.currency-ltc .currency-content.ltc,.currency-ltc~.v-popper__popper .currency-content.ltc {
    display: inline!important
}

.currency-ltc .drum-title .currency-content.ltc,.currency-ltc~.v-popper__popper .drum-title .currency-content.ltc {
    display: block!important
}

.currency-ltc .currency-content.default:not(.ltc),.currency-ltc~.v-popper__popper .currency-content.default:not(.ltc) {
    display: none!important
}

.currency-mxn .currency-content.mxn,.currency-mxn~.v-popper__popper .currency-content.mxn {
    display: inline!important
}

.currency-mxn .drum-title .currency-content.mxn,.currency-mxn~.v-popper__popper .drum-title .currency-content.mxn {
    display: block!important
}

.currency-mxn .currency-content.default:not(.mxn),.currency-mxn~.v-popper__popper .currency-content.default:not(.mxn) {
    display: none!important
}

.currency-ngn .currency-content.ngn,.currency-ngn~.v-popper__popper .currency-content.ngn {
    display: inline!important
}

.currency-ngn .drum-title .currency-content.ngn,.currency-ngn~.v-popper__popper .drum-title .currency-content.ngn {
    display: block!important
}

.currency-ngn .currency-content.default:not(.ngn),.currency-ngn~.v-popper__popper .currency-content.default:not(.ngn) {
    display: none!important
}

.currency-nok .currency-content.nok,.currency-nok~.v-popper__popper .currency-content.nok {
    display: inline!important
}

.currency-nok .drum-title .currency-content.nok,.currency-nok~.v-popper__popper .drum-title .currency-content.nok {
    display: block!important
}

.currency-nok .currency-content.default:not(.nok),.currency-nok~.v-popper__popper .currency-content.default:not(.nok) {
    display: none!important
}

.currency-nzd .currency-content.nzd,.currency-nzd~.v-popper__popper .currency-content.nzd {
    display: inline!important
}

.currency-nzd .drum-title .currency-content.nzd,.currency-nzd~.v-popper__popper .drum-title .currency-content.nzd {
    display: block!important
}

.currency-nzd .currency-content.default:not(.nzd),.currency-nzd~.v-popper__popper .currency-content.default:not(.nzd) {
    display: none!important
}

.currency-pen .currency-content.pen,.currency-pen~.v-popper__popper .currency-content.pen {
    display: inline!important
}

.currency-pen .drum-title .currency-content.pen,.currency-pen~.v-popper__popper .drum-title .currency-content.pen {
    display: block!important
}

.currency-pen .currency-content.default:not(.pen),.currency-pen~.v-popper__popper .currency-content.default:not(.pen) {
    display: none!important
}

.currency-pln .currency-content.pln,.currency-pln~.v-popper__popper .currency-content.pln {
    display: inline!important
}

.currency-pln .drum-title .currency-content.pln,.currency-pln~.v-popper__popper .drum-title .currency-content.pln {
    display: block!important
}

.currency-pln .currency-content.default:not(.pln),.currency-pln~.v-popper__popper .currency-content.default:not(.pln) {
    display: none!important
}

.currency-rub .currency-content.rub,.currency-rub~.v-popper__popper .currency-content.rub {
    display: inline!important
}

.currency-rub .drum-title .currency-content.rub,.currency-rub~.v-popper__popper .drum-title .currency-content.rub {
    display: block!important
}

.currency-rub .currency-content.default:not(.rub),.currency-rub~.v-popper__popper .currency-content.default:not(.rub) {
    display: none!important
}

.currency-sek .currency-content.sek,.currency-sek~.v-popper__popper .currency-content.sek {
    display: inline!important
}

.currency-sek .drum-title .currency-content.sek,.currency-sek~.v-popper__popper .drum-title .currency-content.sek {
    display: block!important
}

.currency-sek .currency-content.default:not(.sek),.currency-sek~.v-popper__popper .currency-content.default:not(.sek) {
    display: none!important
}

.currency-trx .currency-content.trx,.currency-trx~.v-popper__popper .currency-content.trx {
    display: inline!important
}

.currency-trx .drum-title .currency-content.trx,.currency-trx~.v-popper__popper .drum-title .currency-content.trx {
    display: block!important
}

.currency-trx .currency-content.default:not(.trx),.currency-trx~.v-popper__popper .currency-content.default:not(.trx) {
    display: none!important
}

.currency-try .currency-content.try,.currency-try~.v-popper__popper .currency-content.try {
    display: inline!important
}

.currency-try .drum-title .currency-content.try,.currency-try~.v-popper__popper .drum-title .currency-content.try {
    display: block!important
}

.currency-try .currency-content.default:not(.try),.currency-try~.v-popper__popper .currency-content.default:not(.try) {
    display: none!important
}

.currency-uah .currency-content.uah,.currency-uah~.v-popper__popper .currency-content.uah {
    display: inline!important
}

.currency-uah .drum-title .currency-content.uah,.currency-uah~.v-popper__popper .drum-title .currency-content.uah {
    display: block!important
}

.currency-uah .currency-content.default:not(.uah),.currency-uah~.v-popper__popper .currency-content.default:not(.uah) {
    display: none!important
}

.currency-usd .currency-content.usd,.currency-usd~.v-popper__popper .currency-content.usd {
    display: inline!important
}

.currency-usd .drum-title .currency-content.usd,.currency-usd~.v-popper__popper .drum-title .currency-content.usd {
    display: block!important
}

.currency-usd .currency-content.default:not(.usd),.currency-usd~.v-popper__popper .currency-content.default:not(.usd) {
    display: none!important
}

.currency-usdt .currency-content.usdt,.currency-usdt~.v-popper__popper .currency-content.usdt {
    display: inline!important
}

.currency-usdt .drum-title .currency-content.usdt,.currency-usdt~.v-popper__popper .drum-title .currency-content.usdt {
    display: block!important
}

.currency-usdt .currency-content.default:not(.usdt),.currency-usdt~.v-popper__popper .currency-content.default:not(.usdt) {
    display: none!important
}

.currency-xrp .currency-content.xrp,.currency-xrp~.v-popper__popper .currency-content.xrp {
    display: inline!important
}

.currency-xrp .drum-title .currency-content.xrp,.currency-xrp~.v-popper__popper .drum-title .currency-content.xrp {
    display: block!important
}

.currency-xrp .currency-content.default:not(.xrp),.currency-xrp~.v-popper__popper .currency-content.default:not(.xrp) {
    display: none!important
}

.currency-zar .currency-content.zar,.currency-zar~.v-popper__popper .currency-content.zar {
    display: inline!important
}

.currency-zar .drum-title .currency-content.zar,.currency-zar~.v-popper__popper .drum-title .currency-content.zar {
    display: block!important
}

.currency-zar .currency-content.default:not(.zar),.currency-zar~.v-popper__popper .currency-content.default:not(.zar) {
    display: none!important
}

.content-game-currency-ada .game-currency-content.ada,.content-game-currency-ada~.v-popper__popper .game-currency-content.ada {
    display: inline!important
}

.content-game-currency-ada .drum-title .game-currency-content.ada,.content-game-currency-ada~.v-popper__popper .drum-title .game-currency-content.ada {
    display: block!important
}

.content-game-currency-ada .game-currency-content.default:not(.ada),.content-game-currency-ada~.v-popper__popper .game-currency-content.default:not(.ada) {
    display: none!important
}

.content-game-currency-ars .game-currency-content.ars,.content-game-currency-ars~.v-popper__popper .game-currency-content.ars {
    display: inline!important
}

.content-game-currency-ars .drum-title .game-currency-content.ars,.content-game-currency-ars~.v-popper__popper .drum-title .game-currency-content.ars {
    display: block!important
}

.content-game-currency-ars .game-currency-content.default:not(.ars),.content-game-currency-ars~.v-popper__popper .game-currency-content.default:not(.ars) {
    display: none!important
}

.content-game-currency-aud .game-currency-content.aud,.content-game-currency-aud~.v-popper__popper .game-currency-content.aud {
    display: inline!important
}

.content-game-currency-aud .drum-title .game-currency-content.aud,.content-game-currency-aud~.v-popper__popper .drum-title .game-currency-content.aud {
    display: block!important
}

.content-game-currency-aud .game-currency-content.default:not(.aud),.content-game-currency-aud~.v-popper__popper .game-currency-content.default:not(.aud) {
    display: none!important
}

.content-game-currency-azn .game-currency-content.azn,.content-game-currency-azn~.v-popper__popper .game-currency-content.azn {
    display: inline!important
}

.content-game-currency-azn .drum-title .game-currency-content.azn,.content-game-currency-azn~.v-popper__popper .drum-title .game-currency-content.azn {
    display: block!important
}

.content-game-currency-azn .game-currency-content.default:not(.azn),.content-game-currency-azn~.v-popper__popper .game-currency-content.default:not(.azn) {
    display: none!important
}

.content-game-currency-bch .game-currency-content.bch,.content-game-currency-bch~.v-popper__popper .game-currency-content.bch {
    display: inline!important
}

.content-game-currency-bch .drum-title .game-currency-content.bch,.content-game-currency-bch~.v-popper__popper .drum-title .game-currency-content.bch {
    display: block!important
}

.content-game-currency-bch .game-currency-content.default:not(.bch),.content-game-currency-bch~.v-popper__popper .game-currency-content.default:not(.bch) {
    display: none!important
}

.content-game-currency-bnb .game-currency-content.bnb,.content-game-currency-bnb~.v-popper__popper .game-currency-content.bnb {
    display: inline!important
}

.content-game-currency-bnb .drum-title .game-currency-content.bnb,.content-game-currency-bnb~.v-popper__popper .drum-title .game-currency-content.bnb {
    display: block!important
}

.content-game-currency-bnb .game-currency-content.default:not(.bnb),.content-game-currency-bnb~.v-popper__popper .game-currency-content.default:not(.bnb) {
    display: none!important
}

.content-game-currency-brl .game-currency-content.brl,.content-game-currency-brl~.v-popper__popper .game-currency-content.brl {
    display: inline!important
}

.content-game-currency-brl .drum-title .game-currency-content.brl,.content-game-currency-brl~.v-popper__popper .drum-title .game-currency-content.brl {
    display: block!important
}

.content-game-currency-brl .game-currency-content.default:not(.brl),.content-game-currency-brl~.v-popper__popper .game-currency-content.default:not(.brl) {
    display: none!important
}

.content-game-currency-btc .game-currency-content.btc,.content-game-currency-btc~.v-popper__popper .game-currency-content.btc {
    display: inline!important
}

.content-game-currency-btc .drum-title .game-currency-content.btc,.content-game-currency-btc~.v-popper__popper .drum-title .game-currency-content.btc {
    display: block!important
}

.content-game-currency-btc .game-currency-content.default:not(.btc),.content-game-currency-btc~.v-popper__popper .game-currency-content.default:not(.btc) {
    display: none!important
}

.content-game-currency-cad .game-currency-content.cad,.content-game-currency-cad~.v-popper__popper .game-currency-content.cad {
    display: inline!important
}

.content-game-currency-cad .drum-title .game-currency-content.cad,.content-game-currency-cad~.v-popper__popper .drum-title .game-currency-content.cad {
    display: block!important
}

.content-game-currency-cad .game-currency-content.default:not(.cad),.content-game-currency-cad~.v-popper__popper .game-currency-content.default:not(.cad) {
    display: none!important
}

.content-game-currency-clp .game-currency-content.clp,.content-game-currency-clp~.v-popper__popper .game-currency-content.clp {
    display: inline!important
}

.content-game-currency-clp .drum-title .game-currency-content.clp,.content-game-currency-clp~.v-popper__popper .drum-title .game-currency-content.clp {
    display: block!important
}

.content-game-currency-clp .game-currency-content.default:not(.clp),.content-game-currency-clp~.v-popper__popper .game-currency-content.default:not(.clp) {
    display: none!important
}

.content-game-currency-doge .game-currency-content.doge,.content-game-currency-doge~.v-popper__popper .game-currency-content.doge {
    display: inline!important
}

.content-game-currency-doge .drum-title .game-currency-content.doge,.content-game-currency-doge~.v-popper__popper .drum-title .game-currency-content.doge {
    display: block!important
}

.content-game-currency-doge .game-currency-content.default:not(.doge),.content-game-currency-doge~.v-popper__popper .game-currency-content.default:not(.doge) {
    display: none!important
}

.content-game-currency-eth .game-currency-content.eth,.content-game-currency-eth~.v-popper__popper .game-currency-content.eth {
    display: inline!important
}

.content-game-currency-eth .drum-title .game-currency-content.eth,.content-game-currency-eth~.v-popper__popper .drum-title .game-currency-content.eth {
    display: block!important
}

.content-game-currency-eth .game-currency-content.default:not(.eth),.content-game-currency-eth~.v-popper__popper .game-currency-content.default:not(.eth) {
    display: none!important
}

.content-game-currency-eur .game-currency-content.eur,.content-game-currency-eur~.v-popper__popper .game-currency-content.eur {
    display: inline!important
}

.content-game-currency-eur .drum-title .game-currency-content.eur,.content-game-currency-eur~.v-popper__popper .drum-title .game-currency-content.eur {
    display: block!important
}

.content-game-currency-eur .game-currency-content.default:not(.eur),.content-game-currency-eur~.v-popper__popper .game-currency-content.default:not(.eur) {
    display: none!important
}

.content-game-currency-inr .game-currency-content.inr,.content-game-currency-inr~.v-popper__popper .game-currency-content.inr {
    display: inline!important
}

.content-game-currency-inr .drum-title .game-currency-content.inr,.content-game-currency-inr~.v-popper__popper .drum-title .game-currency-content.inr {
    display: block!important
}

.content-game-currency-inr .game-currency-content.default:not(.inr),.content-game-currency-inr~.v-popper__popper .game-currency-content.default:not(.inr) {
    display: none!important
}

.content-game-currency-jpy .game-currency-content.jpy,.content-game-currency-jpy~.v-popper__popper .game-currency-content.jpy {
    display: inline!important
}

.content-game-currency-jpy .drum-title .game-currency-content.jpy,.content-game-currency-jpy~.v-popper__popper .drum-title .game-currency-content.jpy {
    display: block!important
}

.content-game-currency-jpy .game-currency-content.default:not(.jpy),.content-game-currency-jpy~.v-popper__popper .game-currency-content.default:not(.jpy) {
    display: none!important
}

.content-game-currency-kzt .game-currency-content.kzt,.content-game-currency-kzt~.v-popper__popper .game-currency-content.kzt {
    display: inline!important
}

.content-game-currency-kzt .drum-title .game-currency-content.kzt,.content-game-currency-kzt~.v-popper__popper .drum-title .game-currency-content.kzt {
    display: block!important
}

.content-game-currency-kzt .game-currency-content.default:not(.kzt),.content-game-currency-kzt~.v-popper__popper .game-currency-content.default:not(.kzt) {
    display: none!important
}

.content-game-currency-ltc .game-currency-content.ltc,.content-game-currency-ltc~.v-popper__popper .game-currency-content.ltc {
    display: inline!important
}

.content-game-currency-ltc .drum-title .game-currency-content.ltc,.content-game-currency-ltc~.v-popper__popper .drum-title .game-currency-content.ltc {
    display: block!important
}

.content-game-currency-ltc .game-currency-content.default:not(.ltc),.content-game-currency-ltc~.v-popper__popper .game-currency-content.default:not(.ltc) {
    display: none!important
}

.content-game-currency-mxn .game-currency-content.mxn,.content-game-currency-mxn~.v-popper__popper .game-currency-content.mxn {
    display: inline!important
}

.content-game-currency-mxn .drum-title .game-currency-content.mxn,.content-game-currency-mxn~.v-popper__popper .drum-title .game-currency-content.mxn {
    display: block!important
}

.content-game-currency-mxn .game-currency-content.default:not(.mxn),.content-game-currency-mxn~.v-popper__popper .game-currency-content.default:not(.mxn) {
    display: none!important
}

.content-game-currency-ngn .game-currency-content.ngn,.content-game-currency-ngn~.v-popper__popper .game-currency-content.ngn {
    display: inline!important
}

.content-game-currency-ngn .drum-title .game-currency-content.ngn,.content-game-currency-ngn~.v-popper__popper .drum-title .game-currency-content.ngn {
    display: block!important
}

.content-game-currency-ngn .game-currency-content.default:not(.ngn),.content-game-currency-ngn~.v-popper__popper .game-currency-content.default:not(.ngn) {
    display: none!important
}

.content-game-currency-nok .game-currency-content.nok,.content-game-currency-nok~.v-popper__popper .game-currency-content.nok {
    display: inline!important
}

.content-game-currency-nok .drum-title .game-currency-content.nok,.content-game-currency-nok~.v-popper__popper .drum-title .game-currency-content.nok {
    display: block!important
}

.content-game-currency-nok .game-currency-content.default:not(.nok),.content-game-currency-nok~.v-popper__popper .game-currency-content.default:not(.nok) {
    display: none!important
}

.content-game-currency-nzd .game-currency-content.nzd,.content-game-currency-nzd~.v-popper__popper .game-currency-content.nzd {
    display: inline!important
}

.content-game-currency-nzd .drum-title .game-currency-content.nzd,.content-game-currency-nzd~.v-popper__popper .drum-title .game-currency-content.nzd {
    display: block!important
}

.content-game-currency-nzd .game-currency-content.default:not(.nzd),.content-game-currency-nzd~.v-popper__popper .game-currency-content.default:not(.nzd) {
    display: none!important
}

.content-game-currency-pen .game-currency-content.pen,.content-game-currency-pen~.v-popper__popper .game-currency-content.pen {
    display: inline!important
}

.content-game-currency-pen .drum-title .game-currency-content.pen,.content-game-currency-pen~.v-popper__popper .drum-title .game-currency-content.pen {
    display: block!important
}

.content-game-currency-pen .game-currency-content.default:not(.pen),.content-game-currency-pen~.v-popper__popper .game-currency-content.default:not(.pen) {
    display: none!important
}

.content-game-currency-pln .game-currency-content.pln,.content-game-currency-pln~.v-popper__popper .game-currency-content.pln {
    display: inline!important
}

.content-game-currency-pln .drum-title .game-currency-content.pln,.content-game-currency-pln~.v-popper__popper .drum-title .game-currency-content.pln {
    display: block!important
}

.content-game-currency-pln .game-currency-content.default:not(.pln),.content-game-currency-pln~.v-popper__popper .game-currency-content.default:not(.pln) {
    display: none!important
}

.content-game-currency-rub .game-currency-content.rub,.content-game-currency-rub~.v-popper__popper .game-currency-content.rub {
    display: inline!important
}

.content-game-currency-rub .drum-title .game-currency-content.rub,.content-game-currency-rub~.v-popper__popper .drum-title .game-currency-content.rub {
    display: block!important
}

.content-game-currency-rub .game-currency-content.default:not(.rub),.content-game-currency-rub~.v-popper__popper .game-currency-content.default:not(.rub) {
    display: none!important
}

.content-game-currency-sek .game-currency-content.sek,.content-game-currency-sek~.v-popper__popper .game-currency-content.sek {
    display: inline!important
}

.content-game-currency-sek .drum-title .game-currency-content.sek,.content-game-currency-sek~.v-popper__popper .drum-title .game-currency-content.sek {
    display: block!important
}

.content-game-currency-sek .game-currency-content.default:not(.sek),.content-game-currency-sek~.v-popper__popper .game-currency-content.default:not(.sek) {
    display: none!important
}

.content-game-currency-trx .game-currency-content.trx,.content-game-currency-trx~.v-popper__popper .game-currency-content.trx {
    display: inline!important
}

.content-game-currency-trx .drum-title .game-currency-content.trx,.content-game-currency-trx~.v-popper__popper .drum-title .game-currency-content.trx {
    display: block!important
}

.content-game-currency-trx .game-currency-content.default:not(.trx),.content-game-currency-trx~.v-popper__popper .game-currency-content.default:not(.trx) {
    display: none!important
}

.content-game-currency-try .game-currency-content.try,.content-game-currency-try~.v-popper__popper .game-currency-content.try {
    display: inline!important
}

.content-game-currency-try .drum-title .game-currency-content.try,.content-game-currency-try~.v-popper__popper .drum-title .game-currency-content.try {
    display: block!important
}

.content-game-currency-try .game-currency-content.default:not(.try),.content-game-currency-try~.v-popper__popper .game-currency-content.default:not(.try) {
    display: none!important
}

.content-game-currency-uah .game-currency-content.uah,.content-game-currency-uah~.v-popper__popper .game-currency-content.uah {
    display: inline!important
}

.content-game-currency-uah .drum-title .game-currency-content.uah,.content-game-currency-uah~.v-popper__popper .drum-title .game-currency-content.uah {
    display: block!important
}

.content-game-currency-uah .game-currency-content.default:not(.uah),.content-game-currency-uah~.v-popper__popper .game-currency-content.default:not(.uah) {
    display: none!important
}

.content-game-currency-usd .game-currency-content.usd,.content-game-currency-usd~.v-popper__popper .game-currency-content.usd {
    display: inline!important
}

.content-game-currency-usd .drum-title .game-currency-content.usd,.content-game-currency-usd~.v-popper__popper .drum-title .game-currency-content.usd {
    display: block!important
}

.content-game-currency-usd .game-currency-content.default:not(.usd),.content-game-currency-usd~.v-popper__popper .game-currency-content.default:not(.usd) {
    display: none!important
}

.content-game-currency-usdt .game-currency-content.usdt,.content-game-currency-usdt~.v-popper__popper .game-currency-content.usdt {
    display: inline!important
}

.content-game-currency-usdt .drum-title .game-currency-content.usdt,.content-game-currency-usdt~.v-popper__popper .drum-title .game-currency-content.usdt {
    display: block!important
}

.content-game-currency-usdt .game-currency-content.default:not(.usdt),.content-game-currency-usdt~.v-popper__popper .game-currency-content.default:not(.usdt) {
    display: none!important
}

.content-game-currency-xrp .game-currency-content.xrp,.content-game-currency-xrp~.v-popper__popper .game-currency-content.xrp {
    display: inline!important
}

.content-game-currency-xrp .drum-title .game-currency-content.xrp,.content-game-currency-xrp~.v-popper__popper .drum-title .game-currency-content.xrp {
    display: block!important
}

.content-game-currency-xrp .game-currency-content.default:not(.xrp),.content-game-currency-xrp~.v-popper__popper .game-currency-content.default:not(.xrp) {
    display: none!important
}

.content-game-currency-zar .game-currency-content.zar,.content-game-currency-zar~.v-popper__popper .game-currency-content.zar {
    display: inline!important
}

.content-game-currency-zar .drum-title .game-currency-content.zar,.content-game-currency-zar~.v-popper__popper .drum-title .game-currency-content.zar {
    display: block!important
}

.content-game-currency-zar .game-currency-content.default:not(.zar),.content-game-currency-zar~.v-popper__popper .game-currency-content.default:not(.zar) {
    display: none!important
}

.game-currency-ada .currency-content.ada,.game-currency-ada~.v-popper__popper .currency-content.ada {
    display: inline!important
}

.game-currency-ada .drum-title .currency-content.ada,.game-currency-ada~.v-popper__popper .drum-title .currency-content.ada {
    display: block!important
}

.game-currency-ada .currency-content.default:not(.ada),.game-currency-ada~.v-popper__popper .currency-content.default:not(.ada) {
    display: none!important
}

.game-currency-ars .currency-content.ars,.game-currency-ars~.v-popper__popper .currency-content.ars {
    display: inline!important
}

.game-currency-ars .drum-title .currency-content.ars,.game-currency-ars~.v-popper__popper .drum-title .currency-content.ars {
    display: block!important
}

.game-currency-ars .currency-content.default:not(.ars),.game-currency-ars~.v-popper__popper .currency-content.default:not(.ars) {
    display: none!important
}

.game-currency-aud .currency-content.aud,.game-currency-aud~.v-popper__popper .currency-content.aud {
    display: inline!important
}

.game-currency-aud .drum-title .currency-content.aud,.game-currency-aud~.v-popper__popper .drum-title .currency-content.aud {
    display: block!important
}

.game-currency-aud .currency-content.default:not(.aud),.game-currency-aud~.v-popper__popper .currency-content.default:not(.aud) {
    display: none!important
}

.game-currency-azn .currency-content.azn,.game-currency-azn~.v-popper__popper .currency-content.azn {
    display: inline!important
}

.game-currency-azn .drum-title .currency-content.azn,.game-currency-azn~.v-popper__popper .drum-title .currency-content.azn {
    display: block!important
}

.game-currency-azn .currency-content.default:not(.azn),.game-currency-azn~.v-popper__popper .currency-content.default:not(.azn) {
    display: none!important
}

.game-currency-bch .currency-content.bch,.game-currency-bch~.v-popper__popper .currency-content.bch {
    display: inline!important
}

.game-currency-bch .drum-title .currency-content.bch,.game-currency-bch~.v-popper__popper .drum-title .currency-content.bch {
    display: block!important
}

.game-currency-bch .currency-content.default:not(.bch),.game-currency-bch~.v-popper__popper .currency-content.default:not(.bch) {
    display: none!important
}

.game-currency-bnb .currency-content.bnb,.game-currency-bnb~.v-popper__popper .currency-content.bnb {
    display: inline!important
}

.game-currency-bnb .drum-title .currency-content.bnb,.game-currency-bnb~.v-popper__popper .drum-title .currency-content.bnb {
    display: block!important
}

.game-currency-bnb .currency-content.default:not(.bnb),.game-currency-bnb~.v-popper__popper .currency-content.default:not(.bnb) {
    display: none!important
}

.game-currency-brl .currency-content.brl,.game-currency-brl~.v-popper__popper .currency-content.brl {
    display: inline!important
}

.game-currency-brl .drum-title .currency-content.brl,.game-currency-brl~.v-popper__popper .drum-title .currency-content.brl {
    display: block!important
}

.game-currency-brl .currency-content.default:not(.brl),.game-currency-brl~.v-popper__popper .currency-content.default:not(.brl) {
    display: none!important
}

.game-currency-btc .currency-content.btc,.game-currency-btc~.v-popper__popper .currency-content.btc {
    display: inline!important
}

.game-currency-btc .drum-title .currency-content.btc,.game-currency-btc~.v-popper__popper .drum-title .currency-content.btc {
    display: block!important
}

.game-currency-btc .currency-content.default:not(.btc),.game-currency-btc~.v-popper__popper .currency-content.default:not(.btc) {
    display: none!important
}

.game-currency-cad .currency-content.cad,.game-currency-cad~.v-popper__popper .currency-content.cad {
    display: inline!important
}

.game-currency-cad .drum-title .currency-content.cad,.game-currency-cad~.v-popper__popper .drum-title .currency-content.cad {
    display: block!important
}

.game-currency-cad .currency-content.default:not(.cad),.game-currency-cad~.v-popper__popper .currency-content.default:not(.cad) {
    display: none!important
}

.game-currency-clp .currency-content.clp,.game-currency-clp~.v-popper__popper .currency-content.clp {
    display: inline!important
}

.game-currency-clp .drum-title .currency-content.clp,.game-currency-clp~.v-popper__popper .drum-title .currency-content.clp {
    display: block!important
}

.game-currency-clp .currency-content.default:not(.clp),.game-currency-clp~.v-popper__popper .currency-content.default:not(.clp) {
    display: none!important
}

.game-currency-doge .currency-content.doge,.game-currency-doge~.v-popper__popper .currency-content.doge {
    display: inline!important
}

.game-currency-doge .drum-title .currency-content.doge,.game-currency-doge~.v-popper__popper .drum-title .currency-content.doge {
    display: block!important
}

.game-currency-doge .currency-content.default:not(.doge),.game-currency-doge~.v-popper__popper .currency-content.default:not(.doge) {
    display: none!important
}

.game-currency-eth .currency-content.eth,.game-currency-eth~.v-popper__popper .currency-content.eth {
    display: inline!important
}

.game-currency-eth .drum-title .currency-content.eth,.game-currency-eth~.v-popper__popper .drum-title .currency-content.eth {
    display: block!important
}

.game-currency-eth .currency-content.default:not(.eth),.game-currency-eth~.v-popper__popper .currency-content.default:not(.eth) {
    display: none!important
}

.game-currency-eur .currency-content.eur,.game-currency-eur~.v-popper__popper .currency-content.eur {
    display: inline!important
}

.game-currency-eur .drum-title .currency-content.eur,.game-currency-eur~.v-popper__popper .drum-title .currency-content.eur {
    display: block!important
}

.game-currency-eur .currency-content.default:not(.eur),.game-currency-eur~.v-popper__popper .currency-content.default:not(.eur) {
    display: none!important
}

.game-currency-inr .currency-content.inr,.game-currency-inr~.v-popper__popper .currency-content.inr {
    display: inline!important
}

.game-currency-inr .drum-title .currency-content.inr,.game-currency-inr~.v-popper__popper .drum-title .currency-content.inr {
    display: block!important
}

.game-currency-inr .currency-content.default:not(.inr),.game-currency-inr~.v-popper__popper .currency-content.default:not(.inr) {
    display: none!important
}

.game-currency-jpy .currency-content.jpy,.game-currency-jpy~.v-popper__popper .currency-content.jpy {
    display: inline!important
}

.game-currency-jpy .drum-title .currency-content.jpy,.game-currency-jpy~.v-popper__popper .drum-title .currency-content.jpy {
    display: block!important
}

.game-currency-jpy .currency-content.default:not(.jpy),.game-currency-jpy~.v-popper__popper .currency-content.default:not(.jpy) {
    display: none!important
}

.game-currency-kzt .currency-content.kzt,.game-currency-kzt~.v-popper__popper .currency-content.kzt {
    display: inline!important
}

.game-currency-kzt .drum-title .currency-content.kzt,.game-currency-kzt~.v-popper__popper .drum-title .currency-content.kzt {
    display: block!important
}

.game-currency-kzt .currency-content.default:not(.kzt),.game-currency-kzt~.v-popper__popper .currency-content.default:not(.kzt) {
    display: none!important
}

.game-currency-ltc .currency-content.ltc,.game-currency-ltc~.v-popper__popper .currency-content.ltc {
    display: inline!important
}

.game-currency-ltc .drum-title .currency-content.ltc,.game-currency-ltc~.v-popper__popper .drum-title .currency-content.ltc {
    display: block!important
}

.game-currency-ltc .currency-content.default:not(.ltc),.game-currency-ltc~.v-popper__popper .currency-content.default:not(.ltc) {
    display: none!important
}

.game-currency-mxn .currency-content.mxn,.game-currency-mxn~.v-popper__popper .currency-content.mxn {
    display: inline!important
}

.game-currency-mxn .drum-title .currency-content.mxn,.game-currency-mxn~.v-popper__popper .drum-title .currency-content.mxn {
    display: block!important
}

.game-currency-mxn .currency-content.default:not(.mxn),.game-currency-mxn~.v-popper__popper .currency-content.default:not(.mxn) {
    display: none!important
}

.game-currency-ngn .currency-content.ngn,.game-currency-ngn~.v-popper__popper .currency-content.ngn {
    display: inline!important
}

.game-currency-ngn .drum-title .currency-content.ngn,.game-currency-ngn~.v-popper__popper .drum-title .currency-content.ngn {
    display: block!important
}

.game-currency-ngn .currency-content.default:not(.ngn),.game-currency-ngn~.v-popper__popper .currency-content.default:not(.ngn) {
    display: none!important
}

.game-currency-nok .currency-content.nok,.game-currency-nok~.v-popper__popper .currency-content.nok {
    display: inline!important
}

.game-currency-nok .drum-title .currency-content.nok,.game-currency-nok~.v-popper__popper .drum-title .currency-content.nok {
    display: block!important
}

.game-currency-nok .currency-content.default:not(.nok),.game-currency-nok~.v-popper__popper .currency-content.default:not(.nok) {
    display: none!important
}

.game-currency-nzd .currency-content.nzd,.game-currency-nzd~.v-popper__popper .currency-content.nzd {
    display: inline!important
}

.game-currency-nzd .drum-title .currency-content.nzd,.game-currency-nzd~.v-popper__popper .drum-title .currency-content.nzd {
    display: block!important
}

.game-currency-nzd .currency-content.default:not(.nzd),.game-currency-nzd~.v-popper__popper .currency-content.default:not(.nzd) {
    display: none!important
}

.game-currency-pen .currency-content.pen,.game-currency-pen~.v-popper__popper .currency-content.pen {
    display: inline!important
}

.game-currency-pen .drum-title .currency-content.pen,.game-currency-pen~.v-popper__popper .drum-title .currency-content.pen {
    display: block!important
}

.game-currency-pen .currency-content.default:not(.pen),.game-currency-pen~.v-popper__popper .currency-content.default:not(.pen) {
    display: none!important
}

.game-currency-pln .currency-content.pln,.game-currency-pln~.v-popper__popper .currency-content.pln {
    display: inline!important
}

.game-currency-pln .drum-title .currency-content.pln,.game-currency-pln~.v-popper__popper .drum-title .currency-content.pln {
    display: block!important
}

.game-currency-pln .currency-content.default:not(.pln),.game-currency-pln~.v-popper__popper .currency-content.default:not(.pln) {
    display: none!important
}

.game-currency-rub .currency-content.rub,.game-currency-rub~.v-popper__popper .currency-content.rub {
    display: inline!important
}

.game-currency-rub .drum-title .currency-content.rub,.game-currency-rub~.v-popper__popper .drum-title .currency-content.rub {
    display: block!important
}

.game-currency-rub .currency-content.default:not(.rub),.game-currency-rub~.v-popper__popper .currency-content.default:not(.rub) {
    display: none!important
}

.game-currency-sek .currency-content.sek,.game-currency-sek~.v-popper__popper .currency-content.sek {
    display: inline!important
}

.game-currency-sek .drum-title .currency-content.sek,.game-currency-sek~.v-popper__popper .drum-title .currency-content.sek {
    display: block!important
}

.game-currency-sek .currency-content.default:not(.sek),.game-currency-sek~.v-popper__popper .currency-content.default:not(.sek) {
    display: none!important
}

.game-currency-trx .currency-content.trx,.game-currency-trx~.v-popper__popper .currency-content.trx {
    display: inline!important
}

.game-currency-trx .drum-title .currency-content.trx,.game-currency-trx~.v-popper__popper .drum-title .currency-content.trx {
    display: block!important
}

.game-currency-trx .currency-content.default:not(.trx),.game-currency-trx~.v-popper__popper .currency-content.default:not(.trx) {
    display: none!important
}

.game-currency-try .currency-content.try,.game-currency-try~.v-popper__popper .currency-content.try {
    display: inline!important
}

.game-currency-try .drum-title .currency-content.try,.game-currency-try~.v-popper__popper .drum-title .currency-content.try {
    display: block!important
}

.game-currency-try .currency-content.default:not(.try),.game-currency-try~.v-popper__popper .currency-content.default:not(.try) {
    display: none!important
}

.game-currency-uah .currency-content.uah,.game-currency-uah~.v-popper__popper .currency-content.uah {
    display: inline!important
}

.game-currency-uah .drum-title .currency-content.uah,.game-currency-uah~.v-popper__popper .drum-title .currency-content.uah {
    display: block!important
}

.game-currency-uah .currency-content.default:not(.uah),.game-currency-uah~.v-popper__popper .currency-content.default:not(.uah) {
    display: none!important
}

.game-currency-usd .currency-content.usd,.game-currency-usd~.v-popper__popper .currency-content.usd {
    display: inline!important
}

.game-currency-usd .drum-title .currency-content.usd,.game-currency-usd~.v-popper__popper .drum-title .currency-content.usd {
    display: block!important
}

.game-currency-usd .currency-content.default:not(.usd),.game-currency-usd~.v-popper__popper .currency-content.default:not(.usd) {
    display: none!important
}

.game-currency-usdt .currency-content.usdt,.game-currency-usdt~.v-popper__popper .currency-content.usdt {
    display: inline!important
}

.game-currency-usdt .drum-title .currency-content.usdt,.game-currency-usdt~.v-popper__popper .drum-title .currency-content.usdt {
    display: block!important
}

.game-currency-usdt .currency-content.default:not(.usdt),.game-currency-usdt~.v-popper__popper .currency-content.default:not(.usdt) {
    display: none!important
}

.game-currency-xrp .currency-content.xrp,.game-currency-xrp~.v-popper__popper .currency-content.xrp {
    display: inline!important
}

.game-currency-xrp .drum-title .currency-content.xrp,.game-currency-xrp~.v-popper__popper .drum-title .currency-content.xrp {
    display: block!important
}

.game-currency-xrp .currency-content.default:not(.xrp),.game-currency-xrp~.v-popper__popper .currency-content.default:not(.xrp) {
    display: none!important
}

.game-currency-zar .currency-content.zar,.game-currency-zar~.v-popper__popper .currency-content.zar {
    display: inline!important
}

.game-currency-zar .drum-title .currency-content.zar,.game-currency-zar~.v-popper__popper .drum-title .currency-content.zar {
    display: block!important
}

.game-currency-zar .currency-content.default:not(.zar),.game-currency-zar~.v-popper__popper .currency-content.default:not(.zar) {
    display: none!important
}

.swiper-button-next-wr,.swiper-button-prev-wr {
    position: absolute;
    top: 0;
    width: 36px;
    height: 100%;
    cursor: pointer;
    z-index: 2
}

.games-jackpot__providers-slider .swiper-button-next-wr,.games-jackpot__providers-slider .swiper-button-prev-wr {
    top: -12px
}

.command-list-slider__navigation .swiper-button-disabled,.games-slider__navigation .swiper-button-disabled {
    display: none
}

.swiper-button-prev-wr {
    left: -18px
}

.swiper-button-next-wr {
    right: -18px
}

.btn.swiper-button-next,.btn.swiper-button-prev,.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: 0!important;
    right: auto!important;
    left: auto!important;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    color: var(--colors-base-black-1000);
    background: var(--buttons-icon-primary-bg-default);
    opacity: 0;
    visibility: hidden;
    transition: .15s ease-out
}

.no-touch .btn.swiper-button-next:hover,.no-touch .btn.swiper-button-prev:hover,.no-touch .swiper-button-next:hover,.no-touch .swiper-button-prev:hover {
    color: var(--buttons-icon-primary-icon-hover);
    background: var(--buttons-icon-primary-bg-hover)
}

.no-touch .bonus-store-freespins__list-wr:hover .btn.swiper-button-next,.no-touch .bonus-store-freespins__list-wr:hover .btn.swiper-button-prev,.no-touch .bonus-store-freespins__list-wr:hover .swiper-button-next,.no-touch .bonus-store-freespins__list-wr:hover .swiper-button-prev,.no-touch .bonus-store-lootboxes__list-wr:hover .btn.swiper-button-next,.no-touch .bonus-store-lootboxes__list-wr:hover .btn.swiper-button-prev,.no-touch .bonus-store-lootboxes__list-wr:hover .swiper-button-next,.no-touch .bonus-store-lootboxes__list-wr:hover .swiper-button-prev,.no-touch .command-list-slider:hover .btn.swiper-button-next,.no-touch .command-list-slider:hover .btn.swiper-button-prev,.no-touch .command-list-slider:hover .swiper-button-next,.no-touch .command-list-slider:hover .swiper-button-prev,.no-touch .games-slider__inner:hover .btn.swiper-button-next,.no-touch .games-slider__inner:hover .btn.swiper-button-prev,.no-touch .games-slider__inner:hover .swiper-button-next,.no-touch .games-slider__inner:hover .swiper-button-prev,.no-touch .main-slider__wrapper:hover .btn.swiper-button-next,.no-touch .main-slider__wrapper:hover .btn.swiper-button-prev,.no-touch .main-slider__wrapper:hover .swiper-button-next,.no-touch .main-slider__wrapper:hover .swiper-button-prev,.no-touch .promo-table__body-wr:hover .btn.swiper-button-next,.no-touch .promo-table__body-wr:hover .btn.swiper-button-prev,.no-touch .promo-table__body-wr:hover .swiper-button-next,.no-touch .promo-table__body-wr:hover .swiper-button-prev,.no-touch .second-level-banners:hover .btn.swiper-button-next,.no-touch .second-level-banners:hover .btn.swiper-button-prev,.no-touch .second-level-banners:hover .swiper-button-next,.no-touch .second-level-banners:hover .swiper-button-prev {
    opacity: 1;
    visibility: visible
}

.sport-lobby .btn.swiper-button-next,.sport-lobby .btn.swiper-button-prev,.sport-lobby .swiper-button-next,.sport-lobby .swiper-button-prev {
    top: calc(50% + 8px)
}

.sport-lobby-links .btn.swiper-button-next,.sport-lobby-links .btn.swiper-button-prev,.sport-lobby-links .swiper-button-next,.sport-lobby-links .swiper-button-prev {
    width: 36px;
    height: 36px
}

.btn.swiper-button-next:after,.btn.swiper-button-prev:after,.swiper-button-next:after,.swiper-button-prev:after {
    content: none
}

.btn.swiper-button-next.swiper-button-disabled,.btn.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    pointer-events: none;
    color: var(--buttons-icon-primary-icon-disable);
    background: var(--buttons-icon-primary-bg-disable)
}

@media(min-width: 1140px) {
    .btn.swiper-button-next.bonuses-future__next,.btn.swiper-button-next.bonuses-future__prev,.btn.swiper-button-prev.bonuses-future__next,.btn.swiper-button-prev.bonuses-future__prev,.swiper-button-next.bonuses-future__next,.swiper-button-next.bonuses-future__prev,.swiper-button-prev.bonuses-future__next,.swiper-button-prev.bonuses-future__prev {
        padding:0;
        z-index: 3;
        visibility: visible;
        opacity: 1
    }

    .btn.swiper-button-next.bonuses-future__next.swiper-button-disabled,.btn.swiper-button-next.bonuses-future__prev.swiper-button-disabled,.btn.swiper-button-prev.bonuses-future__next.swiper-button-disabled,.btn.swiper-button-prev.bonuses-future__prev.swiper-button-disabled,.swiper-button-next.bonuses-future__next.swiper-button-disabled,.swiper-button-next.bonuses-future__prev.swiper-button-disabled,.swiper-button-prev.bonuses-future__next.swiper-button-disabled,.swiper-button-prev.bonuses-future__prev.swiper-button-disabled {
        display: none
    }
}

@media(min-width: 1140px) {
    .btn.swiper-button-prev.bonuses-future__prev,.swiper-button-prev.bonuses-future__prev {
        left:-23px!important
    }
}

@media(min-width: 1140px) {
    .btn.swiper-button-next.bonuses-future__next,.swiper-button-next.bonuses-future__next {
        right:-24px!important
    }
}

.swiper-button-next .icon,.swiper-button-prev .icon {
    height: 20px;
    width: 20px
}

.swiper-pagination-bullet {
    cursor: pointer
}

.bonus-store-freespins__next,.bonus-store-freespins__prev {
    z-index: 3
}

.bonus-store-freespins__next .icon,.bonus-store-freespins__prev .icon {
    width: 16px;
    height: auto
}

.bonus-store-freespins__next.swiper-button-disabled,.bonus-store-freespins__prev.swiper-button-disabled {
    display: none
}

@media(max-width: 1139px) {
    .bonus-store-freespins__next,.bonus-store-freespins__prev {
        display:none
    }
}

.swiper-button-prev.bonus-store-freespins__prev {
    left: 0!important;
    transform: translate(-50%,-50%)
}

.swiper-button-next.bonus-store-freespins__next {
    right: 0!important;
    transform: translate(50%,-50%)
}

.bonus-store-lootboxes__next,.bonus-store-lootboxes__prev {
    z-index: 3
}

.bonus-store-lootboxes__next .icon,.bonus-store-lootboxes__prev .icon {
    width: 16px;
    height: auto
}

.bonus-store-lootboxes__next.swiper-button-disabled,.bonus-store-lootboxes__prev.swiper-button-disabled {
    display: none
}

@media(max-width: 1139px) {
    .bonus-store-lootboxes__next,.bonus-store-lootboxes__prev {
        display:none
    }
}

.swiper-button-prev.bonus-store-lootboxes__prev {
    left: 0!important;
    transform: translate(-50%,-50%)
}

.swiper-button-next.bonus-store-lootboxes__next {
    right: 0!important;
    transform: translate(50%,-50%)
}

.promo-slider__next.btn,.promo-slider__prev.btn {
    padding: 0;
    z-index: 3;
    visibility: visible;
    opacity: 1
}

.promo-slider__next.btn.swiper-button-disabled,.promo-slider__prev.btn.swiper-button-disabled {
    opacity: 0
}

.promo-slider__prev.btn {
    left: -24px!important
}

.promo-slider__next.btn {
    right: -24px!important
}

.games-sort-filters-group {
    position: relative;
    z-index: 3;
    margin: 0 auto 0 0
}

@media(max-width: 1139px) {
    .games-sort-filters-group {
        padding:0 8px
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .games-sort-filters-group:not(.providers__filters .games-sort-filters-group) {
        padding:4px var(--spacings-s) 4px 4px
    }
}

@media(min-width: 1140px) {
    .games-sort-filters-group {
        display:flex;
        align-items: center
    }

    .games-sort-filters-group:not(.providers__filters .games-sort-filters-group) {
        padding: 4px var(--spacings-s);
        height: 56px;
        border-radius: 100px;
        background: var(--backgrounds-e-4)
    }
}

@media(min-width: 1628px) {
    .games-sort-page__head--sticky .games-sort-filters-group {
        margin-right:0
    }
}

.filter-button {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-left: auto
}

.filter-button__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0
}

.filter-button__icon {
    width: 20px;
    height: auto;
    color: var(--buttons-icon-secondary-d-icon-default)
}

.filter-button__counter,.filters-header__counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2px;
    right: -2px;
    height: 18px;
    padding: 3px 6px;
    min-width: 23px;
    border-radius: 100px;
    text-align: center;
    color: var(--text-text);
    background: var(--gradient-tokens-backgrounds-m);
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.group-filters__header-title {
    color: var(--text-text)
}

.bottom-sheet .group-filters__header-title {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    text-align: center;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .bottom-sheet .group-filters__header-title {
        margin-bottom:20px
    }
}

.bottom-sheet .group-filters__header-title:first-letter {
    text-transform: uppercase
}

.filters-header__clear {
    color: var(--colors-base-white-b);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700
}

.slide-left-right-enter-active,.slide-left-right-leave-active {
    transition: all 1s
}

.slide-left-right-enter-to,.slide-left-right-leave {
    max-width: 100%
}

.slide-left-right-enter,.slide-left-right-leave-to {
    max-width: 0
}

.slide-left-enter-active,.slide-left-leave-active {
    transition: .15s ease-out
}

.slide-left-enter-to,.slide-left-leave {
    transform: translateZ(0)
}

.slide-left-enter,.slide-left-leave-to {
    transform: translate3d(-100%,0,0)
}

.slide-right-enter-active,.slide-right-leave-active {
    transition: .15s ease-out
}

.slide-right-enter-to,.slide-right-leave {
    transform: translateZ(0)
}

.slide-right-enter,.slide-right-leave-to {
    transform: translate3d(100%,0,0)
}

.fade-enter-active,.fade-leave-active {
    transition: all .2s
}

.fade-enter-to,.fade-leave {
    opacity: 1
}

.fade-enter,.fade-leave-to {
    opacity: 0
}

.hide-buttons-enter-active,.hide-buttons-leave-active {
    transition: transform .3s ease,opacity .3s ease
}

.hide-buttons-enter-to,.hide-buttons-leave {
    transform: translateZ(0);
    opacity: 1
}

.hide-buttons-enter,.hide-buttons-leave-to {
    transform: translate3d(0,-100%,0);
    opacity: 0
}

.banners-welcome-offer-main {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    background: var(--gradient-background-striped-2);
    padding: 30px
}

@media(min-width: 640px) {
    .banners-welcome-offer-main {
        padding:32px
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main {
        border-radius:var(--roundings-l);
        padding: 48px;
        background: var(--gradient-background-striped-2-reversed)
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main {
        padding:38px
    }
}

.banners-welcome-offer-main:after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -9;
    content: url(/1imggradient-green-size-l.webp) url(/1imggradient-green-size-s.webp) url(/1imggradient-gray-size-l.webp) url(/1imggradient-gray-size-s.webp) url(/1imggradient-blue-size-l.webp) url(/1imggradient-blue-size-s.webp)
}

.no-webp .banners-welcome-offer-main:after {
    content: url(/1imggradient-green-size-l.png) url(/1imggradient-green-size-s.png) url(/1imggradient-gray-size-l.png) url(/1imggradient-gray-size-s.png) url(/1imggradient-blue-size-l.png) url(/1imggradient-blue-size-s.png)
}

.banners-welcome-offer-main__content {
    width: 272px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xl);
    border-radius: var(--roundings-m);
    z-index: 2;
    position: relative;
    background: radial-gradient(50% 50% at 50% 100%,rgba(113,236,111,.3) 0,hsla(0,0%,92.9%,.04) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-size: 540px 110px;
    background-position: bottom;
    background-repeat: no-repeat;
    animation: gradient-pulse-ujf2jg2 30s ease-in-out infinite
}

.banners-welcome-offer-main__content:after {
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.banners-welcome-offer-main__content:after,.banners-welcome-offer-main__content:before {
    z-index: -1;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.banners-welcome-offer-main__content:before {
    border-radius: inherit;
    opacity: .3;
    background-image: url(/1img/background.webp)
}

.no-webp .banners-welcome-offer-main__content:before {
    background-image: url(/1img/background.png)
}

@keyframes gradient-pulse-ujf2jg2 {
    0% {
        background-image: url(/1imggradient-green-size-l.webp)
    }

    16.6666666667% {
        background-image: url(/1imggradient-green-size-s.webp)
    }

    33.3333333333% {
        background-image: url(/1imggradient-gray-size-l.webp)
    }

    50% {
        background-image: url(/1imggradient-gray-size-s.webp)
    }

    66.6666666667% {
        background-image: url(/1imggradient-blue-size-l.webp)
    }

    83.3333333333% {
        background-image: url(/1imggradient-blue-size-s.webp)
    }

    to {
        background-image: url(/1imggradient-green-size-l.webp)
    }
}

.no-webp .banners-welcome-offer-main__content {
    animation: gradient-pulse-ujf2jg9 30s ease-in-out infinite
}

@keyframes gradient-pulse-ujf2jg9 {
    0% {
        background-image: url(/1imggradient-green-size-l.png)
    }

    16.6666666667% {
        background-image: url(/1imggradient-green-size-s.png)
    }

    33.3333333333% {
        background-image: url(/1imggradient-gray-size-l.png)
    }

    50% {
        background-image: url(/1imggradient-gray-size-s.png)
    }

    66.6666666667% {
        background-image: url(/1imggradient-blue-size-l.png)
    }

    83.3333333333% {
        background-image: url(/1imggradient-blue-size-s.png)
    }

    to {
        background-image: url(/1imggradient-green-size-l.png)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__content {
        width:321px;
        padding: 40px 60px
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content {
        width:790px;
        padding: 50px;
        background-size: 934px 191px
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__content {
        width:934px;
        background-size: 1266px 191px
    }
}

.banners-welcome-offer-main__content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xl);
    z-index: 1
}

.banners-welcome-offer-main__content-title {
    text-align: center;
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-title {
        font-size:28px;
        line-height: 28px
    }
}

.banners-welcome-offer-main__content-text-wr {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m)
}

@media(min-width: 640px)and (max-width:1139px) {
    .banners-welcome-offer-main__content-text-wr {
        gap:8px
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-text-wr {
        flex-direction:row;
        align-items: center
    }
}

.banners-welcome-offer-main__content-percent {
    position: relative;
    font-size: 70px;
    line-height: 72px;
    font-weight: 700;
    color: var(--text-text-accent);
    text-shadow: var(--gray-light-shadow);
    letter-spacing: 1.4px
}

@media(max-width: 1139px) {
    .banners-welcome-offer-main__content-percent {
        text-align:center
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__content-percent {
        font-size:76px;
        line-height: 80px;
        letter-spacing: 1.52px
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-percent {
        font-size:96px;
        line-height: 120px;
        margin-right: 116px;
        letter-spacing: 1.92px
    }
}

.banners-welcome-offer-main__content-percent:after {
    width: 116px;
    height: 118px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(100%,-50%,0);
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/1imggift.webp)
}

.no-webp .banners-welcome-offer-main__content-percent:after {
    background-image: url(/1imggift.png)
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-percent:after {
        content:""
    }
}

.banners-welcome-offer-main__content-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--text-text);
    font-weight: 700;
    text-transform: uppercase
}

@media(max-width: 1139px) {
    .banners-welcome-offer-main__content-text {
        text-align:center
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-text {
        gap:1px
    }
}

.banners-welcome-offer-main__content-text>span:first-child {
    font-size: 30px;
    line-height: 44px
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-text>span:first-child {
        font-size:38px;
        line-height: 56px
    }
}

.banners-welcome-offer-main__content-text>span:last-child {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__content-text>span:last-child {
        font-size:24px;
        line-height: 36px;
        font-weight: 700
    }
}

@media(max-width: 1139px) {
    .banners-welcome-offer-main__button {
        width:100%;
        height: 40px;
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__button {
        min-width:170px;
        height: 60px
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__button {
        min-width:210px;
        height: 68px
    }
}

.banners-welcome-offer-main__img {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    pointer-events: none
}

.banners-welcome-offer-main__img--under {
    z-index: 1
}

.banners-welcome-offer-main__img--over {
    z-index: 3
}

.banners-welcome-offer-main__img--first {
    width: 126px;
    height: 133px;
    top: 0;
    left: 0;
    background-image: url(/1imganimated/1.webp);
    animation: float-ujf2jgn 15s ease-in-out 0s infinite normal none
}

.no-webp .banners-welcome-offer-main__img--first {
    background-image: url(/1imganimated/1.png)
}

@keyframes float-ujf2jgn {
    0% {
        transform: translate3d(-50px,168px,0) rotate(-18deg) scale(.65)
    }

    33.3% {
        transform: translate3d(-50px,147px,0) rotate(-19deg) scale(.6)
    }

    66.6% {
        transform: translate3d(-56px,166px,0) rotate(-59deg) scale(.8)
    }

    to {
        transform: translate3d(-50px,168px,0) rotate(-18deg) scale(.65)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__img--first {
        animation:float-ujf2jhd 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jhd {
        0% {
            transform: translate3d(93px,43px,0) rotate(-18deg) scale(.65)
        }

        33.3% {
            transform: translate3d(88px,38px,0) rotate(-19deg) scale(.6)
        }

        66.6% {
            transform: translate3d(58px,-11px,0) rotate(-59deg) scale(.8)
        }

        to {
            transform: translate3d(93px,43px,0) rotate(-18deg) scale(.65)
        }
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__img--first {
        animation:float-ujf2jhm 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jhm {
        0% {
            transform: translate3d(29px,44px,0) rotate(-18deg) scale(1)
        }

        33.3% {
            transform: translate3d(55px,51px,0) rotate(-19deg) scale(.83)
        }

        66.6% {
            transform: translate3d(168px,38px,0) rotate(-59deg) scale(.92)
        }

        to {
            transform: translate3d(29px,44px,0) rotate(-18deg) scale(1)
        }
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__img--first {
        animation:float-ujf2jie 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jie {
        0% {
            transform: translate3d(194px,44px,0) rotate(-18deg) scale(1)
        }

        33.3% {
            transform: translate3d(178px,50px,0) rotate(-19deg) scale(.83)
        }

        66.6% {
            transform: translate3d(45px,38px,0) rotate(-59deg) scale(.92)
        }

        to {
            transform: translate3d(194px,44px,0) rotate(-18deg) scale(1)
        }
    }
}

.banners-welcome-offer-main__img--second {
    width: 120px;
    height: 115px;
    top: 0;
    left: 0;
    background-image: url(/1imganimated/2.webp);
    animation: float-ujf2jjc 15s ease-in-out 0s infinite normal none
}

.no-webp .banners-welcome-offer-main__img--second {
    background-image: url(/1imganimated/2.png)
}

@keyframes float-ujf2jjc {
    0% {
        transform: translate3d(-2px,74px,0) rotate(41deg) scale(.53)
    }

    33.3% {
        transform: translate3d(-2px,35px,0) rotate(146deg) scale(.53)
    }

    66.6% {
        transform: translate3d(-2px,54px,0) rotate(-129deg) scale(.53)
    }

    to {
        transform: translate3d(-2px,74px,0) rotate(41deg) scale(.53)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__img--second {
        animation:float-ujf2jjg 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jjg {
        0% {
            transform: translate3d(-21px,90px,0) rotate(41deg) scale(.88)
        }

        33.3% {
            transform: translate3d(-58px,117px,0) rotate(146deg) scale(1)
        }

        66.6% {
            transform: translate3d(-39px,102px,0) rotate(-129deg) scale(.8)
        }

        to {
            transform: translate3d(-21px,90px,0) rotate(41deg) scale(.88)
        }
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__img--second {
        animation:float-ujf2jjw 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jjw {
        0% {
            transform: translate3d(-62px,161px,0) rotate(41deg) scale(1)
        }

        33.3% {
            transform: translate3d(-86px,154px,0) rotate(146deg) scale(1.24)
        }

        66.6% {
            transform: translate3d(-67px,165px,0) rotate(146deg) scale(1.05)
        }

        to {
            transform: translate3d(-62px,161px,0) rotate(41deg) scale(1)
        }
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__img--second {
        animation:float-ujf2jkk 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jkk {
        0% {
            transform: translate3d(62px,162px,0) rotate(41deg) scale(1)
        }

        33.3% {
            transform: translate3d(0,154px,0) rotate(146deg) scale(1.24)
        }

        66.6% {
            transform: translate3d(36px,185px,0) rotate(146deg) scale(1.05)
        }

        to {
            transform: translate3d(62px,162px,0) rotate(41deg) scale(1)
        }
    }
}

.banners-welcome-offer-main__img--third {
    width: 170px;
    height: 165px;
    top: 0;
    left: 0;
    background-image: url(/1imganimated/3.webp);
    animation: float-ujf2jl9 15s ease-in-out 0s infinite normal none
}

.no-webp .banners-welcome-offer-main__img--third {
    background-image: url(/1imganimated/3.png)
}

@keyframes float-ujf2jl9 {
    0% {
        transform: translate3d(4px,293px,0) rotate(0deg) scale(.6)
    }

    33.3% {
        transform: translate3d(-30px,279px,0) rotate(-22deg) scale(.8)
    }

    66.6% {
        transform: translate3d(-25px,277px,0) rotate(27deg) scale(.9)
    }

    to {
        transform: translate3d(4px,293px,0) rotate(0deg) scale(.6)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__img--third {
        animation:float-ujf2jm0 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jm0 {
        0% {
            transform: translate3d(62px,252px,0) rotate(0deg) scale(.83)
        }

        33.3% {
            transform: translate3d(34px,249px,0) rotate(-22deg) scale(.8)
        }

        66.6% {
            transform: translate3d(15px,215px,0) rotate(27deg) scale(.9)
        }

        to {
            transform: translate3d(62px,252px,0) rotate(0deg) scale(.83)
        }
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__img--third {
        animation:float-ujf2jmm 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jmm {
        0% {
            transform: translate3d(91px,274px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(74px,260px,0) rotate(-22deg) scale(.94)
        }

        66.6% {
            transform: translate3d(88px,240px,0) rotate(27deg) scale(1)
        }

        to {
            transform: translate3d(91px,274px,0) rotate(0deg) scale(1)
        }
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__img--third {
        animation:float-ujf2jms 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jms {
        0% {
            transform: translate3d(242px,275px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(197px,280px,0) rotate(-22deg) scale(.94)
        }

        66.6% {
            transform: translate3d(234px,217px,0) rotate(27deg) scale(1)
        }

        to {
            transform: translate3d(242px,275px,0) rotate(0deg) scale(1)
        }
    }
}

.banners-welcome-offer-main__img--fourth {
    width: 102px;
    height: 102px;
    top: 0;
    right: 0;
    background-image: url(/1imganimated/4.webp);
    animation: float-ujf2jmz 15s ease-in-out 0s infinite normal none
}

.no-webp .banners-welcome-offer-main__img--fourth {
    background-image: url(/1imganimated/4.png)
}

@keyframes float-ujf2jmz {
    0% {
        transform: translate3d(-20px,7px,0) rotate(0deg) scale(.6)
    }

    33.3% {
        transform: translate3d(0,10px,0) rotate(-52deg) scale(.6)
    }

    66.6% {
        transform: translate3d(0,10px,0) rotate(-138deg) scale(.6)
    }

    to {
        transform: translate3d(-20px,7px,0) rotate(0deg) scale(.6)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__img--fourth {
        animation:float-ujf2jnc 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jnc {
        0% {
            transform: translate3d(-108px,47px,0) rotate(0deg) scale(.8)
        }

        33.3% {
            transform: translate3d(-100px,38px,0) rotate(-52deg) scale(.7)
        }

        66.6% {
            transform: translate3d(-82px,32px,0) rotate(-138deg) scale(1)
        }

        to {
            transform: translate3d(-108px,47px,0) rotate(0deg) scale(.8)
        }
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__img--fourth {
        animation:float-ujf2jo1 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jo1 {
        0% {
            transform: translate3d(-95px,67px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(-15px,73px,0) rotate(-52deg) scale(1)
        }

        66.6% {
            transform: translate3d(-82px,32px,0) rotate(-138deg) scale(1)
        }

        to {
            transform: translate3d(-95px,67px,0) rotate(0deg) scale(1)
        }
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__img--fourth {
        animation:float-ujf2joq 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2joq {
        0% {
            transform: translate3d(-258px,67px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(-233px,15px,0) rotate(-52deg) scale(1)
        }

        66.6% {
            transform: translate3d(-242px,32px,0) rotate(-138deg) scale(1)
        }

        to {
            transform: translate3d(-258px,67px,0) rotate(0deg) scale(1)
        }
    }
}

.banners-welcome-offer-main__img--fifth {
    width: 136px;
    height: 136px;
    top: 0;
    right: 0;
    background-image: url(/1imganimated/5.webp);
    animation: float-ujf2jpq 15s ease-in-out 0s infinite normal none
}

.no-webp .banners-welcome-offer-main__img--fifth {
    background-image: url(/1imganimated/5.png)
}

@keyframes float-ujf2jpq {
    0% {
        transform: translate3d(26px,136px,0) rotate(0deg) scale(.73)
    }

    33.3% {
        transform: translate3d(46px,136px,0) rotate(51deg) scale(.73)
    }

    66.6% {
        transform: translate3d(51px,147px,0) rotate(-44deg) scale(.73)
    }

    to {
        transform: translate3d(26px,136px,0) rotate(0deg) scale(.73)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__img--fifth {
        animation:float-ujf2jqa 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jqa {
        0% {
            transform: translate3d(30px,142px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(56px,144px,0) rotate(51deg) scale(.9)
        }

        66.6% {
            transform: translate3d(45px,150px,0) rotate(-44deg) scale(.95)
        }

        to {
            transform: translate3d(30px,142px,0) rotate(0deg) scale(1)
        }
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__img--fifth {
        animation:float-ujf2jr2 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jr2 {
        0% {
            transform: translate3d(30px,162px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(59px,144px,0) rotate(51deg) scale(.92)
        }

        66.6% {
            transform: translate3d(50px,137px,0) rotate(-44deg) scale(1.2)
        }

        to {
            transform: translate3d(30px,162px,0) rotate(0deg) scale(1)
        }
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__img--fifth {
        animation:float-ujf2jr9 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jr9 {
        0% {
            transform: translate3d(-130px,162px,0) rotate(0deg) scale(1)
        }

        33.3% {
            transform: translate3d(-81px,144px,0) rotate(51deg) scale(.92)
        }

        66.6% {
            transform: translate3d(-110px,137px,0) rotate(-44deg) scale(1.2)
        }

        to {
            transform: translate3d(-130px,162px,0) rotate(0deg) scale(1)
        }
    }
}

.banners-welcome-offer-main__img--sixth {
    width: 95px;
    height: 92px;
    top: 0;
    right: 0;
    background-image: url(/1imganimated/6.webp);
    animation: float-ujf2jri 15s ease-in-out 0s infinite normal none
}

.no-webp .banners-welcome-offer-main__img--sixth {
    background-image: url(/1imganimated/6.png)
}

@keyframes float-ujf2jri {
    0% {
        transform: translate3d(18px,320px,0) rotate(41deg) scale(.68)
    }

    33.3% {
        transform: translate3d(-12px,325px,0) rotate(74deg) scale(.68)
    }

    66.6% {
        transform: translate3d(-8px,305px,0) rotate(74deg) scale(.68)
    }

    to {
        transform: translate3d(18px,320px,0) rotate(41deg) scale(.68)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer-main__img--sixth {
        animation:float-ujf2js0 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2js0 {
        0% {
            transform: translate3d(-80px,249px,0) rotate(41deg) scale(1)
        }

        33.3% {
            transform: translate3d(-81px,272px,0) rotate(74deg) scale(1)
        }

        66.6% {
            transform: translate3d(-101px,266px,0) rotate(74deg) scale(.8)
        }

        to {
            transform: translate3d(-80px,249px,0) rotate(41deg) scale(1)
        }
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer-main__img--sixth {
        animation:float-ujf2jsa 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jsa {
        0% {
            transform: translate3d(-80px,289px,0) rotate(41deg) scale(1)
        }

        33.3% {
            transform: translate3d(-101px,252px,0) rotate(74deg) scale(1)
        }

        66.6% {
            transform: translate3d(-101px,286px,0) rotate(74deg) scale(1)
        }

        to {
            transform: translate3d(-80px,289px,0) rotate(41deg) scale(1)
        }
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer-main__img--sixth {
        animation:float-ujf2jsf 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jsf {
        0% {
            transform: translate3d(-240px,289px,0) rotate(41deg) scale(1)
        }

        33.3% {
            transform: translate3d(-261px,252px,0) rotate(74deg) scale(1)
        }

        66.6% {
            transform: translate3d(-261px,286px,0) rotate(74deg) scale(1)
        }

        to {
            transform: translate3d(-240px,289px,0) rotate(41deg) scale(1)
        }
    }
}

.banners-welcome-offer {
    margin-bottom: 24px
}

@media(max-width: 1139px) {
    .banners-welcome-offer {
        margin-inline:calc(var(--spacings-page-paddings)*-1)
    }
}

@media(min-width: 640px) {
    .banners-welcome-offer {
        margin-bottom:30px
    }
}

@media(min-width: 1140px) {
    .banners-welcome-offer {
        margin-bottom:56px
    }
}

@media(min-width: 1628px) {
    .banners-welcome-offer {
        margin-bottom:76px
    }
}

@media (min-width: 640px) {
    .currencies-popup__body-inner {
        max-height: 216px;
    }

    .bottom-sheet .currencies-popup__body-inner {
        max-height: none;
    }
}

.currencies-popup__body-inner.vb-content {
    scrollbar-width: none;
    width: 100% !important;
    padding-right: 0px !important;
}

.currencies-popup__body-inner.vb-content::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1140px) {
    .registration-form .currencies-popup__body-inner {
        max-height: 352px;
    }
}

@media (min-width: 1140px) {
    .currencies-popup-wrapper {
        position: absolute;
        top: calc(50% - 35px);
        right: 0px;
        z-index: 10;
        width: 356px;
        border-radius: var(--roundings-m);
        background: var(--backgrounds-a);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 20px 0px;
        transform: translateY(-50%);
    }
}

.bottom-sheet .currencies-popup-wrapper {
    position: static;
    top: auto;
    max-height: none;
    border: none;
    border-radius: 0px;
    background-color: transparent;
}

.registration-form .currencies-popup-wrapper {
    top: 52px;
    width: 294px;
    border-radius: 20px;
    transform: none;
    box-shadow: var(--dropdown-shadow);
}

.currencies-popup__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl);
}

@media (min-width: 1140px) {
    .currencies-popup__wrapper {
        padding: var(--spacings-m);
    }
}

@media (min-width: 1140px) {
    .registration-form .currencies-popup__wrapper {
        padding: 12px;
        border-radius: 20px;
        position: relative;
        background: var(--gradients-background-a);
    }

    .registration-form .currencies-popup__wrapper::after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        mask-image: ;
        -webkit-mask-position-x: ;
        -webkit-mask-position-y: ;
        mask-size: ;
        mask-repeat: ;
        mask-origin: ;
        mask-clip: ;
        mask-mode: ;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        inset: 0px;
    }
}

.currencies-popup__header {
    padding: var(--spacings-xs) 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1140px) {
    .currencies-popup__header {
        padding: 0px;
        justify-content: space-between;
    }
}

@media (min-width: 1140px) {
    .registration-form .currencies-popup__header {
        display: none;
    }
}

@media (min-width: 640px) {
    .currencies-popup__body {
        padding: 0 var(--universal-spacings-3xl) var(--universal-spacings-3xl);
    }
}

.currencies-popup__title {
    text-align: center;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
}

@media (min-width: 1140px) {
    .currencies-popup__title {
        font-size: var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height);
    }
}

.currencies-popup__section {
    margin-bottom: 16px;
}

.currencies-popup__section:last-child {
    margin-bottom: 0px;
}

.currencies-popup__section-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

@media (min-width: 640px) {
    .currencies-popup__section-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1140px) {
    .registration-form .currencies-popup__section-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.currencies-popup__section-list-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    border-radius: 100px;
    height: 40px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: 0.2s ease-out;
    position: relative;
    background: var(--gradients-background-e-4);
}

.currencies-popup__section-list-item::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,transparent border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .currencies-popup__section-list-item:not(.currencies-popup__section-list-item.active):hover {
    position: relative;
    background: var(--gradients-background-e-4);
}

.no-touch .currencies-popup__section-list-item:not(.currencies-popup__section-list-item.active):hover::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.currencies-popup__section-list-item.active {
    position: relative;
    background: var(--gradients-background-e-4);
}

.currencies-popup__section-list-item.active::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.currencies-popup__section-list-item-icon {
    width: 20px;
    height: 20px;
}

.currencies-popup__section-list-item-currency {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.currencies-popup__section-list-item-code {
    color: var(--input-text-filled);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.active .currencies-popup__section-list-item-code {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.currencies-popup__section-title {
    margin-bottom: 12px;
    color: var(--input-label-active);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase;
}

.currencies-popup__close {
    cursor: pointer;
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    color: var(--buttons-icon-secondary-a-icon-default);
    border-radius: 100px;
}

@media (min-width: 1140px) {
    .currencies-popup__close {
        display: flex;
        position: relative;
        background: var(--gradient-tokens-backgrounds-k);
        backdrop-filter: blur(10px);
    }

    .currencies-popup__close::after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
        mask-image: ;
        -webkit-mask-position-x: ;
        -webkit-mask-position-y: ;
        mask-size: ;
        mask-repeat: ;
        mask-origin: ;
        mask-clip: ;
        mask-mode: ;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        inset: 0px;
    }

    .no-touch .currencies-popup__close:hover {
        border: 1px solid var(--gradient-tokens-border-k);
        color: var(--buttons-icon-secondary-a-icon-hover);
        position: relative;
        background: var(--gradient-tokens-backgrounds-k);
        backdrop-filter: blur(10px);
    }

    .no-touch .currencies-popup__close:hover::after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-e) border-box;
        mask-image: ;
        -webkit-mask-position-x: ;
        -webkit-mask-position-y: ;
        mask-size: ;
        mask-repeat: ;
        mask-origin: ;
        mask-clip: ;
        mask-mode: ;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        inset: 0px;
        transform-origin: center center;
        animation: 3s linear 0s infinite normal none running rotateSpecialBorderByCircle;
    }

    @keyframes rotateSpecialBorderByCircle {
        100% {
            transform: rotate(1turn);
        }
    }
}

.currencies-popup__close-ic {
    z-index: 5;
    position: absolute;
}
.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transition: transform 2s;
    transform: translateY(0)
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: Helvetica Neue,sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-animating-up .odometer-ribbon-inner {
    transition-duration: .5s!important
}

.odometer-inside * {
    will-change: transform
}

.play-provider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 224px;
    padding: 7px 8px;
    border-radius: 4px;
    margin-right: 12px;
    border: 1px solid transparent;
    background-color: var(--colors-base-black-900-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer
}

.play-provider:last-child {
    margin-right: 0
}

.main-page__games-providers .play-provider {
    width: 109px;
    height: 71px;
    padding: var(--spacings-3xs);
    margin-right: 8px;
    justify-content: center;
    border-radius: var(--roundings-xs);
    position: relative;
    background: radial-gradient(50% 50% at 50.26% 100%,rgba(var(--provider-card-bg),.4) 0,hsla(0,0%,92.9%,.04) 100%);
    -webkit-backdrop-filter: blur(11.02px);
    backdrop-filter: blur(11.02px);
    transition: all .2s cubic-bezier(.56,.07,.87,.58)
}

.main-page__games-providers .play-provider:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-page__games-providers .play-provider:before {
    z-index: -1;
    content: "";
    border-radius: inherit;
    opacity: .3;
    pointer-events: none;
    background-image: url(/1img/background.webp);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-webp .main-page__games-providers .play-provider:before {
    background-image: url(/1img/background.png)
}

.main-page__games-providers .play-provider:before {
    opacity: .2!important
}

@media(min-width: 640px) {
    .main-page__games-providers .play-provider {
        width:144px;
        height: 94px;
        border-radius: var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .main-page__games-providers .play-provider {
        width:196px;
        height: 128px;
        padding: 4px;
        margin-right: var(--spacings-s);
        background: var(--colors-base-white-4)
    }
}

.no-touch .main-page__games-providers .play-provider:hover {
    position: relative;
    background: radial-gradient(50% 50% at 50.26% 100%,rgba(var(--provider-card-bg),.4) 10%,hsla(0,0%,92.9%,.04) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .main-page__games-providers .play-provider:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,transparent border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-jackpot__providers .play-provider {
    width: 154px;
    height: 161px;
    padding: var(--spacings-3xs);
    margin-right: 4px;
    flex-direction: column;
    gap: 0;
    border-radius: var(--roundings-xs);
    position: relative;
    background: var(--backgrounds-b);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transition: all .2s cubic-bezier(.56,.07,.87,.58)
}

.games-jackpot__providers .play-provider:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .games-jackpot__providers .play-provider {
        border-radius:var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .games-jackpot__providers .play-provider {
        width:199px;
        height: 200px;
        padding: 4px;
        margin-right: var(--spacings-2xs)
    }
}

@media(min-width: 1628px) {
    .games-jackpot__providers .play-provider {
        height:208px
    }
}

.no-touch .games-jackpot__providers .play-provider:hover {
    position: relative;
    background: radial-gradient(50% 50% at 50.26% 110%,rgba(var(--provider-card-bg),.2) 0,#212123 100%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.no-touch .games-jackpot__providers .play-provider:hover:after {
    z-index: -1;
    content: "";
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box
}

.no-touch .games-jackpot__providers .play-provider:hover:after,.play-provider__border {
    border-radius: inherit;
    border: 1px solid transparent;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.play-provider__border {
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box
}

.play-provider__border:before {
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .games-jackpot__providers .play-provider:hover .play-provider__border:before,.no-touch .main-page__games-providers .play-provider:hover .play-provider__border:before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%,-50%,0) rotate(0);
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.play-provider__img-wr {
    width: 52px
}

.games-jackpot__providers .play-provider__img-wr,.main-page__games-providers .play-provider__img-wr {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.play-provider__img {
    border-radius: 50%
}

.games-jackpot__providers .play-provider__img,.main-page__games-providers .play-provider__img {
    border-radius: 0;
    height: inherit
}

.play-provider__name {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

.play-provider__games {
    position: absolute;
    top: -12px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 20px;
    background-color: var(--colors-base-black-800);
    color: var(--colors-base-white-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-jackpot__providers .play-provider__games {
    display: none
}

.play-provider__info {
    width: 100%
}

.play-provider__jackpot {
    position: relative;
    padding: var(--spacings-l) 8px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px
}

@media(min-width: 1140px) {
    .play-provider__jackpot {
        padding:var(--spacings-s) 8px;
        gap: 8px;
        height: 72px
    }
}

@media(min-width: 1628px) {
    .play-provider__jackpot {
        height:80px
    }
}

.play-provider__jackpot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background-color: var(--colors-base-white-10)
}

.play-provider__jackpot-sum {
    color: var(--colors-base-white-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .play-provider__jackpot-sum {
        font-size:16px;
        line-height: 24px;
        font-weight: 700
    }
}

.no-touch .play-provider:hover .play-provider__jackpot-sum.play-provider__jackpot--zero {
    color: rgb(var(--provider-card-title-color));
    filter: brightness(2)
}

.play-provider__jackpot-text {
    color: var(--colors-base-white-50);
    font-size: var(--description-font-2xs-font-size);
    font-weight: var(--description-font-2xs-weight);
    line-height: var(--description-font-2xs-line-height);
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .play-provider__jackpot-text {
        font-size:12px;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase
    }
}

.no-touch .play-provider:hover .play-provider__jackpot-text {
    color: rgb(var(--provider-card-title-color));
    filter: brightness(2)
}

.games-random .line {
    position: relative;
    height: 1px;
    width: 100%;
    background-color: var(--colors-base-white-30)
}

.games-random .line:before {
    content: "";
    top: -16px;
    display: block;
    width: 32px;
    height: 16px;
    background: url(/1img/pointer-arrow.1535f4fc.svg) no-repeat 50% 50%;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.games-random .line--top:before {
    top: 0;
    left: calc(50% - 16px);
    transform: scaleY(-1)
}

.games-random-wrap-overflow {
    overflow: hidden
}

.games-random-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: var(--game-cards-height-l);
    margin-top: 20px;
    margin-bottom: 20px
}

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

.games-random-wrap--animated {
    animation: sway 4s ease-in-out infinite
}

@keyframes sway {
    0% {
        transform: translateX(calc(var(--carousel-translate) - 28px))
    }

    50% {
        transform: translateX(calc(var(--carousel-translate) + 28px))
    }

    to {
        transform: translateX(calc(var(--carousel-translate) - 28px))
    }
}

.big-random-card {
    transition: .3s ease-out
}

.games-random-wrap .big-random-card {
    width: var(--game-cards-width-l);
    height: var(--game-cards-height-l)
}

.games-random__button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: var(--spacings-l)
}

.games-random__button {
    width: min(100%,124px);
    padding: var(--buttons-m-vert) var(--buttons-l-hor)
}

.games-jackpot {
    position: relative;
    margin: var(--spacings-3xl) calc(var(--spacings-page-paddings)*-1);
    padding: var(--spacings-3xl) var(--spacings-page-paddings);
    background: var(--gradient-background-striped)
}

@media(min-width: 640px) {
    .games-jackpot {
        overflow:hidden
    }
}

@media(min-width: 1140px) {
    .games-jackpot {
        margin:var(--spacings-3xl) 0;
        padding: var(--spacings-3xl) var(--spacings-2xl);
        border-radius: var(--roundings-l)
    }
}

.games-jackpot__inner {
    display: flex;
    flex-direction: column;
    height: 146px;
    margin-bottom: var(--spacings-2xl);
    padding: 30px var(--spacings-2xl);
    text-align: center;
    border-radius: var(--roundings-m);
    background-blend-mode: darken,normal;
    -webkit-backdrop-filter: blur(6px);
    position: relative;
    background: var(--gradient-tokens-noise-b);
    backdrop-filter: blur(6px)
}

.games-jackpot__inner:after {
    z-index: -1;
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.games-jackpot__inner:after,.games-jackpot__inner:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-jackpot__inner:before {
    border-radius: inherit;
    background-repeat: repeat!important;
    background-size: auto!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(/1img/noize.webp)
}

.no-webp .games-jackpot__inner:before {
    background-image: url(/1img/noize.png)
}

@media(min-width: 1140px) {
    .games-jackpot__inner {
        height:183px;
        margin-bottom: 24px;
        padding: var(--spacings-2xl);
        overflow: visible
    }
}

@media(min-width: 1628px) {
    .games-jackpot__inner {
        margin-bottom:20px;
        height: 217px;
        padding-top: var(--spacings-2xl)
    }
}

.games-jackpot__title-wr {
    margin-bottom: var(--spacings-s);
    text-align: center;
    z-index: 1
}

.games-jackpot__title {
    display: inline-block;
    color: var(--colors-base-white-a);
    font-size: var(--text-large-medium-font-size);
    line-height: var(--text-large-medium-line-height);
    font-weight: var(--text-large-medium-weight);
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .games-jackpot__title {
        font-size:30px;
        font-weight: 500;
        line-height: 41px
    }
}

.games-jackpot__odometer {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    color: var(--text-heading);
    text-shadow: var(--gray-light-shadow);
    z-index: 1
}

.games-jackpot__odometer .odometer {
    position: static;
    font-family: inherit;
    line-height: 50px
}

@media(min-width: 1140px) {
    .games-jackpot__odometer .odometer {
        line-height:70px
    }
}

@media(min-width: 1628px) {
    .games-jackpot__odometer .odometer {
        line-height:80px
    }
}

.games-jackpot__odometer .odometer:first-child {
    margin-right: 10px
}

.games-jackpot__odometer .odometer:last-child {
    display: flex;
    justify-content: flex-start
}

.games-jackpot__odometer .odometer-inside {
    white-space: nowrap
}

.games-jackpot__odometer .odometer-inside:after {
    content: " ";
    display: inline-block
}

.games-jackpot__odometer .odometer-digit {
    min-width: 22px
}

.games-jackpot__odometer .odometer-value {
    min-width: 100%;
    color: var(--text-heading);
    text-shadow: var(--gray-light-shadow)
}

@media(min-width: 1140px) {
    .games-jackpot__odometer {
        position:relative;
        top: -4px;
        font-size: 60px;
        font-weight: 800;
        line-height: 70px
    }
}

@media(min-width: 1628px) {
    .games-jackpot__odometer {
        top:0;
        font-size: 70px;
        line-height: 80px
    }
}

.games-jackpot__providers {
    margin-top: var(--spacings-2xl)
}

@media(min-width: 1140px) {
    .games-jackpot__providers {
        margin-top:24px
    }
}

@media(min-width: 1628px) {
    .games-jackpot__providers {
        margin-top:20px
    }
}

.games-jackpot__providers-slider {
    margin: 0
}

.games-jackpot__gradient {
    width: 600px;
    height: 90px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    animation: gradient-pulse-ujf2j2i 30s ease-in-out infinite
}

@keyframes gradient-pulse-ujf2j2i {
    0% {
        background-image: url(/1imggradient-green-size-l.webp)
    }

    16.6666666667% {
        background-image: url(/1imggradient-green-size-s.webp)
    }

    33.3333333333% {
        background-image: url(/1imggradient-gray-size-l.webp)
    }

    50% {
        background-image: url(/1imggradient-gray-size-s.webp)
    }

    66.6666666667% {
        background-image: url(/1imggradient-blue-size-l.webp)
    }

    83.3333333333% {
        background-image: url(/1imggradient-blue-size-s.webp)
    }

    to {
        background-image: url(/1imggradient-green-size-l.webp)
    }
}

.no-webp .games-jackpot__gradient {
    animation: gradient-pulse-ujf2j2o 30s ease-in-out infinite
}

@keyframes gradient-pulse-ujf2j2o {
    0% {
        background-image: url(/1imggradient-green-size-l.png)
    }

    16.6666666667% {
        background-image: url(/1imggradient-green-size-s.png)
    }

    33.3333333333% {
        background-image: url(/1imggradient-gray-size-l.png)
    }

    50% {
        background-image: url(/1imggradient-gray-size-s.png)
    }

    66.6666666667% {
        background-image: url(/1imggradient-blue-size-l.png)
    }

    83.3333333333% {
        background-image: url(/1imggradient-blue-size-s.png)
    }

    to {
        background-image: url(/1imggradient-green-size-l.png)
    }
}

@media(min-width: 640px) {
    .games-jackpot__gradient {
        width:100%
    }
}

@media(min-width: 1140px) {
    .games-jackpot__gradient {
        height:154px;
        max-width: 1266px
    }
}

@media(min-width: 1628px) {
    .games-jackpot__gradient {
        height:191px
    }
}

.games-jackpot__img {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.games-jackpot__img--first {
    z-index: -1;
    top: 10px;
    left: 0;
    width: 35px;
    height: 40px;
    background-image: url(/1img/image_1.webp)
}

.no-webp .games-jackpot__img--first {
    background-image: url(/1img/image_1.png)
}

@media(min-width: 640px) {
    .games-jackpot__img--first {
        z-index:1;
        top: 0;
        left: 0;
        width: 122px;
        height: 122px;
        background-image: url(/1img/img_1.webp);
        animation: float-ujf2j3k 15s ease-in-out 0s infinite normal none
    }

    .no-webp .games-jackpot__img--first {
        background-image: url(/1img/img_1.png)
    }

    @keyframes float-ujf2j3k {
        0% {
            transform: translate3d(-50px,6px,0) rotate(9deg) scale(.34)
        }

        33.3% {
            transform: translate3d(-64px,-12px,0) rotate(-8deg) scale(.34)
        }

        66.6% {
            transform: translate3d(-42px,16px,0) rotate(48deg) scale(.34)
        }

        to {
            transform: translate3d(-50px,6px,0) rotate(9deg) scale(.34)
        }
    }
}

@media(min-width: 1140px) {
    .games-jackpot__img--first {
        animation:float-ujf2j42 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j42 {
        0% {
            transform: translate3d(-22px,26px,0) rotate(9deg) scale(.38)
        }

        33.3% {
            transform: translate3d(-55px,18px,0) rotate(-8deg) scale(.38)
        }

        66.6% {
            transform: translate3d(6px,-8px,0) rotate(48deg) scale(.38)
        }

        to {
            transform: translate3d(-22px,26px,0) rotate(9deg) scale(.38)
        }
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--first {
        animation:float-ujf2j4q 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j4q {
        0% {
            transform: translate3d(60px,50px,0) rotate(9deg) scale(.5)
        }

        33.3% {
            transform: translate3d(28px,40px,0) rotate(-8deg) scale(.5)
        }

        66.6% {
            transform: translate3d(88px,14px,0) rotate(48deg) scale(.5)
        }

        to {
            transform: translate3d(60px,50px,0) rotate(9deg) scale(.5)
        }
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--first {
        display:none
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--first {
        display:block
    }
}

@media(min-width: 640px) {
    .games-jackpot__img--second {
        z-index:1;
        top: 0;
        right: 0;
        width: 180px;
        height: 172px;
        background-image: url(/1img/right_obj_3.webp);
        animation: float-ujf2j5q 15s ease-in-out 0s infinite normal none
    }

    .no-webp .games-jackpot__img--second {
        background-image: url(/1img/right_obj_3.png)
    }

    @keyframes float-ujf2j5q {
        0% {
            transform: translate3d(72px,16px,0) rotate(0deg) scale(.31)
        }

        33.3% {
            transform: translate3d(90px,28px,0) rotate(20deg) scale(.31)
        }

        66.6% {
            transform: translate3d(62px,14px,0) rotate(50deg) scale(.31)
        }

        to {
            transform: translate3d(72px,16px,0) rotate(0deg) scale(.31)
        }
    }
}

@media(min-width: 1140px) {
    .games-jackpot__img--second {
        animation:float-ujf2j62 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j62 {
        0% {
            transform: translate3d(59px,44px,0) rotate(0deg) scale(.38)
        }

        33.3% {
            transform: translate3d(64px,44px,0) rotate(20deg) scale(.38)
        }

        66.6% {
            transform: translate3d(48px,44px,0) rotate(50deg) scale(.38)
        }

        to {
            transform: translate3d(59px,44px,0) rotate(0deg) scale(.38)
        }
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--second {
        animation:float-ujf2j6n 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j6n {
        0% {
            transform: translate3d(-32px,84px,0) rotate(0deg) scale(.5)
        }

        33.3% {
            transform: translate3d(-10px,84px,0) rotate(20deg) scale(.5)
        }

        66.6% {
            transform: translate3d(8px,82px,0) rotate(50deg) scale(.5)
        }

        to {
            transform: translate3d(-32px,84px,0) rotate(0deg) scale(.5)
        }
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--second {
        display:none
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--second {
        display:block
    }
}

.games-jackpot__img--third {
    display: none
}

@media(min-width: 1140px) {
    .games-jackpot__img--third {
        z-index:-1;
        display: block;
        top: 204px;
        left: 316px;
        width: 140px;
        height: 91px;
        background-image: url(/1img/image_8.webp)
    }

    .no-webp .games-jackpot__img--third {
        background-image: url(/1img/image_8.png)
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--third {
        top:202px;
        left: 304px;
        width: 156px;
        height: 91px
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--third {
        left:120px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--third {
        left:304px
    }
}

.games-jackpot__img--fourth {
    display: none
}

@media(min-width: 1140px) {
    .games-jackpot__img--fourth {
        z-index:-1;
        display: block;
        top: 164px;
        left: -3px;
        width: 60px;
        height: 57px;
        background-image: url(/1img/image_1.webp)
    }

    .no-webp .games-jackpot__img--fourth {
        background-image: url(/1img/image_1.png)
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--fourth {
        top:150px;
        left: -10px;
        width: 88px;
        height: 95px
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--fourth {
        display:none
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--fourth {
        display:block
    }
}

.games-jackpot__img--fifth {
    display: none
}

@media(min-width: 1140px) {
    .games-jackpot__img--fifth {
        z-index:-1;
        display: block;
        top: 187px;
        right: -5px;
        width: 65px;
        height: 65px;
        background-image: url(/1img/image_2.webp)
    }

    .no-webp .games-jackpot__img--fifth {
        background-image: url(/1img/image_2.png)
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--fifth {
        top:207px;
        right: 3px;
        width: 80px;
        height: 95px
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--fifth {
        display:none
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--fifth {
        display:block
    }
}

.games-jackpot__img--sixth {
    z-index: 1;
    top: 0;
    right: 0;
    width: 300px;
    height: 260px;
    background-image: url(/1img/right_obj_1.webp);
    animation: float-ujf2j6y 15s ease-in-out 0s infinite normal none
}

.no-webp .games-jackpot__img--sixth {
    background-image: url(/1img/right_obj_1.png)
}

@keyframes float-ujf2j6y {
    0% {
        transform: translate3d(138px,8px,0) rotate(0deg) scale(.22)
    }

    33.3% {
        transform: translate3d(152px,12px,0) rotate(10deg) scale(.22)
    }

    66.6% {
        transform: translate3d(132px,18px,0) rotate(10deg) scale(.22)
    }

    to {
        transform: translate3d(138px,8px,0) rotate(0deg) scale(.22)
    }
}

@media(min-width: 640px) {
    .games-jackpot__img--sixth {
        animation:float-ujf2j7p 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j7p {
        0% {
            transform: translate3d(54px,-8px,0) rotate(0deg) scale(.31)
        }

        33.3% {
            transform: translate3d(94px,-6px,0) rotate(-10deg) scale(.31)
        }

        66.6% {
            transform: translate3d(50px,0,0) rotate(10deg) scale(.31)
        }

        to {
            transform: translate3d(54px,-8px,0) rotate(0deg) scale(.31)
        }
    }
}

@media(min-width: 1140px) {
    .games-jackpot__img--sixth {
        animation:float-ujf2j7z 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j7z {
        0% {
            transform: translate3d(36px,16px,0) rotate(0deg) scale(.38)
        }

        33.3% {
            transform: translate3d(2px,-8px,0) rotate(10deg) scale(.38)
        }

        66.6% {
            transform: translate3d(19px,-8px,0) rotate(10deg) scale(.38)
        }

        to {
            transform: translate3d(36px,16px,0) rotate(0deg) scale(.38)
        }
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--sixth {
        animation:float-ujf2j8x 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2j8x {
        0% {
            transform: translate3d(-148px,50px,0) rotate(0deg) scale(.5)
        }

        33.3% {
            transform: translate3d(-126px,76px,0) rotate(10deg) scale(.5)
        }

        66.6% {
            transform: translate3d(-100px,80px,0) rotate(10deg) scale(.5)
        }

        to {
            transform: translate3d(-148px,50px,0) rotate(0deg) scale(.5)
        }
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--sixth {
        right:-120px
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .games-jackpot__img--sixth {
        top:70px;
        right: -20px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--sixth {
        top:0;
        right: 0
    }
}

.games-jackpot__img--seventh {
    z-index: 1;
    top: 0;
    left: 0;
    width: 218px;
    height: 212px;
    background-image: url(/1img/left_obj_3.webp);
    animation: float-ujf2j9k 15s ease-in-out 0s infinite normal none
}

.no-webp .games-jackpot__img--seventh {
    background-image: url(/1img/left_obj_3.png)
}

@keyframes float-ujf2j9k {
    0% {
        transform: translate3d(-46px,-96px,0) rotate(18deg) scale(.3)
    }

    33.3% {
        transform: translate3d(-46px,-102px,0) rotate(-29deg) scale(.3)
    }

    66.6% {
        transform: translate3d(-42px,-90px,0) rotate(-44deg) scale(.3)
    }

    to {
        transform: translate3d(-46px,-96px,0) rotate(18deg) scale(.3)
    }
}

@media(min-width: 640px) {
    .games-jackpot__img--seventh {
        animation:float-ujf2jai 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jai {
        0% {
            transform: translate3d(16px,-96px,0) rotate(18deg) scale(.3)
        }

        33.3% {
            transform: translate3d(-8px,-107px,0) rotate(-29deg) scale(.3)
        }

        66.6% {
            transform: translate3d(-32px,-118px,0) rotate(-44deg) scale(.3)
        }

        to {
            transform: translate3d(16px,-96px,0) rotate(18deg) scale(.3)
        }
    }
}

@media(min-width: 1140px) {
    .games-jackpot__img--seventh {
        animation:float-ujf2jas 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jas {
        0% {
            transform: translate3d(54px,-98px,0) rotate(18deg) scale(.38)
        }

        33.3% {
            transform: translate3d(31px,-107px,0) rotate(-29deg) scale(.38)
        }

        66.6% {
            transform: translate3d(8px,-118px,0) rotate(-44deg) scale(.38)
        }

        to {
            transform: translate3d(54px,-98px,0) rotate(18deg) scale(.38)
        }
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--seventh {
        animation:float-ujf2jb3 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jb3 {
        0% {
            transform: translate3d(242px,-98px,0) rotate(18deg) scale(.5)
        }

        33.3% {
            transform: translate3d(218px,-104px,0) rotate(-29deg) scale(.5)
        }

        66.6% {
            transform: translate3d(192px,-118px,0) rotate(-44deg) scale(.5)
        }

        to {
            transform: translate3d(242px,-98px,0) rotate(18deg) scale(.5)
        }
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--seventh {
        left:-120px
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .games-jackpot__img--seventh {
        top:-10px;
        left: -185px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--seventh {
        top:0;
        left: 0
    }
}

.games-jackpot__img--eighth {
    z-index: 1;
    top: 0;
    left: 0;
    width: 306px;
    height: 294px;
    background-size: contain;
    background-image: url(/1img/left_obj_2.webp);
    animation: float-ujf2jb7 15s ease-in-out 0s infinite normal none
}

.no-webp .games-jackpot__img--eighth {
    background-image: url(/1img/left_obj_2.png)
}

@keyframes float-ujf2jb7 {
    0% {
        transform: translate3d(-152px,-10px,0) rotate(40deg) scale(.28)
    }

    33.3% {
        transform: translate3d(-156px,-18px,0) rotate(-19deg) scale(.28)
    }

    66.6% {
        transform: translate3d(-154px,-27px,0) rotate(77deg) scale(.28)
    }

    to {
        transform: translate3d(-152px,-10px,0) rotate(40deg) scale(.28)
    }
}

@media(min-width: 640px) {
    .games-jackpot__img--eighth {
        animation:float-ujf2jbn 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jbn {
        0% {
            transform: translate3d(-96px,-30px,0) rotate(40deg) scale(.3)
        }

        33.3% {
            transform: translate3d(-107px,-35px,0) rotate(-19deg) scale(.3)
        }

        66.6% {
            transform: translate3d(-88px,-30px,0) rotate(77deg) scale(.3)
        }

        to {
            transform: translate3d(-96px,-30px,0) rotate(40deg) scale(.3)
        }
    }
}

@media(min-width: 1140px) {
    .games-jackpot__img--eighth {
        animation:float-ujf2jc6 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jc6 {
        0% {
            transform: translate3d(-41px,4px,0) rotate(40deg) scale(.38)
        }

        33.3% {
            transform: translate3d(-68px,-12px,0) rotate(-19deg) scale(.38)
        }

        66.6% {
            transform: translate3d(-92px,-12px,0) rotate(77deg) scale(.38)
        }

        to {
            transform: translate3d(-41px,4px,0) rotate(40deg) scale(.38)
        }
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--eighth {
        animation:float-ujf2jd4 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jd4 {
        0% {
            transform: translate3d(52px,26px,0) rotate(40deg) scale(.5)
        }

        33.3% {
            transform: translate3d(30px,12px,0) rotate(-19deg) scale(.5)
        }

        66.6% {
            transform: translate3d(0,18px,0) rotate(77deg) scale(.5)
        }

        to {
            transform: translate3d(52px,26px,0) rotate(40deg) scale(.5)
        }
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--eighth {
        left:-120px
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .games-jackpot__img--eighth {
        top:-10px;
        left: -185px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--eighth {
        top:0;
        left: 0
    }
}

.games-jackpot__img--ninth {
    z-index: 1;
    top: 0;
    right: 0;
    width: 223px;
    height: 223px;
    background-image: url(/1img/right_obj_2.webp);
    animation: float-ujf2je1 15s ease-in-out 0s infinite normal none
}

.no-webp .games-jackpot__img--ninth {
    background-image: url(/1img/right_obj_2.png)
}

@keyframes float-ujf2je1 {
    0% {
        transform: translate3d(72px,-98px,0) rotate(0deg) scale(.23)
    }

    33.3% {
        transform: translate3d(48px,-110px,0) rotate(-29deg) scale(.23)
    }

    66.6% {
        transform: translate3d(58px,-102px,0) rotate(-82deg) scale(.23)
    }

    to {
        transform: translate3d(72px,-98px,0) rotate(0deg) scale(.23)
    }
}

@media(min-width: 640px) {
    .games-jackpot__img--ninth {
        animation:float-ujf2je2 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2je2 {
        0% {
            transform: translate3d(64px,-102px,0) rotate(0deg) scale(.31)
        }

        33.3% {
            transform: translate3d(16px,-122px,0) rotate(-29deg) scale(.31)
        }

        66.6% {
            transform: translate3d(52px,-124px,0) rotate(-82deg) scale(.31)
        }

        to {
            transform: translate3d(64px,-102px,0) rotate(0deg) scale(.31)
        }
    }
}

@media(min-width: 1140px) {
    .games-jackpot__img--ninth {
        animation:float-ujf2jez 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jez {
        0% {
            transform: translate3d(32px,-96px,0) rotate(0deg) scale(.38)
        }

        33.3% {
            transform: translate3d(4px,-132px,0) rotate(-29deg) scale(.38)
        }

        66.6% {
            transform: translate3d(6px,-130px,0) rotate(-82deg) scale(.38)
        }

        to {
            transform: translate3d(32px,-96px,0) rotate(0deg) scale(.38)
        }
    }
}

@media(min-width: 1628px) {
    .games-jackpot__img--ninth {
        animation:float-ujf2jfb 15s ease-in-out 0s infinite normal none
    }

    @keyframes float-ujf2jfb {
        0% {
            transform: translate3d(-80px,-90px,0) rotate(0deg) scale(.5)
        }

        33.3% {
            transform: translate3d(-110px,-143px,0) rotate(-29deg) scale(.5)
        }

        66.6% {
            transform: translate3d(-138px,-126px,0) rotate(-82deg) scale(.5)
        }

        to {
            transform: translate3d(-80px,-90px,0) rotate(0deg) scale(.5)
        }
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .games-jackpot__img--ninth {
        right:-120px
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .games-jackpot__img--ninth {
        right:-240px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .games-jackpot__img--ninth {
        right:0
    }
}
.play-provider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 224px;
    padding: 7px 8px;
    border-radius: 4px;
    margin-right: 12px;
    border: 1px solid transparent;
    background-color: var(--colors-base-black-900-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    cursor: pointer
}

.play-provider:last-child {
    margin-right: 0
}

.main-page__games-providers .play-provider {
    width: 109px;
    height: 71px;
    padding: var(--spacings-3xs);
    margin-right: 8px;
    justify-content: center;
    border-radius: var(--roundings-xs);
    position: relative;
    background: radial-gradient(50% 50% at 50.26% 100%,rgba(var(--provider-card-bg),.4) 0,hsla(0,0%,92.9%,.04) 100%);
    -webkit-backdrop-filter: blur(11.02px);
    backdrop-filter: blur(11.02px);
    transition: all .2s cubic-bezier(.56,.07,.87,.58)
}

.main-page__games-providers .play-provider:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-page__games-providers .play-provider:before {
    z-index: -1;
    content: "";
    border-radius: inherit;
    opacity: .3;
    pointer-events: none;
    background-image: url(/1img/background.webp);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-webp .main-page__games-providers .play-provider:before {
    background-image: url(/1img/background.png)
}

.main-page__games-providers .play-provider:before {
    opacity: .2!important
}

@media(min-width: 640px) {
    .main-page__games-providers .play-provider {
        width:144px;
        height: 94px;
        border-radius: var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .main-page__games-providers .play-provider {
        width:196px;
        height: 128px;
        padding: 4px;
        margin-right: var(--spacings-s);
        background: var(--colors-base-white-4)
    }
}

.no-touch .main-page__games-providers .play-provider:hover {
    position: relative;
    background: radial-gradient(50% 50% at 50.26% 100%,rgba(var(--provider-card-bg),.4) 10%,hsla(0,0%,92.9%,.04) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .main-page__games-providers .play-provider:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,transparent border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-jackpot__providers .play-provider {
    width: 154px;
    height: 161px;
    padding: var(--spacings-3xs);
    margin-right: 4px;
    flex-direction: column;
    gap: 0;
    border-radius: var(--roundings-xs);
    position: relative;
    background: var(--backgrounds-b);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    transition: all .2s cubic-bezier(.56,.07,.87,.58)
}

.games-jackpot__providers .play-provider:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .games-jackpot__providers .play-provider {
        border-radius:var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .games-jackpot__providers .play-provider {
        width:199px;
        height: 200px;
        padding: 4px;
        margin-right: var(--spacings-2xs)
    }
}

@media(min-width: 1628px) {
    .games-jackpot__providers .play-provider {
        height:208px
    }
}

.no-touch .games-jackpot__providers .play-provider:hover {
    position: relative;
    background: radial-gradient(50% 50% at 50.26% 110%,rgba(var(--provider-card-bg),.2) 0,#212123 100%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.no-touch .games-jackpot__providers .play-provider:hover:after {
    z-index: -1;
    content: "";
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box
}

.no-touch .games-jackpot__providers .play-provider:hover:after,.play-provider__border {
    border-radius: inherit;
    border: 1px solid transparent;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.play-provider__border {
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box
}

.play-provider__border:before {
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .games-jackpot__providers .play-provider:hover .play-provider__border:before,.no-touch .main-page__games-providers .play-provider:hover .play-provider__border:before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%,-50%,0) rotate(0);
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.play-provider__img-wr {
    width: 52px
}

.games-jackpot__providers .play-provider__img-wr,.main-page__games-providers .play-provider__img-wr {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

.play-provider__img {
    border-radius: 50%
}

.games-jackpot__providers .play-provider__img,.main-page__games-providers .play-provider__img {
    border-radius: 0;
    height: inherit
}

.play-provider__name {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

.play-provider__games {
    position: absolute;
    top: -12px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 35px;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 20px;
    background-color: var(--colors-base-black-800);
    color: var(--colors-base-white-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-jackpot__providers .play-provider__games {
    display: none
}

.play-provider__info {
    width: 100%
}

.play-provider__jackpot {
    position: relative;
    padding: var(--spacings-l) 8px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px
}

@media(min-width: 1140px) {
    .play-provider__jackpot {
        padding:var(--spacings-s) 8px;
        gap: 8px;
        height: 72px
    }
}

@media(min-width: 1628px) {
    .play-provider__jackpot {
        height:80px
    }
}

.play-provider__jackpot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    background-color: var(--colors-base-white-10)
}

.play-provider__jackpot-sum {
    color: var(--colors-base-white-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .play-provider__jackpot-sum {
        font-size:16px;
        line-height: 24px;
        font-weight: 700
    }
}

.no-touch .play-provider:hover .play-provider__jackpot-sum.play-provider__jackpot--zero {
    color: rgb(var(--provider-card-title-color));
    filter: brightness(2)
}

.play-provider__jackpot-text {
    color: var(--colors-base-white-50);
    font-size: var(--description-font-2xs-font-size);
    font-weight: var(--description-font-2xs-weight);
    line-height: var(--description-font-2xs-line-height);
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .play-provider__jackpot-text {
        font-size:12px;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase
    }
}

.no-touch .play-provider:hover .play-provider__jackpot-text {
    color: rgb(var(--provider-card-title-color));
    filter: brightness(2)
}
.record-winnings-card {
    height: auto;
    margin-bottom: var(--spacings-2xs);
    border-radius: var(--buttons-m-radius);
    position: relative;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.record-winnings-card:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--backgrounds-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 639px) {
    .record-winnings-card {
        margin-bottom:var(--spacings-s)
    }
}

@media(max-width: 1139px) {
    .record-winnings-card {
        margin-bottom:var(--spacings-s)
    }
}

.record-winnings-card:last-child {
    margin-bottom: 0
}

.no-touch .record-winnings-card:hover {
    position: relative;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .record-winnings-card:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--backgrounds-e-4) padding-box,transparent border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.record-winnings-card__content {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacings-2xs) 12px var(--spacings-2xs) var(--spacings-2xs);
    border-radius: var(--buttons-m-radius);
    will-change: transform;
    transition: all .2s ease-out
}

.record-winnings-card__content:after,.record-winnings-card__content:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    -webkit-mask: linear-gradient(var(--white) 0 0) content-box,linear-gradient(var(--white) 0 0);
    mask: linear-gradient(var(--white) 0 0) content-box,linear-gradient(var(--white) 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: .3s ease-in-out;
    pointer-events: none
}

.record-winnings-card__border {
    border-radius: var(--buttons-m-radius);
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.record-winnings-card__border:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderToRightCard 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .record-winnings-card__content:hover .record-winnings-card__border:before {
    visibility: visible
}

.record-winnings-card__border-gradient {
    z-index: 0
}

.record-winnings__body--animation .record-winnings__container--get-winners-latest .record-winnings-card:first-child .record-winnings-card__border-gradient,.record-winnings__body--animation .record-winnings__list--getWinnersLatest .record-winnings-card:first-child .record-winnings-card__border-gradient {
    border-radius: var(--buttons-m-radius);
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.record-winnings-card__border-gradient:before {
    content: "";
    width: 200%;
    padding-bottom: 200%;
    transform: translate3d(-50%,-50%,0) rotate(0);
    will-change: transform;
    visibility: hidden;
    background: var(--gradient-tokens-border-b);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.record-winnings__body--animation .record-winnings__container--get-winners-latest .record-winnings-card:first-child .record-winnings-card__border-gradient:before,.record-winnings__body--animation .record-winnings__list--getWinnersLatest .record-winnings-card:first-child .record-winnings-card__border-gradient:before {
    visibility: visible;
    animation: borderGradient 2s linear .4s 2
}

@keyframes borderGradient {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.record-winnings-card__figure {
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin: 0;
    overflow: hidden
}

.record-winnings-card__caption {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.record-winnings-card__image-container {
    position: relative;
    margin-right: 8px;
    border-radius: var(--buttons-m-radius);
    overflow: hidden;
    flex-shrink: 0
}

.record-winnings-card__image-container--skeleton {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.record-winnings-card__image-container--skeleton .preloader-page__slide-list-item {
    padding: 0;
    background-color: var(--backgrounds-c)
}

.record-winnings-card__image-hover {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--buttons-m-radius);
    background-color: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .2s ease-out
}

.no-touch .record-winnings-card:hover .record-winnings-card__image-hover {
    opacity: 1
}

.record-winnings-card__image-hover-icon {
    width: 30px;
    height: 30px
}

.record-winnings-card__image {
    width: var(--game-cards-circle-m);
    height: var(--game-cards-circle-m);
    object-fit: cover;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.record-winnings-card__title {
    max-width: 100%
}

.record-winnings-card__title-container {
    color: var(--colors-base-white-a);
    margin-bottom: 4px;
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.record-winnings-card__description {
    display: flex;
    max-width: 100%
}

.record-winnings-card__nickname {
    color: var(--colors-base-white-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.record-winnings-card__aside {
    flex-shrink: 0;
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.record-winnings-card__aside--get-winners-top-by-coefficient {
    flex-direction: column-reverse
}

.record-winnings-card__win {
    color: var(--colors-base-white-a);
    border-radius: var(--roundings-l);
    background: var(--colors-global-accent-b);
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.record-winnings__container--get-winners-top-by-coefficient .record-winnings-card__win {
    background: transparent;
    margin: 4px 4px 0;
    padding: 0
}

.record-winnings-card__coefficient {
    margin: 4px 4px 0;
    color: var(--colors-base-white-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.record-winnings__container--get-winners-top-by-coefficient .record-winnings-card__coefficient {
    margin: 0;
    padding: 4px 8px;
    border-radius: var(--roundings-l);
    background: var(--colors-global-accent-c)
}

.record-winnings-slider {
    position: relative
}

.record-winnings-slider .swiper-container {
    height: calc(var(--card-height, 60px)*5 + var(--spacings-2xs)*5);
    padding: 1px;
    margin: -1px
}

@media(min-width: 1140px) {
    .record-winnings-slider .swiper-container {
        --card-height:68px
    }
}

.record-winnings__body--animation .record-winnings-slider.record-winnings__list--getWinnersLatest .swiper-wrapper {
    will-change: transform;
    animation: appear .4s ease-in-out 1
}

@media(min-width: 1140px) {
    .record-winnings__body--animation .record-winnings-slider.record-winnings__list--getWinnersLatest .swiper-wrapper {
        --card-height-negative:-68px
    }
}

@keyframes appear {
    0% {
        transform: translate3d(0,calc(var(--record-winnings-slider-translate) + var(--card-height-negative, -60px)),0)
    }

    to {
        transform: translate3d(0,var(--record-winnings-slider-translate),0)
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .record-winnings-slider.record-winnings__list--getWinnersTopByCoefficient .swiper-container {
        height:auto;
        max-height: calc(var(--card-height, 60px)*5 + var(--spacings-2xs)*5)
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings-slider.record-winnings__list--getWinnersTopByCoefficient .swiper-container {
        height:calc(var(--card-height, 60px)*5 + var(--spacings-2xs)*5)
    }
}

.record-winnings-slider__button-next,.record-winnings-slider__button-prev {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    opacity: 0;
    visibility: hidden
}

.no-touch .record-winnings-slider:hover .record-winnings-slider__button-next:not(.swiper-button-disabled),.no-touch .record-winnings-slider:hover .record-winnings-slider__button-prev:not(.swiper-button-disabled) {
    opacity: 1;
    visibility: visible
}

.record-winnings-slider__button-prev {
    top: -10px
}

.record-winnings-slider__button-next {
    bottom: -20px
}

.record-winnigs-game-card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: var(--game-cards-width-s);
    height: var(--game-cards-height-s);
    margin-right: var(--spacings-2xs);
    border-radius: 16px;
    transform: translateZ(0)
}

@media(min-width: 1140px) {
    .record-winnigs-game-card {
        margin-right:var(--spacings-xs)
    }
}

.no-touch .record-winnigs-game-card:hover {
    z-index: 2
}

.record-winnigs-game-card__blur {
    border-radius: 20px;
    z-index: 2;
    transition: .4s ease-in-out
}

.record-winnigs-game-card__blur:after,.record-winnigs-game-card__blur:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    visibility: hidden;
    border-radius: inherit;
    opacity: 0;
    transition: .4s ease-in-out
}

.record-winnigs-game-card__blur:before {
    z-index: 1;
    border-radius: inherit;
    will-change: backdrop-filter;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-image: var(--gradient-game-item)
}

.record-winnigs-game-card__blur:after {
    z-index: 2;
    opacity: .3!important;
    background-image: url(/1img/background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .record-winnigs-game-card__blur:after {
    background-image: url(/1img/background.png)
}

.no-touch .record-winnings-winners-card:hover .record-winnigs-game-card__blur:after,.no-touch .record-winnings-winners-card:hover .record-winnigs-game-card__blur:before {
    opacity: 1;
    visibility: visible
}

.record-winnigs-game-card__body-img {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

@media(max-width: 639px) {
    .record-winnings-winners-card:not(.record-winnings-winners-card--first) .record-winnigs-game-card__body-img {
        height:auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%)
    }
}

.record-winnigs-game-card__body {
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    display: flex;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-in-out
}

.no-touch .record-winnings-winners-card:hover .record-winnigs-game-card__body {
    pointer-events: auto;
    cursor: pointer;
    opacity: 1
}

.record-winnigs-game-card__body-play {
    padding: 1px 2px 1px 3px;
    overflow: hidden;
    position: relative;
    display: grid;
    align-self: center;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    padding: 12px;
    border-radius: 100%;
    place-items: center;
    cursor: pointer;
    background: var(--gradient-tokens-backgrounds-f)
}

.no-touch .record-winnigs-game-card__body-play:hover {
    transform: scale(.875);
    transform-origin: center
}

.record-winnigs-game-card__body-play-icon {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    color: var(--icons-a)
}

.record-winnings-winners-card {
    overflow: hidden;
    position: relative;
    padding: var(--spacings-2xs);
    border-radius: var(--roundings-m);
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(min-width: 640px) {
    .record-winnings-winners-card {
        flex-direction:row;
        gap: 12px
    }
}

@media(min-width: 1140px) {
    .record-winnings-winners-card {
        cursor:pointer
    }
}

.record-winnings-winners-card--first {
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings-winners-card--first {
        padding-bottom:4px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .record-winnings-winners-card--first {
        padding-bottom:8px
    }
}

.record-winnings-winners-card--second {
    background: var(--colors-global-accent-a)
}

.record-winnings-winners-card--third:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 200%;
    padding-bottom: 200%;
    background: var(--gradient-tokens-border-b);
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

.record-winnings-winners-card__border {
    display: none;
    z-index: 0;
    border-radius: var(--roundings-m);
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.record-winnings-winners-card__border:before {
    content: "";
    width: 200%;
    padding-bottom: 200%;
    background: var(--gradient-tokens-border-b);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.record-winnings-winners-card--third .record-winnings-winners-card__border {
    display: block
}

.no-touch .record-winnings-winners-card--third:hover .record-winnings-winners-card__border:before {
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

.record-winnings-winners-card__place {
    position: absolute;
    top: -35px;
    z-index: 3
}

@media(max-width: 639px) {
    .record-winnings-winners-card__place {
        right:20px
    }
}

@media(min-width: 640px) {
    .record-winnings-winners-card__place {
        left:8px
    }
}

@media(min-width: 1628px) {
    .record-winnings-winners-card__place {
        left:unset;
        right: 20px
    }
}

@media(min-width: 640px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__place {
        width:162px;
        height: 135px;
        top: -18px;
        right: -2px;
        left: unset;
        background-image: url(/1img/place-bg.webp);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

    .no-webp .record-winnings-winners-card--first .record-winnings-winners-card__place {
        background-image: url(/1img/place-bg.png)
    }
}

@media(min-width: 1628px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__place {
        width:182px;
        height: 143px;
        right: -6px;
        top: -19px
    }
}

.record-winnings-winners-card__place-icon-wr {
    width: 40px;
    height: 120px;
    color: var(--colors-base-white-a);
    filter: drop-shadow(-10px 0 12px rgba(0,0,0,.25))
}

@media(min-width: 640px) {
    .record-winnings-winners-card__place-icon-wr {
        width:42px
    }
}

@media(min-width: 640px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__place-icon-wr {
        width:66px;
        height: 104px;
        position: absolute;
        top: 6px;
        right: 54px
    }
}

@media(min-width: 1628px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__place-icon-wr {
        width:74px;
        height: 118px;
        right: 58px
    }
}

.record-winnings-winners-card__place-icon {
    width: 100%;
    height: 100%
}

.record-winnings-winners-card__place-value {
    color: var(--text-text-invert);
    position: absolute;
    top: 43px;
    right: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .record-winnings-winners-card__place-value {
        top:42px
    }
}

@media(min-width: 640px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__place-value {
        top:28px;
        right: 72px;
        font-size: var(--headings-h1-font-size);
        font-weight: var(--headings-h1-weight);
        line-height: var(--headings-h1-line-height);
        font-size: 28px;
        line-height: 36px
    }
}

@media(min-width: 1628px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__place-value {
        top:33px;
        right: 80px;
        top: 30px;
        right: 79px;
        font-size: 34px;
        line-height: 46px
    }
}

.record-winnings-winners-card__game {
    width: 152px;
    height: 152px;
    border-radius: var(--roundings-m);
    margin: 0
}

@media(min-width: 640px) {
    .record-winnings-winners-card__game {
        width:131px;
        height: 164px
    }
}

.record-winnings-winners-card--first .record-winnings-winners-card__game {
    width: 131px;
    height: 164px
}

@media(max-width: 639px) {
    .record-winnings-winners-card:not(.record-winnings-winners-card--first) .record-winnings-winners-card__game {
        overflow:hidden;
        width: 100%
    }
}

.record-winnings-winners-card__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4px 0
}

@media(min-width: 640px) {
    .record-winnings-winners-card__content {
        align-items:baseline;
        padding: var(--spacings-2xs) 0
    }
}

.record-winnings-winners-card--first .record-winnings-winners-card__content {
    padding: 12px 0;
    align-items: baseline
}

.record-winnings-winners-card__provider,.record-winnings-winners-card__title,.record-winnings-winners-card__win {
    text-align: center
}

@media(min-width: 640px) {
    .record-winnings-winners-card__provider,.record-winnings-winners-card__title,.record-winnings-winners-card__win {
        text-align:left
    }
}

.record-winnings-winners-card--first .record-winnings-winners-card__provider,.record-winnings-winners-card--first .record-winnings-winners-card__title,.record-winnings-winners-card--first .record-winnings-winners-card__win {
    text-align: left
}

.record-winnings-winners-card__win {
    color: var(--text-text);
    margin-bottom: 4px;
    font-size: var(--text-large-bold-caps-font-size);
    line-height: var(--text-large-bold-caps-line-height);
    font-weight: var(--text-large-bold-caps-weight);
    text-transform: uppercase
}

@media(min-width: 640px) {
    .record-winnings-winners-card__win {
        margin-bottom:auto
    }
}

@media(min-width: 1628px) {
    .record-winnings-winners-card__win {
        font-size:24px;
        line-height: 36px;
        font-weight: 700
    }
}

.record-winnings-winners-card--first .record-winnings-winners-card__win {
    margin-bottom: auto
}

@media(min-width: 640px) {
    .record-winnings-winners-card--first .record-winnings-winners-card__win {
        font-size:24px;
        line-height: 36px;
        font-weight: 700
    }
}

.record-winnings-winners-card--second .record-winnings-winners-card__win {
    color: var(--text-text-invert)
}

.record-winnings-winners-card__title {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

@media(min-width: 640px) {
    .record-winnings-winners-card__title {
        margin-bottom:4px
    }
}

.record-winnings-winners-card--first .record-winnings-winners-card__title {
    color: var(--text-text);
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.record-winnings-winners-card--second .record-winnings-winners-card__title {
    color: var(--text-text-invert)
}

.record-winnings-winners-card__provider {
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.record-winnings-winners-card--first .record-winnings-winners-card__provider {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.record-winnings-winners-card--second .record-winnings-winners-card__provider {
    color: var(--colors-base-black-1000-60)
}

.record-winnings-winners-top {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--colors-global-accent-c);
    border-radius: var(--roundings-m) var(--roundings-m) 0 0
}

.record-winnings__list-skeleton+.record-winnings-winners-top {
    display: none
}

.record-winnings-winners-top__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 8px 8px 0;
    background: var(--backgrounds-a);
    border-radius: calc(var(--roundings-m) + 2px) calc(var(--roundings-m) + 2px) 0 0
}

@media(min-width: 640px)and (max-width:1139px) {
    .record-winnings-winners-top__bottom {
        border-radius:calc(var(--roundings-m) + 7px) calc(var(--roundings-m) + 7px) 0 0
    }
}

@media(min-width: 640px) {
    .record-winnings-winners-top__bottom {
        gap:12px;
        padding: 12px 12px 0
    }
}

:root {
    --record-winnings-slider-width: 628px
}

@media(min-width: 1628px) {
    :root {
        --record-winnings-slider-width:725px
    }
}

@media(min-width: 1140px) {
    :root .authorized {
        --record-winnings-slider-width:614px
    }
}

@media(min-width: 1628px) {
    :root .authorized {
        --record-winnings-slider-width:725px
    }
}

.record-winnings {
    margin: var(--spacings-3xl) 0
}

.record-winnings__title {
    color: var(--text-text);
    margin-bottom: var(--spacings-xl);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 1140px) {
    .record-winnings__title {
        margin-bottom:2px
    }
}

@media(min-width: 1628px) {
    .record-winnings__title {
        margin-bottom:var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .record-winnings__title {
        margin-bottom:var(--spacings-xl)
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__title {
        margin-bottom:5px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .record-winnings__title {
        margin-bottom:var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .record-winnings:has(.record-winnings-skeleton__tabs.skeleton) .record-winnings__title {
        margin-bottom:var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .record-winnings__body {
        display:flex;
        gap: var(--spacings-s)
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .record-winnings__body {
        display:block
    }
}

.record-winnings__container-wrapper {
    display: flex;
    width: 100%;
    gap: var(--spacings-s)
}

@media(min-width: 1140px) {
    .record-winnings__container-wrapper {
        max-width:calc(100% - var(--record-winnings-slider-width) - var(--spacings-s))
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .record-winnings__container-wrapper:has(.record-winnings__list-skeleton) {
        min-height:372px
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__container-wrapper:has(.record-winnings__list-skeleton) {
        min-height:auto
    }
}

.sidebar-opened .record-winnings__container-wrapper {
    max-width: 100%
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__container-wrapper {
        max-width:calc(100% - var(--record-winnings-slider-width) - var(--spacings-s))
    }
}

.record-winnings__container {
    position: relative;
    width: 100%
}

@media(max-width: 1139px) {
    .record-winnings__container {
        overflow:hidden
    }
}

.record-winnings__container:not(.record-winnings__container--get-winners-top-by-amount) {
    max-width: 100%
}

@media(min-width: 1628px) {
    .record-winnings__container:not(.record-winnings__container--get-winners-top-by-amount) {
        max-width:calc(50% - var(--spacings-s)/2)
    }
}

.sidebar-opened .record-winnings__container:not(.record-winnings__container--get-winners-top-by-amount) {
    max-width: 100%
}

@media(min-width: 1140px)and (max-width:1627px) {
    .record-winnings__container.record-winnings__container--get-winners-top-by-amount {
        margin-top:-44px
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .record-winnings__container.record-winnings__container--get-winners-top-by-amount {
        margin-top:0
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__container.record-winnings__container--get-winners-top-by-amount {
        margin-top:-42px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .record-winnings__container.record-winnings__container--get-winners-top-by-amount {
        margin-top:0
    }
}

@media(min-width: 1140px) {
    .record-winnings__container--get-winners-top-by-amount {
        max-width:max(var(--record-winnings-slider-width),calc(50% - var(--spacings-s)/2))
    }
}

.sidebar-opened .record-winnings__container--get-winners-top-by-amount {
    width: 100%;
    max-width: 100%
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__container--get-winners-top-by-amount {
        max-width:max(var(--record-winnings-slider-width),calc(50% - var(--spacings-s)/2))
    }
}

@media(min-width: 1140px) {
    .record-winnings__subtitle {
        margin-bottom:var(--spacings-m);
        font-size: var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.record-winnings__list {
    overflow: hidden;
    max-height: 536px
}

@media(min-width: 640px)and (max-width:1139px) {
    .record-winnings__list {
        max-height:332px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .record-winnings__list-wrapper {
        column-count:2;
        column-gap: var(--spacings-s);
        column-width: calc(50% - var(--spacings-s))
    }
}

@media(max-width: 1139px) {
    .record-winnings__body--animation .record-winnings__container--get-winners-latest .record-winnings__list-wrapper {
        will-change:transform;
        animation: appear .4s ease-in-out 1
    }

    @keyframes appear {
        0% {
            transform: translate3d(0,-60px,0)
        }

        to {
            transform: translateZ(0)
        }
    }
}

.record-winnings__tabs {
    display: flex;
    align-items: center
}

@media(max-width: 639px) {
    .record-winnings__tabs {
        margin:0 -16px var(--spacings-xl)
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .record-winnings__tabs {
        margin:0 -20px var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .record-winnings__tabs {
        display:grid;
        gap: var(--spacings-s);
        grid-template-columns: minmax(var(--record-winnings-slider-width),1fr) 1fr;
        margin-bottom: var(--spacings-m)
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .record-winnings__tabs {
        display:flex
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .record-winnings__tabs {
        margin-bottom:var(--spacings-xl)
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__tabs {
        margin-bottom:var(--spacings-m)
    }
}

.record-winnings__tabs-wrapper {
    overflow: auto;
    display: flex;
    width: 100%;
    scroll-behavior: smooth
}

.record-winnings__tabs-wrapper::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.record-winnings__tabs-wrapper::-webkit-scrollbar-thumb,.record-winnings__tabs-wrapper::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(max-width: 1139px) {
    .record-winnings__tabs-wrapper {
        padding:0 var(--spacings-page-paddings)
    }
}

.record-winnings__tabs-container {
    display: flex;
    flex-grow: 1;
    background: var(--backgrounds-e-4);
    border-radius: var(--buttons-m-radius)
}

@media(max-width: 1139px) {
    .record-winnings__tabs-container {
        width:calc(100% + var(--spacings-page-paddings)*2)2px
    }
}

.record-winnings__tabs-item {
    position: relative;
    flex-grow: 1;
    width: min(178px,100%);
    min-width: -webkit-max-content;
    min-width: max-content;
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    white-space: nowrap;
    border-radius: var(--buttons-m-radius);
    color: var(--text-text);
    border: none;
    background: transparent;
    -webkit-appearance: none;
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(min-width: 640px) {
    .record-winnings__tabs-item {
        width:min(var(--record-winnings-item-width,200px),100%)
    }
}

@media(min-width: 1140px) {
    .record-winnings__tabs-item {
        --record-winnings-item-width:220px
    }
}

@media(min-width: 1140px) {
    .authorized .record-winnings__tabs-item {
        --record-winnings-item-width:178px
    }
}

.record-winnings__tabs-item:not(:first-child):before {
    content: "";
    left: 0;
    width: 1px;
    height: 26px;
    background: var(--border-a);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.no-touch .record-winnings__tabs-item:hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .record-winnings__tabs-item:hover+.record-winnings__tabs-item:before,.no-touch .record-winnings__tabs-item:hover:before {
    content: none
}

.no-touch .record-winnings__tabs-item--active:hover:after {
    display: none
}

.no-touch .record-winnings__tabs-item--active:hover .btn__border-hover:before {
    content: ""
}

.record-winnings__tabs-item--active+.record-winnings__tabs-item:before {
    content: none
}

.record-winnings__tabs-item--active:before {
    display: none
}
.games-list-card-skeleton {
    position: relative;
    min-width: 74px;
    width: 100%;
    height: 92px;
    background-color: var(--blue-dark-450);
    border-radius: 20px;
    overflow: hidden
}

@media(min-width: 640px) {
    .games-list-card-skeleton {
        min-width:122px;
        height: 152px
    }

    .games-list-card-skeleton:first-child {
        min-width: 249px
    }
}

@media(min-width: 1140px) {
    .games-list-card-skeleton {
        min-width:186px;
        height: 232px;
        border-radius: 22px
    }

    .games-list-card-skeleton:first-child {
        min-width: 375px
    }
}

.games-list-card-skeleton:before {
    content: "";
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    background-image: var(--skeleton-gradient);
    opacity: .6;
    animation: blickSkeleton 2s ease-in-out infinite
}

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

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

.provider-slider-item-skeleton {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 134px;
    height: 57px;
    border-radius: 20px;
    background-color: var(--blue-dark-450);
    overflow: hidden
}

@media(min-width: 1140px) {
    .provider-slider-item-skeleton {
        width:206px;
        height: 88px;
        border-radius: 22px
    }
}

.provider-slider-item-skeleton:before {
    content: "";
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    background-image: var(--skeleton-gradient);
    opacity: .6;
    animation: blick 2s ease-in-out infinite
}

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

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

.tournament-slider-item-skeleton {
    position: relative;
    flex: 0 0 auto;
    height: 380px;
    border-radius: 10px;
    background: #3b352f;
    transform: scale(.8) translate3d(90px,0,0);
    filter: blur(3px);
    width: 100%;
    max-width: 732px;
    overflow: hidden
}

.tournament-slider-item-skeleton:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 87px;
    background: #312d2b
}

@media(max-width: 1280px) {
    .tournament-slider-item-skeleton:before {
        height:66px
    }
}

@media(min-width: 1140px)and (max-width:1280px) {
    .tournament-slider-item-skeleton:before {
        height:66px
    }
}

@media(max-width: 712px) {
    .tournament-slider-item-skeleton:before {
        height:120px
    }
}

.tournament-slider-item-skeleton:nth-child(2) {
    transform: scale(1) translateZ(0);
    filter: blur(0);
    z-index: 1
}

.tournament-slider-item-skeleton:nth-child(3) {
    transform: scale(.8) translate3d(-90px,0,0)
}

@media(max-width: 1280px) {
    .tournament-slider-item-skeleton {
        max-width:470px
    }
}

@media(min-width: 1140px)and (max-width:1280px) {
    .tournament-slider-item-skeleton {
        max-width:610px
    }
}

@media(max-width: 712px) {
    .tournament-slider-item-skeleton {
        max-width:312px
    }
}

.collections-slider-item {
    transform: translateZ(0);
    box-sizing: border-box;
    width: 15.2rem;
    margin: 0 3px 6px 0;
    background: #3b352f;
    border-radius: .8rem;
    padding: 12px;
    display: flex;
    flex-direction: column
}

@media(min-width: 713px) {
    .collections-slider-item {
        width:21.3rem
    }
}

@media(min-width: 1025px) {
    .collections-slider-item {
        width:17.4444444444rem
    }
}

.collections-slider-item:after,.collections-slider-item:before {
    position: absolute;
    content: "";
    display: block;
    top: 14px;
    left: 12px;
    height: 20px;
    border-radius: 6px;
    background: #544a42
}

.collections-slider-item:before {
    width: 32%
}

.collections-slider-item:after {
    width: 62%;
    top: 38px
}

.collections-slider-item__wrapper {
    position: relative
}

.collections-slider-item__wrapper:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 100%;
    margin-right: -100%;
    padding-top: 80%
}

.collections-slider-item__thumb {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 24%;
    height: calc(25% - .16rem);
    border-radius: 8px;
    background: #544a42
}

.collections-slider-item__thumb:nth-child(2) {
    left: calc(24% + .2rem)
}

.collections-slider-item__thumb:nth-child(3) {
    left: calc(48% + .4rem)
}

.collections-slider-item__thumb:nth-child(4) {
    left: calc(72% + .6rem)
}

@media(min-width: 713px) {
    .collections-slider-item__thumb {
        width:calc(24% - .4rem)
    }
}

@media(min-width: 1025px) {
    .collections-slider-item__thumb {
        width:calc(24% - .5rem)
    }
}

.collections-book-slider-item {
    position: relative;
    width: calc(8.9333rem - 8px);
    margin-right: 8px;
    box-shadow: none;
    margin-bottom: 46px
}

.collections-book-slider-item:last-child {
    margin-right: 0
}

@media(min-width: 713px)and (max-width:1024px) {
    .collections-book-slider-item {
        width:16.9rem;
        margin-right: .9rem
    }
}

@media(min-width: 1025px) {
    .collections-book-slider-item {
        margin-right:.7777777778rem;
        width: 9.6111111111rem
    }
}

.collections-book-slider-item:after,.collections-book-slider-item:before {
    position: absolute;
    content: "";
    display: block;
    bottom: -30px;
    left: 0;
    height: 16px;
    background: #544a42;
    border-radius: 6px;
    z-index: 1
}

.collections-book-slider-item:before {
    width: 60%
}

.collections-book-slider-item:after {
    width: 30%;
    bottom: -46px;
    height: 12px;
    border-radius: 4px
}

.collections-book-slider-item__wrapper {
    border-radius: .6666666667rem;
    overflow: hidden
}

.collections-book-slider-item__wrapper:before {
    content: "";
    display: block;
    padding-top: 150%;
    background: #3b352f
}

.tournament-skeleton {
    margin-bottom: 80px
}

@media(min-width: 713px) {
    .tournament-skeleton {
        margin-bottom:70px
    }
}

@media(min-width: 1025px) {
    .tournament-skeleton {
        margin-bottom:75px
    }
}

.tournament-skeleton .skeleton__wrapper {
    justify-content: center;
    width: 100%
}

.static-slider-item {
    transform: translateZ(0);
    box-sizing: border-box;
    width: 400px;
    min-height: 135px;
    margin-right: 34px;
    background: #3b352f;
    border-radius: .6666666667rem;
    display: flex;
    flex-direction: column
}

.static-slider-item:last-child {
    margin-right: 0
}

@media(min-width: 1280px)and (max-width:1579px) {
    .static-slider-item {
        width:350px;
        min-height: 90px;
        margin-right: 20px;
        border-radius: 10px
    }
}

@media(max-width: 1280px) {
    .static-slider-item {
        width:267px;
        min-height: 90px;
        margin-right: 10px;
        border-radius: 10px
    }

    .static-slider-item:last-child {
        margin-right: 0
    }
}

@media(min-width: 1140px)and (max-width:1280px) {
    .static-slider-item {
        width:345px;
        min-height: 115px;
        margin-right: 20px
    }
}

.static-slider-item:after,.static-slider-item:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 100px;
    background: #544a42
}

.static-slider-item:before {
    width: 47.5%;
    height: 20px;
    border-radius: 6px;
    top: 28px
}

@media(min-width: 713px) {
    .static-slider-item:before {
        width:52.5%
    }
}

.static-slider-item:after {
    width: 30%;
    height: 14px;
    top: 53px;
    border-radius: 4px
}

@media(min-width: 713px) {
    .static-slider-item:after {
        width:35%
    }
}

.static-slider-item__wrapper:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 34.5%
}

.statistic-slider-item-skeleton {
    position: relative;
    width: 19.4666666667rem;
    margin-right: .8rem;
    background: #312d2b;
    border-radius: .6666666667rem;
    overflow: hidden
}

.statistic-slider-item-skeleton:last-child {
    margin-right: 0
}

@media(min-width: 713px) {
    .statistic-slider-item-skeleton {
        width:29.2rem
    }
}

@media(min-width: 1025px) {
    .statistic-slider-item-skeleton {
        width:23.2222222222rem
    }
}

.statistic-slider-item-skeleton:after,.statistic-slider-item-skeleton:before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: 12px;
    background: #544a42;
    z-index: 1
}

.statistic-slider-item-skeleton:before {
    width: 72.8%;
    height: 18px;
    border-radius: 6px;
    margin-top: auto;
    margin-bottom: 6px;
    bottom: 30px
}

.statistic-slider-item-skeleton:after {
    width: 35%;
    height: 12px;
    bottom: 14px;
    border-radius: 4px
}

.statistic-slider-item-skeleton__wrapper:before {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 100%;
    margin-right: -100%;
    padding-top: 77.85%
}

.statistic-slider-item-skeleton__wrapper:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 95px;
    left: 0;
    bottom: 0;
    background: #3b352f
}

.record-winnings-skeleton__winners-top.skeleton {
    margin: 0
}

@media(min-width: 1140px) {
    .record-winnings-skeleton__winners-top.skeleton {
        margin:calc(28px + var(--spacings-m)) 0 0
    }
}

.record-winnings-skeleton__winners-top .skeleton__wrapper {
    width: 100%
}

.record-winnings-top__list-skeleton .skeleton__wrapper {
    display: flex;
    flex-direction: column;
    gap: unset;
    width: 100%;
    margin: 0 -8px;
    padding: 4px 8px 0
}

.record-winnings-top__list-skeleton.skeleton {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 10px;
    width: 100%;
    margin: 0;
    overflow: unset
}

.record-winnings-top-item__skeleton {
    width: 100%;
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-b);
    overflow: hidden;
    height: 466px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 640px) {
    .record-winnings-top-item__skeleton {
        height:372px;
        border-radius: 20px
    }
}

.record-winnings-top-item__skeleton-bottom {
    background: var(--backgrounds-a);
    border-radius: var(--roundings-m) var(--roundings-m) 0 0;
    margin-bottom: -1px;
    padding: 8px 8px 0;
    display: flex;
    gap: 8px;
    justify-content: space-between
}

@media(min-width: 640px) {
    .record-winnings-top-item__skeleton-bottom {
        gap:12px;
        padding: 12px 12px 0;
        border-radius: 30px 30px 0 0
    }
}

.record-winnings-top-item__skeleton-bottom-item {
    background: var(--backgrounds-b);
    border-radius: var(--roundings-m);
    padding: 4px 0;
    width: 100%;
    height: 278px
}

@media(min-width: 640px) {
    .record-winnings-top-item__skeleton-bottom-item {
        height:180px
    }
}

.record-winnings__item-skeleton {
    border-radius: 100px;
    background-color: var(--backgrounds-e-4);
    margin-bottom: 8px;
    padding: 8px 12px 8px 8px;
    height: 68px
}

.record-winnings__item-skeleton:last-child {
    margin-bottom: 0
}

@media(min-width: 1140px) {
    .record-winnings__item-skeleton {
        margin-bottom:var(--spacings-2xs)
    }
}

.record-winnings__list-skeleton .skeleton__wrapper {
    display: flex;
    flex-direction: column;
    gap: unset;
    width: 100%;
    margin: -10px
}

@media(min-width: 1140px) {
    .record-winnings__list-skeleton .skeleton__wrapper {
        margin:0 -10px;
        padding: 0
    }
}

.record-winnings__list-skeleton.skeleton {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 10px;
    width: 100%;
    margin: 0;
    overflow: unset
}

@media(min-width: 1628px) {
    .record-winnings__list-skeleton.skeleton {
        top:calc(28px + var(--spacings-m))
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings__list-skeleton.skeleton {
        top:6px
    }
}

.record-winnings-skeleton-transition {
    transition: opacity .3s ease
}

.record-winnings-skeleton-enter-active,.record-winnings-skeleton-leave-active {
    transition: opacity 1s
}

.record-winnings-skeleton-enter-to,.record-winnings-skeleton-leave {
    opacity: 1
}

.record-winnings-skeleton-enter,.record-winnings-skeleton-leave-to {
    opacity: 0;
    animation: SkeletonHide 1s ease-in-out 1
}

@keyframes SkeletonHide {
    0%,85% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.record-winnings-skeleton__tabs.skeleton {
    margin: 0;
    width: 100%
}

@media(max-width: 1139px) {
    .record-winnings-skeleton__tabs.skeleton {
        margin:0 var(--spacings-page-paddings)
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .record-winnings-skeleton__tabs.skeleton {
        transform:translateY(6px)
    }
}

.record-winnings-skeleton__tabs .skeleton__wrapper {
    width: 100%
}

.record-winnings-tabs {
    width: 100%;
    height: 40px;
    border-radius: 100px;
    background: var(--backgrounds-e-4)
}

@media(min-width: 1140px) {
    .record-winnings-tabs {
        width:204px;
        height: 28px
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .record-winnings-tabs.preloader-page__animation {
        width:100%
    }
}

.record-winnings-skeleton__title.skeleton {
    position: absolute;
    margin: 0;
    width: 100%
}

.record-winnings-skeleton__title .skeleton__wrapper {
    width: 100%
}

.record-winnings__container--get-winners-top-by-amount .record-winnings-skeleton__title {
    margin-bottom: var(--spacings-m)
}

.record-winnings-title {
    width: 100%;
    height: 28px;
    border-radius: 100px;
    background: var(--backgrounds-e-4)
}

@media(min-width: 1140px) {
    .record-winnings-title {
        width:204px
    }
}

.skeleton {
    position: relative;
    overflow: hidden;
    margin: 60px 0
}

.skeleton__wrapper {
    display: flex;
    gap: 20px;
    width: 2000px
}
.spinner-logo { width: 60px; height: 60px; }
.cashout-alert-card__action--preloader .spinner-logo { width: 100%; height: 100%; }
.main-preloader { position: relative; width: 100%; height: 60px; transition: 0.2s ease-out; }
@media (min-width: 640px) {
  .payment__content-inner-1 > .main-preloader { margin: 42px 0px; }
}
.payment__content-inner-1 > .main-preloader { margin: 20px 0px; min-height: 60px; }
.payment__content-inner-1--with-loader .main-preloader { height: 100%; margin: auto; }
.contest-stream-winners-list-wr .main-preloader { flex-grow: 1; }
.partners-contests-history-content__main-content .main-preloader { min-height: 464px; }
.main-preloader--fixed { position: fixed; left: 0px; top: 0px; z-index: 10050; width: 100%; height: 100%; }
.main-preloader__inner { display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); width: 60px; height: 60px; pointer-events: none; }
.cashout-alert-card__action--preloader .main-preloader__inner { width: 100%; height: 100%; }
.partners-contests-history-content__main-content .main-preloader__inner { flex-grow: 1; }
.path-profile .main-preloader__inner { position: static; transform: translateZ(0px); display: flex; justify-content: center; align-items: center; margin: 0px auto; }
.main-preloader__inner.hnd { position: relative; top: auto; left: auto; transform: translateZ(0px); }
.main-preloader__inner.hnd .main-preloader__text { left: 100%; top: 50%; transform: translate3d(0px, -50%, 0px); margin-left: 10px; font-size: 14px; }
.main-preloader__text { position: absolute; top: 100%; left: 50%; transform: translate3d(-50%, 0px, 0px); display: block; white-space: nowrap; color: var(--gray-500); }
.main-preloader__prog { color: rgb(176, 164, 153); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; }
.main-preloader__p1 { position: absolute; width: 80%; height: 80%; margin: 10%; animation-iteration-count: infinite; animation-name: prel__p1; animation-duration: 6s; }
.main-preloader__p2 { position: absolute; width: 100%; height: 100%; animation-iteration-count: infinite; animation-name: prel__p2; animation-duration: 7s; }
@keyframes prel__p1 { 
  0% { transform: rotate(0deg); }
  35% { transform: rotate(-900deg); }
  85% { transform: rotate(-3200deg); }
  100% { transform: rotate(-2000deg); }
}
@keyframes prel__p2 { 
  0% { transform: rotate(0deg); }
  35% { transform: rotate(700deg); }
  85% { transform: rotate(2600deg); }
  100% { transform: rotate(5turn); }
}
.main-preloader__svg { animation: 1.32s linear 0s infinite normal none running inner; }
.main-preloader__svg circle { fill: none; stroke: rgb(240, 146, 53); stroke-linecap: square; animation: 1.32s cubic-bezier(0.8, 0, 0.4, 0.8) 0s infinite normal none running arc; }
@keyframes inner { 
  0% { transform: rotate(-100.8deg); }
  100% { transform: rotate(0deg); }
}
.sport-lobby-digitain-widget { overflow: hidden; margin-bottom: var(--spacings-3xl); position: relative; }
.sport-lobby-digitain-widget__container { margin: -12px; }
.games-slider__navigation {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.games-slider-wrap {
    position: relative;
    z-index: 1;
    margin-bottom: var(--spacings-3xl);
    display: flex;
    flex-direction: column;
}

.games-sort-page .games-slider-wrap {
    margin-bottom: var(--spacings-2xl);
}

.games-sort-page .games-slider-wrap:last-child {
    margin-bottom: 0px;
}

.sport-lobby .games-slider-wrap {
    border-radius: var(--roundings-s) var(--roundings-s) 0 0;
    overflow: hidden;
    margin-bottom: 0px;
}

@media (min-width: 1140px) {
    .sport-lobby .games-slider-wrap {
        border-radius: 16px 16px 0px 0px;
    }
}

.sport-lobby-links .games-slider-wrap.translate-slider .games-slider__inner-wr::before {
    display: block;
}

.sport-lobby-links .games-slider-wrap.translate-slider-end .games-slider__inner-wr::after {
    display: none;
}

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

@media (min-width: 1140px) {
    .games-slider-wrap--section-day_hot_games {
        margin-top: var(--spacings-3xl);
    }
}

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

@media (max-width: 1139px) {
    .games-slider--rtp .swiper-wrapper {
        flex-flow: column wrap;
        max-height: 400px;
        gap: 8px 0px;
    }
}

.games-slider {
    position: relative;
    padding: 5px var(--spacings-page-paddings);
    margin: -5px calc(var(--spacings-page-paddings)*-1);
    overflow: hidden;
}

.games-jackpot__providers-slider .games-slider {
    padding: 0 var(--spacings-page-paddings);
    margin: 0 calc(var(--spacings-page-paddings)*-1);
}

.sport-lobby .games-slider {
    margin: 0px;
    padding: 0px;
}

.games-slider.swiper-container-multirow, .games-slider.swiper-grid-column > .swiper-wrapper {
    flex-flow: column wrap;
}

.games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
    gap: var(--spacings-xs) 0;
    max-height: 222px;
}

@media (min-width: 640px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
        max-height: 358px;
    }
}

@media (min-width: 1140px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
        max-height: 418px;
    }
}

@media (min-width: 1628px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
        max-height: 482px;
    }
}

.games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-grid-column > .swiper-wrapper {
    gap: var(--spacings-m) 0;
    max-height: 364px;
}

@media (min-width: 640px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-grid-column > .swiper-wrapper {
        max-height: 478px;
    }
}

@media (min-width: 1140px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-container-multirow, .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-grid-column > .swiper-wrapper {
        gap: var(--spacings-s) 0;
    }
}

.main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
    gap: var(--spacings-m) 0;
    max-height: 239px;
}

@media (min-width: 640px) {
    .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
        gap: var(--spacings-xs) 0;
        max-height: 308px;
    }
}

@media (min-width: 1140px) {
    .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
        max-height: 428px;
        gap: var(--spacings-xs) 0;
    }
}

@media (min-width: 1628px) {
    .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow, .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column > .swiper-wrapper {
        max-height: 492px;
    }
}

.games-slider-wrap--section-day_hot_games .games-slider.swiper-container-multirow, .games-slider-wrap--section-day_hot_games .games-slider.swiper-grid-column > .swiper-wrapper {
    gap: 8px 0px;
    max-height: 364px;
}

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

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

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

@media (min-width: 1140px) {
    .games-slider {
        padding-right: var(--spacings-page-paddings);
        margin-right: calc(var(--spacings-page-paddings)*-1);
    }

    .authorized .games-slider {
        padding-right: calc(var(--spacings-page-paddings) + var(--sidebar-right-close));
        margin-right: calc(var(--spacings-page-paddings)*-1 + var(--sidebar-right-close)*-1);
    }
}

.games-slider__title {
    color: var(--colors-base-white-a);
    margin-right: 8px;
    transition: color 0.2s ease-in-out;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
}

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

@media (min-width: 1920px) {
    .games-slider__inner-wr {
        position: relative;
    }

    .games-slider__inner-wr::after, .games-slider__inner-wr::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0px;
        width: 253px;
        height: 100%;
        pointer-events: none;
    }

    .games-slider__inner-wr::before {
        display: none;
        left: var(--slider-fade-offset);
        background: var(--gradient-slider-blind-reversed);
    }

    .games-slider__inner-wr.translate-slider::before, .translate-slider .games-slider__inner-wr::before {
        display: block;
    }

    .games-slider__inner-wr::after {
        right: var(--slider-fade-offset);
        background: var(--gradient-slider-blind);
    }

    .games-slider__inner-wr.translate-slider-end::after, .translate-slider-end .games-slider__inner-wr::after {
        display: none;
    }
}

.sport-lobby-links .games-slider__inner-wr {
    position: relative;
    overflow: hidden;
}

.sport-lobby-links .games-slider__inner-wr::after, .sport-lobby-links .games-slider__inner-wr::before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 253px;
}

.sport-lobby-links .games-slider__inner-wr::before {
    display: none;
    left: var(--slider-fade-offset);
    background: var(--gradient-slider-blind-reversed);
}

.sport-lobby-links .games-slider__inner-wr.translate-slider::before, .translate-slider .sport-lobby-links .games-slider__inner-wr::before {
    display: block;
}

.sport-lobby-links .games-slider__inner-wr::after {
    right: var(--slider-fade-offset);
    background: var(--gradient-slider-blind);
}

.sport-lobby-links .games-slider__inner-wr.translate-slider-end::after, .translate-slider-end .sport-lobby-links .games-slider__inner-wr::after {
    display: none;
}

.sport-lobby-links .games-slider__inner-wr::after, .sport-lobby-links .games-slider__inner-wr::before {
    width: 70px;
    height: 100%;
    top: 0px;
    pointer-events: none;
}

@media (min-width: 1140px) {
    .sport-lobby-links .games-slider__inner-wr::after, .sport-lobby-links .games-slider__inner-wr::before {
        top: 10px;
    }
}

.sport-lobby-links .games-slider__inner-wr::before {
    left: -26px;
}

@media (max-width: 1139px) {
    .sport-lobby-links .games-slider__inner-wr::before {
        z-index: 3;
    }
}

.sport-lobby-links .games-slider__inner-wr::after {
    right: -26px;
}

.games-slider__inner {
    position: relative;
}

.games-slider__inner-bottom {
    padding-top: var(--spacings-m);
}

.games-slider__head {
    display: inline-flex;
    align-items: center;
    margin-bottom: var(--spacings-xl);
    cursor: pointer;
    width: max-content;
}

.games-slider__head--disabled {
    cursor: auto;
}

.games-slider__button-all-icon-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}

.games-slider__button-all-icon {
    width: 7px;
    height: 12px;
    flex-shrink: 0;
    margin-left: 1px;
}

.sport-lobby-links-item {
    width: auto;
    height: auto;
    cursor: pointer;
    transition: transform 0.3s;
    margin-right: var(--spacings-s);
}

.sport-lobby-links-item:last-child {
    margin-right: 0px;
}

@media (min-width: 640px) {
    .no-touch .sport-lobby-links-item:hover {
        transform: translateY(-7px);
    }
}

.sport-lobby-links-item__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: var(--roundings-s);
    padding: 16px 7px 8px;
    width: 88px;
    height: auto;
    color: var(--buttons-secondary-b-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
    text-transform: unset;
}

.sport-lobby-links-item__inner::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .sport-lobby-links-item__inner:hover {
    color: var(--buttons-secondary-b-text-hover);
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.no-touch .sport-lobby-links-item__inner:hover::after {
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
}

.no-touch .sport-lobby-links-item__inner:hover.disabled, .no-touch .sport-lobby-links-item__inner:hover[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    backdrop-filter: blur(10px);
}

.no-touch .sport-lobby-links-item__inner:hover.disabled::after, .no-touch .sport-lobby-links-item__inner:hover[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.sport-lobby-links-item__inner.disabled, .sport-lobby-links-item__inner[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    backdrop-filter: blur(10px);
}

.sport-lobby-links-item__inner.disabled::after, .sport-lobby-links-item__inner[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

@media (min-width: 1140px) {
    .sport-lobby-links-item__inner {
        width: 100px;
        border-radius: 16px;
    }
}

.no-touch .sport-lobby-links-item__inner:hover {
    box-shadow: var(--promocard);
    position: relative;
    background: var(--gradient-tokens-noise-c);
    backdrop-filter: blur(20px);
}

.no-touch .sport-lobby-links-item__inner:hover::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 0px solid transparent;
    background: var(--gradient-tokens-noise-c) padding-box,none border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .sport-lobby-links-item__inner:hover::before {
    z-index: -1;
    content: "";
    border-radius: inherit;
    opacity: 0.2;
    pointer-events: none;
    background-image: url("/1img/background.webp");
    position: absolute;
    inset: 0px;
}

.no-webp .no-touch .sport-lobby-links-item__inner:hover::before {
    background-image: url("/1img/background.png");
}

.no-touch .sport-lobby-links-item__inner:hover .btn__border-hover {
    display: none;
}

.sport-lobby-links-item__gradient-border {
    display: none;
    z-index: 0;
    border-radius: var(--roundings-s);
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

@media (min-width: 1140px) {
    .sport-lobby-links-item__gradient-border {
        border-radius: 16px;
        border: 1px solid transparent;
        background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
        mask-image: ;
        -webkit-mask-position-x: ;
        -webkit-mask-position-y: ;
        mask-size: ;
        mask-repeat: ;
        mask-origin: ;
        mask-clip: ;
        mask-mode: ;
        mask-composite: exclude;
        pointer-events: none;
    }
}

.sport-lobby-links-item__gradient-border::before {
    content: "";
    width: 200%;
    padding-bottom: 200%;
    background: var(--gradient-tokens-border-b);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
}

.sport-lobby-links-item__inner:hover .sport-lobby-links-item__gradient-border {
    display: block;
}

.sport-lobby-links-item__inner:hover .sport-lobby-links-item__gradient-border::before {
    animation: 2s linear 0s infinite normal none running rotateSpecialBorderToRightCard;
}

.sport-lobby-links-item__img {
    height: 28px;
    width: 28px;
    margin-top: -4px;
    object-fit: contain;
    color: var(--icons-a);
}

@media (min-width: 1140px) {
    .sport-lobby-links-item__img {
        height: 40px;
        width: 40px;
        margin-top: 0px;
    }
}

.sport-lobby-links-item__label {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

@media (min-width: 1140px) {
    .sport-lobby-links-item__label {
        height: 38px;
    }
}

.sport-lobby-links {
    position: relative;
    z-index: 2;
    border-radius: 30px 30px 0px 0px;
    background: var(--backgrounds-a);
    padding: var(--spacings-m) var(--spacings-m) 0;
    margin: -96px 0 calc(var(--spacings-xs) + var(--spacings-page-paddings));
}

@media (min-width: 640px) {
    .sport-lobby-links {
        margin: -100px 0 calc(var(--spacings-xs) + var(--spacings-page-paddings));
    }
}

@media (min-width: 1140px) {
    .sport-lobby-links {
        border-radius: 40px 40px 0px 0px;
        padding: 0px;
        margin: -126px 0 var(--spacings-3xl);
    }
}

.sport-lobby-links::after, .sport-lobby-links::before {
    content: "";
    position: absolute;
    bottom: -14px;
    width: 40px;
    height: 98px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% center;
}

@media (min-width: 640px) {
    .sport-lobby-links::after, .sport-lobby-links::before {
        bottom: -20px;
    }
}

@media (min-width: 1140px) {
    .sport-lobby-links::after, .sport-lobby-links::before {
        bottom: 0px;
    }
}

@media (min-width: 1628px) {
    .sport-lobby-links::after, .sport-lobby-links::before {
        width: 44px;
        height: 102px;
    }
}

@media (min-width: 1920px) {
    .sport-lobby-links::after, .sport-lobby-links::before {
        bottom: -8px;
    }
}

.sidebar-opened .sport-lobby-links::after, .sidebar-opened .sport-lobby-links::before {
    bottom: -1px;
}

@media (min-width: 1920px) {
    .sidebar-opened .sport-lobby-links::after, .sidebar-opened .sport-lobby-links::before {
        bottom: -8px;
    }
}

.sport-lobby-links::before {
    left: -38px;
    background-image: url("/1img/round-left.svg");
}

@media (min-width: 1140px) {
    .sport-lobby-links::before {
        left: -39px;
    }
}

@media (min-width: 1628px) {
    .sport-lobby-links::before {
        left: -40px;
    }
}

.sidebar-opened .sport-lobby-links::before {
    left: -39px;
}

.sport-lobby-links::after {
    right: -38px;
    background-image: url("/1img/round-right.svg");
}

@media (min-width: 640px) and (max-width: 1139px) {
    .sport-lobby-links::after {
        right: -39px;
    }
}

@media (min-width: 1628px) {
    .sport-lobby-links::after {
        right: -40px;
        width: 42px;
        height: 100px;
    }
}

.sidebar-opened .sport-lobby-links::after {
    right: -40px;
}

@media (min-width: 1628px) {
    .sidebar-opened .sport-lobby-links::after {
        right: -40px;
    }
}

@media (min-width: 1140px) {
    .sport-lobby-links .swiper-wrapper {
        padding-top: 16px;
    }
}

@media (min-width: 1140px) {
    .sport-lobby-links .games-slider-wrap {
        padding: 0 var(--spacings-m);
    }
}
.timer-block {
    display: flex;
    align-items: flex-start;
}

@media (min-width: 640px) {
    .payment-balance__timer .timer-block {
        width: 137px;
    }
}

.timer-block__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 4px;
}

.timer-block--l .timer-block__item {
    margin-right: 6px;
}

.timer-block__item.hour, .timer-block__item:last-child {
    margin-right: 0px;
}

.timer-block--no-bg .timer-block__item {
    flex-direction: row;
    align-items: flex-end;
    gap: 1px;
}

.timer-block__count {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
    border-radius: 100px;
    color: var(--text-text);
}

.timer-block--xs .timer-block__count {
    min-width: 26px;
    height: 24px;
    padding: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.timer-block--s .timer-block__count {
    min-width: 36px;
    height: 32px;
    padding: 6px 7px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.timer-block--l .timer-block__count {
    min-width: 50px;
    height: 48px;
    padding: 6px 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 48px;
}

.timer-block__count:not(.timer-block--no-bg .timer-block__count) {
    position: relative;
    background: var(--gradients-background-e-4);
}

.timer-block__count:not(.timer-block--no-bg .timer-block__count)::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.timer-block--no-bg .timer-block__count {
    min-width: 0px;
    height: auto;
    padding: 0px;
    background: transparent;
}

.promo__events .timer-block--no-bg .timer-block__count, .promo__tournaments .timer-block--no-bg .timer-block__count {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

@media (min-width: 1140px) {
    .promo__events .timer-block--no-bg .timer-block__count, .promo__tournaments .timer-block--no-bg .timer-block__count {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

@media (min-width: 1140px) {
    .promo-slider--promotions-expired .timer-block--no-bg .timer-block__count, .promo-slider--promotions-future .timer-block--no-bg .timer-block__count, .promo-slider--sport-promotions-expired .timer-block--no-bg .timer-block__count, .promo-slider--sport-promotions-future .timer-block--no-bg .timer-block__count, .promo-slider--tournaments-expired .timer-block--no-bg .timer-block__count, .promo-slider--tournaments-future .timer-block--no-bg .timer-block__count {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
}

@media (min-width: 1628px) {
    .promo-slider--promotions-expired .timer-block--no-bg .timer-block__count, .promo-slider--promotions-future .timer-block--no-bg .timer-block__count, .promo-slider--sport-promotions-expired .timer-block--no-bg .timer-block__count, .promo-slider--sport-promotions-future .timer-block--no-bg .timer-block__count, .promo-slider--tournaments-expired .timer-block--no-bg .timer-block__count, .promo-slider--tournaments-future .timer-block--no-bg .timer-block__count {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

.game-tournaments-slider__item-timer .timer-block--no-bg .timer-block__count {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

@media (min-width: 1140px) {
    .timer-block--no-bg.timer-block--xs .timer-block__count {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
}

.promo-slider-item__footer .timer-block__count {
    padding: 4px;
    min-width: 24px;
}

.promo-head__timer .timer-block__count {
    padding: 4px;
    min-width: 36px;
}

.timer-block__label {
    text-align: center;
    color: var(--text-description-a);
}

.timer-block--xs .timer-block__label {
    font-size: var(--description-font-3xs-font-size);
    font-weight: 500;
    line-height: var(--description-font-3xs-line-height);
}

.timer-block--s .timer-block__label {
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
}

.timer-block--l .timer-block__label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.timer-block--no-bg .timer-block__label {
    color: var(--colors-base-white-b);
}

.timer-block--no-bg.timer-block--xs .timer-block__label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

@media (min-width: 1140px) {
    .timer-block--no-bg.timer-block--xs .timer-block__label {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
}

.timer-block--no-bg.timer-block--s .timer-block__label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.promo__events .timer-block--no-bg.timer-block--s .timer-block__label, .promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

@media (min-width: 1140px) {
    .promo__events .timer-block--no-bg.timer-block--s .timer-block__label, .promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__label {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

@media (min-width: 1140px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__label {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
}

@media (min-width: 1628px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__label, .promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__label {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

.timer-block--no-bg.timer-block--l .timer-block__label {
    font-size: 24px;
    font-weight: 700;
    line-height: 48px;
}

.game-tournaments-slider__item-timer .timer-block--no-bg .timer-block__label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.timer-block__item-colon {
    color: var(--text-text);
    margin: 0px 2px;
}

.timer-block--xs .timer-block__item-colon {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0px 1px;
}

.timer-block--s .timer-block__item-colon {
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
}

.timer-block--l .timer-block__item-colon {
    font-size: 24px;
    font-weight: 700;
    line-height: 48px;
}

.timer-block--no-bg.timer-block--xs .timer-block__item-colon {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

@media (min-width: 1140px) {
    .timer-block--no-bg.timer-block--xs .timer-block__item-colon {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
}

.timer-block--no-bg.timer-block--s .timer-block__item-colon {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.promo__events .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__item-colon {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

@media (min-width: 1140px) {
    .promo__events .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__item-colon {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

@media (min-width: 1140px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__item-colon {
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
    }
}

@media (min-width: 1628px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon, .promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__item-colon {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

.game-tournaments-slider__item-timer .timer-block--no-bg .timer-block__item-colon {
    margin: 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.promo-head__timer .timer-block__item-colon, .promo-slider-item__footer .timer-block__item-colon {
    margin: 0px 4px;
}

.timer-block__item-colon--seconds {
    display: none;
}

.timer-block--with-seconds .timer-block__item-colon--seconds:not(.promo-event__top-timer .timer-block__item-colon--seconds) {
    display: block;
}

.timer-block--no-bg .timer-block__item.sec {
    display: none;
}

.sport-lobby-promotions-item {
    cursor: pointer;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 280px;
    border-radius: var(--roundings-m);
    padding: var(--spacings-m);
    margin-right: var(--spacings-s);
    overflow: hidden;
    position: relative;
    background: var(--gradients-background-b);
}

.sport-lobby-promotions-item:last-child {
    margin-right: 0px;
}

.sport-lobby-promotions-item::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item {
        width: 320px;
    }
}

.sport-lobby-promotions-item mark {
    display: inline;
    background-color: transparent;
    color: var(--colors-base-white-b);
}

.sport-lobby-promotions-item__top {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xs);
    justify-content: center;
    align-items: center;
    text-align: center;
}

.sport-lobby-promotions-item__info {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 20px;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__info {
        gap: 8px;
    }
}

.sport-lobby-promotions-item__info-icon {
    width: 16px;
    height: 16px;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__info-icon {
        width: 20px;
        height: 20px;
    }
}

.sport-lobby-promotions-item__info-type {
    display: flex;
    gap: 4px;
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__info-type {
        gap: 8px;
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase;
    }
}

.sport-lobby-promotions-item__info-type::after {
    content: "•";
    color: var(--text-description-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__info-type::after {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
    }
}

.sport-lobby-promotions-item__info-status {
    color: var(--colors-global-accent-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__info-status {
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase;
    }
}

.sport-lobby-promotions-item__name {
    color: var(--text-heading);
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height);
}

.sport-lobby-promotions-item__img-wr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 172px;
    border-radius: var(--roundings-s);
    position: relative;
    background: var(--gradient-tokens-noise-c);
}

.sport-lobby-promotions-item__img-wr::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-noise-c) padding-box,var(--gradient-tokens-border-c) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__img-wr {
        height: 200px;
    }
}

.sport-lobby-promotions-item__img {
    z-index: 1;
    bottom: 0px;
    width: 184px;
    height: 184px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 1140px) {
    .sport-lobby-promotions-item__img {
        width: 214px;
        height: 214px;
    }
}

.sport-lobby-promotions-item__footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sport-lobby-promotions-item__timer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.sport-lobby-promotions-item__timer-title {
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.sport-lobby-promotions {
    margin-bottom: var(--spacings-3xl);
}

.sport-lobby-promotions .games-slider__head {
    display: none;
}

.sport-lobby-promotions__slider {
    position: relative;
}

.sport-lobby-promotions__slider .swiper-container {
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    padding: 0 var(--spacings-page-paddings);
}

@media (min-width: 1920px) {
    .sport-lobby-promotions__slider::after, .sport-lobby-promotions__slider::before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0px;
        width: 253px;
        height: 100%;
        pointer-events: none;
    }

    .sport-lobby-promotions__slider::before {
        display: none;
        left: var(--slider-fade-offset);
        background: var(--gradient-slider-blind-reversed);
    }

    .sport-lobby-promotions__slider.translate-slider::before, .translate-slider .sport-lobby-promotions__slider::before {
        display: block;
    }

    .sport-lobby-promotions__slider::after {
        right: var(--slider-fade-offset);
        background: var(--gradient-slider-blind);
    }

    .sport-lobby-promotions__slider.translate-slider-end::after, .translate-slider-end .sport-lobby-promotions__slider::after {
        display: none;
    }
}

.sport-lobby-promotions__nav-next, .sport-lobby-promotions__nav-prev {
    z-index: 3;
    opacity: 0;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.no-touch .sport-lobby-promotions__slider:hover .sport-lobby-promotions__nav-next, .no-touch .sport-lobby-promotions__slider:hover .sport-lobby-promotions__nav-prev {
    opacity: 1;
}

.sport-lobby-promotions__nav-next.swiper-button-disabled, .sport-lobby-promotions__nav-prev.swiper-button-disabled {
    display: none;
}

.sport-lobby-promotions__nav-prev {
    left: -24px;
}

.sport-lobby-promotions__nav-next {
    right: -24px;
}
.games-sort-filter-title {
    display: flex;
    align-items: center;
    cursor: pointer
}

@media(max-width: 1139px) {
    .games-sort-filter-title {
        width:100%;
        min-height: 48px;
        padding: 4px 4px 4px 12px
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-sort-filter-title {
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

@media(min-width: 1140px) {
    .games-sort-filter-title {
        height:48px;
        padding: 8px 16px;
        border-radius: 100px;
        border: 1px solid var(--filter-input-border-default);
        background: var(--filter-input-bg-default)
    }

    .games-sort-filter-title.open {
        border: 1px solid var(--filter-input-border-active);
        background: var(--filter-input-bg-active)
    }

    .no-touch .games-sort-filter-title:not(.open):hover {
        border: 1px solid var(--filter-input-border-hover);
        background: var(--filter-input-bg-hover)
    }
}

.games-sort-filter-title__ic-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

@media(min-width: 1140px) {
    .games-sort-filter-title__ic-wrap {
        display:none
    }
}

.games-sort-filter-title__ic {
    display: flex;
    width: 18px;
    height: 18px;
    color: var(--selector-item-icon-default)
}

.selected .games-sort-filter-title__ic {
    color: var(--filter-input-icon-left-filled)
}

.games-sort-filter-title__text {
    color: var(--selector-item-text-default);
    padding: 0 12px;
    flex-grow: 1
}

@media(max-width: 1139px) {
    .games-sort-filter-title__text {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }

    .selected .games-sort-filter-title__text {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .games-sort-filter-title__text {
        padding:0 8px 0 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .selected .games-sort-filter-title__text {
        color: var(--filter-input-label-filled);
        font-size: 10px;
        line-height: 16px;
        font-weight: 400
    }
}

.games-sort-filter-title__text-name {
    display: block;
    color: var(--filter-input-text-active);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .games-sort-filter-title__text-name {
        color:var(--filter-input-text-active);
        font-size: 14px;
        line-height: 24px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.games-sort-filter-title__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    margin-right: 0;
    margin-left: auto
}

@media(min-width: 1140px) {
    .games-sort-filter-title__arrow {
        width:20px;
        height: 20px
    }
}

.games-sort-filter-title__arrow-ic {
    width: 20px;
    height: 20px;
    color: var(--selector-item-icon-default)
}

.open .games-sort-filter-title__arrow-ic {
    color: var(--selector-item-icon-active);
    transform: rotate(180deg)
}

@media(min-width: 1140px) {
    .games-sort-filter-title__arrow-ic {
        color:var(--filter-input-icon-right-default)
    }

    .open .games-sort-filter-title__arrow-ic {
        color: var(--filter-input-icon-right-active)
    }
}

.games-sort-filter-list {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    margin-top: 4px;
    padding: 8px;
    border-radius: 20px;
    max-height: 364px;
    box-shadow: var(--dropdown-shadow);
    position: relative;
    background: var(--gradients-background-a)
}

.games-sort-filter-list:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px)and (max-width:1139px) {
    .games-sort-filter-list {
        max-height:200px
    }
}

@media(min-width: 1140px) {
    .games-sort-filter-list {
        position:absolute;
        top: 100%;
        left: 0;
        max-width: 408px;
        width: -webkit-max-content;
        width: max-content;
        z-index: 2;
        overflow: hidden
    }

    .games-sort-filters-group__list-item--functions .games-sort-filter-list,.games-sort-filters-group__list-item--genres .games-sort-filter-list {
        max-width: 344px
    }
}

.games-sort-filter-list__inner {
    width: 100%!important;
    padding-right: 0!important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.games-sort-filter-list__inner::-webkit-scrollbar {
    display: none
}

.games-sort-filter-list__scroll {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 348px
}

@media(min-width: 640px)and (max-width:1139px) {
    .games-sort-filter-list__scroll {
        max-height:184px
    }
}

@media(min-width: 1140px) {
    .games-sort-filter-list__wrap--list-cancel .games-sort-filter-list__scroll {
        max-height:284px
    }

    .games-sort-filters-group__list-item--functions .games-sort-filter-list__scroll,.games-sort-filters-group__list-item--genres .games-sort-filter-list__scroll {
        gap: 4px
    }
}

.games-sort-filter-list__item {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 100px;
    cursor: pointer
}

.no-touch .games-sort-filter-list__item:not(.active):hover {
    position: relative;
    background: var(--gradients-background-white-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .games-sort-filter-list__item:not(.active):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradients-background-white-0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-sort-filter-list__item.active {
    position: relative;
    background: var(--gradients-background-white-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.games-sort-filter-list__item.active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .games-sort-filter-list__item {
        padding:10px 12px 10px 8px;
        width: 100%
    }
}

@media(min-width: 640px) {
    .games-sort-filter-list__item {
        flex:0 0 calc(50% - 6px)
    }
}

@media(min-width: 1140px) {
    .games-sort-filter-list__item {
        padding:10px 12px 10px 8px;
        flex: 0 0 calc(50% - 4px);
        max-width: 196px
    }

    .games-sort-filters-group__list-item--functions .games-sort-filter-list__item,.games-sort-filters-group__list-item--genres .games-sort-filter-list__item {
        padding: 10px 12px;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .main-wr--user-sidebar-opened .games-sort-filter-list__item {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.games-sort-filter-list__item-left {
    display: flex;
    align-items: center;
    flex-grow: 1;
    gap: 12px
}

.games-sort-filter-list__item-text {
    color: var(--selector-item-text-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.games-sort-filter-list__item-count {
    color: var(--text-description-a);
    margin-left: auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.games-sort-filter-list__cancel {
    height: auto;
    min-height: 40px;
    margin: 12px;
    width: calc(100% - 24px)
}

.games-sort-filter-list__item-pick {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.games-sort-filter-list__item-pick-img {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden
}

.games-sort-filter-list__item-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k)
}

.games-sort-filter-list__item-circle:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.active .games-sort-filter-list__item-circle {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f)
}

.active .games-sort-filter-list__item-circle:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.active .games-sort-filter-list__item-circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    content: "";
    width: 8px;
    height: 6px;
    background-image: url(/1imgcheck-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: all .2s ease-out
}

.games-sort-filter {
    display: flex;
    flex-direction: column;
    position: relative
}

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

@media(min-width: 1140px)and (max-width:1627px) {
    .games-sort-filter {
        width:186px
    }

    .main-wr--user-sidebar-opened .games-sort-filter {
        width: 142px
    }
}

@media(min-width: 1628px) {
    .games-sort-filter,.main-wr--user-sidebar-opened .games-sort-filter {
        width:200px
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .games-sort-filter {
        width: 180px
    }
}

.input-field__error {
    position: relative;
    padding: 4px 0 0 20px;
    transform: translateZ(0);
    padding-top: 4px;
    color: var(--colors-system-error);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.input-field__error:before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/1img/error-input.f3cf0198.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

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

.input-field__error .link {
    text-decoration: underline;
    color: var(--colors-base-white-b);
    transition: all .2s ease-out;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.input-field__error .link:hover {
    color: var(--colors-global-accent-c);
    cursor: pointer
}

.profile-user-card-nickname__form .input-field__error {
    padding-top: 6px
}

.profile-user-card-nickname__form .input-field__error:before {
    top: 6px
}

.limit-list .input-field--warning .input-field__error {
    color: var(--text-description-b)
}

.limit-list .input-field--warning .input-field__error:before {
    background: url(/1img/warning-input.2cbd3bde.svg)
}

.profile-subscriptions__checkboxes-list .checkbox-on-off {
    padding: 4px 0
}

.deposit-bonus-list .checkbox-on-off {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.checkbox-on-off.profile-timezone__switcher {
    max-width: 100%
}

.checkbox-on-off__label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.checkbox-on-off--disabled .checkbox-on-off__label {
    cursor: auto
}

.checkbox-on-off__label.text-to-right,.partners-contests-create-contest__form .checkbox-on-off__label,.player-account-select__checkbox .checkbox-on-off__label {
    flex-direction: row-reverse
}

.partners-contests-create-contest__form .checkbox-on-off__label,.profile-security-history__block .checkbox-on-off__label,.subscriptions-tab .checkbox-on-off__label {
    justify-content: flex-end
}

.subscriptions-tab .checkbox-on-off__label {
    align-items: flex-start
}

.profile-main-tabs__content-inner .checkbox-on-off__label {
    display: flex;
    justify-content: flex-end
}

.settings-tab .checkbox-on-off__label {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.payment__balance .checkbox-on-off__label {
    flex-direction: row-reverse
}

.games-sort__checkbox .checkbox-on-off__label {
    display: flex;
    justify-content: flex-end
}

@media(max-width: 1139px) {
    .games-sort__checkbox .checkbox-on-off__label {
        justify-content:space-between;
        gap: 30px;
        width: 100%
    }
}

@media(min-width: 1140px) {
    .games-sort__checkbox .checkbox-on-off__label {
        gap:8px
    }
}

.partners-contests-create-contest__checkbox .checkbox-on-off__label,.play__header-right .checkbox-on-off__label {
    gap: 8px
}

.checkbox-on-off__label-text {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.profile-auto-login__checkbox .checkbox-on-off__label-text,.profile-bonus-management__checkbox .checkbox-on-off__label-text,.profile-security-history__block .checkbox-on-off__label-text,.profile-subscriptions__checkboxes-list .checkbox-on-off__label-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.profile-timezone__switcher .checkbox-on-off__label-text {
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.partners-contests-create-contest__checkbox .checkbox-on-off__label-text {
    line-height: 24px
}

.checkbox-on-off__label-text:empty {
    display: none
}

@media(min-width: 640px) {
    .user-sessions__block .checkbox-on-off__label-text {
        font-size:16px;
        line-height: 28px;
        font-weight: 600
    }
}

.games-sort-filters-group__checkbox .checkbox-on-off__label-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .games-sort-filters-group__checkbox .checkbox-on-off__label-text {
        font-size:14px;
        line-height: 20px;
        font-weight: 500
    }
}

.play .checkbox-on-off__label-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.partners-contests-create-contest__checkbox .checkbox-on-off__label-text {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.bonuses-page .profile-bonus-management__checkbox .checkbox-on-off__ch-wr {
    order: -1
}

.subscriptions-tab .checkbox-on-off__ch-wr {
    padding: 2px 0
}

.checkbox-on-off__ch {
    display: none
}

.checkbox-on-off__pseudo-block {
    width: 38px;
    height: 20px;
    border-radius: 40px;
    transition: all .2s ease-out;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: none!important;
    backdrop-filter: none!important
}

.checkbox-on-off__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox-on-off__pseudo-block:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--colors-base-white-30)
}

.checkbox-on-off__ch:disabled~.checkbox-on-off__pseudo-block {
    cursor: auto
}

.checkbox-on-off__ch:checked~.checkbox-on-off__pseudo-block {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.checkbox-on-off__ch:checked~.checkbox-on-off__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox-on-off__ch:checked~.checkbox-on-off__pseudo-block:before {
    right: 2px;
    left: auto;
    background-color: var(--colors-base-white-b)
}

.checkbox-on-off__label.error .checkbox-on-off__pseudo-block {
    outline: 1px solid var(--colors-system-error)
}

.checkbox-on-off__ch:disabled~.checkbox-on-off__pseudo-block .checkbox-on-off__pseudo-block-icon {
    position: absolute;
    top: 3px;
    right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/1img/lock-unchecked.svg);
    width: 10px;
    height: 13px
}

.checkbox-on-off__ch:checked:disabled~.checkbox-on-off__pseudo-block .checkbox-on-off__pseudo-block-icon {
    top: 3px;
    left: 6px;
    right: auto;
    background-image: url(/1img/lock-checked.svg)
}

.checkbox-on-off__label.no-lock-icon .checkbox-on-off__ch:disabled~.checkbox-on-off__pseudo-block .checkbox-on-off__pseudo-block-icon {
    background-image: none
}

.games-sort-filters-group__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media(min-width: 1140px) {
    .games-sort-filters-group__list {
        flex-wrap:nowrap;
        align-items: center;
        gap: var(--spacings-s)
    }
}

.games-sort-filters-group__block {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m)
}

.games-sort-filters-group__block:empty {
    display: none
}

@media(max-width: 1139px) {
    .games-sort-filters-group__block {
        position:relative;
        width: 100%;
        margin-bottom: var(--spacings-m);
        padding-bottom: var(--spacings-m)
    }

    .games-sort-filters-group__block:before {
        content: "";
        bottom: 0;
        left: 8px;
        right: 8px;
        height: 1px;
        background-color: var(--border-a);
        position: absolute
    }

    .games-sort-filters-group__block:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        gap: 0
    }

    .games-sort-filters-group__block:last-child:before {
        content: none
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .games-sort-filters-group__block:not(.games-sort-filters-group__block--checkboxes) {
        gap:4px
    }
}

@media(min-width: 1140px) {
    .games-sort-filters-group__block {
        flex-direction:row;
        gap: var(--spacings-s)
    }
}

@media(min-width: 1140px) {
    .games-sort-filters-group__block--dropdowns {
        gap:4px;
        flex-shrink: 1
    }
}

.games-sort-filters-group__block--checkboxes {
    flex-shrink: 0
}

.games-sort-filters-group__checkbox {
    position: relative
}

@media(max-width: 1139px) {
    .games-sort-filters-group__checkbox {
        display:flex;
        align-items: center;
        min-height: 48px;
        padding: 4px 12px;
        width: 100%
    }
}

@media(min-width: 1140px) {
    .games-sort-filters-group__checkbox {
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.games-sort-filters-group__list-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 100%;
    color: var(--input-icon-left-disable)
}

.providers__filters .games-sort-filters-group__list-icon {
    display: none
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .games-sort-filters-group__list-icon {
        display:none
    }
}

.games-sort-filters-group__list-ic {
    width: 18px;
    height: auto
}
.profile-subscriptions__checkboxes-list .checkbox-on-off {
    padding: 4px 0
}

.deposit-bonus-list .checkbox-on-off {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.checkbox-on-off.profile-timezone__switcher {
    max-width: 100%
}

.checkbox-on-off__label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer
}

.checkbox-on-off--disabled .checkbox-on-off__label {
    cursor: auto
}

.checkbox-on-off__label.text-to-right,.partners-contests-create-contest__form .checkbox-on-off__label,.player-account-select__checkbox .checkbox-on-off__label {
    flex-direction: row-reverse
}

.partners-contests-create-contest__form .checkbox-on-off__label,.profile-security-history__block .checkbox-on-off__label,.subscriptions-tab .checkbox-on-off__label {
    justify-content: flex-end
}

.subscriptions-tab .checkbox-on-off__label {
    align-items: flex-start
}

.profile-main-tabs__content-inner .checkbox-on-off__label {
    display: flex;
    justify-content: flex-end
}

.settings-tab .checkbox-on-off__label {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.payment__balance .checkbox-on-off__label {
    flex-direction: row-reverse
}

.games-sort__checkbox .checkbox-on-off__label {
    display: flex;
    justify-content: flex-end
}

@media(max-width: 1139px) {
    .games-sort__checkbox .checkbox-on-off__label {
        justify-content:space-between;
        gap: 30px;
        width: 100%
    }
}

@media(min-width: 1140px) {
    .games-sort__checkbox .checkbox-on-off__label {
        gap:8px
    }
}

.partners-contests-create-contest__checkbox .checkbox-on-off__label,.play__header-right .checkbox-on-off__label {
    gap: 8px
}

.checkbox-on-off__label-text {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.profile-auto-login__checkbox .checkbox-on-off__label-text,.profile-bonus-management__checkbox .checkbox-on-off__label-text,.profile-security-history__block .checkbox-on-off__label-text,.profile-subscriptions__checkboxes-list .checkbox-on-off__label-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.profile-timezone__switcher .checkbox-on-off__label-text {
    text-align: right;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.partners-contests-create-contest__checkbox .checkbox-on-off__label-text {
    line-height: 24px
}

.checkbox-on-off__label-text:empty {
    display: none
}

@media(min-width: 640px) {
    .user-sessions__block .checkbox-on-off__label-text {
        font-size:16px;
        line-height: 28px;
        font-weight: 600
    }
}

.games-sort-filters-group__checkbox .checkbox-on-off__label-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .games-sort-filters-group__checkbox .checkbox-on-off__label-text {
        font-size:14px;
        line-height: 20px;
        font-weight: 500
    }
}

.play .checkbox-on-off__label-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.partners-contests-create-contest__checkbox .checkbox-on-off__label-text {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.bonuses-page .profile-bonus-management__checkbox .checkbox-on-off__ch-wr {
    order: -1
}

.subscriptions-tab .checkbox-on-off__ch-wr {
    padding: 2px 0
}

.checkbox-on-off__ch {
    display: none
}

.checkbox-on-off__pseudo-block {
    width: 38px;
    height: 20px;
    border-radius: 40px;
    transition: all .2s ease-out;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: none!important;
    backdrop-filter: none!important
}

.checkbox-on-off__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox-on-off__pseudo-block:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--colors-base-white-30)
}

.checkbox-on-off__ch:disabled~.checkbox-on-off__pseudo-block {
    cursor: auto
}

.checkbox-on-off__ch:checked~.checkbox-on-off__pseudo-block {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.checkbox-on-off__ch:checked~.checkbox-on-off__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox-on-off__ch:checked~.checkbox-on-off__pseudo-block:before {
    right: 2px;
    left: auto;
    background-color: var(--colors-base-white-b)
}

.checkbox-on-off__label.error .checkbox-on-off__pseudo-block {
    outline: 1px solid var(--colors-system-error)
}

.checkbox-on-off__ch:disabled~.checkbox-on-off__pseudo-block .checkbox-on-off__pseudo-block-icon {
    position: absolute;
    top: 3px;
    right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/1img/lock-unchecked.svg);
    width: 10px;
    height: 13px
}

.checkbox-on-off__ch:checked:disabled~.checkbox-on-off__pseudo-block .checkbox-on-off__pseudo-block-icon {
    top: 3px;
    left: 6px;
    right: auto;
    background-image: url(/1img/lock-checked.svg)
}

.checkbox-on-off__label.no-lock-icon .checkbox-on-off__ch:disabled~.checkbox-on-off__pseudo-block .checkbox-on-off__pseudo-block-icon {
    background-image: none
}

.logo-svg {
    display: block
}

.play__favorite-btn {
    width: 48px;
    height: 48px;
    margin-right: 12px
}

.play__header {
    display: flex;
    justify-content: center
}

@media(max-width: 639px) {
    .play__header {
        display:none
    }
}

.play__header-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1
}

.play--form-open .play__header-inner {
    max-width: none!important
}

.play__header-logo {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

@media(min-width: 1140px) {
    .play__header-logo {
        transform:translateY(-50%) translateX(calc(-50% - 14px))
    }
}

@media(min-width: 1628px) {
    .play__header-logo {
        transform:translateY(-50%) translateX(calc(-50% - 21px))
    }
}

.play-header-logo {
    width: 120px;
    height: 40px
}

.play__header-search-btn {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-description-b);
    padding: 4px 48px 4px 16px;
    max-width: 270px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.play__header-search-btn:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .play__header-search-btn:hover {
    color: var(--text-text)
}

@media(min-width: 1628px) {
    .play__header-search-btn {
        max-width:440px
    }
}

.play__header-search-btn-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.play__header-search-btn-icon-wr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--icons-c);
    border-radius: 100px;
    padding: var(--buttons-icon-s);
    background: var(--buttons-secondary-b-bg-default)
}

.play__header-search-btn-icon {
    width: 100%;
    height: 100%
}

.play__header-right {
    display: flex;
    align-items: center
}

@media(min-width: 1140px) {
    .play__header-right {
        padding-right:28px
    }
}

@media(min-width: 1628px) {
    .play__header-right {
        padding-right:42px
    }
}

.play__header-switch {
    margin-right: 20px
}

.play__header-full-screen-btn {
    width: 48px;
    height: 48px;
    margin-right: 12px
}

.play__header-close-game-btn {
    width: 48px;
    height: 48px
}

.play__top-bar-btns {
    display: flex;
    justify-content: flex-end;
    gap: 16px
}

.play__top-bar-btn--deposit {
    height: auto;
    min-height: 40px
}

@media(min-width: 1140px) {
    .play__top-bar-btn--deposit {
        padding:10px 20px
    }
}

@media(min-width: 1628px) {
    .play__top-bar-btn--deposit {
        padding:14px 24px
    }
}

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

@media(min-width: 1140px) {
    .play__top-bar {
        min-height:48px;
        z-index: 2
    }
}

.one-time-password-form {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacings-2xl);
    width: 100%;
    background-color: var(--backgrounds-b)
}

@media(min-width: 1140px) {
    .one-time-password-form {
        gap:var(--spacings-xl);
        width: 500px;
        padding: var(--spacings-2xl);
        border-radius: var(--roundings-l)
    }
}

.one-time-password-form__text {
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(max-width: 639px) {
    .one-time-password-form__btn-wr {
        padding:0 2px 2px 2px
    }
}

@media(max-width: 639px) {
    .one-time-password-form__btn {
        height:38px
    }
}

@media(max-width: 1139px) {
    .custom-modal--converter-game-modal {
        position:static;
        background: transparent;
        padding: 0
    }

    .custom-modal--converter-game-modal .custom-modal__inner,.custom-modal--converter-game-modal .custom-modal__inner-wr {
        width: 100%
    }
}

@media(min-width: 1140px) {
    .custom-modal--converter-game-modal {
        padding-top:40px;
        padding-bottom: 40px
    }

    .custom-modal--converter-game-modal .custom-modal__inner-wr {
        margin: auto
    }

    .custom-modal--converter-game-modal .custom-modal__inner {
        border-radius: 24px
    }

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

    .custom-modal--converter-game-modal .custom-modal__inner>.vb-content::-webkit-scrollbar {
        display: none
    }
}

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

@media(min-width: 640px) {
    .converter-game {
        padding:var(--spacings-2xl);
        border-radius: var(--roundings-l);
        background: var(--backgrounds-b)
    }

    .converter-game:not(.bottom-sheet .converter-game) {
        width: 500px
    }
}

.converter-game__close {
    display: none
}

.converter-game__title {
    margin-bottom: var(--spacings-xl);
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.bottom-sheet--change-currency .converter-game__title,.bottom-sheet .converter-game__title {
    padding-top: var(--spacings-xs);
    padding-bottom: var(--spacings-xs)
}

.converter-game__block {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl);
    margin-bottom: var(--spacings-xl)
}

.bottom-sheet--change-currency .converter-game__block {
    margin-bottom: 16px
}

.converter-game__text {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.bottom-sheet--change-currency .converter-game__text {
    text-align: center;
    padding-bottom: var(--spacings-xs);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.bottom-sheet--change-currency .converter-game__text:nth-child(2) {
    display: none
}

@media(min-width: 1140px) {
    .converter-game__text {
        font-size:14px;
        line-height: 28px;
        font-weight: 500
    }
}

@media(max-width: 1139px) {
    .converter-game__scroll:not(.bottom-sheet .converter-game__scroll) {
        margin-bottom:20px
    }
}

@media(min-width: 1140px) {
    .converter-game__scroll {
        margin-bottom:var(--spacings-xl)
    }
}

.converter-game__wrap {
    width: 100%!important;
    padding-right: 0!important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.converter-game__wrap::-webkit-scrollbar {
    display: none
}

.converter-game__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px
}

.converter-game__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 40px;
    gap: 8px;
    border-radius: 100px;
    background: var(--backgrounds-e-4);
    cursor: pointer;
    transition: all .2s ease-out
}

.no-touch .converter-game__item:not(.converter-game__item.active):hover {
    position: relative;
    background: var(--gradients-background-e-4)
}

.no-touch .converter-game__item:not(.converter-game__item.active):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.converter-game__item.active {
    position: relative;
    background: var(--gradients-background-e-4)
}

.converter-game__item.active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

.converter-game__item-name,.converter-game__item-symbol {
    text-align: center;
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.converter-game__item.active .converter-game__item-name,.converter-game__item.active .converter-game__item-symbol {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.converter-game__item-name {
    min-width: 30px
}

.converter-game__button {
    height: auto;
    min-height: 40px;
    width: 100%
}

.converter-input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

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

.converter-input:not(.payment__currency .v-popper>.converter-input) {
    padding: 6px 16px;
    border-radius: 100px;
    border: 1px solid var(--input-border-default);
    background: var(--input-bg-default);
    height: 48px;
    transition: background-color .2s ease-out,border-color .2s ease-out
}

.active-account--one-account .converter-input:not(.payment__currency .v-popper>.converter-input),.pointer-none .converter-input:not(.payment__currency .v-popper>.converter-input) {
    pointer-events: none;
    border: 1px solid var(--input-border-disable);
    background: var(--input-bg-disable)
}

.no-touch .converter-input:not(.payment__currency .v-popper>.converter-input):hover {
    border: 1px solid var(--input-border-hover);
    background: var(--input-bg-hover)
}

@media(max-width: 639px) {
    .converter-modal .converter-input:not(.payment__currency .v-popper>.converter-input) {
        margin-bottom:16px;
        padding: 6px 12px;
        height: 40px;
        border: none;
        background: var(--backgrounds-e-4)
    }
}

.converter-input:not(.payment__currency .v-popper>.converter-input).active-and-conversion-enabled,.converter-input:not(.payment__currency .v-popper>.converter-input).is-open-and-active,.converter-modal_game-currencies .converter-input:not(.payment__currency .v-popper>.converter-input) {
    border: none!important;
    position: relative;
    background: var(--input-bg-hover)
}

.converter-input:not(.payment__currency .v-popper>.converter-input).active-and-conversion-enabled:before,.converter-input:not(.payment__currency .v-popper>.converter-input).is-open-and-active:before,.converter-modal_game-currencies .converter-input:not(.payment__currency .v-popper>.converter-input):before {
    content: "";
    padding: 2px;
    border-radius: 100px;
    background: var(--gradient-tokens-border-b);
    -webkit-mask: linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .converter-input:not(.payment__currency .v-popper>.converter-input).active-and-conversion-enabled:hover:before,.no-touch .converter-input:not(.payment__currency .v-popper>.converter-input).is-open-and-active:hover:before,.no-touch .converter-modal_game-currencies .converter-input:not(.payment__currency .v-popper>.converter-input):hover:before {
    background: var(--gradient-tokens-border-c);
    background-size: 200% 190%;
    animation: rotateSpecialBorderInputGradient 3s linear infinite
}

@keyframes rotateSpecialBorderInputGradient {
    0% {
        background-position: top
    }

    20% {
        background-position: 100% 0
    }

    25% {
        background-position: 100%
    }

    30% {
        background-position: 100% 100%
    }

    50% {
        background-position: bottom
    }

    70% {
        background-position: 0 100%
    }

    75% {
        background-position: 0
    }

    80% {
        background-position: 0 0
    }

    to {
        background-position: top
    }
}

.converter-input:not(.payment__currency .v-popper>.converter-input).active-and-conversion-enabled.active,.converter-input:not(.payment__currency .v-popper>.converter-input).active-and-conversion-enabled.is-open-and-active,.converter-input:not(.payment__currency .v-popper>.converter-input).is-open-and-active.active,.converter-input:not(.payment__currency .v-popper>.converter-input).is-open-and-active.is-open-and-active,.converter-modal_game-currencies .converter-input:not(.payment__currency .v-popper>.converter-input).active,.converter-modal_game-currencies .converter-input:not(.payment__currency .v-popper>.converter-input).is-open-and-active {
    border: none
}

@media(min-width: 640px) {
    .converter-input:not(.payment__currency .v-popper>.converter-input) {
        position:relative
    }

    .active-account.open>.converter-input:not(.payment__currency .v-popper>.converter-input) {
        background: none
    }
}

.payment__currency .v-popper>.converter-input {
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start
}

@media(min-width: 640px) {
    .converter-input.open,.player-account-dropdown .converter-input {
        border:1px solid var(--input-border-active);
        background: var(--input-bg-active)
    }
}

.player-account-dropdown .v-popper__inner {
    overflow: initial
}

@media(min-width: 640px) {
    .player-account-dropdown--not-balance .v-popper__inner {
        min-width:294px;
        max-width: 294px
    }

    .player-account-dropdown--not-balance .converter-input {
        display: none
    }
}

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

.converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name) {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.active .converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name),.converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name) {
    color: var(--input-text-filled)
}

.active-account--one-account .converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name),.pointer-none .converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name) {
    color: var(--input-text-disable)
}

@media(min-width: 640px) {
    .open .converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name),.player-account-dropdown .converter-input__name:not(.payment__currency .v-popper>.converter-input .converter-input__name) {
        color:var(--input-text-filled)
    }
}

.payment__currency .v-popper>.converter-input .converter-input__name {
    color: var(--text-text-accent);
    text-overflow: ellipsis;
    font-size: 34px;
    font-weight: var(--text-large-bold-caps-weight);
    line-height: 46px
}

.converter-input__info {
    display: flex;
    align-items: center
}

.converter-input__info:not(.payment__currency .v-popper>.converter-input .converter-input__info) {
    padding-left: 11px;
    border-left: 1px solid var(--border-a);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.player-account-select__row--disabled .converter-input__info:not(.payment__currency .v-popper>.converter-input .converter-input__info) {
    display: none
}

@media(min-width: 640px) {
    .converter-input__info:not(.payment__currency .v-popper>.converter-input .converter-input__info) {
        font-size:16px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none
    }

    .open .converter-input__info:not(.payment__currency .v-popper>.converter-input .converter-input__info),.player-account-dropdown .converter-input__info:not(.payment__currency .v-popper>.converter-input .converter-input__info) {
        padding-left: 11px
    }
}

.payment__currency .v-popper>.converter-input .converter-input__info {
    padding: 0 0 5px
}

.converter-input__info-logo:not(.payment__currency .v-popper>.converter-input .converter-input__info-logo) {
    width: 20px;
    height: auto;
    margin-right: 8px
}

.payment__currency .v-popper>.converter-input .converter-input__info-logo {
    display: none
}

.converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name) {
    margin-right: 12px;
    color: var(--input-text-filled);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

.active-account--one-account .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name),.active-account.pointer-none .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name),.bottom-sheet .converter-modal .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name) {
    margin-right: 0
}

.bottom-sheet .converter-modal .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name) {
    min-width: 40px
}

.active-account--one-account .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name),.active-account.pointer-none .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name) {
    color: var(--input-text-disable)
}

@media(min-width: 640px) {
    .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name) {
        font-size:16px;
        line-height: 28px;
        font-weight: 400;
        letter-spacing: 0;
        text-transform: none
    }

    .open .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name),.player-account-dropdown .converter-input__info-name:not(.payment__currency .v-popper>.converter-input .converter-input__info-name) {
        color: var(--input-text-filled)
    }
}

.payment__currency .v-popper>.converter-input .converter-input__info-name {
    color: var(--text-text);
    min-width: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

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

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

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

@media(min-width: 640px) {
    .open .converter-input__info-icon,.v-popper--shown .converter-input__info-icon,.v-popper__popper--shown .converter-input__info-icon {
        transform:rotate(-90deg)
    }
}

.converter-input__info-icon:not(.payment__currency .v-popper>.converter-input .converter-input__info-icon),.payment__currency .v-popper>.converter-input .converter-input__info-icon {
    padding: 4px;
    color: var(--icons-a)
}

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

@media(min-width: 640px) {
    .converter-modal:not(.player-account-dropdown .converter-modal) {
        position:absolute!important;
        top: 0!important;
        left: 0!important;
        width: 100%!important;
        z-index: 2
    }
}

.converter-modal__title {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

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

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

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

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

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

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

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

.converter-list__title {
    margin-bottom: var(--spacings-xl);
    color: var(--input-label-active);
    font-size: var(--description-font-xs-font-size);
    font-weight: 700;
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

@media(min-width: 640px) {
    .converter-list__title {
        margin-bottom:20px
    }
}

.converter-list__item-wrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 8px
}

@media(min-width: 1140px) {
    .converter-list__item-wrap {
        grid-template-columns:repeat(3,1fr)
    }
}

.converter-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 40px;
    gap: 8px;
    border-radius: 100px;
    background: var(--backgrounds-e-4);
    cursor: pointer;
    transition: all .2s ease-out
}

.no-touch .converter-list__item:not(.converter-list__item.active):hover {
    position: relative;
    background: var(--gradients-background-e-4)
}

.no-touch .converter-list__item:not(.converter-list__item.active):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.converter-list__item.active {
    position: relative;
    background: var(--gradients-background-e-4)
}

.converter-list__item.active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

.converter-list__item-name,.converter-list__item-symbol {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

.converter-list__item-name {
    min-width: 30px
}

.add-account-modal__inner .converter-list__item-name {
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.add-account-modal__inner .converter-list__item.active .converter-list__item-name {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

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

@media(min-width: 640px) {
    .accounts-list {
        margin-top:4px;
        padding: 12px 8px 8px;
        border-radius: 20px;
        box-shadow: var(--dropdown-shadow);
        position: relative;
        background: var(--gradients-background-a)
    }

    .accounts-list:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media(max-width: 639px) {
    .accounts-list__title {
        margin-bottom:16px;
        color: var(--text-text);
        text-align: center;
        font-size: var(--headings-h2-font-size);
        font-weight: var(--headings-h2-weight);
        line-height: var(--headings-h2-line-height)
    }
}

@media(min-width: 640px) {
    .accounts-list__title {
        padding:0 12px;
        margin-bottom: 4px;
        color: var(--input-label-active);
        font-size: var(--description-font-xs-font-size);
        font-weight: var(--description-font-xs-weight);
        line-height: var(--description-font-xs-line-height);
        text-transform: uppercase
    }
}

.accounts-list__scroll-wr {
    margin-bottom: var(--spacings-xl)
}

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

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

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

@media(max-width: 639px) {
    .accounts-list__scroll {
        max-height:232px
    }
}

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

.accounts-list__ul {
    margin-right: 0
}

.accounts-list__li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 6px 12px;
    margin-bottom: 8px;
    border-radius: 100px;
    background: var(--backgrounds-e-4);
    cursor: pointer;
    transition: all .2s ease-out
}

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

@media(min-width: 640px) {
    .open .accounts-list__li,.player-account-dropdown .accounts-list__li {
        min-height:40px;
        padding: 10px 12px;
        margin-bottom: 4px;
        border: none;
        background-color: transparent;
        border-radius: 100px
    }

    .open .accounts-list__li:last-child,.player-account-dropdown .accounts-list__li:last-child {
        margin-bottom: 0
    }

    .player-account-dropdown--not-balance .accounts-list__li {
        min-height: 20px
    }

    .no-touch~.v-popper__popper .accounts-list__li:hover {
        background-color: var(--selector-item-bg-hover);
        transition: all .2s ease-out
    }
}

.accounts-list__li-text {
    color: var(--input-text-filled);
    min-width: 40px;
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .accounts-list__li-text {
        transition:all .2s ease-out;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none
    }

    .player-account-dropdown--not-balance .accounts-list__li-right .accounts-list__li-text,.player-account-dropdown--not-balance .accounts-list__li-text {
        min-width: 30px
    }
}

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

@media(min-width: 640px) {
    .accounts-list__li-right {
        transition:all .2s ease-out
    }

    .open .accounts-list__li-right,.player-account-dropdown .accounts-list__li-right {
        min-width: 84px;
        padding-left: 12px
    }

    .player-account-dropdown--not-balance .accounts-list__li-right {
        min-width: 56px
    }
}

.accounts-list__li-img {
    width: 20px;
    height: auto;
    margin-right: 8px
}

.accounts-list__btn {
    margin: 0 auto;
    width: 100%;
    max-width: 440px;
    height: auto;
    min-height: 40px
}

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

@media(max-width: 1139px) {
    .accounts-list__btn .btn__inner {
        gap:var(--spacings-2xs)
    }
}

@media(min-width: 640px) {
    .accounts-list__btn {
        width:calc(100% - 24px);
        margin: 0 12px 12px
    }
}

@media(min-width: 1140px) {
    .converter-modal .accounts-list__btn {
        padding:var(--buttons-s-vert) var(--buttons-s-hor);
        height: calc(var(--buttons-s-vert)*2 + var(--buttons-font-s-line-height));
        border-radius: var(--buttons-s-radius);
        font-size: var(--buttons-font-s-font-size);
        font-weight: var(--buttons-font-s-weight);
        line-height: var(--buttons-font-s-line-height);
        letter-spacing: .5px;
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase;
        letter-spacing: 0
    }
}

.accounts-list__btn-ic {
    width: 20px;
    height: 20px
}

@media(min-width: 640px) {
    .accounts-list__btn-ic {
        display:none
    }
}

.active-account {
    position: relative
}

@media(min-width: 640px) {
    .player-account-select {
        position:relative;
        z-index: 2
    }
}

#fiat-tooltip-container {
    position: relative;
    flex-shrink: 0
}

.player-account-select__info {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 20px;
    height: 20px
}

.player-account-select__info-ic {
    width: 20px;
    height: 20px
}

.player-account-select__currency-tooltip {
    width: -webkit-max-content;
    width: max-content
}

.player-account-select__title {
    flex-grow: 1;
    margin-bottom: 4px;
    color: var(--text-text);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

@media(max-width: 639px) {
    .player-account-select__title {
        font-size:14px;
        line-height: 28px;
        font-weight: 400
    }
}

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

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

.player-account-select__exchange {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: var(--spacings-s) auto;
    border-radius: 100px;
    padding: var(--buttons-icon-m);
    color: var(--icons-a);
    background: var(--backgrounds-e-4)
}

.player-account-select--has-blocked .player-account-select__exchange {
    color: var(--buttons-icon-secondary-a-icon-disable);
    position: relative;
    background: var(--buttons-icon-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.player-account-select--has-blocked .player-account-select__exchange:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-icon-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.player-account-select--active-converter .player-account-select__row--active+.player-account-select__exchange {
    color: var(--buttons-icon-secondary-a-icon-disable);
    position: relative;
    background: var(--buttons-icon-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.player-account-select--active-converter .player-account-select__row--active+.player-account-select__exchange:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-icon-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .player-account-select__exchange {
        z-index:3;
        margin: 0 var(--spacings-s) 4px;
        align-self: flex-end
    }
}

@media(min-width: 1140px) {
    .player-account-select__exchange {
        width:48px;
        height: 48px;
        margin-bottom: 0
    }
}

.player-account-select__exchange-icon {
    width: 20px;
    height: auto;
    color: var(--icons-a)
}

@media(max-width: 639px) {
    .player-account-select__exchange-icon {
        padding:1px;
        transform: rotate(90deg)
    }
}

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

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

.player-account-select__title-wr {
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

@media(max-width: 639px) {
    .panel-account__active-account-hint-wr:last-child {
        border-bottom:none
    }
}

@media(min-width: 640px) {
    .panel-account__active-account-hint-wr:last-child:not(:only-child) {
        border-bottom:none
    }
}

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

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

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

.player-account-select__checkbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    margin-top: 12px;
    border-radius: var(--roundings-xs);
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.player-account-select__checkbox .checkbox-on-off__label-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

@media(max-width: 639px) {
    .player-account-select__checkbox {
        z-index:2
    }
}

@media(min-width: 640px) {
    .player-account-select__checkbox {
        margin-top:20px;
        border-radius: 100px
    }
}

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

.player-account-select__checkbox-icon {
    width: 24px;
    height: 24px;
    padding: 1px;
    color: var(--colors-base-white-b)
}

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

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

.add-account-modal .converter-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--backgrounds-d);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1
}

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

.add-account-modal__close {
    display: none
}

.add-account-modal__title {
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(max-width: 639px) {
    .add-account-modal__title {
        padding:var(--spacings-xs) 0;
        margin-bottom: var(--spacings-xl)
    }
}

@media(min-width: 640px) {
    .add-account-modal__title {
        margin-bottom:32px
    }
}

.add-account-modal__confirm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xl);
    padding: 0 16px var(--spacings-3xl)
}

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

.add-account-modal__confirm-text {
    color: var(--colors-base-white-b);
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.add-account-modal__confirm-btns {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: var(--spacings-s);
    width: 100%
}

.add-account-modal__confirm-btn {
    height: auto;
    min-height: 40px;
    width: calc(50% - 6px)
}

.add-account-modal__confirm-btn:last-child {
    color: var(--buttons-secondary-b-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.add-account-modal__confirm-btn:last-child:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .add-account-modal__confirm-btn:last-child:hover {
    color: var(--buttons-secondary-b-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .add-account-modal__confirm-btn:last-child:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .add-account-modal__confirm-btn:last-child:hover.disabled,.no-touch .add-account-modal__confirm-btn:last-child:hover[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .add-account-modal__confirm-btn:last-child:hover.disabled:after,.no-touch .add-account-modal__confirm-btn:last-child:hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.add-account-modal__confirm-btn:last-child.disabled,.add-account-modal__confirm-btn:last-child[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.add-account-modal__confirm-btn:last-child.disabled:after,.add-account-modal__confirm-btn:last-child[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.currency-list {
    display: flex
}

@media(min-width: 640px) {
    .currency-list {
        margin-top:4px;
        padding: 12px;
        border-radius: 20px;
        box-shadow: var(--dropdown-shadow);
        position: relative;
        background: var(--gradients-background-a)
    }

    .currency-list:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

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

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

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

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

.currency-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(50% - 4px);
    padding: 12px;
    height: 40px;
    gap: 8px;
    border-radius: 100px;
    background: var(--gradients-background-e-4);
    cursor: pointer;
    transition: all .2s ease-out
}

.no-touch .currency-list__item:not(.currency-list__item.currency-list__item--active):hover,.no-touch~.v-popper__popper .currency-list__item:not(.currency-list__item.currency-list__item--active):hover {
    position: relative;
    background: var(--gradients-background-e-4)
}

.no-touch .currency-list__item:not(.currency-list__item.currency-list__item--active):hover:after,.no-touch~.v-popper__popper .currency-list__item:not(.currency-list__item.currency-list__item--active):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.currency-list__item--active {
    position: relative;
    background: var(--gradients-background-e-4)
}

.currency-list__item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

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

.currency-list__symbol {
    color: var(--colors-base-white-b)
}

.currency-list__name {
    text-align: center;
    color: var(--input-text-filled);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.currency-list__item--active .currency-list__name {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.balance-block__tab-ic {
    display: none
}

.game-forbidden__wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xl)
}

@media(min-width: 1140px) {
    .game-forbidden__wrap {
        width:500px;
        padding: var(--spacings-2xl);
        border-radius: var(--roundings-l);
        background: var(--backgrounds-b)
    }
}

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

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--game-forbidden {
        padding:0
    }
}

.custom-modal--game-forbidden .custom-modal__inner,.custom-modal--game-forbidden .custom-modal__inner-wr {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(max-width: 1139px) {
    .custom-modal--game-forbidden {
        display:flex;
        flex-direction: column;
        position: static;
        background: none
    }
}

@media(min-width: 1140px) {
    .custom-modal--game-forbidden .custom-modal__inner-wr {
        max-width:500px
    }

    .custom-modal--game-forbidden .custom-modal__inner {
        margin: auto
    }
}

.game-forbidden__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px
}

.game-forbidden__icon {
    height: auto;
    width: 100%;
    flex-shrink: 0;
    color: var(--colors-system-error)
}

.game-forbidden__button {
    height: auto;
    min-height: 40px;
    width: 100%
}

.form-block-wrap {
    width: calc(100% + 15px);
    background: var(--white)
}

@media(max-width: 712px) {
    .form-block-wrap {
        background:var(--white)
    }
}

.form-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 17px);
    padding: 12px 0
}

@media(max-width: 639px) {
    .form-block {
        padding:0
    }
}

.form-block .reg-form {
    overflow: visible
}

.form-block .single-form__wrap {
    margin-bottom: 0!important
}

@media(min-width: 1140px) {
    .form-block {
        padding:20px 0
    }
}

.form-block__scroll-wrap {
    max-height: 100%;
    min-height: 100%
}

@media(max-width: 712px) {
    .form-block__scroll-wrap {
        padding-bottom:20px
    }
}

.form-block__scroll {
    display: flex;
    min-height: 100%
}

.play .form-block__scroll {
    justify-content: center
}

.play__iframe {
    flex: 1;
    position: relative
}

@media(max-width: 1139px) {
    .play__iframe {
        flex:1 1 auto;
        width: 100%!important
    }
}

@media(min-width: 640px) {
    .play__iframe:first-child {
        margin-top:60px
    }
}

@media(max-width: 639px) {
    .play__iframe.play__iframe--form-open:first-child {
        margin-top:60px
    }
}

.play__iframe-background-image {
    position: absolute;
    width: 100%;
    height: calc(100% + 2px);
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    object-fit: cover;
    z-index: -1;
    border-radius: var(--roundings-m);
    filter: blur(80px)
}

.play__iframe-center {
    width: 100%;
    border-radius: var(--roundings-m);
    display: block;
    border: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

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

.play__iframe-center::-webkit-scrollbar-thumb,.play__iframe-center::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.play__iframe-center.form-block-wrap {
    background-color: transparent
}

.play__iframe-center--form {
    height: 100vh
}

.play__iframe--form-open {
    position: relative;
    width: 100%!important;
    height: 100%!important;
    overflow: hidden;
    padding-top: 0;
    border-radius: var(--roundings-m);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.play__iframe--form-open:before {
    content: "";
    border-radius: var(--roundings-m);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: var(--colors-white-01);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.play__iframe--form-open.play__iframe--registration:before {
    background: var(--colors-black-60)
}

@media(max-width: 1139px) {
    .custom-tabs {
        width:100%
    }
}

@media(min-width: 1140px) {
    .game__tabs .custom-tabs {
        margin-bottom:16px
    }
}

.custom-tabs--default {
    border-radius: 100px;
    background-color: var(--backgrounds-e-4)
}

.custom-tabs--default .custom-tabs__item-wr--active+.custom-tabs__item-wr .custom-tabs__item:before {
    content: none
}

.custom-tabs__inner {
    display: flex
}

.custom-tabs--underlined .custom-tabs__inner {
    gap: var(--spacings-l)
}

.custom-tabs__item-wr {
    flex: 1;
    flex-basis: 100%;
    overflow: visible
}

.no-touch .custom-tabs__item-wr:hover+.custom-tabs__item-wr .custom-tabs__item:before {
    content: none
}

.custom-tabs--default .custom-tabs__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    color: var(--text-text);
    border-radius: var(--tabs-m-radius);
    cursor: pointer
}

.custom-tabs--default .custom-tabs__item:before {
    content: "";
    left: 0;
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.custom-tabs--default .custom-tabs__item-wr:first-child .custom-tabs__item:before,.custom-tabs--default .custom-tabs__item.custom-tabs__item--active:before {
    content: none
}

.no-touch .custom-tabs--default .custom-tabs__item:hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .custom-tabs--default .custom-tabs__item:hover:before {
    content: none
}

.custom-tabs--underlined .custom-tabs__item {
    justify-content: center;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
    color: var(--text-text);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: all .2s ease-out;
    gap: var(--tabs-s-gap);
    padding: var(--tabs-s-vert) 0
}

.no-touch .custom-tabs--underlined .custom-tabs__item:hover {
    color: var(--text-description-b)
}

.custom-tabs--default .custom-tabs__item--active {
    pointer-events: none;
    cursor: default;
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.custom-tabs--default .custom-tabs__item--active:before {
    content: none
}

.custom-tabs--default .custom-tabs__item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .custom-tabs--default .custom-tabs__item--active:after,.custom-modal .custom-tabs--default .custom-tabs__item--active:after,.game__tabs .custom-tabs--default .custom-tabs__item--active:after,.play-providers-tabs .custom-tabs--default .custom-tabs__item--active:after,.search .custom-tabs--default .custom-tabs__item--active:after {
    z-index: 0
}

.no-touch .custom-tabs--default .custom-tabs__item--active:hover {
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.no-touch .custom-tabs--default .custom-tabs__item--active:hover:before {
    content: none
}

.no-touch .custom-tabs--default .custom-tabs__item--active:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .no-touch .custom-tabs--default .custom-tabs__item--active:hover:after,.custom-modal .no-touch .custom-tabs--default .custom-tabs__item--active:hover:after,.game__tabs .no-touch .custom-tabs--default .custom-tabs__item--active:hover:after,.play-providers-tabs .no-touch .custom-tabs--default .custom-tabs__item--active:hover:after,.search .no-touch .custom-tabs--default .custom-tabs__item--active:hover:after {
    z-index: 0
}

.custom-tabs--underlined .custom-tabs__item--active {
    pointer-events: none
}

.custom-tabs--underlined .custom-tabs__item--active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-tokens-border-c-linear)
}

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

.custom-tabs__item-ic-wr .icon {
    width: 100%
}

.custom-tabs--default .custom-tabs__text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.card-badge {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    overflow: hidden;
    z-index: 1
}

.games-list-card .card-badge {
    width: auto;
    height: auto;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px
}

.card-badge__top {
    display: flex;
    justify-content: space-between
}

.card-badge__top-col {
    display: flex;
    flex-direction: column
}

.card-badge__top-col--last {
    margin-left: auto
}

.card-badge__bottom {
    display: flex;
    align-items: flex-end
}

.card-badge__bottom,.card-badge__top-col,.games-list-card--s .card-badge__bottom,.games-list-card--s .card-badge__top-col,.games-slider-wrap--size-s .card-badge__bottom,.games-slider-wrap--size-s .card-badge__top-col {
    padding: 8px;
    gap: 4px 0
}

.games-list-card--m .card-badge__bottom,.games-list-card--m .card-badge__top-col,.games-slider-wrap--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom,.games-list-card--m .card-badge__top-col,.games-slider-wrap--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.games-list-card--l .card-badge__bottom,.games-list-card--l .card-badge__top-col,.games-slider-wrap--size-l .card-badge__bottom,.games-slider-wrap--size-l .card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom,.games-list-card--l .card-badge__top-col,.games-slider-wrap--size-l .card-badge__bottom,.games-slider-wrap--size-l .card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.card-badge-item {
    display: inline-flex;
    color: var(--text-text);
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.card-badge-item.v-popper--has-tooltip {
    cursor: pointer;
    pointer-events: auto
}

.games-list-card--s .card-badge-item,.games-slider-wrap--size-s .card-badge-item {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--m .card-badge-item,.games-slider-wrap--size-m .card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge-item,.games-slider-wrap--size-m .card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-random .card-badge-item.card-badge__top-jackpot {
    padding: 2px 4px;
    font-size: var(--description-font-3xs-font-size);
    font-weight: 700;
    line-height: var(--description-font-3xs-line-height)
}

.games-info__header-img-wrap .card-badge-item {
    padding: 6px 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.card-badge-item-icon {
    width: 100%;
    height: 100%
}

.card-badge__top-bonus,.card-badge__top-no-bonus,.card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px;
    border-radius: 100px
}

.games-list-card--s .card-badge__top-bonus,.games-list-card--s .card-badge__top-no-bonus,.games-list-card--s .card-badge__top-tournament,.games-slider-wrap--size-s .card-badge__top-bonus,.games-slider-wrap--size-s .card-badge__top-no-bonus,.games-slider-wrap--size-s .card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px
}

.games-list-card--m .card-badge__top-bonus,.games-list-card--m .card-badge__top-no-bonus,.games-list-card--m .card-badge__top-tournament,.games-slider-wrap--size-m .card-badge__top-bonus,.games-slider-wrap--size-m .card-badge__top-no-bonus,.games-slider-wrap--size-m .card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__top-bonus,.games-list-card--m .card-badge__top-no-bonus,.games-list-card--m .card-badge__top-tournament,.games-slider-wrap--size-m .card-badge__top-bonus,.games-slider-wrap--size-m .card-badge__top-no-bonus,.games-slider-wrap--size-m .card-badge__top-tournament {
        padding:6px;
        width: 28px;
        height: 28px
    }
}

.games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
        padding:6px;
        width: 24px;
        height: 24px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
        width:28px;
        height: 28px
    }
}

.games-info__body-img-wrap .card-badge__top-bonus,.games-info__body-img-wrap .card-badge__top-no-bonus,.games-info__body-img-wrap .card-badge__top-tournament,.games-info__header-img-wrap .card-badge__top-bonus,.games-info__header-img-wrap .card-badge__top-no-bonus,.games-info__header-img-wrap .card-badge__top-tournament {
    width: 28px;
    height: 28px
}

.card-badge__top-bonus {
    background: var(--colors-global-accent-d)
}

.card-badge__top-no-bonus {
    background: var(--colors-system-error)
}

.card-badge__top-tournament {
    background: var(--colors-global-accent-b)
}

.card-badge__top-new {
    align-self: flex-start;
    border-radius: 100px;
    background: var(--colors-global-accent-c);
    text-transform: uppercase
}

.card-badge__top-jackpot {
    border-radius: 100px;
    background: var(--colors-global-accent-e);
    text-transform: uppercase
}

.card-badge__bottom-promo {
    position: absolute!important;
    bottom: 0;
    left: 0;
    display: inline-flex;
    padding: 3px 5px 7px 8px;
    border-radius: 0 16px;
    position: relative;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(5.5px);
    backdrop-filter: blur(5.5px)
}

.card-badge__bottom-promo:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--backgrounds-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-list-card--s .card-badge__bottom-promo,.games-slider-wrap--size-s .card-badge__bottom-promo {
    padding: 3px 5px 7px 8px;
    border-radius: 0 16px
}

.games-list-card--m .card-badge__bottom-promo,.games-slider-wrap--size-m .card-badge__bottom-promo {
    padding: 1px 3px 2px 4px;
    border-radius: 0 12px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-promo,.games-slider-wrap--size-m .card-badge__bottom-promo {
        padding:3px 8px;
        border-radius: 0 20px
    }
}

.games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
    padding: 1px 3px 2px 4px;
    border-radius: 0 12px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
        padding:3px 5px 7px 8px;
        border-radius: 0 16px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
        padding:3px 8px;
        border-radius: 0 20px
    }
}

.card-badge__bottom-promo-img,.games-list-card--s .card-badge__bottom-promo-img,.games-slider-wrap--size-s .card-badge__bottom-promo-img {
    width: 26px;
    height: 26px
}

.games-list-card--m .card-badge__bottom-promo-img,.games-slider-wrap--size-m .card-badge__bottom-promo-img {
    width: 20px;
    height: 20px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-promo-img,.games-slider-wrap--size-m .card-badge__bottom-promo-img {
        width:38px;
        height: 38px
    }
}

.games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
    width: 20px;
    height: 20px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
        width:26px;
        height: 26px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
        width:38px;
        height: 38px
    }
}

.card-badge__bottom-live {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 0;
    margin-left: auto;
    border-radius: 100px;
    background: var(--backgrounds-b);
    color: var(--text-text);
    text-transform: uppercase;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.card-badge__bottom-live:before {
    content: "";
    display: flex;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: var(--colors-global-accent-a)
}

.games-list-card--s .card-badge__bottom-live,.games-slider-wrap--size-s .card-badge__bottom-live {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--s .card-badge__bottom-live:before,.games-slider-wrap--size-s .card-badge__bottom-live:before {
    width: 5px;
    height: 5px
}

.games-list-card--m .card-badge__bottom-live,.games-slider-wrap--size-m .card-badge__bottom-live {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.games-list-card--m .card-badge__bottom-live:before,.games-slider-wrap--size-m .card-badge__bottom-live:before {
    width: 3px;
    height: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-live,.games-slider-wrap--size-m .card-badge__bottom-live {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--m .card-badge__bottom-live:before,.games-slider-wrap--size-m .card-badge__bottom-live:before {
        width: 6px;
        height: 6px
    }
}

.games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
    width: 3px;
    height: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
        width: 5px;
        height: 5px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
        width: 6px;
        height: 6px
    }
}

.games-info__body-head {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

@media(min-width: 1140px) {
    .games-info__body-head {
        border-radius:var(--roundings-s);
        background: var(--backgrounds-c);
        padding: 8px;
        margin-bottom: 16px
    }
}

.games-info__body-img-wrap {
    position: relative;
    width: 78px;
    height: 96px;
    flex-shrink: 0;
    border-radius: var(--roundings-xs);
    overflow: hidden
}

@media(min-width: 1628px) {
    .games-info__body-img-wrap {
        width:94px;
        height: 116px
    }
}

.games-info__body-img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.games-info__body-provider {
    max-width: 134px;
    max-height: 88px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto
}

@media(min-width: 1628px) {
    .games-info__body-provider {
        max-width:156px;
        max-height: 102px
    }
}

.games-info__body-provider-name {
    margin: 0 8px 0 auto;
    color: var(--text-text);
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

.games-info__body-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

@media(max-width: 1139px) {
    .games-info__body-name {
        position:relative;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 48px
    }
}

@media(min-width: 1140px) {
    .games-info__body-name {
        margin-bottom:0
    }

    .games-info__body-name:last-child {
        margin-bottom: 16px
    }
}

.games-info__body-name-provider {
    color: var(--text-text-accent);
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.games-info__body-name-title {
    color: var(--text-text);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media(min-width: 1140px) {
    .games-info__body-name-title {
        font-size:var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height)
    }
}

.games-info__body-button-wrap {
    display: flex;
    gap: 12px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-a)
}

.games-info__body-button {
    height: auto;
    min-height: 40px;
    flex: 1 0 calc(50% - 8px)
}

.games-info__body-button--demo .btn__inner {
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.games-info__body-name-favorites {
    position: absolute!important;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.games-info__body-tags-wr {
    display: flex
}

.games-info__body-tags-wr:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-a)
}

.games-info__body-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.games-info__body-tags-item {
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: var(--chips-m-vert) var(--chips-m-hor);
    gap: var(--chips-m-gap);
    border-radius: var(--chips-m-radius)
}

.games-info__body-tags-item:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-info__body-tags-item {
        padding:var(--chips-s-vert) var(--chips-s-hor);
        gap: var(--chips-s-gap);
        border-radius: var(--chips-s-radius)
    }
}

.games-info__body-tags-item-hover {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 0) padding-box,linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 0) border-box;
    -webkit-mask: linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-info__body-tags-item-hover:before {
    width: 150%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderChips 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

@keyframes rotateSpecialBorderChips {
    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.no-touch .games-info__body-tags-item:hover .games-info__body-tags-item-hover:before {
    content: ""
}

.timer-block {
    display: flex;
    align-items: flex-start
}

@media(min-width: 640px) {
    .payment-balance__timer .timer-block {
        width:137px
    }
}

.timer-block__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 4px
}

.timer-block--l .timer-block__item {
    margin-right: 6px
}

.timer-block__item.hour,.timer-block__item:last-child {
    margin-right: 0
}

.timer-block--no-bg .timer-block__item {
    flex-direction: row;
    align-items: flex-end;
    gap: 1px
}

.timer-block__count {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
    border-radius: 100px;
    color: var(--text-text)
}

.timer-block--xs .timer-block__count {
    min-width: 26px;
    height: 24px;
    padding: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.timer-block--s .timer-block__count {
    min-width: 36px;
    height: 32px;
    padding: 6px 7px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.timer-block--l .timer-block__count {
    min-width: 50px;
    height: 48px;
    padding: 6px 10px;
    font-size: 24px;
    font-weight: 700;
    line-height: 48px
}

.timer-block__count:not(.timer-block--no-bg .timer-block__count) {
    position: relative;
    background: var(--gradients-background-e-4)
}

.timer-block__count:not(.timer-block--no-bg .timer-block__count):after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.timer-block--no-bg .timer-block__count {
    min-width: 0;
    height: auto;
    padding: 0;
    background: transparent
}

.promo__events .timer-block--no-bg .timer-block__count,.promo__tournaments .timer-block--no-bg .timer-block__count {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .promo__events .timer-block--no-bg .timer-block__count,.promo__tournaments .timer-block--no-bg .timer-block__count {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .promo-slider--promotions-expired .timer-block--no-bg .timer-block__count,.promo-slider--promotions-future .timer-block--no-bg .timer-block__count,.promo-slider--sport-promotions-expired .timer-block--no-bg .timer-block__count,.promo-slider--sport-promotions-future .timer-block--no-bg .timer-block__count,.promo-slider--tournaments-expired .timer-block--no-bg .timer-block__count,.promo-slider--tournaments-future .timer-block--no-bg .timer-block__count {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1628px) {
    .promo-slider--promotions-expired .timer-block--no-bg .timer-block__count,.promo-slider--promotions-future .timer-block--no-bg .timer-block__count,.promo-slider--sport-promotions-expired .timer-block--no-bg .timer-block__count,.promo-slider--sport-promotions-future .timer-block--no-bg .timer-block__count,.promo-slider--tournaments-expired .timer-block--no-bg .timer-block__count,.promo-slider--tournaments-future .timer-block--no-bg .timer-block__count {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.game-tournaments-slider__item-timer .timer-block--no-bg .timer-block__count {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .timer-block--no-bg.timer-block--xs .timer-block__count {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

.promo-slider-item__footer .timer-block__count {
    padding: 4px;
    min-width: 24px
}

.promo-head__timer .timer-block__count {
    padding: 4px;
    min-width: 36px
}

.timer-block__label {
    text-align: center;
    color: var(--text-description-a)
}

.timer-block--xs .timer-block__label {
    font-size: var(--description-font-3xs-font-size);
    font-weight: 500;
    line-height: var(--description-font-3xs-line-height)
}

.timer-block--s .timer-block__label {
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

.timer-block--l .timer-block__label {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.timer-block--no-bg .timer-block__label {
    color: var(--colors-base-white-b)
}

.timer-block--no-bg.timer-block--xs .timer-block__label {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .timer-block--no-bg.timer-block--xs .timer-block__label {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

.timer-block--no-bg.timer-block--s .timer-block__label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.promo__events .timer-block--no-bg.timer-block--s .timer-block__label,.promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .promo__events .timer-block--no-bg.timer-block--s .timer-block__label,.promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__label {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__label {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1628px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__label,.promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__label {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.timer-block--no-bg.timer-block--l .timer-block__label {
    font-size: 24px;
    font-weight: 700;
    line-height: 48px
}

.game-tournaments-slider__item-timer .timer-block--no-bg .timer-block__label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.timer-block__item-colon {
    color: var(--text-text);
    margin: 0 2px
}

.timer-block--xs .timer-block__item-colon {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 1px
}

.timer-block--s .timer-block__item-colon {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    line-height: 32px
}

.timer-block--l .timer-block__item-colon {
    font-size: 24px;
    font-weight: 700;
    line-height: 48px
}

.timer-block--no-bg.timer-block--xs .timer-block__item-colon {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .timer-block--no-bg.timer-block--xs .timer-block__item-colon {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

.timer-block--no-bg.timer-block--s .timer-block__item-colon {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.promo__events .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__item-colon {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .promo__events .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo__tournaments .timer-block--no-bg.timer-block--s .timer-block__item-colon {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__item-colon {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1628px) {
    .promo-slider--promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--sport-promotions-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--sport-promotions-future .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--tournaments-expired .timer-block--no-bg.timer-block--s .timer-block__item-colon,.promo-slider--tournaments-future .timer-block--no-bg.timer-block--s .timer-block__item-colon {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.game-tournaments-slider__item-timer .timer-block--no-bg .timer-block__item-colon {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.promo-head__timer .timer-block__item-colon,.promo-slider-item__footer .timer-block__item-colon {
    margin: 0 4px
}

.timer-block__item-colon--seconds {
    display: none
}

.timer-block--with-seconds .timer-block__item-colon--seconds:not(.promo-event__top-timer .timer-block__item-colon--seconds) {
    display: block
}

.timer-block--no-bg .timer-block__item.sec {
    display: none
}

.strategy-info {
    text-align: left
}

.strategy-info__title {
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.strategy-info__title:last-child {
    margin-bottom: 0
}

.strategy-info__text {
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.strategy-info__text:last-child {
    margin-bottom: 0
}

.strategy-info__link {
    display: flex;
    align-items: center;
    color: var(--text-description-a);
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.strategy-info__link:hover {
    color: var(--text-text)
}

.strategy-info__icon {
    width: 20px;
    height: 20px
}

.spinner-logo {
    width: 60px;
    height: 60px
}

.cashout-alert-card__action--preloader .spinner-logo {
    width: 100%;
    height: 100%
}

.main-preloader {
    position: relative;
    width: 100%;
    height: 60px;
    transition: all .2s ease-out
}

@media(min-width: 640px) {
    .payment__content-inner-1>.main-preloader {
        margin:42px 0
    }
}

.payment__content-inner-1>.main-preloader {
    margin: 20px 0;
    min-height: 60px
}

.payment__content-inner-1--with-loader .main-preloader {
    height: 100%;
    margin: auto
}

.contest-stream-winners-list-wr .main-preloader {
    flex-grow: 1
}

.partners-contests-history-content__main-content .main-preloader {
    min-height: 464px
}

.main-preloader--fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10050;
    width: 100%;
    height: 100%
}

.main-preloader__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 60px;
    height: 60px;
    pointer-events: none
}

.cashout-alert-card__action--preloader .main-preloader__inner {
    width: 100%;
    height: 100%
}

.partners-contests-history-content__main-content .main-preloader__inner {
    flex-grow: 1
}

.path-profile .main-preloader__inner {
    position: static;
    transform: translateZ(0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.main-preloader__inner.hnd {
    position: relative;
    top: auto;
    left: auto;
    transform: translateZ(0)
}

.main-preloader__inner.hnd .main-preloader__text {
    left: 100%;
    top: 50%;
    transform: translate3d(0,-50%,0);
    margin-left: 10px;
    font-size: 14px
}

.main-preloader__text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%,0,0);
    display: block;
    white-space: nowrap;
    color: var(--gray-500)
}

.main-preloader__prog {
    color: #b0a499;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px
}

.main-preloader__p1 {
    position: absolute;
    width: 80%;
    height: 80%;
    margin: 10%;
    animation-iteration-count: infinite;
    animation-name: prel__p1;
    animation-duration: 6s
}

.main-preloader__p2 {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-iteration-count: infinite;
    animation-name: prel__p2;
    animation-duration: 7s
}

@keyframes prel__p1 {
    0% {
        transform: rotate(0deg)
    }

    35% {
        transform: rotate(-900deg)
    }

    85% {
        transform: rotate(-3200deg)
    }

    to {
        transform: rotate(-2000deg)
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0deg)
    }

    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 {
    fill: none;
    stroke: #f09235;
    stroke-linecap: square;
    animation: arc 1.32s cubic-bezier(.8,0,.4,.8) infinite
}

@keyframes inner {
    0% {
        transform: rotate(-100.8deg)
    }

    to {
        transform: rotate(0)
    }
}

.game-tournaments-slider__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.game-tournaments-slider__item-images-wr {
    position: relative;
    width: 100%;
    border-radius: var(--roundings-s)
}

@media(max-width: 639px) {
    .game-tournaments-slider__item-images-wr {
        height:194px
    }
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-images-wr {
        order:2
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider__item-images-wr {
        height:313px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-images-wr {
        height:159px
    }
}

.game-tournaments-slider__item-images {
    object-fit: contain;
    bottom: 0;
    width: 224px;
    height: 211px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider__item-images {
        width:358px;
        height: 337px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-images {
        width:186px;
        height: 175px
    }
}

.game-tournaments-slider__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid transparent;
    z-index: -1
}

.game-tournaments-slider__item-active-game {
    display: flex;
    color: var(--colors-system-success);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.game-tournaments-slider__item-prize {
    position: relative;
    margin: -18px auto 16px;
    padding: 6px 20px;
    height: 36px;
    text-align: center;
    border-radius: 40px;
    color: var(--text-text-invert);
    background: var(--colors-global-accent-a);
    pointer-events: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-prize {
        order:3
    }
}

.game-tournaments-slider__item-row {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-row {
        order:3;
        margin-bottom: 20px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-row {
        margin-bottom:16px
    }
}

.game-tournaments-slider__item-row--name {
    position: relative;
    display: flex;
    flex-direction: column
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-row--name {
        order:1;
        min-height: 50px;
        justify-content: end
    }
}

.game-tournaments-slider__item-row--timer {
    padding: 12px;
    border-radius: 100px;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.game-tournaments-slider__block {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.game-tournaments-slider__item-name {
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-name {
        font-size:var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height)
    }
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-strategy-tooltip {
        max-width:288px
    }

    .game-tournaments-slider__item-strategy-tooltip .v-popper__arrow-container {
        margin-left: -6px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-strategy-tooltip {
        max-width:330px
    }
}

.game-tournaments-slider__item-strategy {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px
}

.game-tournaments-slider__item-strategy-text {
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.game-tournaments-slider__item-strategy-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.game-tournaments-slider__item-strategy-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--icons-a)
}

.game-tournaments-slider__item-min-bet {
    text-align: right;
    margin-left: 6px
}

.game-tournaments-slider__item-min-bet-value {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.game-tournaments-slider__item-min-bet,.game-tournaments-slider__item-timer {
    flex-shrink: 0
}

.game-tournaments-slider__item-min-bet-title,.game-tournaments-slider__item-timer-text {
    color: var(--colors-base-white-60);
    margin-bottom: var(--spacings-2xs);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-min-bet-title,.game-tournaments-slider__item-timer-text {
        margin-bottom:4px
    }
}

.game-tournaments-slider__item-preloader {
    position: relative
}

@media(max-width: 639px) {
    .game-tournaments-slider__item-preloader {
        height:378px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider__item-preloader {
        height:497px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-preloader {
        height:159px
    }
}

.game-tournaments-slider-wrap {
    position: relative;
    z-index: 4
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider-wrap {
        width:100%
    }
}

.game-tournaments-slider {
    width: 100%
}

.game-tournaments-slider-inner {
    position: relative;
    overflow-y: visible
}

.tabs-tournaments-slider-nav {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 28px);
    top: 60px;
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 1139px) {
    .tabs-tournaments-slider-nav {
        display:none
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .tabs-tournaments-slider-nav {
        width:calc(100% + 20px)
    }
}

.tabs-tournaments-slider__next,.tabs-tournaments-slider__prev {
    position: absolute;
    padding: 6px;
    width: 32px;
    height: 32px;
    transition: all .2s ease-out
}

.tabs-tournaments-slider__next.swiper-button-disabled,.tabs-tournaments-slider__prev.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.tabs-tournaments-slider__prev {
    left: 0!important
}

.tabs-tournaments-slider__next {
    right: 0!important
}

.hover .tabs-tournaments-slider__next:not(.swiper-button-disabled),.hover .tabs-tournaments-slider__prev:not(.swiper-button-disabled),.tabs-tournaments-slider__next:not(.swiper-button-disabled):hover,.tabs-tournaments-slider__prev:not(.swiper-button-disabled):hover {
    opacity: 1;
    visibility: visible
}

.game-tournaments__content {
    position: relative;
    height: -webkit-max-content;
    height: max-content
}

.game-tournaments__content--participants {
    position: static
}

@media(min-width: 1140px) {
    .game-tournaments__content--participants:has(.sticky):after {
        content:"";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 107px;
        background: linear-gradient(0deg,#07142b 48.34%,rgba(7,20,43,0))
    }
}

.game__tabs-about-text {
    position: relative;
    color: var(--colors-base-white-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(max-width: 1139px) {
    .game__tabs-about-text {
        padding:24px 0
    }

    .game__tabs-about-text:last-child {
        padding-bottom: 0
    }

    .game__tabs-about-text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--colors-base-white-10)
    }
}

.game-tournaments__tabs {
    position: -webkit-sticky!important;
    position: sticky!important;
    flex-shrink: 0;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 100px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.game-tournaments__tabs:before {
    content: "";
    border-radius: inherit;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--backgrounds-a);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tournaments__tabs::-webkit-scrollbar {
    display: none
}

@media(max-width: 1139px) {
    .game-tournaments__tabs {
        top:16px
    }
}

@media(min-width: 1140px) {
    .game-tournaments__tabs {
        top:0
    }
}

@media(max-width: 639px) {
    .game-tournaments__tabs--fixed {
        width:calc(100% - 48px)
    }
}

.game-tournaments__tabs-item {
    flex: 1 1 50%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius);
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    gap: var(--tabs-s-gap);
    padding: var(--tabs-s-vert) 0;
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.game-tournaments__tabs-item:not(:first-child):before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.no-touch .game-tournaments__tabs-item:not(.game-tournaments__tabs-item--active):hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .game-tournaments__tabs-item:not(.game-tournaments__tabs-item--active):hover:before {
    content: none
}

.game-tournaments__tabs-item--active {
    cursor: default;
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.game-tournaments__tabs-item--active:before {
    content: none
}

.game-tournaments__tabs-item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .game-tournaments__tabs-item--active:after,.custom-modal .game-tournaments__tabs-item--active:after,.game__tabs .game-tournaments__tabs-item--active:after,.play-providers-tabs .game-tournaments__tabs-item--active:after,.search .game-tournaments__tabs-item--active:after {
    z-index: 0
}

.no-touch .game-tournaments__tabs-item--active:hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k)
}

.no-touch .game-tournaments__tabs-item--active:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .no-touch .game-tournaments__tabs-item--active:hover:after,.custom-modal .no-touch .game-tournaments__tabs-item--active:hover:after,.game__tabs .no-touch .game-tournaments__tabs-item--active:hover:after,.search .no-touch .game-tournaments__tabs-item--active:hover:after {
    z-index: 0
}

.no-touch .game-tournaments__tabs-item--active:hover .game-tournaments__tabs-item-border {
    border: 2px solid transparent
}

.no-touch .game-tournaments__tabs-item--active:hover .game-tournaments__tabs-item-border:before {
    content: "";
    border-radius: inherit;
    background: var(--gradient-tokens-border-c);
    animation: rotateSpecialBorderToRightLink 2s linear infinite
}

.game-tournaments__tabs-item-border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tournaments__tabs-item-border:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderToRightLink 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .game-tournaments__tabs-item--active:hover .game-tournaments__tabs-item-border:before {
    visibility: visible
}

.game-tabs-tournaments-games-wrap {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
    overflow-y: auto
}

.game-tabs-tournaments-games-wrap::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.game-tabs-tournaments-games-wrap::-webkit-scrollbar-thumb,.game-tabs-tournaments-games-wrap::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(max-width: 1139px) {
    .game-tabs-tournaments-games-wrap {
        margin:20px 0 0
    }
}

.game-tabs-tournaments-games {
    display: flex;
    align-items: center;
    border-radius: 100px;
    gap: 8px;
    padding: 4px 6px 4px 4px;
    margin-bottom: 8px;
    overflow: hidden;
    cursor: pointer
}

.game-tabs-tournaments-games:last-child:not(.active) {
    margin-bottom: 0
}

.game-tabs-tournaments-games:not(.active) {
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.game-tabs-tournaments-games:not(.active):after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tabs-tournaments-games.active {
    order: -1;
    z-index: 1;
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.game-tabs-tournaments-games.active:after {
    z-index: -1;
    content: "";
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box
}

.game-tabs-tournaments-games-border,.game-tabs-tournaments-games.active:after {
    border-radius: inherit;
    border: 1px solid transparent;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tabs-tournaments-games-border {
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box
}

.game-tabs-tournaments-games-border:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderToRightLink 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .game-tabs-tournaments-games:not(.active):hover .game-tabs-tournaments-games-border:before {
    visibility: visible
}

.game-tabs-tournaments-games__img {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 100px
}

.game-tabs-tournaments-games-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    overflow: hidden
}

.game-tabs-tournaments-games__name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.game-tabs-tournaments-games__name,.game-tabs-tournaments-games__provider {
    color: var(--text-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.game-tabs-tournaments-games__provider {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.game-tabs-tournaments-games-button {
    flex-direction: row-reverse;
    margin-top: calc(var(--spacings-l) - 8px)
}

.game-tabs-tournaments-participants-list {
    display: flex;
    align-items: center;
    padding: 14px 12px 14px 4px;
    gap: var(--spacings-xs);
    border-top: 1px solid var(--border-a);
    transition: all .2s ease-out
}

.game-tabs-tournaments-participants-list:first-child {
    border-top: none
}

.game-tabs-tournaments-participants-list--fixed {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 60px;
    left: 0;
    right: 0
}

@media(max-width: 1139px) {
    .game-tabs-tournaments-participants-list--fixed {
        top:76px
    }
}

.game-tabs-tournaments-participants-list--hidden {
    opacity: 0;
    visibility: hidden;
    margin-top: -44px
}

.game-tabs-tournaments-participants-list--active {
    border: none;
    border-radius: var(--roundings-l);
    z-index: 1;
    position: relative;
    background: var(--gradients-background-a)
}

.game-tabs-tournaments-participants-list--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tabs-tournaments-participants-list--active+.game-tabs-tournaments-participants-list {
    border-top: none
}

.game-tabs-tournaments-participants-list--top-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.game-tabs-tournaments-participants-list__icon-wr {
    margin: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.game-tabs-tournaments-participants-list__icon {
    width: 18px;
    height: 18px
}

.game-tabs-tournaments-participants-list__nickname {
    flex: 1
}

.game-tabs-tournaments-participants-list__nickname,.game-tabs-tournaments-participants-list__number,.game-tabs-tournaments-participants-list__score {
    color: var(--text-text);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.game-tabs-tournaments-participants-list__number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: auto
}

.game-tabs-tournaments-participants {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media(min-width: 1140px) {
    .game-tabs-tournaments-participants {
        margin-top:16px
    }
}

.game__tabs {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--roundings-m);
    background: var(--backgrounds-b);
    padding: 8px 12px 20px 12px;
    overflow: hidden
}

.play .game__tabs {
    overflow: hidden scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.play .game__tabs::-webkit-scrollbar {
    display: none
}

.play--form-open .game__tabs {
    max-height: 100%!important
}

@media(min-width: 1140px) {
    .game__tabs {
        z-index:1
    }
}

@media(min-width: 1628px) {
    .play .game__tabs {
        padding:8px 16px 20px 16px
    }
}

.game__provider {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--ACCENT_DARK_DEFAULT)
}

.game__title-wr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    margin-bottom: 24px
}

.game__title-wr:last-of-type {
    margin-bottom: 0
}

.game__title {
    font-family: var(--FONT_GILROY);
    font-size: 28px;
    line-height: 32px;
    color: var(--ZIRCON)
}

.game__real-money {
    display: flex;
    align-items: center;
    gap: 8px
}

.game__real-money-icon {
    flex-shrink: 0;
    width: 22px;
    height: auto;
    color: var(--YELLOW)
}

.game__real-money-text {
    font-size: 16px;
    line-height: 22px;
    color: var(--YELLOW)
}

.play {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    /* padding: 16px var(--spacings-page-paddings); */
    flex-direction: column;
}

@media(min-width: 640px) {
    .play {
        justify-content:center;
        flex-direction: row;
    }
}

@media(min-width: 1140px) {
    .play {
        /* padding:16px 40px; */
    }

    .authorized .play:not(.main-wr--user-sidebar-opened .play) {
        padding: 16px calc(16px + var(--sidebar-right-close)) 16px 40px
    }

    .authorized .main-wr--user-sidebar-opened .play {
        padding: 16px calc(40px + var(--sidebar-right)) 16px 40px
    }
}

.play.play--preloader {
    z-index: 216
}

.play__left-wr {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%
}

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

@media(min-width: 640px) {
    .play__left {
        width:calc(177.77778vh - 56.88889px)
    }

    .play__left.ratio4x3 {
        width: calc(133.33333vh - 42.66667px)
    }
}

@media(min-width: 1140px) {
    .play__left {
        width:calc(177.77778vh - 56.88889px)
    }

    .play__left.ratio4x3 {
        width: calc(133.33333vh - 42.66667px)
    }
}

@media(max-width: 639px) {
    .play--form-open .play__left {
        width:100%;
        height: 97%
    }
}

.play__right {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: var(--game-sidebar-width);
    margin-left: 12px;
    flex-shrink: 0
}
.checkbox__pseudo-wrapper {
    display: flex;
    gap: 8px
}

.no-touch .checkbox__pseudo-wrapper:hover {
    cursor: pointer
}

.checkbox__pseudo {
    position: relative;
    cursor: pointer
}

.checkbox__pseudo--size-xs .checkbox__pseudo {
    width: 16px;
    height: 16px
}

.checkbox__pseudo--size-m .checkbox__pseudo {
    width: 24px;
    height: 24px
}

.checkbox__pseudo-label {
    display: flex;
    align-items: center;
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

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

.checkbox__pseudo-block {
    display: flex;
    border-radius: 3px;
    transition: all .2s ease-out;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.checkbox__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox__pseudo-input:checked~.checkbox__pseudo-block {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.checkbox__pseudo-input:checked~.checkbox__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox__pseudo-input:checked~.checkbox__pseudo-block:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    content: "";
    background-image: url(/1imgcheck-active.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    transition: all .2s ease-out
}

.checkbox__pseudo-input:checked~.checkbox__pseudo-block:hover:before {
    opacity: .6
}

.no-touch .checkbox__pseudo-block:not(.checkbox__pseudo-input:checked~.checkbox__pseudo-block,.checkbox__pseudo--error .checkbox__pseudo-block):hover {
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .checkbox__pseudo-block:not(.checkbox__pseudo-input:checked~.checkbox__pseudo-block,.checkbox__pseudo--error .checkbox__pseudo-block):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--checkbox-stroke-inactive-hover) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .checkbox__pseudo-input:checked~.checkbox__pseudo-block:hover {
    position: relative;
    background: var(--gradient-tokens-backgrounds-f);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .checkbox__pseudo-input:checked~.checkbox__pseudo-block:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-f) padding-box,var(--gradient-tokens-backgrounds-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox__pseudo--error .checkbox__pseudo-block {
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.checkbox__pseudo--error .checkbox__pseudo-block:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--checkbox-stroke-error) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.checkbox__pseudo--size-xs .checkbox__pseudo-block {
    width: 16px;
    height: 16px
}

.checkbox__pseudo--size-m .checkbox__pseudo-block {
    width: 24px;
    height: 24px
}

.checkbox__pseudo--size-xs .checkbox__pseudo-input:checked~.checkbox__pseudo-block:before {
    width: 8px;
    height: 6px
}

.checkbox__pseudo--size-m .checkbox__pseudo-input:checked~.checkbox__pseudo-block:before {
    width: 13px;
    height: 10px
}

.checkbox__pseudo-link {
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: var(--text-link);
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    transition: all .2s ease-out
}

.no-touch .checkbox__pseudo-link:hover {
    color: var(--colors-global-accent-a);
    text-decoration: none
}

.toggles[data-v-26234f6c] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 100px;
    scroll-behavior: smooth;
    background-color: var(--backgrounds-e-4)
}

.toggles__item[data-v-26234f6c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--tabs-m-gap);
    min-width: 96px;
    flex: 1;
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius);
    background: transparent;
    color: var(--text-text);
    cursor: pointer;
    padding: var(--tabs-s-vert) var(--tabs-s-hor);
    gap: var(--tabs-s-gap)
}

.no-touch .toggles__item[data-v-26234f6c]:hover {
    background-color: var(--colors-base-white-4);
    transition: background-color .2s ease-out
}

@media(min-width: 1140px) {
    .restore-request-form__toggles .toggles__item[data-v-26234f6c] {
        padding:var(--tabs-m-vert) var(--tabs-m-hor);
        gap: var(--tabs-m-gap)
    }
}

.toggles__icon-wr[data-v-26234f6c] {
    width: 20px;
    height: 20px
}

.toggles__item--active .toggles__icon-wr[data-v-26234f6c] {
    display: none
}

.toggles__icon[data-v-26234f6c] {
    width: 100%;
    height: auto;
    color: var(--icons-a-disable)
}

.toggles__icon.toggles__icon--mail[data-v-26234f6c] {
    margin: 3px 1px
}

.toggles__item--active[data-v-26234f6c] {
    pointer-events: none;
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.toggles__item--active[data-v-26234f6c]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.custom-modal .toggles__item--active[data-v-26234f6c]:after {
    z-index: 0
}

.no-touch .toggles__item--active[data-v-26234f6c]:hover {
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.no-touch .toggles__item--active[data-v-26234f6c]:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .custom-modal .toggles__item--active[data-v-26234f6c]:hover:after {
    z-index: 0
}

.toggles__title[data-v-26234f6c] {
    color: var(--text-text);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.restore-account-form .toggles__title[data-v-26234f6c] {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}
.registration-form .promocode-form__form {
    display: flex;
    justify-content: center
}

.promocode-form__have-promo {
    position: relative;
    background: transparent;
    border: none;
    padding: 0;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: var(--text-text);
    transition: color .2s ease-out;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.no-touch .promocode-form__have-promo:hover {
    color: var(--text-description-a)
}

.promocode-form__input {
    width: 100%
}

.promocode-form__input-tooltip-trigger {
    position: absolute;
    top: 14px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.promocode-form__input-icon-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.promocode-form__input-icon,.promocode-form__input-icon-wr {
    width: 20px;
    height: 20px
}

@media(min-width: 640px) {
    .adult-modal {
        position:absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        padding: 16px var(--spacings-page-paddings) var(--spacings-page-paddings);
        background-color: var(--backgrounds-b);
        z-index: 2
    }
}

@media(min-width: 1140px) {
    .adult-modal {
        padding:16px var(--spacings-2xl) 32px;
        border-radius: var(--roundings-l);
        overflow: auto
    }

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

    .adult-modal::-webkit-scrollbar-thumb,.adult-modal::-webkit-scrollbar-track {
        background: transparent;
        display: none
    }
}

.adult-modal__row {
    margin-bottom: var(--spacings-xl);
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .adult-modal__row {
        display:flex;
        align-items: center;
        padding-right: 36px;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .adult-modal__row {
        margin-bottom:16px;
        padding-right: 40px
    }
}

.adult-modal__close-text {
    padding: var(--spacings-xs) 0
}

@media(min-width: 640px) {
    .adult-modal__close-text {
        padding:0;
        flex: 1
    }
}

@media(min-width: 640px) {
    .adult-modal__close {
        display:flex;
        justify-content: center;
        align-items: center;
        width: 36px;
        height: 36px;
        border-radius: 100px;
        cursor: pointer;
        position: relative;
        background: var(--gradient-tokens-backgrounds-k);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .adult-modal__close:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .no-touch .adult-modal__close:hover {
        border: 1px solid var(--gradient-tokens-border-k);
        position: relative;
        background: var(--gradient-tokens-backgrounds-k);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .no-touch .adult-modal__close:hover:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-e) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform-origin: center;
        animation: rotateSpecialBorderByCircle 3s linear infinite
    }

    @keyframes rotateSpecialBorderByCircle {
        to {
            transform: rotate(1turn)
        }
    }
}

@media(min-width: 1140px) {
    .adult-modal__close {
        width:40px;
        height: 40px
    }
}

@media(min-width: 640px) {
    .adult-modal__close-icon {
        width:20px;
        height: auto;
        color: var(--icons-a)
    }
}

.adult-modal__msg {
    margin-bottom: var(--spacings-xl)
}

@media(min-width: 640px)and (max-width:1139px) {
    .adult-modal__msg {
        margin-bottom:28px
    }
}

.adult-modal__item {
    position: relative;
    margin-bottom: 4px;
    padding-left: 24px;
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 28px;
    font-weight: 500
}

.adult-modal__item:last-child {
    margin-bottom: 0
}

.adult-modal__item:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-image: var(--gradient-tokens-backgrounds-m)
}

.adult-modal__btn-wr {
    left: var(--spacings-page-paddings);
    bottom: var(--spacings-page-paddings);
    width: 100%
}

@media(max-width: 639px) {
    .adult-modal__btn-wr {
        max-width:440px;
        margin: 0 auto
    }
}

.adult-modal__btn {
    z-index: 1;
    width: 100%
}

.header222[data-v-7e09321c] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--backgrounds-b)
}

@media(min-width: 640px) {
    .header222[data-v-7e09321c] {
        margin-bottom:30px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .header222[data-v-7e09321c] {
        margin:-16px -10px 20px;
        padding: 16px 10px 10px
    }

    .custom-modal--signin .header222[data-v-7e09321c] {
        margin-bottom: -10px
    }
}

@media(min-width: 1140px) {
    .header222[data-v-7e09321c] {
        margin-bottom:0;
        padding-bottom: 20px
    }
}

@media(min-width: 1140px) {
    .header__wrapper[data-v-7e09321c] {
        width:100%
    }
}

.header__tabs[data-v-7e09321c] {
    display: flex;
    flex-direction: row-reverse;
    gap: var(--spacings-l)
}

@media(min-width: 1140px) {
    .header__tabs[data-v-7e09321c] {
        justify-content:flex-end
    }
}

.header__tab[data-v-7e09321c] {
    display: flex
}

.header__link[data-v-7e09321c] {
    display: flex;
    align-items: center;
    color: var(--text-text);
    cursor: pointer;
    transition: all .2s ease-out;
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.no-touch .header__link[data-v-7e09321c]:hover {
    color: var(--text-description-b)
}

.header__text[data-v-7e09321c] {
    padding: var(--tabs-s-vert) 0
}

.header__link--active[data-v-7e09321c] {
    position: relative;
    cursor: default;
    pointer-events: none
}

.header__link--active[data-v-7e09321c]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: var(--gradient-tokens-border-c-linear)
}

.header__close[data-v-7e09321c] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media(min-width: 1140px) {
    .header__close[data-v-7e09321c] {
        position:absolute;
        top: 0;
        right: -45px;
        z-index: 1
    }

    .header__close[data-v-7e09321c]:hover {
        background-color: var(--backgrounds-a);
        color: var(--colors-base-white-b)
    }

    .registration-form--with-bonus-desk .header__close[data-v-7e09321c] {
        animation: showClose-7e09321c .2s ease-in
    }

    @keyframes showClose-7e09321c {
        0% {
            right: -48px
        }

        to {
            right: -432px
        }
    }
}

.header__close-icon[data-v-7e09321c] {
    width: 14px;
    height: auto;
    color: var(--colors-base-white-b)
}

.single-welcome-bonus-header__title {
    color: var(--text-text);
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.single-welcome-bonus-header__subtitle {
    color: var(--colors-global-accent-a);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

.welcome-bonuses__item--sport .single-welcome-bonus-header__subtitle {
    color: var(--colors-global-accent-b)
}

.single-welcome-bonus-header__icon-info-wr {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 8px;
    width: 40px;
    height: 40px;
    padding: var(--buttons-icon-s);
    display: flex;
    color: var(--icons-a);
    cursor: pointer;
    transition: top .3s ease-out
}

.no-touch .single-welcome-bonus-header__icon-info-wr:hover {
    border-radius: 100px;
    background-color: var(--buttons-icon-secondary-b-bg-hover);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: background-color .2s ease-out
}

.welcome-bonuses__item--active .single-welcome-bonus-header__icon-info-wr {
    top: 32px
}

.single-welcome-bonus-header__icon-info {
    width: 100%;
    height: 100%
}

.welcome-bonuses .sport-bonuses_text {
    display: block;
    color: var(--text-text);
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.welcome-bonuses .sport-bonuses_text .orange {
    display: block
}

.welcome-bonuses-properties {
    overflow: hidden
}

.welcome-bonuses-properties__item {
    margin-bottom: 8px
}

.welcome-bonuses-properties__item:last-child {
    margin-bottom: 0
}

.welcome-bonuses-properties__item-title {
    margin-bottom: 2px;
    color: var(--colors-base-white-b);
    opacity: .6;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.welcome-bonuses-properties__item-value {
    color: var(--colors-base-white-b);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.single-welcome-bonus-actions {
    display: flex;
    gap: 0 16px
}

.single-welcome-bonus-actions__btn {
    min-width: 79px;
    height: auto
}

.welcome-bonus {
    height: 100%
}

@media(min-width: 1140px) {
    .welcome-bonus,.welcome-bonuses {
        display:flex;
        flex-direction: column
    }

    .welcome-bonuses {
        flex-grow: 1
    }
}

.welcome-bonuses__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: .54px;
    color: var(--white);
    text-align: center;
    text-transform: uppercase
}

@media(max-width: 1139px) {
    .welcome-bonuses__title {
        padding:8px 0
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .welcome-bonuses__title {
        margin-bottom:20px
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__title {
        padding:4px 0;
        margin-bottom: 40px
    }
}

.welcome-bonuses__list {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-s)
}

@media(min-width: 1140px) {
    .welcome-bonuses__list {
        flex-grow:1
    }

    .welcome-bonus--hidden .welcome-bonuses__list {
        visibility: hidden
    }
}

.welcome-bonuses__item {
    width: 100%;
    min-height: 293px
}

@media(min-width: 1140px) {
    .welcome-bonuses__item {
        min-width:318px;
        max-height: 50%;
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
        border-radius: var(--roundings-m);
        position: relative;
        background: var(--gradient-tokens-noise-c)
    }

    .welcome-bonuses__item:before {
        content: "";
        border-radius: inherit;
        pointer-events: none;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(/1img/noize.webp)
    }

    .no-webp .welcome-bonuses__item:before {
        background-image: url(/1img/noize.png)
    }

    .welcome-bonuses__item:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 2px solid transparent;
        background: var(--gradient-tokens-noise-c) padding-box,var(--gradient-tokens-border-h) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .welcome-bonuses__item.welcome-bonuses__item--sport {
        position: relative;
        background: var(--gradient-tokens-noise-d)
    }

    .welcome-bonuses__item.welcome-bonuses__item--sport:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 2px solid transparent;
        background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-border-f) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.welcome-bonuses__item-inner {
    display: flex;
    align-items: center;
    gap: 16px
}

@media(min-width: 1140px) {
    .welcome-bonuses__item-inner {
        padding:8px 8px 0 16px;
        flex-grow: 1;
        gap: 0
    }
}

.welcome-bonuses__item-actions {
    padding: 0 16px 16px
}

.welcome-bonuses__item-img-wrap {
    position: relative;
    width: 140px;
    -webkit-backdrop-filter: opacity(1);
    backdrop-filter: opacity(1)
}

@media(min-width: 1140px) {
    .welcome-bonuses__item-img-wrap {
        height:100%;
        flex-shrink: 0
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__item-img {
        position:absolute;
        top: 29px;
        right: 12px;
        width: 165px;
        height: 158px;
        object-fit: cover
    }
}

.welcome-bonuses__item-cubes {
    position: absolute;
    object-fit: contain
}

.welcome-bonuses__item-cubes--first {
    top: 2px;
    right: 30px;
    width: 61px;
    height: 62px;
    mix-blend-mode: luminosity
}

.welcome-bonuses__item-cubes--second {
    top: 152px;
    right: -18px;
    width: 81px;
    height: 81px;
    mix-blend-mode: luminosity
}

.welcome-bonuses__item-cubes--third {
    top: 6px;
    right: 36px;
    width: 57px;
    height: 57px
}

.welcome-bonuses__item-cubes--fours {
    top: 160px;
    right: 5px;
    width: 56px;
    height: 56px
}

.welcome-bonuses__item-content {
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.welcome-bonuses__item-status {
    padding: 2px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colors-base-white-b);
    border-radius: 100px;
    background: var(--colors-system-success);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

@media(min-width: 640px)and (max-width:1139px) {
    .welcome-bonuses__item-status {
        padding:4px 16px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__item-status {
        max-width:-webkit-max-content;
        max-width: max-content;
        margin-bottom: 8px
    }

    .bonuses-with-tabs .welcome-bonuses__item-status {
        margin-bottom: 0
    }
}

@media(min-width: 1140px) {
    .bonuses-with-tabs {
        position:absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 40px;
        background: var(--backgrounds-b);
        padding-bottom: 40px;
        overflow: hidden
    }
}

@media(max-width: 1139px) {
    .welcome-bonuses__back {
        display:none
    }
}

.welcome-bonuses__tabs-wr {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(min-width: 1140px) {
    .welcome-bonuses__tabs-wr {
        min-width:332px;
        margin-bottom: 20px;
        padding: var(--spacings-m) var(--spacings-xl) 0;
        gap: 8px
    }
}

@media(min-width: 1628px) {
    .welcome-bonuses__tabs-wr {
        margin-bottom:var(--spacings-s)
    }
}

.welcome-bonuses__tabs {
    width: 100%;
    display: flex;
    gap: var(--spacings-l)
}

@media(max-width: 1139px) {
    .welcome-bonuses__tabs {
        margin:0 0 var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__tabs {
        justify-content:flex-end
    }
}

.welcome-bonuses__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: var(--tabs-s-vert) 0;
    color: var(--text-text);
    text-align: center;
    cursor: pointer;
    transition: all .2s ease-out;
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.no-touch .welcome-bonuses__tab:hover {
    color: var(--text-description-b)
}

@media(min-width: 1140px) {
    .welcome-bonuses__tab {
        max-width:calc(50% - var(--spacings-l)/2);
        flex: 0 0 auto
    }
}

.welcome-bonuses__tab--active {
    position: relative;
    cursor: default;
    pointer-events: none
}

.welcome-bonuses__tab--active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--gradient-tokens-border-c-linear)
}

.welcome-bonuses__tab-name {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.welcome-bonuses__bonus-head {
    min-height: 156px;
    margin-bottom: var(--spacings-xl);
    display: flex;
    flex-direction: column;
    border-radius: var(--roundings-m);
    overflow: hidden;
    position: relative;
    background: var(--gradient-tokens-noise-c)
}

.welcome-bonuses__bonus-head:before {
    content: "";
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/1img/noize.webp)
}

.no-webp .welcome-bonuses__bonus-head:before {
    background-image: url(/1img/noize.png)
}

.welcome-bonuses__bonus-head:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-noise-c) padding-box,var(--gradient-tokens-border-h) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.welcome-bonuses__content--sport .welcome-bonuses__bonus-head {
    position: relative;
    background: var(--gradient-tokens-noise-d)
}

.welcome-bonuses__content--sport .welcome-bonuses__bonus-head:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-border-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .welcome-bonuses__bonus-head {
        min-height:188px
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-head {
        min-height:200px;
        margin-bottom: 24px;
        transition: min-height .3s ease-out
    }

    .welcome-bonuses__content--active .welcome-bonuses__bonus-head {
        min-height: 224px
    }
}

.welcome-bonuses__bonus-head-content {
    padding: 12px 16px;
    display: flex;
    flex: 1
}

@media(min-width: 640px) {
    .welcome-bonuses__bonus-head-content {
        padding:16px
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-head-content {
        padding:8px 8px 12px 20px
    }
}

@media(min-width: 1628px) {
    .welcome-bonuses__bonus-head-content {
        padding-right:20px
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__content {
        padding:0 18px
    }
}

.welcome-bonuses__bonus-img {
    position: absolute;
    top: 7px;
    right: 27px;
    width: 122px;
    height: 116px;
    object-fit: cover;
    transition: top .3s ease-out
}

.welcome-bonuses__content--active .welcome-bonuses__bonus-img {
    top: 22px
}

@media(min-width: 640px) {
    .welcome-bonuses__bonus-img {
        width:165px;
        height: 158px;
        top: 9px;
        right: 18px
    }

    .welcome-bonuses__content--active .welcome-bonuses__bonus-img {
        top: 27px
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-img {
        width:148px;
        height: 140px;
        top: 8px;
        right: 26px
    }

    .welcome-bonuses__content--active .welcome-bonuses__bonus-img {
        top: 32px
    }
}

.welcome-bonuses__bonus-inner-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-inner {
        padding:8px 0;
        display: flex;
        flex-direction: column;
        flex: 1
    }
}

.welcome-bonuses__bonus-title {
    color: var(--colors-global-accent-a);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.welcome-bonuses__content--sport .welcome-bonuses__bonus-title {
    color: var(--colors-global-accent-b)
}

@media(min-width: 640px) {
    .welcome-bonuses__bonus-title {
        font-size:var(--headings-h1-font-size);
        font-weight: var(--headings-h1-weight);
        line-height: var(--headings-h1-line-height)
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-title {
        color:var(--text-text);
        padding-top: 8px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .welcome-bonuses__content--sport .welcome-bonuses__bonus-title {
        color: var(--text-text)
    }

    .welcome-bonuses__content--sport .welcome-bonuses__bonus-title .orange {
        color: var(--colors-global-accent-b);
        font-size: 24px;
        line-height: 36px;
        font-weight: 700
    }
}

.welcome-bonuses__bonus-subtitle {
    position: relative;
    z-index: 1;
    max-width: 124px
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-subtitle {
        color:var(--colors-global-accent-a);
        font-size: 24px;
        line-height: 36px;
        font-weight: 700
    }

    .welcome-bonuses__content--sport .welcome-bonuses__bonus-subtitle {
        color: var(--colors-global-accent-b)
    }
}

.welcome-bonuses__bonus-description {
    max-width: 124px;
    margin-top: 4px;
    color: var(--text-text);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .welcome-bonuses__bonus-description {
        margin-top:8px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-description {
        margin-top:auto;
        color: var(--colors-base-white-a);
        opacity: .6;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }
}

.welcome-bonuses__bonus-properties-wrap {
    border-bottom: 1px solid var(--border-a)
}

.welcome-bonuses__bonus-properties-wrap:last-child {
    border-bottom: none
}

@media(min-width: 1140px) {
    .welcome-bonuses__bonus-properties-wrap {
        padding:0 calc(var(--spacings-xl) - 18px)
    }
}

.welcome-bonuses__bonus-properties {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.welcome-bonuses__bonus-property {
    padding-bottom: 7px;
    border-bottom: 1px solid var(--border-a)
}

.welcome-bonuses__bonus-property:last-child {
    border-bottom: none
}

.simple-table__col:first-child {
    color: var(--text-description-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.simple-table__col:last-child {
    margin-top: 2px;
    color: var(--text-text);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.welcome-bonuses__btn {
    min-width: 88px;
    height: auto;
    align-self: flex-start
}

@media(min-width: 1140px) {
    .welcome-bonuses__btn {
        width:100%
    }
}

.welcome-bonus-status-wr {
    height: 0;
    transition: height .3s ease-out
}

.welcome-bonus-mobile-item--active .welcome-bonus-status-wr,.welcome-bonuses__content--active .welcome-bonus-status-wr,.welcome-bonuses__item--active .welcome-bonus-status-wr {
    height: 24px
}

@media(max-width: 639px) {
    .welcome-bonus-mobile-item--active .welcome-bonus-status-wr,.welcome-bonuses__content--active .welcome-bonus-status-wr {
        height:18px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .welcome-bonus-mobile-item--active .welcome-bonus-status-wr,.welcome-bonuses__content--active .welcome-bonus-status-wr {
        height:20px
    }
}

@media(min-width: 1140px) {
    .welcome-bonus-status-wr {
        margin-bottom:-8px
    }
}

.welcome-bonus-status {
    --bonus-status-offset-top: -10px;
    --bonus-status-offset-left: -10px;
    --bonus-status-offset-right: -10px;
    position: relative;
    z-index: 1;
    top: var(--bonus-status-offset-top);
    left: var(--bonus-status-offset-left);
    width: calc(100% + var(--bonus-status-offset-left)*-1 + var(--bonus-status-offset-right)*-1);
    margin-bottom: calc(var(--description-font-2xs-line-height)*-1 + var(--spacings-3xs)*2*-1);
    padding: var(--spacings-3xs) var(--spacings-page-paddings);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-text-invert);
    border-radius: var(--roundings-m) var(--roundings-m) 0 0;
    background: var(--colors-system-success);
    opacity: 0;
    transition: opacity .3s ease-out;
    font-size: var(--description-font-2xs-font-size);
    font-weight: var(--description-font-2xs-weight);
    line-height: var(--description-font-2xs-line-height);
    text-transform: uppercase
}

.welcome-bonus-status:after,.welcome-bonus-status:before {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.welcome-bonus-status:before {
    left: 0;
    background-image: url(/1img/round-left.svg)
}

.welcome-bonus-status:after {
    right: 0;
    background-image: url(/1img/round-right.svg)
}

.welcome-bonus-mobile-item--active .welcome-bonus-status,.welcome-bonuses__content--active .welcome-bonus-status,.welcome-bonuses__item--active .welcome-bonus-status {
    opacity: 1
}

.welcome-bonus-mobile-item .welcome-bonus-status {
    --bonus-status-offset-right: 0
}

.bonuses-with-tabs .welcome-bonus-status,.welcome-bonus-mobile-item .welcome-bonus-status {
    --bonus-status-offset-top: 0;
    --bonus-status-offset-left: 0
}

@media(min-width: 640px) {
    .welcome-bonus-status {
        --bonus-status-offset-left:-12px
    }
}

@media(min-width: 1140px) {
    .welcome-bonus-status {
        --bonus-status-offset-top:0;
        --bonus-status-offset-left: 0
    }
}

.welcome-bonus-mask {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 116px;
    height: 178px;
    background-image: url(/1img/welcome-bonus-casino-mask.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 0;
    transition: top .3s ease-out
}

.welcome-bonus-mobile-item--sport .welcome-bonus-mask,.welcome-bonuses__content--sport .welcome-bonus-mask {
    background-image: url(/1img/welcome-bonus-sport-mask.svg)
}

.welcome-bonus-mobile-item--active .welcome-bonus-mask,.welcome-bonuses__content--active .welcome-bonus-mask {
    top: 26px
}

@media(max-width: 639px) {
    .welcome-bonus-mask {
        display:none
    }

    .welcome-bonuses__bonus-head .welcome-bonus-mask {
        display: block
    }
}

@media(min-width: 640px) {
    .welcome-bonus-mask {
        width:116px;
        height: 178px;
        background-image: url(/1img/welcome-bonus-casino-mask-tab.svg)
    }

    .welcome-bonus-mobile-item--sport .welcome-bonus-mask {
        background-image: url(/1img/welcome-bonus-sport-mask-tab.svg)
    }

    .welcome-bonus-mobile-item--active .welcome-bonus-mask {
        background-image: url(/1img/welcome-bonus-casino-mask-tab.svg)
    }

    .welcome-bonus-mobile-item--active .welcome-bonus-mask,.welcome-bonuses__content--active .welcome-bonus-mask {
        top: 28px;
        height: 154px
    }

    .welcome-bonus-mobile-item--active.welcome-bonus-mobile-item--sport .welcome-bonus-mask {
        height: 178px;
        background-image: url(/1img/welcome-bonus-sport-mask-tab.svg)
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .welcome-bonuses__bonus-head .welcome-bonus-mask {
        width:140px;
        height: 215px;
        background-image: url(/1img/welcome-bonus-casino-mask.svg)
    }

    .welcome-bonuses__content--sport .welcome-bonuses__bonus-head .welcome-bonus-mask {
        background-image: url(/1img/welcome-bonus-sport-mask.svg)
    }

    .welcome-bonuses__content--active .welcome-bonus-mask {
        top: 28px
    }

    .welcome-bonuses__content--active.welcome-bonuses__content--sport .welcome-bonuses__bonus-head .welcome-bonus-mask {
        height: 220px
    }
}

@media(min-width: 1140px) {
    .welcome-bonus-mask {
        top:0;
        right: 0;
        width: 140px;
        height: 284px;
        background-image: url(/1img/welcome-bonus-casino-mask-desk.svg)
    }

    .welcome-bonuses__content--sport .welcome-bonus-mask,.welcome-bonuses__item--sport .welcome-bonus-mask {
        background-image: url(/1img/welcome-bonus-sport-mask-desk.svg)
    }

    .bonuses-with-tabs .welcome-bonus-mask {
        top: 8px;
        right: 8px;
        background-image: url(/1img/welcome-bonus-casino-mask-desk-active.svg)
    }

    .bonuses-with-tabs .welcome-bonuses__content--active .welcome-bonus-mask {
        height: 284px
    }

    .bonuses-with-tabs .welcome-bonuses__content--sport .welcome-bonus-mask {
        background-image: url(/1img/welcome-bonus-sport-mask-desk-active.svg)
    }

    .bonuses-with-tabs .welcome-bonuses__content--active .welcome-bonus-mask {
        top: 32px
    }
}

.exit-popup {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacings-xl);
    border-radius: var(--roundings-l);
    padding-bottom: var(--spacings-3xl)
}

@media(max-width: 1139px) {
    .exit-popup {
        padding-top:var(--spacings-2xl)
    }
}

@media(min-width: 1140px) {
    .exit-popup {
        width:500px;
        min-height: 480px;
        padding: var(--spacings-2xl);
        border-radius: var(--roundings-l);
        background-color: var(--backgrounds-b)
    }
}

.exit-popup__image-wr {
    position: relative;
    width: 180px;
    margin-inline:auto}

@media(min-width: 1140px) {
    .exit-popup__image-wr {
        width:220px
    }
}

.exit-popup__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xs);
    text-align: center
}

@media(max-width: 1139px) {
    .exit-popup__content {
        padding:var(--spacings-xs) 0
    }
}

@media(min-width: 640px) {
    .exit-popup__content {
        gap:var(--spacings-s)
    }
}

.exit-popup__title {
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.exit-popup__description {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.exit-popup__btns {
    display: flex;
    gap: var(--spacings-s);
    width: 100%;
    margin: 0 auto
}

@media(min-width: 640px)and (max-width:1139px) {
    .exit-popup__btns {
        max-width:440px
    }
}

.welcome-bonus-mobile__list {
    display: flex;
    justify-content: center;
    gap: var(--spacings-s)
}

@media(min-width: 640px) {
    .welcome-bonus-mobile__list {
        gap:var(--spacings-xs)
    }
}

.welcome-bonus-mobile-item {
    z-index: 1;
    height: 136px;
    display: flex;
    flex: 1;
    flex-direction: column;
    border-radius: var(--roundings-s);
    overflow: hidden;
    position: relative;
    background: var(--gradient-tokens-noise-c)
}

.welcome-bonus-mobile-item:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(/1img/noize.webp)
}

.no-webp .welcome-bonus-mobile-item:before {
    background-image: url(/1img/noize.png)
}

.welcome-bonus-mobile-item:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-noise-c) padding-box,var(--gradient-tokens-border-h) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.welcome-bonus-mobile-item.welcome-bonus-mobile-item--sport {
    position: relative;
    background: var(--gradient-tokens-noise-d)
}

.welcome-bonus-mobile-item.welcome-bonus-mobile-item--sport:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-border-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.welcome-bonus-mobile-item__inner {
    padding: 10px;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 640px) {
    .welcome-bonus-mobile-item__inner {
        padding:10px 10px 12px 12px
    }
}

.welcome-bonus-mobile-item-content {
    z-index: 1;
    width: 100%;
    flex-direction: column
}

.welcome-bonus-mobile-item-content,.welcome-bonus-mobile-item__head {
    display: flex;
    justify-content: space-between
}

.welcome-bonus-mobile-item__main-info {
    display: flex;
    flex-direction: column
}

.welcome-bonus-mobile-item__icon-wr {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    padding: var(--buttons-icon-s);
    display: flex;
    transition: top .3s ease-out
}

.welcome-bonus-mobile-item--active .welcome-bonus-mobile-item__icon-wr {
    top: 18px
}

@media(min-width: 640px) {
    .welcome-bonus-mobile-item__icon-wr {
        top:8px;
        right: 8px
    }

    .welcome-bonus-mobile-item--active .welcome-bonus-mobile-item__icon-wr {
        top: 28px
    }
}

.welcome-bonus-mobile-item__icon {
    width: 100%;
    height: 100%
}

.welcome-bonus-mobile-item__img-wrap {
    position: absolute;
    right: -17px;
    bottom: -23px;
    width: 122px;
    height: 117px;
    transition: bottom .3s ease-out
}

@media(min-width: 640px) {
    .welcome-bonus-mobile-item__img-wrap {
        right:34px;
        bottom: 15px
    }

    .welcome-bonus-mobile-item--active .welcome-bonus-mobile-item__img-wrap {
        bottom: -5px
    }
}

.welcome-bonus-mobile-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sport-bonuses_text,.welcome-bonus-mobile-item__title {
    color: var(--text-text);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.welcome-bonus-mobile-item__value {
    color: var(--colors-global-accent-a);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

.welcome-bonus-mobile-item__btn {
    align-self: flex-start
}

@media(min-width: 640px) {
    .welcome-bonus-mobile-item__btn {
        margin-left:4px;
        min-width: 80px
    }
}

.welcome-bonus-mobile-item__main-info-sport .orange {
    color: var(--colors-global-accent-b);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 36px;
    padding: var(--buttons-icon-s);
    border-radius: 100px;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.social-icon:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.reg-social__list--1 .social-icon,.reg-social__list--2 .social-icon {
    max-width: 60px
}

@media(min-width: 1140px) {
    .social-icon {
        height:40px
    }
}

.social-icon__icon {
    width: 100%;
    height: 24px;
    color: var(--colors-base-white-b)
}

.social-network-block-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 21px;
    gap: 10px;
    border: 1px solid var(--gray-500);
    border-radius: 16px;
    background-color: var(--white)
}

.reg-social {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px
}

.reg-social__btn-icon {
    width: 22px;
    height: auto;
    color: var(--telegram-bg)
}

.reg-social__btn-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--gray-500);
    text-transform: uppercase
}

.reg-social__separator {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--colors-base-white-75);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.reg-social__separator:after,.reg-social__separator:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--colors-base-white-12)
}

.reg-social__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacings-2xs)
}

.registration-form {
    background-color: var(--backgrounds-b);
    padding: var(--spacings-xl) var(--spacings-page-paddings) var(--spacings-3xl);
    height: 100vh
}

@media(max-width: 639px) {
    .registration-form {
        overflow:auto;
        height: 100%
    }

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

    .registration-form::-webkit-scrollbar-thumb,.registration-form::-webkit-scrollbar-track {
        background: transparent;
        display: none
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .registration-form {
        position:relative;
        max-width: 600px;
        height: auto;
        padding: 16px var(--spacings-2xl) 32px;
        border-radius: var(--roundings-l);
        margin: 0 auto
    }
}

@media(min-width: 1140px) {
    .registration-form {
        height:100%;
        background-color: transparent;
        padding: 0;
        margin: 0 52px
    }

    .play .registration-form {
        margin: 0 auto
    }
}

@media(min-width: 1140px) {
    .registration-form--exit-popup {
        padding:0;
        max-width: 500px
    }
}

@media(min-width: 1140px) {
    .registration-form__wrapper {
        position:relative;
        width: 100%;
        display: flex;
        gap: 16px
    }
}

@media(min-width: 1140px) {
    .registration-form__panel {
        position:relative;
        padding: 16px var(--spacings-2xl) 32px;
        max-width: 400px;
        border-radius: var(--roundings-l);
        background-color: var(--backgrounds-b);
        z-index: 2
    }

    .registration-form__panel.registration-form__panel--animated {
        animation: showPanel .2s ease-in
    }

    @keyframes showPanel {
        0% {
            transform: translateX(50%)
        }

        to {
            transform: translateX(0)
        }
    }

    .custom-modal--signin .registration-form__panel {
        animation: none
    }
}

@media(min-width: 1140px) {
    .registration-form__panel--bonuses {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1;
        max-width: none;
        max-height: 680px;
        padding: var(--spacings-s);
        display: flex;
        background: var(--gradient-background-striped-2-reversed);
        animation: showBonuses .2s ease-in
    }

    @keyframes showBonuses {
        0% {
            transform: translateX(-50%)
        }

        to {
            transform: translateX(0)
        }
    }
}

.registration-form__body {
    margin-top: 20px
}

@media(min-width: 640px) {
    .registration-form__body {
        margin-top:30px
    }
}

@media(min-width: 1140px) {
    .registration-form__body {
        height:calc(100% - 60px);
        margin: 0 calc(var(--spacings-2xl)*-1);
        padding: 0 var(--spacings-2xl)
    }
}

.registration-form__toogles {
    overflow-y: auto;
    scrollbar-width: none;
    margin-bottom: 20px
}

.registration-form__toogles::-webkit-scrollbar {
    display: none
}

.registration-form__inputs {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.registration-form__selects {
    display: flex;
    gap: 8px
}

.registration-form__input-wr {
    width: 100%
}

.registration-form__input-wr--country {
    min-width: 173px
}

.registration-form__input-wr--currency {
    position: relative;
    width: 120px;
    flex-shrink: 0
}

.registration-form__input-wr--currency.currencies-popup-wrapper--disabled,.registration-form__input-wr--currency.registration-form__input-wr--disabled {
    width: 92px
}

.registration-form__button {
    margin: 20px 0
}

@media(min-width: 640px) {
    .registration-form__button {
        margin:30px 0
    }
}

@media(min-width: 1140px) {
    .registration-form__button {
        margin:20px 0
    }
}

.registration-form__promocode-form,.registration-form__reset-password {
    margin: 20px 0
}

@media(min-width: 640px) {
    .registration-form__promocode-form,.registration-form__reset-password {
        margin:30px 0
    }
}

@media(min-width: 1140px) {
    .registration-form__promocode-form,.registration-form__reset-password {
        margin:20px 0
    }
}

.registration-form__reset-password {
    display: flex;
    justify-content: center
}

.registration-form__agreement {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.registration-form__link {
    color: var(--text-link);
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    transition: all .2s ease-out
}

.no-touch .registration-form__link:hover {
    color: var(--colors-global-accent-a);
    text-decoration: none
}

.registration-form__link:empty {
    display: none
}

.registration-form__reset-password-link {
    display: inline-block;
    color: var(--text-text);
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: color .2s ease-out
}

.no-touch .registration-form__reset-password-link:hover {
    color: var(--text-description-a)
}

.registration-form__recaptcha-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px
}

.custom-modal--signin .registration-form__recaptcha-wrap {
    margin-top: 0
}

.registration-form__recaptcha {
    max-width: 302px;
    max-height: 76px;
    border-radius: 3px;
    overflow: hidden
}

.registration-form__captcha-text {
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.registration-form__close {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 0;
    z-index: 1;
    margin-left: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    transition: all .2s ease-out
}

.registration-form--exit-popup .registration-form__close {
    display: none
}

.registration-form--with-bonus-desk .registration-form__close {
    animation: showClose .2s ease-in
}

@keyframes showClose {
    0% {
        transform: translateX(-100px)
    }

    to {
        transform: translateX(0)
    }
}

.registration-form__close-icon {
    width: 14px;
    height: auto;
    color: var(--colors-base-white-b)
}
.custom-select[data-v-5bd74e49] {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-select__selected[data-v-5bd74e49] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18px 44px var(--spacings-3xs) 16px;
    cursor: pointer;
    width: 100%;
    height: 48px;
    border-radius: 100px;
    border: 1px solid var(--input-border-default);
    background: var(--input-bg-default);
    color: var(--input-text-filled);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: all .2s ease-out
}

.custom-select:not(.custom-select--selected) .custom-select__selected[data-v-5bd74e49] {
    color: var(--input-label-default)
}

.custom-select--selected .custom-select__selected[data-v-5bd74e49] {
    color: var(--input-text-filled);
    border: 1px solid var(--input-border-filled);
    background: var(--input-bg-filled)
}

.partners-contests-create-contest__select .custom-select__selected[data-v-5bd74e49] {
    padding-bottom: 6px
}

.no-touch .custom-select__selected[data-v-5bd74e49]:hover:not(.custom-select--disabled .custom-select__selected,.custom-select__opened .custom-select__selected) {
    color: var(--input-label-hover);
    border: 1px solid var(--input-border-hover);
    background: var(--input-bg-hover)
}

.no-touch .partners-contests-create-contest__select.custom-select:hover .custom-select__selected[data-v-5bd74e49],.no-touch .partners-contests-create-contest__select .custom-select:hover .custom-select__selected[data-v-5bd74e49] {
    color: var(--input-text-active)
}

.custom-select--has-error .custom-select__selected[data-v-5bd74e49] {
    color: var(--input-label-error);
    border: 1px solid var(--input-border-error);
    background: var(--input-bg-error)
}

.currencies-popup-wrapper--disabled .custom-select__selected[data-v-5bd74e49] {
    color: var(--input-label-disable);
    border: 1px solid var(--input-border-disable);
    background: var(--input-bg-disable);
    pointer-events: none
}

.custom-select--no-label .custom-select__selected[data-v-5bd74e49] {
    padding: 8px 44px 8px 16px
}

.custom-select--left-icon .custom-select__selected[data-v-5bd74e49] {
    padding-left: 44px
}

.form__currency-input .custom-select__selected[data-v-5bd74e49] {
    padding: 8px 44px
}

.currencies-popup-wrapper--disabled .form__currency-input .custom-select__selected[data-v-5bd74e49] {
    border: 1px solid var(--input-border-disable);
    background: var(--input-bg-disable);
    padding: 8px 16px 8px 44px
}

.custom-select--disabled .custom-select__selected[data-v-5bd74e49] {
    color: var(--input-label-disable);
    border: 1px solid var(--input-border-disable);
    background: var(--input-bg-disable);
    cursor: default
}

.custom-select__opened .custom-select__selected[data-v-5bd74e49] {
    z-index: 3;
    color: var(--input-text-active);
    border: 1px solid var(--input-border-active);
    background: var(--input-bg-active)
}

.profile-edit__timezone-wr .custom-select__selected[data-v-5bd74e49] {
    padding-top: 12px
}

@media(min-width: 1140px) {
    .profile-edit__timezone-wr .custom-select__selected[data-v-5bd74e49] {
        padding-top:14px
    }
}

.custom-select__arrow[data-v-5bd74e49] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    width: 20px;
    height: 20px
}

.currencies-popup-wrapper--disabled .custom-select__arrow[data-v-5bd74e49] {
    display: none
}

.custom-select__arrow-icon[data-v-5bd74e49] {
    width: 20px;
    height: auto;
    color: var(--input-icon-right-default);
    transition: transform .2s ease-out
}

.custom-select__arrow--up .custom-select__arrow-icon[data-v-5bd74e49] {
    transform: rotate(180deg)
}

.custom-select--has-error .custom-select__arrow-icon[data-v-5bd74e49],.custom-select--selected .custom-select__arrow-icon[data-v-5bd74e49],.custom-select__opened .custom-select__arrow-icon[data-v-5bd74e49],.no-touch .custom-select__selected:hover .custom-select__arrow-icon[data-v-5bd74e49] {
    color: var(--input-icon-right-active)
}

.no-touch .custom-select--has-error .custom-select__selected:hover .custom-select__arrow-icon[data-v-5bd74e49],.no-touch .custom-select__opened .custom-select__selected:hover .custom-select__arrow-icon[data-v-5bd74e49] {
    color: var(--input-icon-right-default)
}

.custom-select--disabled .custom-select__arrow-icon[data-v-5bd74e49],.no-touch .custom-select--disabled .custom-select__selected:hover .custom-select__arrow-icon[data-v-5bd74e49] {
    color: var(--input-icon-right-disable)
}

.custom-select__label-anim[data-v-5bd74e49] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: calc(100% - 60px);
    pointer-events: none;
    color: var(--input-label-default);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.custom-select--selected .custom-select__label-anim[data-v-5bd74e49] {
    transform: translateY(0);
    top: 5px;
    color: var(--input-label-filled);
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

.custom-select--selected.custom-select--left-icon .custom-select__label-anim[data-v-5bd74e49] {
    left: 44px
}

.custom-select--disabled .custom-select__label-anim[data-v-5bd74e49],.custom-select--disabled .custom-select__selected:hover .custom-select__label-anim[data-v-5bd74e49] {
    color: var(--input-icon-right-disable)
}

@media(min-width: 640px) {
    .custom-select__options-wrap[data-v-5bd74e49] {
        position:relative;
        background: var(--gradients-background-a);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 52px;
        width: 100%;
        border-radius: 20px;
        padding: 8px;
        box-shadow: var(--dropdown-shadow);
        z-index: 2
    }

    .custom-select__options-wrap[data-v-5bd74e49]:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .partners-contests-create-contest__settings--timer .custom-select__options-wrap[data-v-5bd74e49] {
        max-height: 144px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .partners-contests-create-contest__settings--timer .custom-select__options-wrap[data-v-5bd74e49] {
        top:auto;
        bottom: calc(100% + 4px)
    }
}

@media(min-width: 1140px) {
    .registration-form__input-wr--currency .custom-select__options-wrap[data-v-5bd74e49] {
        display:none
    }
}

@media(min-width: 640px) {
    .custom-select__options-wrap--top[data-v-5bd74e49] {
        bottom:calc(100% + 4px)
    }
}

@media(min-width: 640px) {
    .custom-select__options-wrap--d-none[data-v-5bd74e49] {
        display:none
    }
}

.custom-select__options[data-v-5bd74e49] {
    overflow-y: scroll;
    height: 100%
}

.custom-select__options[data-v-5bd74e49]::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.custom-select__options[data-v-5bd74e49]::-webkit-scrollbar-thumb,.custom-select__options[data-v-5bd74e49]::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

.custom-select__options-scroll[data-v-5bd74e49] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.custom-select__option[data-v-5bd74e49] {
    padding: 10px 12px;
    color: var(--selector-item-text-default);
    border-radius: 100px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    transition: all .2s ease-out
}

@media(min-width: 640px) {
    .no-touch .custom-select__option[data-v-5bd74e49]:not(.custom-select__option--active):hover {
        color:var(--selector-item-text-hover);
        background: var(--selector-item-bg-hover)
    }
}

.custom-select__option--active[data-v-5bd74e49] {
    color: var(--selector-item-text-active);
    position: relative;
    background: var(--gradients-background-white-4)
}

.custom-select__option--active[data-v-5bd74e49]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.custom-select__selected-error-msg[data-v-5bd74e49] {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 4px;
    color: var(--colors-system-error);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.custom-select__selected-error-msg[data-v-5bd74e49]:first-letter {
    text-transform: capitalize
}

.custom-select__icon-wr[data-v-5bd74e49] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden
}

.custom-select--disabled .custom-select__icon-wr[data-v-5bd74e49] {
    color: var(--input-icon-right-disable)
}

.custom-select__icon[data-v-5bd74e49] {
    object-fit: cover
}

.custom-select__left-icon-wr[data-v-5bd74e49] {
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.custom-select--selected .custom-select__left-icon-wr[data-v-5bd74e49] {
    color: var(--input-icon-left-filled)
}

.custom-select__opened .custom-select__left-icon-wr[data-v-5bd74e49] {
    color: var(--input-icon-left-active)
}

.custom-select--disabled .custom-select__left-icon-wr[data-v-5bd74e49] {
    color: var(--input-icon-left-disable)
}

.custom-select--has-error .custom-select__left-icon-wr[data-v-5bd74e49] {
    color: var(--colors-system-error)
}

.no-touch .custom-select:not(.custom-select--disabled,.custom-select--has-error) .custom-select__selected:hover .custom-select__left-icon-wr[data-v-5bd74e49] {
    color: var(--input-icon-left-hover)
}

.custom-select__left-icon[data-v-5bd74e49] {
    width: 20px;
    height: 20px
}

.profile-edit__col--state .custom-select__left-icon[data-v-5bd74e49] {
    width: 18px;
    height: 18px
}

.custom-select__name[data-v-5bd74e49] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.reg-form__wr .custom-select__name[data-v-5bd74e49] {
    flex-shrink: 0
}

.custom-select--disabled .custom-select__name[data-v-5bd74e49] {
    color: var(--input-text-disable)
}

.form__currency-input .custom-select__name[data-v-5bd74e49] {
    text-transform: uppercase
}

.validation-select__error {
    margin-top: 4px
}

.validation-select--currency {
    height: 44px;
    border: 2px solid #544a42;
    border-radius: 5px
}
.spinner-logo {
    width: 60px;
    height: 60px
}

.cashout-alert-card__action--preloader .spinner-logo {
    width: 100%;
    height: 100%
}

.main-preloader {
    position: relative;
    width: 100%;
    height: 60px;
    transition: all .2s ease-out
}

@media(min-width: 640px) {
    .payment__content-inner-1>.main-preloader {
        margin:42px 0
    }
}

.payment__content-inner-1>.main-preloader {
    margin: 20px 0;
    min-height: 60px
}

.payment__content-inner-1--with-loader .main-preloader {
    height: 100%;
    margin: auto
}

.contest-stream-winners-list-wr .main-preloader {
    flex-grow: 1
}

.partners-contests-history-content__main-content .main-preloader {
    min-height: 464px
}

.main-preloader--fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10050;
    width: 100%;
    height: 100%
}

.main-preloader__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 60px;
    height: 60px;
    pointer-events: none
}

.cashout-alert-card__action--preloader .main-preloader__inner {
    width: 100%;
    height: 100%
}

.partners-contests-history-content__main-content .main-preloader__inner {
    flex-grow: 1
}

.path-profile .main-preloader__inner {
    position: static;
    transform: translateZ(0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.main-preloader__inner.hnd {
    position: relative;
    top: auto;
    left: auto;
    transform: translateZ(0)
}

.main-preloader__inner.hnd .main-preloader__text {
    left: 100%;
    top: 50%;
    transform: translate3d(0,-50%,0);
    margin-left: 10px;
    font-size: 14px
}

.main-preloader__text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%,0,0);
    display: block;
    white-space: nowrap;
    color: var(--gray-500)
}

.main-preloader__prog {
    color: #b0a499;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px
}

.main-preloader__p1 {
    position: absolute;
    width: 80%;
    height: 80%;
    margin: 10%;
    animation-iteration-count: infinite;
    animation-name: prel__p1;
    animation-duration: 6s
}

.main-preloader__p2 {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-iteration-count: infinite;
    animation-name: prel__p2;
    animation-duration: 7s
}

@keyframes prel__p1 {
    0% {
        transform: rotate(0deg)
    }

    35% {
        transform: rotate(-900deg)
    }

    85% {
        transform: rotate(-3200deg)
    }

    to {
        transform: rotate(-2000deg)
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0deg)
    }

    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 {
    fill: none;
    stroke: #f09235;
    stroke-linecap: square;
    animation: arc 1.32s cubic-bezier(.8,0,.4,.8) infinite
}

@keyframes inner {
    0% {
        transform: rotate(-100.8deg)
    }

    to {
        transform: rotate(0)
    }
}

.payment-list {
    --item-height: 24px;
    --row-gap: 28px;
    --column-gap: 48px;
    --max-rows: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 180px;
    gap: var(--row-gap) var(--column-gap)
}

.payment-list.main-banner__payment-list {
    --item-height: 20px;
    --column-gap: var(--spacings-xs)
}

@media(min-width: 640px) {
    .payment-list {
        max-height:124px
    }
}

@media(min-width: 1140px) {
    .payment-list.main-banner__payment-list {
        --item-height:28px;
        --column-gap: var(--spacings-l)
    }
}

@media(min-width: 1628px) {
    .payment-list {
        max-height:84px
    }

    .payment-list.main-banner__payment-list {
        --item-height: 32px
    }
}

.main-footer__row--payment-list .payment-list {
    --column-gap: var(--spacings-xl)
}

.payment-list--scrolled {
    overflow-x: auto;
    display: inline-flex;
    flex-wrap: nowrap;
    --item-height: 16px;
    --column-gap: 26px
}

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

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

@media(max-width: 1139px) {
    .payment-list--scrolled {
        justify-content:flex-start
    }
}

@media(min-width: 640px) {
    .payment-list--scrolled {
        width:100%;
        --item-height: 24px;
        --column-gap: 40px
    }
}

@media(min-width: 1140px) {
    .payment-list--scrolled {
        justify-content:center;
        flex-wrap: wrap;
        max-height: var(--item-height)
    }
}

@media(max-width: 1139px) {
    .payment-list--scrolled .payment-list__item:first-child {
        padding-left:var(--spacings-page-paddings)
    }
}

@media(max-width: 1139px) {
    .payment-list--scrolled .payment-list__item:last-child {
        padding-right:var(--spacings-page-paddings)
    }
}

.payment-list__btn {
    flex: none;
    display: block;
    padding: 0;
    border: none;
    background: none
}

.payment-list__img {
    width: auto;
    height: var(--item-height);
    transition: opacity .2s ease-out
}

.no-touch .payment-list__img:hover {
    opacity: .8
}

.main-footer__payment-list .payment-list__img {
    filter: grayscale(1);
    opacity: .7
}

.no-touch .main-footer__payment-list .payment-list__img:hover {
    opacity: 1
}

.payment-list__div {
    height: var(--row-gap);
    flex: 100% 0 0
}

.main-banner__trust {
    min-width: 350px;
    margin: auto calc(var(--spacings-page-paddings) + var(--spacings-m)) var(--spacings-page-paddings) 0
}

@media(min-width: 1628px) {
    .main-banner__trust {
        min-width:400px
    }
}

@media(min-width: 1920px) {
    .main-banner__trust {
        margin-left:auto;
        margin-right: 0
    }
}

.main-banner__trust-item {
    display: flex;
    align-items: center;
    gap: var(--spacings-m);
    margin-bottom: var(--spacings-2xs);
    padding: var(--spacings-2xs) var(--spacings-xs) var(--spacings-2xs) var(--spacings-2xs);
    border-radius: 100px;
    position: relative;
    background: var(--gradients-background-b-70)
}

.main-banner__trust-item:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b-70) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner__trust-item:before {
    content: "";
    border-radius: inherit;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner__trust-item-icon-wr {
    position: relative;
    z-index: 2;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 100px;
    background-color: var(--icons-a)
}

.main-banner__trust-item:nth-child(2) .main-banner__trust-item-icon-wr {
    background-color: var(--icons-c)
}

@media(min-width: 1628px) {
    .main-banner__trust-item-icon-wr {
        width:52px;
        height: 52px
    }
}

.main-banner__trust-item-icon {
    width: 20px;
    height: auto;
    color: var(--icons-b)
}

.main-banner__trust-item-title {
    position: relative;
    z-index: 2;
    margin-bottom: 4px;
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.main-banner__trust-item-subtitle {
    position: relative;
    z-index: 2;
    color: var(--text-description-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.main-banner__trust-download-app {
    display: flex;
    align-items: center;
    gap: var(--spacings-m);
    padding: calc(var(--spacings-2xs) - 1px) var(--spacings-xs) calc(var(--spacings-2xs) - 1px) var(--spacings-2xs);
    border-radius: 100px;
    position: relative;
    background: radial-gradient(46.43% 46.43% at 50% 100%,rgba(42,109,238,.2) 0,rgba(42,109,238,.03) 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.main-banner__trust-download-app:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: radial-gradient(46.43% 46.43% at 50% 100%,rgba(42,109,238,.2) 0,rgba(42,109,238,.03) 100%) padding-box,var(--gradient-tokens-border-g-1) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner__trust-download-app-icon-wr {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 100px;
    background-color: var(--colors-global-accent-c)
}

@media(min-width: 1628px) {
    .main-banner__trust-download-app-icon-wr {
        width:52px;
        height: 52px
    }
}

.main-banner__trust-download-app-icon {
    width: 20px;
    height: auto;
    color: var(--icons-a)
}

.main-banner__trust-download-app-title {
    max-width: 167px;
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.main-banner__trust-download-app-img-wr {
    position: absolute;
    right: 30px;
    bottom: 0;
    width: 63px;
    z-index: 1
}

@media(min-width: 1628px) {
    .main-banner__trust-download-app-img-wr {
        right:34px;
        width: 68px
    }
}

@media(min-width: 1920px) {
    .main-banner__trust-download-app-img-wr {
        right:30px;
        width: 75px
    }
}

.main-banner--auth {
    display: flex;
    /* margin: 0 calc(var(--spacings-page-paddings)*-1); */
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
    background: var(--gradients-background-white-0)
}

.main-banner--auth:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-0) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 639px) {
    .main-banner--auth {
        /* min-height:192px; */
        /* padding-bottom: 52px; */
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .main-banner--auth {
        min-height:160px;
        padding-bottom: 56px
    }
}

@media(min-width: 1140px) {
    .main-banner--auth {
        min-height:196px;
        padding-bottom: 64px;
        border-radius: 40px 40px 0 0
    }
}

@media(min-width: 1628px) {
    .main-banner--auth {
        min-height:220px;
        border-radius: 60px 60px 0 0
    }
}

.main-banner__authorized {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    padding: var(--spacings-xl) var(--spacings-2xl)
}

@media(min-width: 640px) {
    .main-banner__authorized {
        flex-direction:row;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 0 20px
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized {
        gap:16px;
        padding: 0 calc(var(--spacings-page-paddings) + var(--spacings-m))
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized {
        gap:20px
    }
}

.main-banner__bg-images {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner__bg-image-left-wr,.main-banner__bg-image-right-wr {
    position: absolute
}

.main-banner--casino-bonus .main-banner__bg-image-left-wr,.main-banner--casino-bonus .main-banner__bg-image-right-wr {
    padding: 0
}

.main-banner__bg-image-left-wr {
    bottom: -73px;
    left: -51px;
    width: 178px;
    height: 178px
}

@media(min-width: 640px) {
    .main-banner__bg-image-left-wr {
        bottom:-123px;
        left: -74px;
        width: 225px;
        height: 225px;
        padding: 4px 67px 83px 20px
    }
}

@media(min-width: 1140px) {
    .main-banner__bg-image-left-wr {
        bottom:-224px;
        left: 15px;
        width: 356px;
        height: 356px;
        padding: 7px 106px 131px 32px
    }

    .main-wr--user-sidebar-opened .main-banner__bg-image-left-wr {
        left: -145px;
        transition: left .1s ease-out
    }
}

@media(min-width: 1628px) {
    .main-banner__bg-image-left-wr {
        bottom:-244px;
        left: 10px;
        width: 400px;
        height: 400px;
        padding: 7px 119px 148px 36px
    }

    .main-wr--user-sidebar-opened .main-banner__bg-image-left-wr {
        left: -133px
    }
}

@media(min-width: 1920px) {
    .main-banner__bg-image-left-wr {
        top:0;
        left: -116px
    }

    .main-wr--user-sidebar-opened .main-banner__bg-image-left-wr {
        left: -116px
    }
}

.main-banner__bg-image-right-wr {
    top: -74px;
    right: -40px;
    width: 178px;
    height: 178px
}

@media(min-width: 640px) {
    .main-banner__bg-image-right-wr {
        top:-138px;
        right: -57px;
        width: 225px;
        height: 225px;
        padding: 89px 27px 24px 86px
    }
}

@media(min-width: 1140px) {
    .main-banner__bg-image-right-wr {
        top:-217px;
        right: -39px;
        width: 356px;
        height: 356px;
        padding: 141px 43px 37px 135px
    }

    .main-wr--user-sidebar-opened .main-banner__bg-image-right-wr {
        right: -119px;
        transition: right .1s ease-out
    }
}

@media(min-width: 1628px) {
    .main-banner__bg-image-right-wr {
        top:-244px;
        right: 40px;
        width: 400px;
        height: 400px;
        padding: 158px 48px 42px 152px
    }

    .main-wr--user-sidebar-opened .main-banner__bg-image-right-wr {
        right: -103px
    }
}

@media(min-width: 1920px) {
    .main-banner__bg-image-right-wr,.main-wr--user-sidebar-opened .main-banner__bg-image-right-wr {
        right:-86px
    }
}

.main-banner__bg-image-left,.main-banner__bg-image-right {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.main-banner--casino-bonus .main-banner__bg-image-left,.main-banner--casino-bonus .main-banner__bg-image-right {
    transform: none;
    mix-blend-mode: hard-light
}

.main-banner__bg-image-left {
    transform: rotate(-7deg);
    background-image: url(/1img/bubble-0.webp)
}

.no-webp .main-banner__bg-image-left {
    background-image: url(/1img/bubble-0.png)
}

.main-banner__bg-image-right {
    transform: rotate(18deg);
    background-image: url(/1img/star-0.webp)
}

.no-webp .main-banner__bg-image-right {
    background-image: url(/1img/star-0.png)
}

@media(max-width: 639px) {
    .main-banner--casino-bonus .main-banner__bg-image-right {
        filter:blur(3px)
    }
}

.main-banner__inner {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
    z-index: 2;
    /* margin-top: 25px; */
}

@media(min-width: 640px) {
    .main-banner__inner {
        justify-content:center;
        gap: 10px
    }
}

@media(min-width: 1140px) {
    .main-banner__inner {
        gap:20px
    }
}

@media(min-width: 1920px) {
    .main-banner__inner {
        position:static;
        width: 100%;
        max-width: var(--main-container-max-width);
        margin: 0 auto;
        padding: 0 var(--spacings-m)
    }
}

.main-banner__authorized-bg {
    --background-color: #5e95ff;
    background: linear-gradient(0deg,var(--background-color),var(--background-color)),linear-gradient(90deg,#181818,#666 19.5%,#6f6f6f 30%,#484848 54.55%,#181818);
    background-blend-mode: color,normal;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* bottom: -52px; */
}

@media(min-width: 640px) {
    .main-banner__authorized-bg {
        bottom:-56px
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized-bg {
        bottom:-64px
    }
}

.main-banner__authorized-text {
    max-width: calc(100% - 155px);
    display: flex;
    flex-direction: column;
    color: var(--colors-base-white-b);
    z-index: 1;
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

@media(max-width: 639px) {
    .main-banner__authorized-text {
        margin-bottom:8px
    }
}

@media(min-width: 640px) {
    .main-banner__authorized-text {
        max-width:42.5%;
        order: 0;
        text-align: right
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized-text {
        max-width:42.74809%
    }

    .main-wr--user-sidebar-opened .main-banner__authorized-text {
        max-width: calc(42.74809% + var(--sidebar-right))
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-text {
        max-width:44.95798%
    }

    .main-wr--user-sidebar-opened .main-banner__authorized-text {
        max-width: calc(44.95798% + var(--sidebar-right))
    }
}

@media(min-width: 640px) {
    .main-banner--casino-bonus .main-banner__authorized-text {
        max-width:33.33333%
    }
}

@media(min-width: 1140px) {
    .main-banner--casino-bonus .main-banner__authorized-text {
        max-width:34.82824%
    }

    .main-wr--user-sidebar-opened .main-banner--casino-bonus .main-banner__authorized-text {
        max-width: calc(34.82824% + var(--sidebar-right))
    }
}

@media(min-width: 1628px) {
    .main-banner--casino-bonus .main-banner__authorized-text {
        max-width:44.95798%
    }

    .main-wr--user-sidebar-opened .main-banner--casino-bonus .main-banner__authorized-text {
        max-width: calc(34.82824% + var(--sidebar-right))
    }
}

.main-banner__authorized-title-wr {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media(min-width: 640px) {
    .main-banner__authorized-title-wr {
        display:block
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized-title-wr {
        gap:9px
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-title-wr {
        display:flex;
        flex-direction: column;
        gap: 4px
    }
}

.main-banner__authorized-badge {
    padding: 4px var(--tabs-m-vert);
    display: inline-flex;
    align-self: flex-start;
    color: var(--colors-base-white-b);
    border-radius: 100px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.main-banner__authorized-badge:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .main-banner__authorized-badge {
        position:relative;
        top: -4px;
        margin-right: 6px
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized-badge {
        margin-right:8px;
        padding: 4px var(--tabs-m-hor);
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-badge {
        top:0;
        margin-right: 0;
        align-self: flex-end
    }
}

.main-banner__authorized-title {
    color: var(--text-text);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

.main-banner__authorized-title .percent {
    color: var(--text-text)
}

@media(min-width: 640px) {
    .main-banner__authorized-title {
        text-align:right
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-title br {
        display:none
    }
}

.main-banner__authorized-subtitle {
    color: var(--text-text)
}

@media(min-width: 640px) {
    .main-banner__authorized-subtitle {
        text-align:right
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-subtitle br {
        display:none
    }
}

.main-banner__authorized-btn {
    z-index: 1;
    height: 40px
}

@media(max-width: 639px) {
    .main-banner__authorized-btn {
        margin:auto auto 0 0
    }
}

@media(min-width: 640px) {
    .main-banner__authorized-btn {
        order:2;
        height: 52px;
        padding-left: var(--spacings-2xl);
        padding-right: var(--spacings-2xl)
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized-btn {
        height:60px
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-btn {
        height:68px
    }
}

.main-banner__authorized-percent {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 639px) {
    .main-banner__authorized-percent {
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        left: calc(50% + 102px)
    }
}

@media(min-width: 640px) {
    .main-banner__authorized-percent {
        order:1;
        height: 103px
    }
}

@media(min-width: 1140px) {
    .main-banner__authorized-percent {
        height:131px
    }
}

@media(min-width: 1628px) {
    .main-banner__authorized-percent {
        height:155px
    }
}

.main-banner__authorized-percent-img {
    width: 140px;
    height: 140px;
    object-fit: contain;
    transform: rotate(10deg)
}

.main-banner--casino-bonus .main-banner__authorized-percent-img {
    width: auto;
    height: auto;
    max-width: 220px;
    max-height: 100%;
    transform: none
}

@media(min-width: 640px) {
    .main-banner--casino-bonus .main-banner__authorized-percent-img {
        max-width:211px
    }
}

@media(min-width: 1140px) {
    .main-banner--casino-bonus .main-banner__authorized-percent-img {
        max-width:270px
    }
}

@media(min-width: 1628px) {
    .main-banner--casino-bonus .main-banner__authorized-percent-img {
        max-width:319px
    }
}

.main-banner--no-auth {
    display: flex;
    height: 252px;
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    padding-bottom: 52px;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
    background: var(--gradient-tokens-noise-a)
}

.main-banner--no-auth:after {
    z-index: -1;
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-noise-a) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.main-banner--no-auth:after,.main-banner--no-auth:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-banner--no-auth:before {
    opacity: .1;
    border-radius: inherit;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-repeat: repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url(/1img/background.webp);
}

.no-webp .main-banner--no-auth:before {
    background-image: url(/1img/background.png)
}

@media(min-width: 640px) {
    .main-banner--no-auth {
        height:256px;
        padding-bottom: 56px
    }
}

@media(min-width: 1140px) {
    .main-banner--no-auth {
        height:404px;
        padding-bottom: 64px;
        border-radius: 40px 40px 0 0
    }
}

@media(min-width: 1628px) {
    .main-banner--no-auth {
        height:441px;
        border-radius: 60px 60px 0 0
    }
}

.main-banner__no-auth-left {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%
}

@media(max-width: 639px) {
    .main-banner__no-auth-left {
        padding:var(--spacings-page-paddings) 0 var(--spacings-page-paddings) var(--spacings-2xl)
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .main-banner__no-auth-left {
        padding:var(--spacings-page-paddings) 0 var(--spacings-page-paddings) var(--spacings-3xl)
    }
}

@media(min-width: 1140px) {
    .main-banner__no-auth-left {
        padding:var(--spacings-page-paddings) 0 var(--spacings-page-paddings) calc(var(--spacings-page-paddings) + var(--spacings-m))
    }
}

@media(min-width: 1920px) {
    .main-banner__no-auth-left {
        padding-left:0
    }
}

.main-banner__no-auth-left-glow {
    position: absolute;
    top: -123px;
    right: -202px;
    width: 338px;
    height: 267px;
    pointer-events: none;
    background-image: url(/1img/glow.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .main-banner__no-auth-left-glow {
    background-image: url(/1img/glow.png)
}

@media(min-width: 1140px) {
    .main-banner__no-auth-left-glow {
        top:auto;
        bottom: 103px;
        right: -440px;
        width: 692px;
        height: 545px;
        background-image: url(/1img/glow_desktop.webp)
    }

    .no-webp .main-banner__no-auth-left-glow {
        background-image: url(/1img/glow_desktop.png)
    }
}

@media(min-width: 1628px) {
    .main-banner__no-auth-left-glow {
        bottom:146px;
        right: -312px;
        width: 668px;
        height: 527px
    }
}

.main-banner__no-auth-title {
    margin-bottom: 8px;
    color: var(--colors-base-white-b);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

@media(max-width: 639px) {
    .main-banner__no-auth-title {
        max-width:169px
    }
}

@media(min-width: 640px) {
    .main-banner__no-auth-title {
        max-width:205px
    }
}

@media(min-width: 1140px) {
    .main-banner__no-auth-title {
        max-width:336px;
        margin-bottom: var(--spacings-m)
    }
}

.main-banner__no-auth-title .currency-content.default {
    color: var(--text-text-accent)
}

@media(min-width: 1140px) {
    .main-banner__no-auth-title .currency-content.default {
        display:inline-block;
        margin-top: 4px
    }
}

.main-banner__no-auth-offer-name {
    color: var(--text-description-a)
}

@media(max-width: 639px) {
    .main-banner__no-auth-offer-name {
        max-width:169px
    }
}

@media(max-width: 1139px) {
    .main-banner__no-auth-offer-name {
        font-size:12px;
        line-height: 16px;
        font-weight: 500
    }
}

@media(min-width: 640px) {
    .main-banner__no-auth-offer-name {
        max-width:205px
    }

    .main-banner__no-auth-offer-name br {
        display: none
    }
}

@media(min-width: 1140px) {
    .main-banner__no-auth-offer-name {
        max-width:336px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
}

@media(min-width: 1628px) {
    .main-banner__no-auth-offer-name {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.main-banner__no-auth-percent {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.main-banner__no-auth-percent:after,.main-banner__no-auth-percent:before {
    content: "";
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.main-banner__no-auth-percent:before {
    top: -153px;
    right: -99px;
    width: 224px;
    height: 222px;
    z-index: 1;
    animation: starAnimationMobile 12s ease-out infinite;
    background-image: url(/1img/star-no-auth.webp)
}

.no-webp .main-banner__no-auth-percent:before {
    background-image: url(/1img/star-no-auth.png)
}

.main-banner__no-auth-percent:after {
    top: 40px;
    left: -23px;
    width: 176px;
    height: 153px;
    z-index: -1;
    animation: bubbleAnimationMobile 12s ease-out infinite;
    background-image: url(/1img/bubble-no-auth.webp)
}

.no-webp .main-banner__no-auth-percent:after {
    background-image: url(/1img/bubble-no-auth.png)
}

@media(max-width: 639px) {
    .main-banner__no-auth-percent {
        transform:translateX(-4%)
    }
}

@media(max-width: 1139px) {
    .main-banner__no-auth-percent {
        top:65px;
        width: 215px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .main-banner__no-auth-percent {
        transform:translateX(-15%)
    }

    .main-banner__no-auth-percent:before {
        animation: starAnimationTablet 12s ease-out infinite
    }
}

@media(min-width: 1140px) {
    .main-banner__no-auth-percent {
        top:91px;
        width: 410px;
        transform: translateX(-55%)
    }

    .main-banner__no-auth-percent:before {
        top: -322px;
        right: -133px;
        width: 445px;
        height: 440px;
        animation: starAnimationDesktop 12s ease-out infinite
    }

    .main-banner__no-auth-percent:after {
        top: 47px;
        left: -72px;
        width: 372px;
        height: 318px;
        animation: bubbleAnimationDesktop 12s ease-out infinite
    }
}

@media(min-width: 1628px) {
    .main-banner__no-auth-percent {
        top:63px;
        width: 591px;
        transform: translateX(-50%)
    }

    .main-banner__no-auth-percent:before {
        top: -349px;
        right: -281px;
        width: 548px;
        height: 542px
    }

    .main-banner__no-auth-percent:after {
        top: 83px;
        left: -30px;
        width: 431px;
        height: 377px
    }
}

.main-banner__no-auth-percent-img {
    position: relative;
    z-index: 2
}

.main-banner__no-auth-bottom {
    display: flex;
    margin-top: auto
}

@media(max-width: 1139px) {
    .main-banner__no-auth-bottom {
        justify-content:space-between;
        align-items: flex-end;
        padding-right: 20px;
        gap: 10px
    }
}

@media(min-width: 1140px) {
    .main-banner__no-auth-bottom {
        flex-direction:column;
        align-items: flex-start;
        gap: var(--spacings-xl)
    }
}

@media(min-width: 1628px) {
    .main-banner__no-auth-bottom {
        flex-direction:row;
        align-items: center
    }
}

.main-banner__no-auth-btn {
    z-index: 1
}

@media(max-width: 639px) {
    .main-banner__no-auth-btn {
        height:40px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .main-banner__no-auth-btn {
        height:52px
    }
}

@media(min-width: 1140px) {
    .main-banner__no-auth-btn {
        height:60px
    }
}

@media(min-width: 1628px) {
    .main-banner__no-auth-btn {
        height:68px
    }
}

.main-banner__payment-list {
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
    justify-content: flex-end
}

@media(max-width: 1139px) {
    .main-banner__payment-list {
        height:20px
    }
}

@keyframes starAnimationMobile {
    0% {
        transform: translate(0) rotate(0)
    }

    33% {
        transform: translate(30px,20px) rotate(45deg)
    }

    66% {
        transform: translate(-45px,20px) rotate(150deg)
    }

    to {
        transform: translate(0) rotate(0)
    }
}

@keyframes starAnimationTablet {
    0% {
        transform: translate(0) rotate(0)
    }

    33% {
        transform: translate(50px,20px) rotate(45deg)
    }

    66% {
        transform: translate(-25px,30px) rotate(150deg)
    }

    to {
        transform: translate(0) rotate(0)
    }
}

@keyframes starAnimationDesktop {
    0% {
        transform: translate(0) rotate(0)
    }

    33% {
        transform: translate(60px,50px) rotate(45deg)
    }

    66% {
        transform: translate(-90px,30px) rotate(150deg)
    }

    to {
        transform: translate(0) rotate(0)
    }
}

@keyframes bubbleAnimationMobile {
    0% {
        transform: translate(0) rotate(0)
    }

    33% {
        transform: translate(20px,20px) rotate(170deg)
    }

    66% {
        transform: translate(50px,40px) rotate(235deg)
    }

    to {
        transform: translate(0) rotate(1turn)
    }
}

@keyframes bubbleAnimationDesktop {
    0% {
        transform: translate(0) rotate(0)
    }

    33% {
        transform: translateY(40px) rotate(170deg);
    }

    66% {
        transform: translate(80px,80px) rotate(235deg);
    }

    to {
        transform: translate(0) rotate(1turn)
    }
}

.collections-menu-wr {
    position: relative;
    margin: 0 calc(var(--spacings-page-paddings)*-1) var(--spacings-3xl);
    padding: 0 var(--spacings-page-paddings);
    z-index: 2
}

.main-banner+.collections-menu-wr {
    margin-top: -64px
}

.collections-menu {
    position: relative;
    padding: 16px var(--spacings-m) 0;
    display: flex;
    align-items: center;
    height: 64px;
    border-radius: 40px 40px 0 0;
    background: var(--backgrounds-a)
}

.collections-menu:after,.collections-menu:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.collections-menu:before {
    left: 0;
    transform: translateX(-100%);
    background-image: url(/1img/round-left.svg)
}

.collections-menu:after {
    right: 0;
    transform: translateX(100%);
    background-image: url(/1img/round-right.svg)
}

@media(min-width: 1920px) {
    .collections-menu {
        max-width:var(--main-container-max-width);
        margin: 0 auto
    }
}

.collections-menu__list {
    display: flex;
    align-items: center;
    gap: var(--spacings-xs);
    width: 100%
}

.collections-menu__item {
    flex: 1 1 calc(16.66667% - var(--spacings-xs));
    margin-right: var(--spacings-xs)!important
}

.collections-menu__list.swiper .collections-menu__item {
    width: auto!important
}

.collections-menu__item:last-child {
    margin-right: 0!important
}

.collections-menu__link {
    display: flex;
    width: 100%;
    padding: var(--tabs-m-vert) var(--tabs-m-hor)
}

.collections-menu__link .btn__icon {
    color: var(--icons-a-disable)
}

.top-search__field {
    position: relative;
    z-index: 1;
    height: 100%;
    border-radius: 30px 30px 0 0;
    background: var(--backgrounds-a)
}

@media(max-width: 1139px) {
    .top-search__field {
        margin-bottom:8px
    }
}

.top-search__field:after,.top-search__field:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.top-search__field:before {
    left: -24px;
    background-image: url(/1img/round-left.svg)
}

.top-search__field:after {
    right: -24px;
    background-image: url(/1img/round-right.svg)
}

.top-search--static .top-search__field {
    padding: var(--spacings-m) var(--spacings-m) 0
}

.top-search__field-btn {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-description-b);
    padding: 4px 48px 4px 16px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.top-search__field-btn:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .top-search__field-btn:hover {
    color: var(--text-text)
}

.top-search__field-btn-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-search__field-btn-icon-wr {
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--icons-c);
    border-radius: 100px;
    padding: var(--buttons-icon-s);
    background: var(--buttons-secondary-b-bg-default);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.static-page__head .top-search__field-btn-icon-wr {
    width: 36px;
    height: 36px
}

@media(min-width: 1140px) {
    .top-search__field-btn-icon-wr {
        width:40px;
        height: 40px
    }
}

.top-search__field-btn-icon {
    width: 100%;
    height: 100%
}

.top-search__buttons {
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    background: var(--backgrounds-a);
    overflow: hidden;
    height: 40px;
    transform: translateZ(0);
    transition: transform .3s ease;
    will-change: transform
}

@media(max-width: 639px) {
    .top-search--static .top-search__buttons {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .top-search--static .top-search__buttons {
        padding:0 4px
    }
}

@media(max-width: 1139px) {
    .top-search__buttons {
        margin-bottom:var(--spacings-m)
    }
}

.fixed-container__sticky .top-search__buttons:not(.top-search .top-search__buttons) {
    margin-top: 8px
}

.fixed-container--fixed:not(.top-search) .top-search__buttons {
    transform: translate3d(0,-100%,0);
    margin-bottom: 0;
    height: 0
}

.top-search .top-search__buttons {
    margin-bottom: 0
}

.top-search__button {
    flex: 1;
    height: auto;
    text-transform: none!important;
    padding: var(--buttons-s-vert) 10px
}

.top-search__button .btn__inner {
    width: 100%;
    font-weight: 500!important;
    justify-content: space-between;
    gap: 4px
}

.top-search__button-left-icon {
    color: var(--icons-a-disable)
}

.fixed-container__static--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.fixed-container__sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: transform .3s ease,width .3s ease;
    pointer-events: none;
    transform: translate3d(0,var(--topbar-height),0)
}

@media(max-width: 1139px) {
    .main-banner+.top-search .fixed-container__sticky:after,.main-banner+.top-search .fixed-container__sticky:before {
        content:none
    }
}

@media(max-width: 1139px) {
    .fixed-container__sticky {
        padding:var(--spacings-s) var(--spacings-page-paddings)
    }

    .fixed-container__sticky:after,.fixed-container__sticky:before {
        content: "";
        position: absolute;
        bottom: -36px;
        height: 36px;
        width: 36px;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .fixed-container__sticky:before {
        right: 0;
        background-image: url(/1img/round-right.svg);
        background-position-x: left
    }

    .fixed-container__sticky:after {
        left: 0;
        background-image: url(/1img/round-left.svg);
        background-position-x: right
    }

    .top-bar--hide~.main-wr .fixed-container__sticky {
        transform: translate3d(0,var(--spacings-m),0)
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky {
        padding:0 var(--spacings-page-paddings);
        background: var(--backgrounds-a);
        transition: top .3s ease-out
    }

    .authorized .fixed-container__sticky {
        right: var(--sidebar-right-close)
    }

    .authorized .main-wr--user-sidebar-opened .fixed-container__sticky {
        right: var(--sidebar-right)
    }
}

@media(min-width: 1920px) {
    .fixed-container__sticky {
        max-width:calc(var(--main-container-max-width) + var(--spacings-page-paddings)*2);
        margin: 0 auto
    }
}

@media(min-width: 2380px) {
    .authorized .main-wr--user-sidebar-opened .fixed-container__sticky {
        right:var(--sidebar-right-close)
    }
}

.fixed-container--fixed .fixed-container__sticky {
    z-index: 6;
    opacity: 1;
    pointer-events: auto
}

.fixed-container__sticky-bg,.fixed-container__sticky-blur {
    pointer-events: none
}

@media(max-width: 1139px) {
    .fixed-container__sticky-bg {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--backgrounds-a);
        border-radius: 30px 30px 0 0;
        z-index: -1;
        transition: top .3s ease
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky-bg {
        display:none
    }
}

@media(max-width: 1139px) {
    .fixed-container__sticky-blur {
        position:absolute;
        top: calc(var(--topbar-height)*-1);
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -2;
        background: var(--backgrounds-a-70);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky-blur {
        display:none
    }
}

@media(max-width: 639px) {
    .main-banner+.top-search {
        margin:-52px calc(var(--spacings-m)*-1) 0
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .main-banner+.top-search {
        margin-top:-56px
    }
}

.top-search--static {
    position: relative;
    z-index: 6;
    background: var(--backgrounds-a);
    border-radius: 30px 30px 0 0;
    padding-bottom: var(--spacings-xs);
    margin-bottom: var(--spacings-3xl)
}

.top-search--static,.top-search--sticky {
    display: flex;
    flex-direction: column
}

.top-search--sticky {
    z-index: -1;
    pointer-events: none
}

.fixed-container--fixed .top-search--sticky {
    z-index: 6;
    pointer-events: auto
}

.is-loading .mount-into-view {
    display: none
}

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

.stories-group-item__image {
    width: 68px;
    height: 68px;
    padding: 8px;
    border-radius: 100px;
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.stories-group-item__image:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 3px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.stories-group-item--visited .stories-group-item__image {
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.stories-group-item--visited .stories-group-item__image:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 3px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradients-background-e-4) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.Safari .stories-group-item__image {
    background: var(--gradient-tokens-border-b)
}

.Safari .stories-group-item__image:after {
    content: none
}

.Safari .stories-group-item__image:before {
    content: "";
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: inherit;
    background: var(--gradients-background-e-4),var(--gradients-background-a);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.Safari .stories-group-item--visited .stories-group-item__image {
    background: var(--gradients-background-e-8)
}

.Safari .stories-group-item--visited .stories-group-item__image:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}

.stories-group-item__img {
    position: relative;
    z-index: 1;
    width: 52px;
    height: 52px;
    border-radius: 100px;
    object-fit: cover
}

.stories-group-item__counter {
    bottom: -7px;
    padding: 3px 8px;
    border-radius: 100px;
    background: var(--gradient-tokens-backgrounds-m);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

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

.stories-group-item__label {
    padding: 1px 0;
    color: var(--text-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .5px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

.stories-group {
    width: calc(100% + var(--spacings-page-paddings)*2);
    min-height: 94px;
    padding: calc(var(--spacings-l) - var(--spacings-m)) 0 calc(var(--spacings-m) + var(--spacings-xs));
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    display: flex;
    align-items: center;
    justify-content: center
}

@media(min-width: 1140px) {
    .stories-group {
        padding:var(--spacings-m) 0;
        margin: 0 calc(var(--spacings-page-paddings)*-1);
        width: calc(100% + var(--spacings-page-paddings)*2);
        background-image: url(/1img/bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center -8px
    }

    .no-webp .stories-group {
        background-image: url(/1img/bg.png)
    }
}

.stories-group__inner {
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    overflow-y: auto;
    padding: 0 var(--spacings-page-paddings)
}

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

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

@media(min-width: 1140px) {
    .stories-group__inner {
        gap:var(--spacings-m)
    }
}

.home-bg-section {
    position: relative
}

@media(min-width: 1920px) {
    .home-bg-section {
        max-width:var(--main-container-max-width);
        margin: 0 auto
    }
}

.main-banner-wrapper {
    padding-top: 4px
}

@media(min-width: 640px) {
    .main-banner-wrapper {
        padding-top:var(--spacings-xs)
    }
}

.collection-menu-wrapper {
    min-height: 40px;
    margin-bottom: var(--spacings-4xl)
}

@media(max-width: 1139px) {
    .collection-menu-wrapper {
        margin:var(--spacings-2xl) 0 var(--spacings-4xl)
    }

    .authorized .collection-menu-wrapper {
        margin-top: 0
    }
}

@media(min-width: 640px) {
    .collection-menu-wrapper {
        margin-top:var(--spacings-5xl)
    }
}

@media(min-width: 1140px) {
    .collection-menu-wrapper {
        min-height:48px
    }
}

.games-slider-wrap--section-live_dealers,.games-slider-wrap--section-new,.games-slider-wrap--section-popular,.games-slider-wrap--section-recommended {
    min-height: 152px
}

@media(min-width: 640px) {
    .games-slider-wrap--section-live_dealers,.games-slider-wrap--section-new,.games-slider-wrap--section-popular,.games-slider-wrap--section-recommended {
        min-height:224px
    }
}

@media(min-width: 1140px) {
    .games-slider-wrap--section-live_dealers,.games-slider-wrap--section-new,.games-slider-wrap--section-popular,.games-slider-wrap--section-recommended {
        min-height:260px
    }
}

@media(min-width: 1628px) {
    .games-slider-wrap--section-live_dealers,.games-slider-wrap--section-new,.games-slider-wrap--section-popular,.games-slider-wrap--section-recommended {
        min-height:292px
    }
}

.games-slider-wrap--section-day_hot_games.games-slider-wrap--two-row {
    min-height: 324px
}

@media(min-width: 640px) {
    .games-slider-wrap--section-day_hot_games.games-slider-wrap--two-row {
        min-height:364px
    }
}

@media(min-width: 1140px) {
    .games-slider-wrap--section-day_hot_games.games-slider-wrap--two-row {
        min-height:400px
    }
}

@media(min-width: 1628px) {
    .games-slider-wrap--section-day_hot_games.games-slider-wrap--two-row {
        min-height:420px
    }
}

.main-page__games-providers {
    min-height: 128px
}

@media(min-width: 1140px) {
    .main-page__games-providers {
        min-height:132px
    }
}

@media(min-width: 1628px) {
    .main-page__games-providers {
        min-height:136px
    }
}

.home-bg-section-inner--winners {
    margin-bottom: 20px
}

@media(min-width: 640px) {
    .home-bg-section-inner--winners {
        margin-top:var(--spacings-5xl);
        margin-bottom: var(--spacings-5xl)
    }
}

@media(min-width: 1140px) {
    .home-bg-section-inner--winners {
        min-height:368px
    }
}

@media(min-width: 1628px) {
    .home-bg-section-inner--winners {
        min-height:428px
    }
}

.grecaptcha-badge {
    display: none!important
}
.sport-lobby-main-banner { position: relative; height: 200px; overflow: hidden; }
@media (min-width: 1140px) {
  .sport-lobby-main-banner { height: 298px; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner { height: 318px; }
}
@media (min-width: 1920px) {
  .sport-lobby-main-banner { max-width: var(--main-container-max-width); margin: 0px auto; }
}
.sport-lobby-main-banner__left-glow { position: absolute; top: -123px; right: -202px; width: 338px; height: 267px; pointer-events: none; background-image: url("/1img/glow.webp"); background-repeat: no-repeat; background-size: cover; background-position: 50% center; }
.no-webp .sport-lobby-main-banner__left-glow { background-image: url("/1img/glow.png"); }
@media (min-width: 1140px) {
  .sport-lobby-main-banner__left-glow { top: auto; bottom: 30px; right: 14px; width: 692px; height: 545px; background-image: url("/1img/glow_desktop.webp"); }
  .no-webp .sport-lobby-main-banner__left-glow { background-image: url("/1img/glow_desktop.png"); }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner__left-glow { bottom: 45px; right: 335px; width: 668px; height: 527px; }
}
@media (min-width: 1628px) {
  .sidebar-opened .sport-lobby-main-banner__left-glow { bottom: 45px; right: 145px; width: 668px; height: 527px; }
}
@media (min-width: 1920px) {
  .sidebar-opened .sport-lobby-main-banner__left-glow { right: 335px; }
}
.sport-lobby-main-banner__content { position: relative; display: flex; align-items: flex-end; height: 100%; overflow: hidden; }
@media (min-width: 640px) {
  .sport-lobby-main-banner__content { padding: 0 var(--spacings-3xl); display: grid; grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content { padding: var(--spacings-2xl) calc(var(--spacings-2xl) + var(--spacings-m)); display: flex; align-items: center; }
}
.sport-lobby-main-banner__title { color: var(--text-description-a); font-size: 12px; line-height: 16px; font-weight: 500; }
@media (max-width: 639px) {
  .sport-lobby-main-banner__title br { display: none; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__title { color: var(--text-text); font-size: 16px; line-height: 24px; font-weight: 500; }
  .sport-lobby-main-banner__title br { display: none; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner__title { font-size: var(--text-large-medium-font-size); line-height: var(--text-large-medium-line-height); font-weight: 500; }
}
.sport-lobby-main-banner__content-main { width: 100%; height: 100%; padding: var(--spacings-page-paddings) 0 var(--spacings-page-paddings) var(--spacings-3xl); display: flex; flex-direction: column; align-items: baseline; }
@media (min-width: 640px) {
  .sport-lobby-main-banner__content-main { padding: var(--spacings-page-paddings) 0; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content-main { padding: 0px; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner__content-main { max-width: 493px; }
}
.sidebar-opened .sport-lobby-main-banner__content-main { max-width: 300px; }
@media (min-width: 1628px) {
  .sidebar-opened .sport-lobby-main-banner__content-main { max-width: 493px; }
}
.sport-lobby-main-banner__content-text-wr { display: flex; align-items: center; gap: 4px; color: var(--text-heading); margin-bottom: 8px; font-size: var(--headings-h1-font-size); font-weight: var(--headings-h1-weight); line-height: var(--headings-h1-line-height); }
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content-text-wr { color: var(--colors-base-white-b); margin-bottom: var(--spacings-m); align-items: baseline; }
}
.sport-lobby-main-banner__content-percent { color: var(--text-text-accent); }
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content-percent { font-size: 38px; font-weight: var(--headings-h1-weight); line-height: 48px; }
}
.sport-lobby-main-banner__button { position: relative; height: 40px; margin-top: auto; width: auto; z-index: 1; }
@media (min-width: 640px) {
  .sport-lobby-main-banner__button { height: 52px; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__button { height: 68px; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content-aside { position: absolute; left: 50%; transform: translateX(-50%); }
  .sidebar-opened .sport-lobby-main-banner__content-aside { position: static; transform: translateX(0px); }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner__content-aside { position: static; transform: translateX(0px); margin-left: 166px; }
  .sidebar-opened .sport-lobby-main-banner__content-aside { margin-left: 48px; }
}
@media (min-width: 1920px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside { margin-left: 166px; }
}
.sport-lobby-main-banner__content-aside-images { width: 188px; height: 188px; }
.sport-lobby-main-banner__content-aside-images::after, .sport-lobby-main-banner__content-aside-images::before { content: ""; position: absolute; pointer-events: none; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: 50% center; }
.sport-lobby-main-banner__content-aside-images::before { top: -86px; right: -114px; width: 224px; height: 222px; transform: rotate(-178deg); z-index: 1; background-image: url("/1img/star-no-auth.webp"); }
.no-webp .sport-lobby-main-banner__content-aside-images::before { background-image: url("/1img/star-no-auth.png"); }
.sport-lobby-main-banner__content-aside-images::after { bottom: -66px; left: 90px; width: 176px; height: 153px; z-index: -1; opacity: 0.3; backdrop-filter: blur(5px); background-image: url("/1img/bubble-no-auth.webp"); }
.no-webp .sport-lobby-main-banner__content-aside-images::after { background-image: url("/1img/bubble-no-auth.png"); }
@media (min-width: 640px) and (max-width: 1139px) {
  .sport-lobby-main-banner__content-aside-images { width: 200px; height: 200px; }
  .sport-lobby-main-banner__content-aside-images::before { top: -94px; right: -44px; }
  .sport-lobby-main-banner__content-aside-images::after { bottom: -51px; left: 216px; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content-aside-images { width: 298px; height: 298px; }
  .sport-lobby-main-banner__content-aside-images::before { top: -240px; right: -348px; width: 445px; height: 440px; transform: rotate(-186deg); }
  .sport-lobby-main-banner__content-aside-images::after { bottom: -188px; left: -178px; width: 372px; height: 318px; opacity: 0.5; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner__content-aside-images::before { top: -239px; right: -241px; width: 440px; height: 436px; }
  .sport-lobby-main-banner__content-aside-images::after { top: 172px; left: -292px; width: 334px; height: 290px; background-blend-mode: difference; backdrop-filter: blur(14px); }
}
@media (min-width: 1140px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside-images::before { top: -244px; right: -358px; width: 445px; height: 440px; transform: rotate(-189deg); }
}
@media (min-width: 1628px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside-images::before { top: -241px; right: -311px; width: 445px; height: 440px; transform: rotate(-188deg); }
}
@media (min-width: 1920px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside-images::before { top: -239px; right: -241px; width: 440px; height: 436px; transform: rotate(-186deg); }
}
@media (min-width: 1628px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside-images::after { left: -217px; }
}
@media (min-width: 1920px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside-images::after { left: -292px; }
}
.sport-lobby-main-banner__content-aside-image { width: 188px; height: 188px; background-image: url("/upload/sport-page/gift_sport_banner.webp"); background-repeat: no-repeat; background-size: cover; background-position: 50% center; }
.no-webp .sport-lobby-main-banner__content-aside-image { background-image: url("/upload/sport-page/gift_sport_banner.png"); }
@media (min-width: 640px) {
  .sport-lobby-main-banner__content-aside-image { width: 200px; height: 200px; margin-left: 10px; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-banner__content-aside-image { width: 298px; height: 298px; margin-left: -40px; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-banner__content-aside-image { width: 302px; height: 302px; }
}
@media (min-width: 1140px) {
  .authorized .sport-lobby-main-banner__content-aside-image { margin-left: 0px; }
}
@media (min-width: 1628px) {
  .authorized .sport-lobby-main-banner__content-aside-image { margin-left: 0px; }
}
@media (min-width: 1140px) {
  .sidebar-opened .sport-lobby-main-banner__content-aside-image { margin-left: 0px; }
}
.sport-lobby-main-slider-item__inner { display: flex; flex-direction: column; justify-content: center; padding: calc(var(--spacings-page-paddings) + 9px) var(--spacings-page-paddings) 0; transform: translateZ(0px); will-change: transform; }
@media (min-width: 640px) {
  .sport-lobby-main-slider-item__inner { padding: 0 var(--spacings-3xl); justify-content: flex-start; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-slider-item__inner { display: block; padding: var(--spacings-l) calc(var(--spacings-2xl) + var(--spacings-m)) var(--spacings-3xl); }
}
@media (min-width: 1628px) {
  .sport-lobby-main-slider-item__inner { height: 100%; padding: var(--spacings-2xl) calc(var(--spacings-2xl) + var(--spacings-m)); }
}
.sport-lobby-main-slider-item__title { position: relative; z-index: 1; font-size: 28px; font-weight: 700; line-height: 32px; text-transform: uppercase; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; }
.sport-lobby-main-slider-item__title mark { background: transparent; }
@media (min-width: 1140px) {
  .sport-lobby-main-slider-item__title { font-size: 52px; line-height: 52px; }
}
.sport-lobby-main-slider-item__subtitle { position: relative; z-index: 1; font-size: 18px; line-height: 20px; font-weight: 700; }
@media (min-width: 640px) {
  .sport-lobby-main-slider-item__subtitle { font-size: 20px; line-height: 28px; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-slider-item__subtitle { font-size: 32px; line-height: 40px; }
}
.sport-lobby-main-slider-item__link { margin: 23px 2px 0px; }
@media (max-width: 639px) {
  .sport-lobby-main-slider-item__link { width: calc(100% - 4px); margin-bottom: 7px; }
}
@media (min-width: 640px) {
  .sport-lobby-main-slider-item__link { margin-top: var(--spacings-3xl); }
}
@media (min-width: 1140px) {
  .sport-lobby-main-slider-item__link { margin-top: auto; }
}
.sport-lobby-main-slider-item__img-wr { position: relative; margin: 16px auto 0px; width: 245px; height: 245px; }
.sport-lobby-main-slider-item__img-wr img { position: relative; z-index: 1; }
.sport-lobby-main-slider-item__img-wr::before { content: ""; position: absolute; bottom: 0px; left: 8px; width: 226px; height: 216px; border: 2px solid transparent; border-radius: 16px; background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-noise-d) border-box; }
@media (min-width: 640px) {
  .sport-lobby-main-slider-item__img-wr { margin: 9px 29px 22px auto; width: 247px; height: 247px; }
  .sport-lobby-main-slider-item__img-wr::before { bottom: -2px; left: 16px; width: 208px; height: 230px; }
}
@media (min-width: 1140px) {
  .sport-lobby-main-slider-item__img-wr { margin: 5px 39px 25px auto; width: 318px; height: 318px; }
  .sport-lobby-main-slider-item__img-wr::before { bottom: -3px; left: 21px; width: 267px; height: 296px; border: 3px solid transparent; border-radius: 20px; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-slider-item__img-wr { margin: 0px 205px 0px auto; width: 381px; height: 381px; top: -15px; }
  .sport-lobby-main-slider-item__img-wr::before { left: 23px; width: 321px; height: 356px; border-radius: 24px; }
}
.sport-lobby-main-slider-item__img-pattern { position: absolute; left: 50%; transform: translateX(-50%); background-image: url("/1img/main-pattern-mob.webp"); background-repeat: no-repeat; background-size: cover; background-position: 50% center; z-index: -1; width: 375px; height: 153px; bottom: 34px; }
.no-webp .sport-lobby-main-slider-item__img-pattern { background-image: url("/1img/main-pattern-mob.png"); }
@media (min-width: 640px) {
  .sport-lobby-main-slider-item__img-pattern { width: 451px; height: 451px; left: calc(50% + 1px); bottom: -129px; background-image: url("/1img/main-pattern.webp"); }
  .no-webp .sport-lobby-main-slider-item__img-pattern { background-image: url("/1img/main-pattern.png"); }
}
@media (min-width: 1140px) {
  .sport-lobby-main-slider-item__img-pattern { width: 581px; height: 581px; bottom: -167px; }
}
@media (min-width: 1628px) {
  .sport-lobby-main-slider-item__img-pattern { width: 697px; height: 697px; bottom: -201px; }
}
.sport-lobby-slider { position: relative; margin: 0 calc(var(--spacings-page-paddings)*-1); border-radius: 20px 20px 0px 0px; border-top: 1px solid transparent; overflow: hidden; }
@media (min-width: 1140px) {
  .sport-lobby-slider { border-radius: 40px 40px 0px 0px; }
}
@media (min-width: 1628px) {
  .sport-lobby-slider { border-radius: 60px 60px 0px 0px; }
}
.sport-lobby-slider__slider { position: relative; margin: 0 calc(var(--spacings-page-paddings)*-1); padding: 0 var(--spacings-page-paddings); z-index: 2; }
.sport-lobby-slider__item { transition: none; height: 316px; padding-bottom: 96px; }
@media (min-width: 640px) {
  .sport-lobby-slider__item { height: 320px; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item { height: 424px; }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__item { height: 444px; padding-bottom: 124px; }
}
.sport-lobby-slider__item-inner { display: flex; flex-direction: column; justify-content: center; padding: calc(var(--spacings-page-paddings) + 9px) var(--spacings-page-paddings) 0; transform: translateZ(0px); will-change: transform; }
@media (min-width: 640px) {
  .sport-lobby-slider__item-inner { padding: 0 var(--spacings-3xl); justify-content: flex-start; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-inner { display: block; padding: var(--spacings-l) calc(var(--spacings-2xl) + var(--spacings-m)) var(--spacings-3xl); }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__item-inner { height: 100%; padding: var(--spacings-2xl) calc(var(--spacings-2xl) + var(--spacings-m)); }
}
.sport-lobby-slider__light { bottom: -165px; width: 118%; height: 227px; filter: blur(40px); background-image: url("/1img/not-found/not-found-light.webp"); position: absolute; left: 50%; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; background-position: 50% center; }
.no-webp .sport-lobby-slider__light { background-image: url("/1img/not-found/not-found-light.png"); }
@media (min-width: 640px) {
  .sport-lobby-slider__light { bottom: -239px; height: 343px; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__light { bottom: -290px; width: 852px; height: 435px; }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__light { bottom: -360px; width: 1049px; height: 535px; }
}
.sport-lobby-slider__item-second-title { color: var(--text-text); text-align: center; text-transform: none; margin-bottom: 8px; font-size: 12px; line-height: 20px; font-weight: 500; }
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-title { margin-bottom: 0px; font-size: 14px; line-height: 20px; font-weight: 500; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-title { font-size: 16px; line-height: 24px; font-weight: 500; }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__item-second-title { font-size: var(--headings-h3-font-size); font-weight: var(--headings-h3-weight); line-height: var(--headings-h3-line-height); }
}
.sport-lobby-slider__item-second-center { display: flex; justify-content: space-between; }
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-center { display: grid; height: 200px; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: 0px; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-center { height: 238px; display: flex; justify-content: center; gap: var(--spacings-xs); }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__item-second-center { grid-template-columns: 300px 1fr 300px; justify-content: center; }
}
.sport-lobby-slider__item-second-unit.sport-lobby-slider__item-second-unit--player { display: flex; align-items: center; flex-direction: column; }
@media (max-width: 639px) {
  .sport-lobby-slider__item-second-unit.sport-lobby-slider__item-second-unit--player { width: 106px; padding-top: 19px; }
}
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-unit.sport-lobby-slider__item-second-unit--player { align-items: center; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-unit.sport-lobby-slider__item-second-unit--player { width: 160px; }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__item-second-unit.sport-lobby-slider__item-second-unit--player { padding-top: 20px; width: 300px; }
}
.sport-lobby-slider__item-second-unit-date-wr { color: var(--text-heading); height: 26px; margin-bottom: 28px; font-size: var(--headings-h1-font-size); font-weight: var(--headings-h1-weight); line-height: var(--headings-h1-line-height); }
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-unit-date-wr { margin-bottom: 0px; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-unit-date-wr { height: auto; padding: 0px; }
}
.sport-lobby-slider__item-second-unit--date { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
@media (max-width: 639px) {
  .sport-lobby-slider__item-second-unit--date { position: absolute; left: 50%; transform: translateX(-50%); }
}
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-unit--date { height: 100%; justify-content: space-between; padding: var(--spacings-2xl) 0; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-unit--date { padding: 20px 0px; width: 350px; }
}
@media (min-width: 1628px) {
  .sport-lobby-slider__item-second-unit--date { width: 100%; max-width: 500px; }
}
@media (min-width: 1628px) {
  .sidebar-opened .sport-lobby-slider__item-second-unit--date { min-width: 300px; max-width: 300px; }
}
@media (min-width: 1920px) {
  .sidebar-opened .sport-lobby-slider__item-second-unit--date { width: 100%; max-width: 500px; }
}
.sport-lobby-slider__item-second-unit-img-wr { display: flex; align-items: center; width: 70px; height: 70px; margin-bottom: var(--spacings-xs); }
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-unit-img-wr { width: 120px; height: 120px; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-unit-img-wr { width: 156px; height: 156px; }
}
.sport-lobby-slider__item-second-unit-title { height: 40px; color: var(--text-text); display: flex; align-items: center; text-align: center; font-size: 12px; line-height: 16px; font-weight: 500; }
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-unit-title { height: 48px; font-size: var(--headings-h3-font-size); font-weight: var(--headings-h3-weight); line-height: var(--headings-h3-line-height); }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__item-second-unit-title { height: 56px; justify-content: center; text-align: center; }
}
.sport-lobby-slider__item-second-link { height: 40px; }
@media (max-width: 639px) {
  .sport-lobby-slider__item-second-link { padding: var(--buttons-s-vert) var(--buttons-s-hor); }
}
@media (min-width: 640px) {
  .sport-lobby-slider__item-second-link { height: 48px; padding: var(--buttons-m-vert) var(--buttons-m-hor); font-size: var(--buttons-font-m-font-size); font-weight: var(--buttons-font-m-weight); line-height: var(--buttons-font-m-line-height); text-transform: uppercase; }
}
.sport-lobby-slider__pagination { --slide-delay: 0; position: absolute; z-index: 2; display: flex; justify-content: center; bottom: 96px !important; }
.sport-lobby-slider__pagination:empty { display: none; }
@media (min-width: 640px) {
  .sport-lobby-slider__pagination { bottom: 100px !important; }
}
@media (min-width: 1140px) {
  .sport-lobby-slider__pagination { display: none; }
}
.sport-lobby-slider__pagination .swiper-pagination-bullet-active { backdrop-filter: blur(10px); }
.sport-lobby-slider__pagination .swiper-pagination-bullet-active::before { width: calc(100%*var(--slide-delay)); }
.sport-lobby__nav-wr { position: absolute; z-index: 2; right: calc(12px + var(--spacings-2xl)); bottom: 138px; }
@media (min-width: 1628px) {
  .sport-lobby__nav-wr { bottom: 166px; width: calc(100% - var(--spacings-2xl)*2); right: auto; position: absolute; left: 50%; transform: translateX(-50%); }
}
@media (min-width: 1920px) {
  .sport-lobby__nav-wr { width: var(--main-container-max-width); max-width: calc(100% - var(--spacings-2xl)*2); }
}
.sidebar-opened .sport-lobby__nav-wr { right: calc(var(--spacings-2xl) + 2px); }
.sport-lobby__nav { right: 0px; bottom: 0px; padding: var(--spacings-3xs); border-radius: 100px; display: flex; align-items: center; gap: var(--spacings-m); position: absolute !important; }
@media (min-width: 1628px) {
  .sport-lobby__nav { right: var(--spacings-m); }
}
.sport-lobby__nav-value { color: var(--buttons-secondary-b-text-default); width: 30px; font-size: 18px; line-height: 24px; font-weight: 700; }
.sport-lobby-slider__nav-next, .sport-lobby-slider__nav-prev { position: static; z-index: 1; width: 40px; height: 40px; padding: var(--buttons-icon-s); transition: 0.2s ease-out; }
.sport-lobby-slider__border { z-index: 1; inset: -1px -1px 0px; border-radius: inherit; background-blend-mode: darken, normal; background: var(--gradient-game-item); backdrop-filter: blur(20px); position: absolute !important; }
.sport-lobby-slider__border::after { border-radius: inherit; border: 2px solid transparent; background: var(--gradient-game-item) padding-box,var(--gradient-tokens-border-d) border-box; mask-image: ; -webkit-mask-position-x: ; -webkit-mask-position-y: ; mask-size: ; mask-repeat: ; mask-origin: ; mask-clip: ; mask-mode: ; mask-composite: exclude; }
.sport-lobby-slider__border::after, .sport-lobby-slider__border::before { z-index: -1; content: ""; pointer-events: none; position: absolute; inset: 0px; }
.sport-lobby-slider__border::before { border-radius: inherit; opacity: 0.2; background-image: url("/1img/background.webp"); }
.no-webp .sport-lobby-slider__border::before { background-image: url("/1img/background.png"); }
.sport-lobby-slider__border::before { z-index: 1; }
.sport-lobby { position: relative; padding-top: var(--spacings-xs); }
@media (min-width: 1140px) {
  .sport-lobby { padding-top: var(--spacings-m); }
}
.sport-lobby__container-back { display: none; position: absolute; left: calc(-50vw - var(--main-container-max-width)/2*-1); right: calc(-50vw - var(--main-container-max-width)/2*-1); width: calc(-10px + 100vw); z-index: 2; top: 70px; height: 60px; background: var(--backgrounds-a); }
@media (min-width: 1920px) {
  .sport-lobby__container-back { display: block; }
}
.authorized .sport-lobby__container-back { width: 100vw; }
.sport-lobby__container { margin: 0 auto var(--spacings-3xl); min-height: 60px; width: 100%; }
@media (min-width: 1140px) {
  .sport-lobby__container { margin: 0 auto calc(var(--spacings-3xl) + var(--spacings-m)); }
}
@media (min-width: 1920px) {
  .sport-lobby__container { position: relative; max-width: var(--main-container-max-width); margin: 0px auto; }
}
@media screen and (orientation: landscape) {
  #sport_div_iframe::after { content: "landscape"; position: absolute; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; white-space: nowrap; clip-path: inset(100%); clip: rect(0px, 0px, 0px, 0px); overflow: hidden; }
}
@media screen and (orientation: portrait) {
  #sport_div_iframe::after { content: "portrait"; position: absolute; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; white-space: nowrap; clip-path: inset(100%); clip: rect(0px, 0px, 0px, 0px); overflow: hidden; }
}
.sport-lobby__title { position: relative; z-index: 1; color: var(--text-text); margin-bottom: var(--spacings-xl); font-size: var(--headings-h2-font-size); font-weight: var(--headings-h2-weight); line-height: var(--headings-h2-line-height); }
.input-field__error {
    position: relative;
    padding: 4px 0 0 20px;
    transform: translateZ(0);
    padding-top: 4px;
    color: var(--colors-system-error);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.input-field__error:before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    background: url(/1img/error-input.f3cf0198.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

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

.input-field__error .link {
    text-decoration: underline;
    color: var(--colors-base-white-b);
    transition: all .2s ease-out;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

.input-field__error .link:hover {
    color: var(--colors-global-accent-c);
    cursor: pointer
}

.profile-user-card-nickname__form .input-field__error {
    padding-top: 6px
}

.profile-user-card-nickname__form .input-field__error:before {
    top: 6px
}

.limit-list .input-field--warning .input-field__error {
    color: var(--text-description-b)
}

.limit-list .input-field--warning .input-field__error:before {
    background: url(/1img/warning-input.2cbd3bde.svg)
}

.vue-tel-input {
    position: relative;
    display: flex;
    width: 100%;
    height: 48px;
    border-radius: 100px;
    border: 1px solid var(--input-border-default);
    background: var(--input-bg-default);
    color: var(--input-text-filled);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: all .2s ease-out
}

.no-touch .vue-tel-input:hover:not(.input-field__wrap--focus .vue-tel-input,.input-field__wrap--phone-dropdown-open .vue-tel-input,.input-field__wrap--error .vue-tel-input,.input-field__wrap--disabled .vue-tel-input) {
    border: 1px solid var(--input-border-hover);
    background: var(--input-bg-hover)
}

.input-field__wrap--focus .vue-tel-input,.input-field__wrap--phone-dropdown-open .vue-tel-input,.input-field__wrap--visible-list .vue-tel-input {
    border: 1px solid var(--input-border-active);
    background: var(--input-bg-active)
}

.input-field__wrap--error .vue-tel-input {
    border: 1px solid var(--input-border-error);
    background: var(--input-bg-active)
}

.input-field__wrap--disabled .vue-tel-input {
    border: 1px solid var(--input-border-disable);
    background: var(--input-bg-disable)
}

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

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

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

.vti__dropdown:before {
    content: "";
    position: absolute;
    right: 0;
    height: 20px;
    width: 1px;
    background: var(--colors-base-white-12)
}

.vti__flag-img {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    border-radius: 50%;
    object-fit: cover
}

.vti__country-code {
    color: var(--input-text-filled);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.vti__dropdown-item .vti__country-code {
    min-width: 52px;
    margin-right: 8px;
    color: var(--selector-item-text-default)
}

.highlighted .vti__country-code,.no-touch .vti__dropdown-item:hover .vti__country-code {
    color: var(--selector-item-text-hover)
}

.vue-tel-input.disabled .vti__country-code {
    color: var(--input-text-disable)
}

.vti__country-name {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.vti__dropdown-item .vti__country-name {
    color: var(--selector-item-text-default)
}

.highlighted .vti__country-name,.no-touch .vti__dropdown-item:hover .vti__country-name {
    color: var(--selector-item-text-hover)
}

.vti__chevron-wr {
    width: 20px;
    height: 20px;
    margin-left: 8px
}

.vti__chevron {
    width: 20px;
    height: auto;
    color: var(--icons-a);
    transition: transform .2s ease-out
}

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

.vti__input {
    padding: 0 16px 0 8px;
    border: none;
    width: 100%;
    border-radius: inherit;
    color: var(--input-text-filled);
    background: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .2s ease-out
}

.vti__dropdown-header-search .vti__input {
    height: 40px;
    padding: 4px 40px 4px 16px;
    margin-left: 0;
    color: var(--text-text)!important;
    background: none!important;
    border: none!important
}

.no-touch .vti__dropdown-header-search .vti__input:hover {
    background: none;
    border: none
}

.vti__dropdown-header-search .vti__input::-webkit-input-placeholder {
    color: var(--text-description-b)
}

.vti__dropdown-header-search .vti__input::-moz-placeholder {
    color: var(--text-description-b)
}

.vti__dropdown-header-search .vti__input:-ms-input-placeholder {
    color: var(--text-description-b)
}

.vti__dropdown-header-search .vti__input:-moz-placeholder {
    color: var(--text-description-b)
}

.vti__input:-webkit-autofill,.vti__input:-webkit-autofill:focus,.vti__input:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 50px transparent;
    -webkit-text-fill-color: var(--input-text-filled)!important;
    caret-color: var(--input-text-filled)!important;
    -webkit-background-clip: text!important;
    background-clip: text!important;
    -webkit-transition: background-color 0s 600000s,color 0s 600000s;
    transition: background-color 0s 600000s,color 0s 600000s
}

.vue-tel-input.input-field--error .vti__input {
    color: var(--input-text-error)
}

.vue-tel-input.disabled .vti__input {
    color: var(--input-text-disable)
}

.payment-area-form__input-phone-wr .vti__input {
    padding: 0 16px
}

.vti__input::-webkit-input-placeholder {
    color: var(--input-label-default)!important
}

.vti__input::-moz-placeholder {
    color: var(--input-label-default)!important
}

.vti__input:-ms-input-placeholder {
    color: var(--input-label-default)!important
}

.vti__input:-moz-placeholder {
    color: var(--input-label-default)!important
}

.vti__dropdown-header {
    padding-bottom: var(--spacings-xl)!important
}

.vti__dropdown-header-title {
    margin: var(--spacings-xs) 0 calc(var(--spacings-xs) + var(--spacings-2xl));
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.vti__dropdown-header-search {
    margin: 0 var(--spacings-page-paddings);
    border-radius: 100px;
    position: relative;
    background: var(--gradients-background-c)
}

.vti__dropdown-header-search:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.vti__dropdown-header-search-icon-wr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    right: 12px;
    width: 20px;
    height: 20px
}

.vti__dropdown-header-search-icon {
    color: var(--icons-c);
    width: 20px
}

.vti__dropdown-item {
    padding: 10px 20px 10px 8px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    cursor: pointer;
    transition: background .2s ease-out
}

.vti__dropdown-item.highlighted {
    position: relative;
    background: var(--gradients-background-white-4)
}

.vti__dropdown-item.highlighted:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .vti__dropdown-item:not(.vti__dropdown-item.highlighted):hover {
    background: var(--selector-item-bg-hover)
}

.no-touch .vti__dropdown-item:not(.vti__dropdown-item.highlighted):hover:after {
    content: none
}

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

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

@media(max-width: 639px) {
    .vti__dropdown-list {
        height:100%
    }
}

@media(min-width: 640px) {
    .vti__dropdown-list {
        position:relative;
        background: var(--gradients-background-a);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(100% + 4px);
        width: calc(100% + 2px);
        padding: 8px;
        border-radius: 20px;
        box-shadow: var(--dropdown-shadow);
        z-index: 2
    }

    .vti__dropdown-list:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .vue-tel-input--above .vti__dropdown-list {
        bottom: calc(100% + 4px);
        top: unset
    }
}

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

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

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

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

@media(max-width: 639px) {
    .vti__dropdown-vbar-wrap {
        overflow:auto;
        position: relative;
        height: 100%;
        margin: 0 8px
    }
}

@media(min-width: 640px) {
    .vti__dropdown-vbar-wrap {
        height:100%;
        max-height: 304px;
        border-radius: 10px;
        overflow-y: scroll
    }

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

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

    .custom-modal__inner .vue-tel-input--above .vti__dropdown-vbar-wrap {
        max-height: 228px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .missing-data .vue-tel-input--above .vti__dropdown-vbar-wrap {
        max-height:216px
    }
}

.vti__dropdown-vbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px
}

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

@media(min-width: 640px) {
    .form-constructor__field-wrap--confirmed_at .input-field {
        display:flex;
        flex-direction: column
    }
}

.input-field__input {
    padding: 2px 16px var(--spacings-3xs);
    width: 100%;
    height: 48px;
    border-radius: 100px;
    border: 1px solid var(--input-border-default);
    background: var(--input-bg-default);
    color: var(--input-text-filled);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: all .2s ease-out
}

.input-field__input:-webkit-autofill,.input-field__input:-webkit-autofill:active,.input-field__input:-webkit-autofill:focus,.input-field__input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--inputs-text-filled)!important;
    caret-color: var(--inputs-text-filled)!important;
    -webkit-background-clip: text!important;
    background-clip: text!important;
    background: var(--input-bg-filled)!important;
    -webkit-transition: background-color 0s 600000s,color 0s 600000s;
    transition: background-color 0s 600000s,color 0s 600000s
}

.input-field__input::-webkit-credentials-auto-fill-button {
    margin-top: -12px
}

.input-field__wrap--left-icon .input-field__input {
    padding: 12px 16px var(--spacings-3xs) 44px
}

.change-limit__input .input-field__wrap--left-icon .input-field__input {
    padding: 12px 12px 12px 40px
}

.limits__card-input .input-field__wrap--left-icon .input-field__input {
    padding: 12px 20px 2px 40px
}

.search-promo .input-field__wrap--left-icon .input-field__input {
    padding: 14px 20px 2px 40px
}

.partners-contests-history-content__header-input .input-field__input {
    padding: 5px 16px 6px 43px;
    background: var(--backgrounds-b)
}

@media(min-width: 832px) {
    .partners-contests-history-content__header-input .input-field__input {
        padding:11px 16px 12px 47px
    }
}

.no-touch .partners-contests-history-content__header-input .input-field__input:hover::-webkit-input-placeholder {
    color: var(--text-text)
}

.no-touch .partners-contests-history-content__header-input .input-field__input:hover::-moz-placeholder {
    color: var(--text-text)
}

.no-touch .partners-contests-history-content__header-input .input-field__input:hover:-ms-input-placeholder {
    color: var(--text-text)
}

.no-touch .partners-contests-history-content__header-input .input-field__input:hover:-moz-placeholder {
    color: var(--text-text)
}

.partners-contests-history-content__header-input--with-trash .input-field__input {
    padding-right: 43px
}

@media(min-width: 832px) {
    .partners-contests-history-content__header-input--with-trash .input-field__input {
        padding-right:47px
    }
}

.input-field__wrap--filled .input-field__input {
    border-color: var(--input-border-filled);
    background: var(--input-bg-filled)
}

.partners-contests-history-content__header-input .input-field__wrap--filled .input-field__input {
    background: var(--backgrounds-b)
}

.input-field__wrap--error .input-field__input {
    color: var(--input-text-error);
    border-color: var(--input-border-error);
    background: var(--input-bg-error)
}

.limit-list .input-field--warning .input-field__wrap--error .input-field__input {
    color: var(--input-text-active)
}

.no-touch .birthday-calendar-wrap:not(.birthday-calendar-wrap--open:hover):hover .input-field__input,.no-touch .form-constructor__field-wrap--date_of_birth:not(.birthday-calendar-wrap--open:hover):hover .input-field__input,.no-touch .input-field__input:hover:not(.input-field__input:focus,[disabled],.country-select--opened .input-field__input,.country-select--disabled .input-field__input,.search-header__input-field .input-field__input,.partners-contests-history-content__header-input .input-field__input) {
    border-color: var(--input-border-hover);
    background: var(--input-bg-hover)
}

.input-field__input:focus:not(.input-field--error,.profile-user-card-nickname__input .input-field__input,.search-header__input-field .input-field__input,.partners-contests-history-content__header-input .input-field__input) {
    border-color: var(--input-border-active);
    background: var(--input-bg-active)
}

.birthday-calendar__input--open .input-field__input {
    border-color: var(--input-border-active)
}

.input-field__input[disabled] {
    color: var(--input-text-disable);
    border-color: var(--input-border-disable);
    background: var(--input-bg-disable)
}

.payment-area-form__input-wrap .input-field__input {
    padding: 7px 16px
}

.payment-area-form__input-wrap .input-field__input.input-field__input--postfix {
    padding: 7px 8px 7px 16px
}

.confirmed-phone__sms-code .input-field__input {
    padding: 12px calc(50% - 39px);
    text-align: center;
    letter-spacing: 5px
}

.confirmed-phone__sms-code .input-field__input:-ms-input-placeholder {
    text-align: left
}

.confirmed-phone__sms-code .input-field__input:placeholder-shown {
    text-align: left
}

.profile-user-card-nickname__input .input-field__input {
    height: 47px;
    padding: 0;
    border: 0;
    border-radius: 0;
    caret-color: var(--colors-base-white-b);
    background-color: transparent;
    color: var(--colors-base-white-b);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.profile-user-card-nickname__input .input-field__input::-webkit-input-placeholder {
    color: var(--input-label-default)!important
}

.profile-user-card-nickname__input .input-field__input::-moz-placeholder {
    color: var(--input-label-default)!important
}

.profile-user-card-nickname__input .input-field__input:-ms-input-placeholder {
    color: var(--input-label-default)!important
}

.profile-user-card-nickname__input .input-field__input:-moz-placeholder {
    color: var(--input-label-default)!important
}

.deposit-promocode .input-field__input[disabled] {
    color: var(--input-text-filled);
    background-color: var(--input-bg-filled);
    opacity: 1
}

.add-money-limit__input .input-field__input,.change-limit__input .input-field__input {
    padding: 12px 16px
}

.input-field__wrap--right-button .input-field__input {
    padding-right: calc(var(--right-button-width) + 8px);
    margin-right: calc(var(--right-button-width)*-1)
}

.bottom-sheet--country-select .country-select__search-input .input-field__input:focus:not(.input-field--error,.profile-user-card-nickname__input .bottom-sheet--country-select .country-select__search-input .input-field__input,.search-header__input-field .bottom-sheet--country-select .country-select__search-input .input-field__input) {
    background: var(--backgrounds-c)
}

.bonuses-page .input-field__input {
    padding-right: 44px
}

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

.personal-data .country-select--opened .input-field--country {
    padding: 12px 44px var(--spacings-3xs) 44px
}

.bottom-sheet--country-select .input-field--country {
    height: 40px;
    padding: 4px 40px 4px 16px;
    margin-left: 0;
    color: var(--text-text);
    background: none;
    border: none
}

.no-touch .bottom-sheet--country-select .input-field--country:hover {
    background: none!important;
    border: none
}

.bottom-sheet--country-select .input-field--country::-webkit-input-placeholder {
    color: var(--text-description-b)
}

.bottom-sheet--country-select .input-field--country::-moz-placeholder {
    color: var(--text-description-b)
}

.bottom-sheet--country-select .input-field--country:-ms-input-placeholder {
    color: var(--text-description-b)
}

.bottom-sheet--country-select .input-field--country:-moz-placeholder {
    color: var(--text-description-b)
}

.input-field--country:focus::-webkit-input-placeholder {
    color: var(--input-label-filled)!important
}

.input-field--country:focus::-moz-placeholder {
    color: var(--input-label-filled)!important
}

.input-field--country:focus:-ms-input-placeholder {
    color: var(--input-label-filled)!important
}

.input-field--country:focus:-moz-placeholder {
    color: var(--input-label-filled)!important
}

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

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

.input-field--error {
    border-color: var(--input-border-error);
    background: var(--input-bg-error)
}

.input-field--error:not(.add-money-limit__input .input-field--error,.change-limit__input .input-field--error,.limits__card-input .input-field--error) {
    color: var(--input-text-error)
}

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

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

.input-field__wrap--left-icon .input-field__label-anim,.search-promo .input-field__label-anim {
    left: 44px;
    width: calc(100% - 60px)
}

.country-select .input-field__label-anim {
    display: none
}

.anim-label:focus~.input-field__label-anim,.input-field--top-label~.input-field__label-anim,.input-field__input:-webkit-autofill~.input-field__label-anim {
    transform: translateY(0);
    top: 5px;
    color: var(--input-label-filled);
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

.no-touch .birthday-calendar-wrap:not(.birthday-calendar-wrap--open:hover):hover .input-field__label-anim,.no-touch .form-constructor__field-wrap--date_of_birth:not(.birthday-calendar-wrap--open:hover):hover .input-field__label-anim,.no-touch .input-field__input:hover~.input-field__label-anim {
    color: var(--input-label-hover)
}

.input-field__input:focus~.input-field__label-anim,.input-field__input[disabled]~.input-field__label-anim {
    color: var(--input-label-disable)!important
}

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

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

.search-header__input-field .input-field__icon-wr,.search-header__input-field .input-field__pseudo-pas-eye {
    right: 12px
}

.input-field__icon-wr--left {
    right: auto;
    left: 16px;
    pointer-events: none
}

.input-field__icon,.input-field__icon-wr {
    color: var(--input-icon-right-default)
}

.input-field__icon {
    height: auto
}

.input-field__icon-wr--left .input-field__icon {
    color: var(--input-icon-left-default)
}

.input-field__wrap--error .input-field__icon-wr--left .input-field__icon {
    color: var(--input-icon-left-error)
}

.limit-list .input-field--warning .input-field__wrap--error .input-field__icon-wr--left .input-field__icon {
    color: var(--input-text-active)
}

.no-touch .birthday-calendar-wrap:not(.birthday-calendar-wrap--open:hover):hover .input-field__icon-wr--left .input-field__icon:not(.input-field--error),.no-touch .form-constructor__field-wrap--date_of_birth:not(.birthday-calendar-wrap--open:hover):hover .input-field__icon-wr--left .input-field__icon:not(.input-field--error),.no-touch .input-field__wrap:not(.input-field__wrap--disabled,.input-field__wrap--error):hover .input-field__icon-wr--left .input-field__icon {
    color: var(--input-icon-left-hover)
}

.birthday-calendar__input--filled .input-field__icon-wr--left .input-field__icon,.input-field__wrap--filled:not(.input-field__wrap--error) .input-field__icon-wr--left .input-field__icon {
    color: var(--input-icon-left-filled)
}

.input-field__wrap--focus:not(.input-field__wrap--error) .input-field__icon-wr--left .input-field__icon {
    color: var(--input-icon-left-active)
}

.input-field__wrap--disabled .input-field__icon-wr--left .input-field__icon {
    color: var(--input-icon-left-disable)
}

.no-touch .partners-contests-history-content__header-input .input-field__wrap:hover .input-field__icon-wr--left .input-field__icon,.partners-contests-history-content__header-input .input-field__icon-wr--left .input-field__icon,.partners-contests-history-content__header-input .input-field__wrap--filled .input-field__icon-wr--left .input-field__icon,.partners-contests-history-content__header-input .input-field__wrap--focus .input-field__icon-wr--left .input-field__icon {
    color: var(--icons-c)
}

.birthday-calendar__input--filled .input-field__icon,.input-field__wrap--filled .input-field__icon {
    color: var(--input-icon-right-filled)
}

.input-field__wrap--focus .input-field__icon,.no-touch .birthday-calendar-wrap:not(.birthday-calendar-wrap--open:hover):hover .input-field__icon:not(.input-field--error),.no-touch .form-constructor__field-wrap--date_of_birth:not(.birthday-calendar-wrap--open:hover):hover .input-field__icon:not(.input-field--error),.no-touch .input-field__wrap:not(.input-field__wrap--disabled,.input-field__wrap--error):hover .input-field__icon {
    color: var(--input-icon-right-active)
}

.no-touch .birthday-calendar-wrap:hover .has-error .input-field__icon,.no-touch .form-constructor__field-wrap--date_of_birth:hover .has-error .input-field__icon {
    color: var(--input-icon-right-default)!important
}

.no-touch .birthday-calendar-wrap:hover .has-error .input-field__icon-wr--left .input-field__icon,.no-touch .form-constructor__field-wrap--date_of_birth:hover .input-field__icon-wr--left .has-error .input-field__icon {
    color: var(--input-icon-left-error)!important
}

.input-field__wrap--disabled .input-field__icon {
    color: var(--input-icon-right-disable)
}

.promo-promotion__games .input-field__icon,.promo-tournament__games .input-field__icon {
    color: var(--colors-base-white-b)
}

.birthday-calendar__input .input-field__icon {
    transition: all .2s ease-out
}

.birthday-calendar__input--open.birthday-calendar__input--filled .input-field__icon,.birthday-calendar__input--open .input-field__icon {
    color: var(--input-icon-left-active)
}

.birthday-calendar__input--open .input-field__icon-wr:not(.input-field__icon-wr--left) .input-field__icon {
    transform: rotate(180deg)
}

.input-field__icon .no-touch .search-header__input-field .input-field__wrap:hover,.search-header__input-field .input-field__icon,.search-header__input-field .input-field__wrap--focus .input-field__icon {
    color: var(--colors-system-success)!important
}

.input-field__icon--copy {
    color: var(--colors-base-white-b)
}

.input-field__icon--calendar,.input-field__icon--search {
    width: 20px
}

.promo-promotion__games .input-field__icon--search,.promo-tournament__games .input-field__icon--search {
    width: 17px
}

.search-header__input-field--loading .input-field__icon--search {
    visibility: hidden
}

.input-field__pseudo-pas-eye {
    cursor: pointer
}

.input-field__pseudo-pas-eye svg {
    color: var(--input-icon-right-default)
}

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

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

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

.form-constructor__field-wrap--confirmed_at .input-field__button {
    height: auto;
    min-height: 40px;
    margin-top: 20px
}

@media(min-width: 640px)and (max-width:1139px) {
    .form-constructor__field-wrap--confirmed_at .input-field__button {
        max-width:440px;
        margin: 0 auto
    }
}

@media(min-width: 640px) {
    .form-constructor__field-wrap--confirmed_at .input-field__button {
        margin-top:var(--spacings-xl)
    }
}

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

.input-field__button--remove {
    position: absolute;
    top: 14px;
    right: 0;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--icons-a);
    cursor: pointer;
    transition: all .2s ease-out
}

.confirmed-phone__phone .input-field__button--remove,.registration-form .input-field__button--remove {
    margin-right: 16px
}

.input-field__button-close {
    width: 20px;
    height: auto
}

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

.input-field__card-type {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 16px;
    width: 32px;
    height: 32px;
    padding: 0 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

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

.input-field__card-type-ic.diners {
    background-image: url(/1img/payment-input-icons/diners.svg)
}

.input-field__card-type-ic.amex {
    background-image: url(/1img/payment-input-icons/amex.svg)
}

.input-field__card-type-ic.jcb {
    background-image: url(/1img/payment-input-icons/jcb.svg)
}

.input-field__card-type-ic.maestro {
    background-image: url(/1img/payment-input-icons/maestro.svg)
}

.input-field__card-type-ic.mastercard {
    background-image: url(/1img/payment-input-icons/mastercard.svg)
}

.input-field__card-type-ic.mir {
    background-image: url(/1img/payment-input-icons/mir.svg)
}

.input-field__card-type-ic.rupay {
    background-image: url(/1img/payment-input-icons/rupay_dark.svg)
}

.input-field__card-type-ic.visa {
    background-image: url(/1img/payment-input-icons/visa_dark.svg)
}

.input-field__card-type-ic.unionpay {
    background-image: url(/1img/payment-input-icons/unionpay.svg)
}

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

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

.input-field__tooltip-ic {
    width: 20px;
    height: auto;
    color: var(--icons-a)
}

.input-field__prepend-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
    opacity: 0;
    pointer-events: none
}

.profile-user-card-nickname__form .input-field__wrap--error:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: var(--colors-system-error)
}

@media(max-width: 639px) {
    .profile-user-card-nickname__form .input-field__wrap--error:before {
        width:calc(100vw - 64px)
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .profile-user-card-nickname__form .input-field__wrap--error:before {
        width:calc(100vw - 80px)
    }
}

@media(min-width: 1140px) {
    .profile-user-card-nickname__form .input-field__wrap--error:before {
        width:269px
    }
}

@media(min-width: 1628px) {
    .profile-user-card-nickname__form .input-field__wrap--error:before {
        width:305px
    }
}

.input-field__units {
    position: absolute;
    left: 41px;
    top: 14px;
    display: flex;
    column-gap: 4px;
    pointer-events: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.limits__card-input .input-field__units {
    top: 18px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.input-field__wrap--error .input-field__units {
    color: var(--input-text-error)
}

.limit-list .input-field--warning .input-field__units {
    color: var(--input-text-active)
}

.input-field__units-hidden {
    opacity: 0
}

.input-field__currency {
    right: 8px;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    column-gap: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.input-field__currency-line {
    width: 1px;
    height: 28px;
    background: var(--border-a);
    border-radius: 50%
}

.input-field__currency-inner {
    display: flex;
    align-items: center;
    column-gap: 8px
}

.input-field__currency-image {
    width: 20px;
    height: 20px
}

.input-field__currency-name {
    min-width: 40px;
    color: var(--input-text-filled);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

.payment-eupago__field .input-field__wrap {
    display: flex;
    align-items: center;
    gap: 16px
}

.input-field__wrap.input-field__wrap--right-button {
    display: flex;
    align-items: center
}

.input-field__copy-btn {
    flex-shrink: 0
}

@media(min-width: 640px) {
    .input-field__copy-btn {
        min-width:60px
    }
}

@media(max-width: 1139px) {
    .input-field__right-btn {
        transform:translateX(-4px);
        min-width: 83px
    }
}

@media(min-width: 1140px) {
    .input-field__right-btn {
        opacity:0;
        visibility: hidden;
        min-width: 68px
    }

    .input-field__wrap--focus .input-field__right-btn {
        opacity: 1;
        visibility: visible
    }
}
.menu-burger-link {
    margin-bottom: 2px
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link {
    position: relative;
    width: 100%;
    height: 109px;
    margin-bottom: 0;
    border-radius: var(--roundings-xs);
    background-color: var(--colors-global-accent-a)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--promo {
    background-color: var(--colors-global-accent-a)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--promo.menu-burger-link--active {
    position: relative;
    background: var(--gradient-accent-a)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--promo.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-accent-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--lotteries {
    background-color: var(--colors-global-accent-c)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--lotteries.menu-burger-link--active {
    position: relative;
    background: var(--gradient-accent-c)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--lotteries.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-accent-c) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--tournaments {
    background-color: var(--backgrounds-e)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--tournaments.menu-burger-link--active {
    position: relative;
    background: var(--gradients-background-e)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--tournaments.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--store {
    background-color: var(--colors-global-accent-b)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--store.menu-burger-link--active {
    position: relative;
    background: var(--gradient-accent-b)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--store.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-accent-b) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--partner {
    background-color: var(--colors-global-accent-d)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--partner.menu-burger-link--active {
    position: relative;
    background: var(--gradient-accent-d)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--partner.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-accent-d) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--vip {
    background-color: var(--backgrounds-a)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--vip.menu-burger-link--active {
    position: relative;
    background: var(--gradients-background-a)
}

.menu-burger .menu-burger__custom-list--promo .menu-burger-link.menu-burger-link--vip.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .menu-burger .menu-burger__custom-list--promo .menu-burger-link {
        height:122px
    }
}

.menu-burger .menu-burger-link.menu-burger-link--default {
    margin-bottom: var(--spacings-s);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4)
}

.menu-burger .menu-burger-link.menu-burger-link--default:last-child {
    margin-bottom: 0
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger-link.menu-burger-link--default {
        margin-bottom:8px
    }
}

.menu-burger .menu-burger-link__submenu .menu-burger-link.menu-burger-link--default {
    margin: 0;
    background: none
}

.menu-burger .menu-burger-link.menu-burger-link--friends-and-referrals {
    background-color: #556f71
}

.menu-burger .menu-burger-link.menu-burger-link--friends-and-referrals.menu-burger-link--active {
    position: relative;
    background: #556f71
}

.menu-burger .menu-burger-link.menu-burger-link--friends-and-referrals.menu-burger-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger-link:last-child,.menu-burger__custom-list--info .menu-burger-link:first-child,.menu-burger__custom-list--other .menu-burger-link:first-child {
    margin-bottom: 0
}

.menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu .menu-burger-link {
    flex: 1
}

.menu-burger-link.menu-burger-link--active:after {
    z-index: 0!important
}

.menu-burger .menu-burger-link--submenu {
    margin-bottom: var(--spacings-s);
    border-radius: var(--roundings-m);
    background: var(--backgrounds-e-4)
}

.menu-burger .menu-burger-link--submenu:last-child {
    margin-bottom: 0
}

.menu-burger-link__wr {
    position: relative
}

.menu-burger__custom-list--promo .menu-burger-link__wr {
    height: 100%
}

.menu-burger-link__active .menu-burger-link__wr {
    position: relative;
    background: var(--gradients-background-a)
}

.menu-burger-link__active .menu-burger-link__wr:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger-link__inner-wr {
    cursor: pointer
}

.menu-burger__custom-list--promo .menu-burger-link__inner-wr {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column
}

.menu-burger-link__inner {
    display: flex;
    align-items: center;
    min-height: 48px;
    gap: 12px;
    padding: 4px 4px 4px 12px;
    border-radius: 100px;
    cursor: pointer
}

.menu-burger-link--friends-and-referrals .menu-burger-link__inner,.menu-burger-link--lotteries .menu-burger-link__inner,.menu-burger-link--partner .menu-burger-link__inner,.menu-burger-link--store .menu-burger-link__inner,.menu-burger-link--tournaments .menu-burger-link__inner,.menu-burger-link--vip .menu-burger-link__inner,.menu-burger .menu-burger-link--promo .menu-burger-link__inner {
    min-height: 20px;
    padding: 8px 16px 0 8px
}

@media(min-width: 640px) {
    .menu-burger-link--friends-and-referrals .menu-burger-link__inner,.menu-burger-link--lotteries .menu-burger-link__inner,.menu-burger-link--partner .menu-burger-link__inner,.menu-burger-link--store .menu-burger-link__inner,.menu-burger-link--tournaments .menu-burger-link__inner,.menu-burger-link--vip .menu-burger-link__inner,.menu-burger .menu-burger-link--promo .menu-burger-link__inner {
        min-height:28px;
        padding: 12px 12px 0
    }
}

.menu-burger-link--store .menu-burger-link__inner {
    padding-right: 30px
}

.no-touch .menu-burger-link__inner:not(.menu-burger .menu-burger-link__inner,.menu-burger-link__inner.menu-burger-link__inner--active):hover {
    background-color: var(--backgrounds-e-4)
}

.menu-burger .menu-burger-link__submenu .menu-burger-link__inner {
    width: 100%;
    height: 82px;
    margin: 0;
    padding: var(--spacings-l) var(--spacings-s);
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    text-align: center;
    border-radius: var(--roundings-s);
    background: var(--backgrounds-a-70)
}

.no-touch .menu-burger .menu-burger-link__submenu .menu-burger-link__inner:hover {
    background: var(--backgrounds-a)
}

@media(min-width: 640px) {
    .menu-burger .menu-burger-link__submenu .menu-burger-link__inner {
        height:86px;
        padding: var(--spacings-m) var(--spacings-s);
        gap: 12px
    }
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger-link__submenu .menu-burger-link__inner {
        height:81px;
        padding: var(--spacings-xs) var(--spacings-2xs);
        gap: 8px
    }
}

.menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu .menu-burger-link__inner {
    width: auto;
    height: 40px;
    min-height: 40px;
    padding: var(--spacings-s);
    flex-direction: row;
    justify-content: center
}

@media(min-width: 640px) {
    .menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu .menu-burger-link__inner {
        padding:var(--spacings-s) var(--spacings-2xs)
    }
}

@media(min-width: 1628px) {
    .menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu .menu-burger-link__inner {
        min-height:48px;
        padding: var(--spacings-xs) var(--spacings-2xs)
    }
}

.menu-burger .menu-burger__custom-list--info .menu-burger-link__submenu .menu-burger-link__inner {
    width: auto;
    height: 48px;
    padding: 4px 12px;
    flex-direction: row;
    gap: 12px;
    background-color: transparent
}

.no-touch .menu-burger .menu-burger__custom-list--info .menu-burger-link__submenu .menu-burger-link__inner:hover {
    background-color: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.menu-burger .menu-burger-link__inner.menu-burger-link__inner--title {
    min-height: auto;
    margin-bottom: var(--spacings-2xs);
    padding: var(--spacings-xs) 16px 8px;
    pointer-events: none
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger-link__inner.menu-burger-link__inner--title {
        padding-bottom:0
    }
}

.menu-burger-link__inner--active:not(.menu-burger .menu-burger-link__inner--active),.menu-burger__custom-list--info .menu-burger-link__inner--active:not(.menu-burger-link__inner--has-children) {
    border-radius: 100px;
    position: relative;
    background: var(--gradient-selector-item-bg-active);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.menu-burger-link__inner--active:not(.menu-burger .menu-burger-link__inner--active):after,.menu-burger__custom-list--info .menu-burger-link__inner--active:not(.menu-burger-link__inner--has-children):after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-selector-item-bg-active) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.menu-burger__custom-list:not(.menu-burger__custom-list--info) .menu-burger-link__submenu .menu-burger-link__inner--active {
    position: relative;
    background: var(--gradients-background-a)
}

.menu-burger__custom-list:not(.menu-burger__custom-list--info) .menu-burger-link__submenu .menu-burger-link__inner--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.menu-burger-link--submenu-open .menu-burger-link__inner--has-children {
    background-color: var(--burger-item-main-bg-active)
}

.menu-burger .menu-burger-link__inner--has-children {
    min-height: 48px;
    padding: 14px var(--spacings-page-paddings);
    gap: 12px;
    border-radius: 100px;
    cursor: default
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger-link__inner--has-children {
        padding:14px var(--spacings-s)
    }
}

.menu-burger-link__inner--title {
    padding: 0 0 0 8px;
    pointer-events: none
}

.menu-burger .menu-burger-link__img-wr {
    width: 24px;
    height: 24px
}

.menu-burger .menu-burger-link__img-wr img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.menu-burger-link__inner--has-children .menu-burger .menu-burger-link__img-wr {
    width: 20px;
    height: 20px
}

.menu-burger-link__img-wr--animate {
    position: relative
}

.menu-burger-link__block {
    z-index: 2;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 31px;
    height: 31px
}

.menu-burger__img-animate {
    width: 100%;
    height: 100%
}

.icon-animate-enter-active,.icon-animate-leave-active {
    transition: opacity .5s
}

.icon-animate-enter,.icon-animate-leave-to {
    opacity: 0
}

.menu-burger-link__submenu {
    margin-top: 2px;
    padding-left: 16px
}

.profile-nav .menu-burger-link__submenu:empty {
    display: none
}

.menu-burger .menu-burger-link__submenu {
    margin-top: 0;
    padding: 0 var(--spacings-page-paddings) var(--spacings-page-paddings);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacings-xs)
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger-link__submenu {
        padding:0 var(--spacings-s) var(--spacings-s)
    }
}

@media(min-width: 1628px) {
    .menu-burger .menu-burger-link__submenu {
        gap:8px
    }
}

.menu-burger .menu-burger__custom-list--main .menu-burger-link__submenu {
    display: grid;
    grid-template-columns: repeat(auto-fill,82px)
}

@media(min-width: 390px) {
    .menu-burger .menu-burger__custom-list--main .menu-burger-link__submenu {
        grid-template-columns:repeat(auto-fill,minmax(82px,1fr))
    }
}

@media(min-width: 545px)and (max-width:639px) {
    .menu-burger .menu-burger__custom-list--main .menu-burger-link__submenu {
        grid-template-columns:repeat(auto-fill,minmax(90px,1fr))
    }
}

@media(min-width: 640px) {
    .menu-burger .menu-burger__custom-list--main .menu-burger-link__submenu {
        grid-template-columns:repeat(auto-fill,86px)
    }
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger__custom-list--main .menu-burger-link__submenu {
        grid-template-columns:repeat(auto-fill,81px)
    }
}

.menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu {
    padding: var(--spacings-page-paddings);
    gap: var(--spacings-m);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4)
}

@media(min-width: 1140px) {
    .menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu {
        padding:var(--spacings-s);
        gap: var(--spacings-2xs)
    }
}

.menu-burger .menu-burger__custom-list--info .menu-burger-link__submenu {
    margin-top: 0;
    padding: var(--spacings-2xs);
    gap: 2px;
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4);
    flex-direction: column
}

.menu-burger-link__icon {
    width: 20px;
    height: auto;
    color: var(--icons-a-disable);
    flex-shrink: 0
}

.menu-burger-link__inner--active .menu-burger-link__icon {
    color: var(--icons-a)
}

.menu-burger .menu-burger-link__icon {
    width: 24px;
    height: 24px;
    color: var(--icons-a)
}

.menu-burger .menu-burger-link__icon.menu-burger-link__icon--live-chat {
    color: var(--icons-c)
}

@media(min-width: 640px) {
    .menu-burger .menu-burger-link__icon {
        width:24px;
        height: 24px
    }
}

.menu-burger .menu-burger__custom-list--other .menu-burger-link__icon {
    width: 24px;
    height: 24px;
    padding: 2px
}

.menu-burger .menu-burger-link__inner--has-children .menu-burger-link__icon {
    margin: -2px;
    color: var(--icons-a-disable)
}

.menu-burger-link__text {
    color: var(--selector-item-text-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.menu-burger-link--verification .menu-burger-link__text {
    position: relative
}

.menu-burger-link--verification .menu-burger-link__text:before {
    content: "";
    position: absolute;
    top: -4px;
    right: -13px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--colors-system-error)
}

@media(min-width: 1140px) {
    .menu-burger-link--verification .menu-burger-link__text:before {
        top:-2px;
        right: -11px
    }
}

.menu-burger .menu-burger-link__inner--has-children .menu-burger-link__text {
    color: var(--selector-item-text-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.menu-burger-link--friends-and-referrals .menu-burger-link__text,.menu-burger-link--lotteries .menu-burger-link__text,.menu-burger-link--partner .menu-burger-link__text,.menu-burger-link--store .menu-burger-link__text,.menu-burger-link--tournaments .menu-burger-link__text,.menu-burger-link--vip .menu-burger-link__text,.menu-burger .menu-burger-link--promo .menu-burger-link__text {
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 640px) {
    .menu-burger-link--friends-and-referrals .menu-burger-link__text,.menu-burger-link--lotteries .menu-burger-link__text,.menu-burger-link--partner .menu-burger-link__text,.menu-burger-link--store .menu-burger-link__text,.menu-burger-link--tournaments .menu-burger-link__text,.menu-burger-link--vip .menu-burger-link__text,.menu-burger .menu-burger-link--promo .menu-burger-link__text {
        font-size:12px;
        line-height: 16px;
        font-weight: 700
    }
}

.menu-burger .menu-burger-link__submenu .menu-burger-link__text {
    color: var(--text-text);
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

.menu-burger .menu-burger-link--promo .menu-burger-link__text,.menu-burger .menu-burger-link--tournaments .menu-burger-link__text {
    color: var(--text-text-invert)
}

.menu-burger .menu-burger-link__inner--title .menu-burger-link__text {
    color: var(--text-description-b);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

.menu-burger .menu-burger__custom-list--other .menu-burger-link__submenu .menu-burger-link__text {
    color: var(--text-text);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.menu-burger .menu-burger__custom-list--info .menu-burger-link__submenu .menu-burger-link__text {
    color: var(--selector-item-text-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.menu-burger-link__counter {
    position: absolute;
    top: -2px;
    right: -2px;
    display: flex;
    padding: 3px 8px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--text-text-invert);
    border-radius: 100px;
    background: var(--backgrounds-e);
    box-shadow: var(--counter-shadow)
}

.menu-burger-link__counter .icon {
    width: 20px;
    height: 20px
}

@media(min-width: 640px) {
    .menu-burger-link__counter {
        padding:4px 12px
    }
}

.menu-burger-link__counter--bonus-store {
    width: 28px;
    height: 22px;
    background-image: url(data:image/webp;base64,UklGRjIKAABXRUJQVlA4WAoAAAAQAAAAVgAAUQAAQUxQSJAEAAABoPtsnxpJalt2yS5ZKtmWlsGRo+V1ttSSJ+psYJnCgd27a010+BcMZhsdpBtOtPFRyAwZM99lvdVS/X71KzqOIsLBbS1Bq4sPjOGX0hZpG/x7QRSheAQgchgQeWg8Ig1/BogpRIaRYkNGcMFelOAmSZIy1SKwFMOcRZIkaBYfVOCmjGXcG7KcpYjqeowT6CuEqPxAKHDOWAoEFwNGVoiq3rVrvy/s2lWJIkfqYnHKuKhUX9O0ntA0zX7lcJbaH2D8NOei3t+07ZHjnSccP9K2yhE8A7UfQfm7lB3vzgyHvQ8Mh2fOQGD/rpKzxDYU6XakO9OPRrMaLs4SuKiSMGI06s90oAKpLYkX9f72SDcczV68fv36bQ9QyV2cHQ274+3+WnAYwM7yotrfgF1UfctLyyRWlpe1RFZUu6TSWFpaXlK4ff3iaHjmiNICcawKhZe7sK299uHHn3jCxx9++ILS7kizqywgZElqWrCd6VSq1hfk9GXQtgGOChktyYB0/IzyIUn8Sbqeq12zcs8QnAHhRGAMkc70s+NvKcOOtOPSFzue7c8ct+EgksCk628RKeOcTSIJPpnOl7dne8XZj6uGnosmEblqjomHTzXAyIn0z6lOmh07/ILS7SdeuzgiQpTBXJj0pdOtYSk4lz8eUxwipEuux152u+Hc8JYeyuEU/ZwKz/WCQ+rSKUBPVeaMkByN2M8+9odLcXgIPI5CuwRPYiyMl/j4nYdSdtLvbqtDs6vkLMaj5kW5H/p3bHIn7w8pDXcjSsRwdTvQvR8k0qRW0q+5fDcoca0kXbAGUhcmufqV9e0m9ThxcfZ6FUuihysllNkNPZV6Dk6nvwwfCkZT7jlFELBafIMG3Gv3V1p4EKeZ2NV85VTV5rSlfYq/wEApbqKEqQ71ZZAwudosKGoKmJKVU3gaJXFELUivTl3ChCBHurjvkksTXj5npwFgM8tMydGzSF+Ws6JeNWQpw+hiXaDtBLU746Jes81VGi9PQqe089do0zig6PdWbO8sia93TdtSUTLAi+izYTnPmjZqmIP1wTQgHhBmo+274eTdVus1737RStp+Gko+7UqrLTtVNt2n4SyjLTLsVbOi6n4OIT93pWmfarMBrGZC6AyxLyEaw2Box77qX1aJ8nN5GcqEf12rRWb7Qmguc8+m7/jc3l59lrmhqM0WBddXseH8Hd3Ua5l/1pZcW4bMjZ1btp95Mlx+sZ+/R5Bbdo76EJtD+UW2g0GZP0SwFgRl0Ot6hvnxMeMus6j8Io+ivW4suq4YzyhjLkVtGUKr6jNunPVa5Mj8Qg2ei3odLcAWR2Ra+fkWrRzX7f37lIXR+3CwOb5B/XERSt+w2FioRD5rRcESp/Lz8Lhr35hMpMEmEyi/HPnBNOOi+2wyoQVbhtaLYIpX1c+MTU+smGG17A3N9GqNLLCgMr9Ky5gq6rDKlDumZJuwsBojV2wTVhZa+YUGcrmu28JmtIDzpYxzpG8VPGOxl1jkyU0Yy8Yvvrm9y/wXcfDBgMBYmiaJH3/gcz3B8Fcmkb8AUIE3GPgTj4H/ZTAAVlA4IHwFAACwGgCdASpXAFIAPp1EnEomMKilqdXb0LATiWIA0IhHz+B3vqB6dwTzyTej/y+BIpTMtrSS0pvw31G/6X6BOdJ6Y/8H91+AP+Uf0L/r/2v2xvYX6Bv6hHKfz1XgyBvw12sV2tl0yu65eoV6PYbSZMy18D858/KQpc8sCPOITEk7h+jzWXeoUzpbSYOYYeBzWqLSBHU4n5zafYnEtnjGnTPuz1GTUwXNyX+uLu1UEgR3ZI+7J/4t4yrwkysJynTCuXejNTGPVbxENNDRaFEZxA4Oj2bIR0+BlS4nMcmF/QgA/tkdz1o1RXSQ3V9MuP+zgvy7KFnvpE4oqVskCZI5ZRZ9glCqCc9eF2i+e8fDQ82Ww/pxbghiOjsGhWUhuHb3lxg6uGQG0uaLlifylnCFF0BdtAoyyE9ocRf/bvZ+getnyKOsjyloJX6pzEjQajDeb+hjFdi3q6KMHVxDNIiWzzt9MVfD7vGOV9UR8wfEU5OX7BHvwVHvcH64DvIWea1xgBLILSzTu1X+G4nboXuDhzLvnuNWfxeH6Wlbf9xSWcftuwVfUnzx5P+D9xn1oAdz4gbnF34GonYhfzIYe3IO2dyaF+8rI8icLS5M06QBIjwVBrbdf5inXk+EO23u6M6qOwBHoqrxl+z217xSrXb/26IQDHsMvSDk569k/F+JGGPmtpZMgkefvIYMDhvEFvU7m6zH+8ZtIGdyJa2bFrjK9KXIQIojwqvxRWO7CM524k4TPcUFsZwfOtuhiuQaLfQ9gqJOISdNJi4xX5u8rs/k/y6I48Tboqzn8VCDvCM9sgn/ouP1/8P8AxU1DV/wPEjsLbr7Wh7h4hFlYc3Ydhvg/GjGgvmxUzaC/dTB7bpmtS9zhjiXMNEK5ihK6haeh44Vk/9A6akrcOtxefe7Mk0b2dEmKPduvTvX8B/8pGwEXY4n53CRmzxIp4QEecX6TXFvgLDgfFbiFw2W+d23lhc0oTHdu7Z4qFPXcO7vxO25jxaOb6S6s2Q7nMhI5PxO9x9eWaur5VXLeBk9Hq8U5i2UYG2EGs3uHaZfjYxGjx6IZLB4Sktwwq3shv4wFMRC0a3C78fT8HucKRAVgy9axsg3ups65eMFdfMqf2koBFYaT77uTIRePmMoqNkjKlHAe8vzBmIUhZEvUxFZ5gaNodQeuqlYJy3tRw5o2NPmizaMyiEaFvCBSu+0GyYb1lwzVRqvBC4/PBtt0RwlWqshP5tFJguRd6AGb7AzyzpSjcrxw4MbQX91dbOaY7MeSqkaIP8sy8qeERYKhgY/JoTWB5d2Cst/ZLehfETdeEP43QBOtQuzPuPu+KM8APfUotLSV1XHVKuJqV9gfBMWY/c89smgSVIc4ypX0jvCOv0vn7ZfvTCs+1ZGip2HrqAH1OMSEuWrEiM64HBDk6JEXE3RdkvNV+vusBLg9L0Nmfn0lADYiwHxj76KZA321/w3P3oKev4XKcwFOIOP/JBHQd93ukcCByqCzcZ/BRpwa4DNHHdWaOe9D4fzc/s2wuuHjsfetwtVu6+5SGRR57la9dmpuirxSJJp65YefXAqGH7Ngaaov/y11BPYGb+uosjZj6qwUwaa3P//Z0hxY64X/9/Of/rYD//rRDXH+86b/J3k/id6G7+T4NnvV2Pfeanyl2/2lO7RoQmbgHrINWLkPuoG7HEygB8LjjOVPtiWnFGMXR/wgXu9PECGQ87c0KDA4hzOptDoSnfi0oAVoGjxJU3Yk/fw/JPmAcN8vPVXcOu3fMd3PKG+FjNg5Vm5V/hxN6fWbFdkwCELIbgTWvjSBnPzI+hVS2VDvAjQ641AZ9l8JRMETXsyTK48Dfu8UPjtK84rp83e0CXE5uesMAAAAAAAAAA=);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center 1px
}

.no-webp .menu-burger-link__counter--bonus-store {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABSCAMAAAAW27jtAAACl1BMVEVHcExubm7///9wcHD///95eXl0d3IAAACAgIBvb291dXV5eXl1dXVubm5wcHB0dHR1dXV1dXV4eHi0tLR3d3R1dnXu7sh7e3t2dnZ1dXV2dnZflht3d3d2dnZ2dnZ1dXV2dnb//7qdsSB1j0EifSSNrSDw/+l1dXWP4HDEwinz/c2Ojo4xgCh2dnadtyO0wJozgCI0dDtPjhuZsCHJ2aHHz6fQ4qSZplpJfzgyfSeanIp4nSUKbxV2dna8vi2r5YEWdBWPqyLw8O2f1XybpTpJki7h67FJkCzr9LcWdiBWkDTi9KnQ7pwMcBpvmSeSmYGDpCXt7eBajDmd6YFm1Fnr6+r198P270LOyCafqIj//wDY/6Gc4nn28EKN93t4/3D//////+r///n//83///3//+EZeBv///QUmyMSdBgKcBbX/9sGkBL//9EIkxj8//JdxWn//9eb43cYmBOy6oUinBT//8MPlBGD3Glrtx0toBRKjBnF75Jhsxq87IuO4HA3pBV1uh2IwSHV9J///7BDqBZ1oB3O8ph02GFNqxZXrxin5n4FbhQofRfd9qSkzCT4/6ciehbm/57o+bEwgRetzya20igLlx3w/+mRxCA/iBjk+Ko3hBeEpx4rgycIjRaAvRxSkhrS/5NqnBzy/Lrt+7b//7rm5zf8/sbA/4rV4DC+1iixvCLN3S4coimcyB8+px3//9rF2Sv///GZ/3t7viT3/b+o6H/d4jMzhyw2jivv/+es/4BZsiRKrCGWxyYroSIbnBkjfiRW0FJr/2Hw7T1VrUYzpSNn1FpjynCG/21ryVi7xifNzyr3/d/H/qc9kzRAsD+bySpQwUpm01plqiPp/83Y/7ar/5S48ZVf6l3p/+Cy/4eSkKXCAAAAYHRSTlMAAgEF/ggmAQQKGww0EgYPUUMTAhZf2xEgaUr9QDssVS/+/DT+/v5b/pD+CYto/oudNOPjsaDDWURycIzianDn8M/Yl0PF0dTmt2f169R9b6naUf7+zerB0XgB/vHQ/v6w37ouAAAIhklEQVR4nO2Y+UMTZxrHM5NjcpBMyMQNUi6hgBDAs9716n0f272vSUgIdouuZT3ClirRsi3dSrsW1B6ipQrFaDnEtqFciuABqNVqrz+mz3vMZCYkJNL+6IcMzLzHNw/P+zzv+86r0dwjISwHFwsfDL3XyM/yL/qYqizHshzLSAgMvY8WSRVQRL85ualEUmCMRqPWBj8Y+kcb+wSNBAF9JYf+xVlhBAEEbXpTiujdNq0RaSfxrGBEmhaet6YCD5hMNpsWbJ7FHSwDtuotvNXhdJpTw+m08hawGYYh8YAxjNZm4q2gmZFhSImMjAwzKJvA4kQuhoFltG4T7zCDZk5eWkrk5YC22cmb9NrEnhAEsNYJsnlp2VlZ6cnJysrORtJmp8tkMwpsAi9Q2Zy07PTMTDsl126P3ioeCJmZ6dlpSBhcYWS4BM41WRxmQ05aVqY9t7i4eF5SoFGuPTMrLc9gdvAmCAounrVat8WKrM3KzAXN+eXzFTwIVzm9e3B+OTyWl8OnvHxecW5mVjZY7LDo44wdZJnRZnI5ieyi321+4Tcp8cLmzQ+AcFpOhtNlARdzMyKXQc7NMCDZ5R5RJ+q8fR5/T018KmtqevyePp8oirqeFUjYkIFczMREMcga9ci5edlgbaUfdPFH5wuAeKUaJOkVRdpGrKwEi7OpiwVBMb+xSNaGnZudbl/z+84eSRZ9RGQ6WN7Z2Vm53e8JUEmR1Inezs5za+zpWDjWxdi5PHFu8aMgIEp9cWdyJ0YVianktq/zXOfj8+zp4GJzTBSzKMRk554DoJNPApzho3bjX7hMrhU9qL3axVSZ4xit5Fz7mk8RAZ83oMLrI07xedUVPt807rCIuhh7QvauloQYcu7jJxAeGC81AWSuTowp9Xh9pbjDU8+Bi6knqDDMuVq35IUVBzHTMFIqPNSzXnWxP+D9lPR4VPKEWytwrDxoVhJiD3xIKPV6tivx+3R0uLw9qoo+L+3xIQ02l9vGyLpuHAvp9ueeOkA4EfAoI3a7TwpWiLkaZY1n2wGJP2FPwNDR+YeFTHMRc5/eRznQ598ZpdIrUpC6R1Gz0z8tddn39DwwOAPNmGStYwW3BXTBu8v/K+PpOXlyAfosWLBgp1eMpgHggUJcCZe/NNpnOfIwGjkycEgXgiwtfdFrUaZr9kucDJAU0Mk54pfr9vsPKjotQroOi6TLEN2VG16PUlr5LmV/QEfTTCf5QlcjVb7bs0/R6fWVRNdI7cXhkLbh3woOnvs/JUBzVgoIFMViqVRb85qy1wrkB7AXjxsn4HF76G0l+058gvnLNvz/Y0SF3bdJ9SelX6i6PWQwW002OkVAFkOcbXhVyfd3PsNsU0890bC4TepPqHq9+lcUZzSTORbmSId54Z6FCt6+9jXw00A0cKVpR5K+gxp8fU3Zac/C3WiGMErjhpeKR8av7o6y59pZ4LZXOXfBxKaj8xvcBHCL7xV9dl8df4zMaBxdMtHS9mIkcn386psS3125cuVOn3cWPKjJb+UOV8evRyKrXCa3vEGBCQ0tQqu/AkD60qVbt1669fexsWvbZmf67NjYnpcuAbdujkdQ7ycdFrTay/MvK8C87ig7irl+4+aFCxd+GPvux4GiwwMDA0UDh+EqGqAchruiIlQ48OM/xt6EpjdvfEV6lqlksYvRVsdRdj9wHq7IjZs/nP1nCoxduDFxFPqch27ny8imR7FN4zRkgVtcJTNy+fLlf80OahGpqrqf9lhMZdV7SSL8xBZMFVzVZ4DqWUD1bVtknogjKwsbnnlZoupM9aFDh7Ye2hofqANtufXLzxjIzm/GnhLvqV2Gdf+TaKsGzVcQba+0tbXh3/QB/iDl6iq58bolLry3jrNVZQUUxkvWSRZsqQaDd22l2iqgcBfItsnWIln1noRT7SL0FuuSjZLH2s6MjtbW7opLbe3o6JkqqeXGJS60wHPxN9Zkk2ZdtZEO8HsjIzt2gHIcRkd3jIzUysGzCu8bVHtJTj14aGu9+j3K0YmJkbod8airG5kYeUdqtzo2H2I3wXjnwztWv0PZ2929d2/dDPbWTUBNRGpV5uD1SV/gSOK9T4gMDb2BpGPp7n5jaIi2eR+nmSBws70mcxxNvI8I3YNDID2Dt4aGBo/TJotnZC+xMG5+OBd/QBgcHGxqeiuGpiYopg0eIbKaZO/dHN4F8obH/oNpD9YP1jepqa+vDwaP4+oPlhogcOO9YHEzhXF+GJbijseDDcFgvZpgMNjwLfnapQUoHwRGkwowG4NwwdLjiPb+/gaQVtLQ0N9/H64EWUuCF9g4fiHrh7XgPkxDCJSPNUQ51t8f+pbUIVkjw6Z6EkMzehXu23gkFAodUwCPoXZc9SLOh+RnJVGDWfxm8GQ74tjwMJIOYcFQ6MiRI8OFuOJZkLUJTKqqSBi/LPOOZxvbGxsbv/lmGKQlhuERitsb1zp4993JIiAo3LxjLcg2VjQ3N38uAw+FqHRt/HxI7mOcH2s/BlpaWpoRSLMZ7lHZ8/Rk4C7NpbsV3vk8aFS0trZItLa2FkLRpsQHDilavKmwsLDlVKvMqUkoWGbgYZvLMJo5wNGldFN+fkXvKYne3or8/GUQuO65Wauh+WHiC5bl57ee7gVAtPf0JJHVz3qyldRilB8FyyrCp2XCFfkPJ8ze1C0GYdfD+eGprq6u03B1TYbDK8lqxs3RDUQXJ97KcPhLQlc4vB6lGcPM3VoqDAeLrvXhqY6Oji87OqbCJb+CLJ6CkMV8ySSIgvJkicuC02zuTogqwwkrXzJ1EZgq4VEksL/QWgRaP2CeN5V0XLzY8UeLSW9jUvFCCt8MR3ZGOGle/4e/lTjxUS/3K5irIbMmOhgGTTj5Zn7xmCmVWXTmjo/SU/Ttn1OVRqsIp0nZBXezimjucY+58TM2Me0cRF1YDAAAAABJRU5ErkJggg==)
}

@media(min-width: 640px) {
    .menu-burger-link__counter--bonus-store {
        width:36px;
        height: 28px;
        background-size: 22px;
        background-position: center 3px
    }
}

.menu-burger-link__counter-number {
    color: var(--text-text-invert);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .menu-burger-link__counter-number {
        font-size:var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase
    }
}

.menu-burger-link__chevrone {
    width: 36px;
    height: 36px;
    margin-left: auto
}

.menu-burger .menu-burger-link__chevrone {
    width: 20px;
    height: 20px
}

.menu-burger-link__chevrone-icon {
    width: 20px;
    height: auto;
    color: var(--selector-item-icon-default)
}

.menu-burger-link__inner--active .menu-burger-link__chevrone-icon {
    color: var(--icons-a)
}

.menu-burger-link__image {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 109px;
    height: 89px;
    object-fit: contain;
    object-position: bottom
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

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

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

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

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

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

.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 {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.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,.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 {
    transform-style: preserve-3d
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.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-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-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container: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(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2)
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2)
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.resize-observer[data-v-8859cc6c] {
    border: none;
    background-color: transparent;
    opacity: 0
}

.resize-observer[data-v-8859cc6c],.resize-observer[data-v-8859cc6c] object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    overflow: hidden
}

.v-popper__popper {
    z-index: 10000;
    top: 0;
    left: 0;
    outline: none
}

.v-popper__popper.v-popper__popper--hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s,visibility .15s;
    pointer-events: none
}

.v-popper__popper.v-popper__popper--shown {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none!important
}

.v-popper__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.v-popper__inner {
    position: relative;
    box-sizing: border-box;
    overflow-y: auto
}

.v-popper__inner>div {
    position: relative;
    z-index: 1;
    max-width: inherit;
    max-height: inherit
}

.v-popper__arrow-container {
    position: absolute;
    width: 10px;
    height: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,.v-popper__arrow-outer {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.v-popper__arrow-inner {
    visibility: hidden;
    border-width: 7px
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-width: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-top-width: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-top-color: transparent!important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-left-width: 0;
    border-left-color: transparent!important;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-right-width: 0;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    color: #000;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 30px rgba(0,0,0,.10196078431372549)
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    visibility: visible;
    border-color: #fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}

.v-popper--theme-tooltip .v-popper__inner {
    background: rgba(0,0,0,.8);
    color: #fff;
    border-radius: 6px;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: rgba(0,0,0,.8)
}

.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;
        transition-duration: 1ms!important;
        animation-iteration-count: 1!important
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    animation-name: flipInY
}

@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
}
.local-list {
    padding: 0 var(--spacings-page-paddings) var(--spacings-3xl)
}

@media(min-width: 1140px) {
    .local-list {
        position:relative;
        background: var(--gradients-background-a);
        position: fixed;
        left: calc(var(--menu-burger-width-opened) - 26px);
        top: 16px;
        width: 276px;
        padding: 12px;
        border-radius: 20px;
        box-shadow: var(--dropdown-shadow);
        z-index: 215
    }

    .local-list:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

.local-list__title {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    text-align: center;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .local-list__title {
        margin-bottom:20px
    }
}

.local-list__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 8px
}

@media(min-width: 1140px) {
    .local-list__list {
        gap:12px
    }
}

.local-list__item {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 100px;
    cursor: pointer
}

.no-touch .local-list__item:hover {
    background-color: var(--backgrounds-e-4)
}

@media(min-width: 1140px) {
    .local-list__item {
        min-height:44px
    }
}

.local-list__item--active {
    position: relative;
    background: var(--gradients-background-e-4)
}

.local-list__item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.local-list__image-wr {
    width: 20px
}

.local-list__image {
    border-radius: 50%
}

.local-list__caption {
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .local-list__caption {
        font-size:var(--buttons-font-s-font-size);
        font-weight: var(--buttons-font-s-weight);
        line-height: var(--buttons-font-s-line-height);
        letter-spacing: .5px;
        text-transform: uppercase
    }
}

@media(min-width: 1140px) {
    .menu-burger {
        position:fixed;
        z-index: 215;
        top: 0;
        left: 0;
        bottom: 0
    }
}

@media(min-width: 1140px) {
    .menu-burger__wrapper {
        height:100%;
        width: var(--menu-burger-width-opened);
        background-color: var(--backgrounds-b);
        overflow: auto
    }

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

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

.menu-burger__line {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: var(--spacings-m);
    padding: 16px var(--spacings-xl) 8px;
    background-color: var(--backgrounds-b)
}

.menu-burger__line:after,.menu-burger__line:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 100%;
    width: 32px;
    height: 32px;
    background-image: url(/1img/union-b.svg);
    pointer-events: none
}

.search-content__back~.menu-burger__line:after,.search-content__back~.menu-burger__line:before,.search-tabs~.menu-burger__line:after,.search-tabs~.menu-burger__line:before {
    top: -1px
}

.menu-burger__line:after {
    right: 9px
}

.menu-burger__line:before {
    left: 9px;
    transform: scaleX(-1)
}

@media(min-width: 1628px) {
    .menu-burger__line:after {
        right:16px
    }

    .menu-burger__line:before {
        left: 16px
    }
}

.menu-burger__logo {
    width: 143px
}

.menu-burger__logo-img {
    height: 40px
}

@media(min-width: 1140px) {
    .menu-burger__inner {
        padding-bottom:var(--spacings-page-paddings)
    }
}

.menu-burger__custom-list {
    margin-bottom: var(--spacings-2xs)
}

@media(min-width: 640px) {
    .menu-burger__custom-list {
        padding:0 var(--spacings-page-paddings)
    }
}

@media(min-width: 1140px) {
    .menu-burger__custom-list {
        margin-bottom:8px;
        padding: 0 var(--spacings-xl)
    }
}

.menu-burger__custom-list--promo {
    margin-bottom: var(--spacings-xl);
    padding: 2px var(--spacings-page-paddings) 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(109px,1fr));
    gap: 8px
}

@media(min-width: 640px) {
    .menu-burger__custom-list--promo {
        grid-template-columns:repeat(4,1fr)
    }
}

@media(min-width: 1024px)and (max-width:1139px) {
    .menu-burger__custom-list--promo {
        grid-template-columns:repeat(auto-fill,minmax(134px,1fr))
    }
}

@media(min-width: 1140px) {
    .menu-burger__custom-list--promo {
        padding:0 var(--spacings-xl);
        grid-template-columns: repeat(auto-fit,minmax(122px,1fr))
    }
}

.menu-burger__custom-list-title {
    margin-bottom: var(--spacings-2xs);
    padding: var(--spacings-xs) 16px 8px;
    color: var(--text-description-b);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

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

.menu-burger__custom-lists {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl);
    padding: var(--spacings-xl);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4)
}

@media(min-width: 1140px) {
    .menu-burger__custom-lists {
        gap:var(--spacings-s);
        padding: var(--spacings-m)
    }
}

.menu-burger__bottom-bar {
    margin-top: var(--spacings-xl)
}

@media(min-width: 640px) {
    .menu-burger__bottom-bar {
        padding:0 var(--spacings-page-paddings)
    }
}

@media(min-width: 1140px) {
    .menu-burger__bottom-bar {
        padding:0
    }
}
.play-providers-tabs {
    width: 100%;
}

@media (max-width: 1139px) {
    .play-providers-tabs {
        margin-bottom: calc(var(--spacings-l) - var(--spacings-xs));
    }
}

.play-providers-tabs__inner {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 100px;
    overflow-x: auto;
    scrollbar-width: none;
}

.play-providers-tabs__inner::before {
    content: "";
    border-radius: inherit;
    background: var(--backgrounds-a);
    position: absolute;
    inset: 0px;
    backdrop-filter: none !important;
}

.play-providers-tabs__inner::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1139px) {
    .play-providers-tabs__inner {
        overflow: hidden;
    }
}

.play-providers-tab {
    flex: 1 1 50%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius);
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.play-providers-tab:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1139px) {
    .play-providers-tab {
        max-width: 50%;
    }
}

.providers__list .play-providers-tab {
    gap: var(--tabs-s-gap);
    padding: var(--tabs-s-vert) 0;
}

@media (max-width: 1139px) {
    .providers__list .play-providers-tab {
        padding: var(--tabs-s-vert) var(--tabs-s-hor);
    }
}

.no-touch .play-providers-tab:not(.play-providers-tab--active):hover {
    background-color: var(--backgrounds-e-4);
}

.no-touch .play-providers-tab:not(.play-providers-tab--active):hover::before, .play-providers-tab.play-providers-tab--active + .play-providers-tab::before, .play-providers-tab.play-providers-tab--active::before {
    content: none;
}

.play-providers-tab--active {
    cursor: default;
    pointer-events: none;
    position: relative;
    background: var(--gradient-tokens-backgrounds-l);
}

.play-providers-tab--active::before {
    content: none;
}

.play-providers-tab--active::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.bottom-sheet .play-providers-tab--active::after, .custom-modal .play-providers-tab--active::after, .game__tabs .play-providers-tab--active::after, .play-providers-tabs .play-providers-tab--active::after, .search .play-providers-tab--active::after {
    z-index: 0;
}

.no-touch .play-providers-tab--active:hover {
    background-color: var(--backgrounds-e-4);
}

.no-touch .play-providers-tab--active:hover::before {
    content: none;
}

.no-touch .play-providers-tab--active:hover .play-providers-tab__border {
    border: 2px solid transparent;
}

.no-touch .play-providers-tab--active:hover .play-providers-tab__border::before {
    content: "";
    border-radius: inherit;
    background: var(--gradient-tokens-border-c);
    animation: 2s linear 0s infinite normal none running rotateSpecialBorderToRightLink;
}

.play-providers-tab__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.play-providers-tab__border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.play-providers-tab__border::before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: 3s linear 0s infinite normal none running rotateSpecialBorderToRightLink;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
}

.play-provider-full {
    z-index: 1;
    cursor: pointer;
    position: relative;
}

@media (min-width: 1140px) {
    .play-provider-full {
        height: 236px;
    }
}

@media (min-width: 1628px) {
    .play-provider-full {
        height: 324px;
    }
}

.play-provider-full-wr {
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1139px) {
    .play-provider-full-wr {
        padding: 10px 12px;
        background: var(--selector-item-bg-default);
    }

    .play-provider-full-wr.play-provider-full-wr--with-jackpot {
        padding: 8px 12px;
    }

    .providers__item .play-provider-full-wr {
        padding: 10px 12px 10px 8px;
    }

    .providers__item .play-provider-full-wr.play-provider-full-wr--with-jackpot {
        padding: 6px 12px;
    }
}

    .play-provider-full-wr {
        /* justify-content: flex-end; */
        border-radius: var(--roundings-m);
        position: relative;
        background: var(--gradients-background-b);
        backdrop-filter: blur(10px);
    }

    .no-touch .play-provider-full-wr:hover::before {
        opacity: 1;
    }

.play-provider-full__wr-border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.play-provider-full__wr-border::before {
    visibility: hidden;
    width: 100%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
}

.no-touch .play-provider-full-wr:hover .play-provider-full__wr-border::before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%, -50%, 0px) rotate(0deg);
    animation: 3s linear 0s infinite normal none running rotateSpecialBorderToRightCard;
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%, -50%, 0px) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0px) rotate(1turn);
    }
}

.play-provider-full__games-list {
    display: flex;
    align-self: center;
    align-items: flex-end;
    flex-direction: column;
    gap: var(--spacings-xs);
    transform: rotate(7deg);
}

@media (min-width: 1628px) {
    .play-provider-full__games-list {
        gap: var(--spacings-m);
    }
}

.play-provider-full__row {
    display: flex;
    gap: var(--spacings-xs);
}

.play-provider-full__row:empty {
    display: none;
}

.play-provider-full__row:first-child {
    transform: translateX(-17px);
}

.play-provider-full__row:last-child {
    transform: translateX(-3px);
}

.play-provider-full__games-list--1 .play-provider-full__row {
    transform: translateX(44px);
}

@media (min-width: 1628px) {
    .play-provider-full__row {
        gap: var(--spacings-m);
    }

    .play-provider-full__row:first-child {
        transform: translateX(-95px);
    }

    .play-provider-full__row:last-child {
        transform: translateX(-23px);
    }

    .play-provider-full__games-list--1 .play-provider-full__row {
        transform: translateX(54px);
    }
}

.play-provider-full__games-item {
    display: flex;
    width: 82px;
    height: 101px;
}

@media (min-width: 1628px) {
    .play-provider-full__games-item {
        width: 144px;
        height: 180px;
    }
}

.play-provider-full__games-list--1 .play-provider-full__games-item {
    width: 145px;
    height: 180px;
}

@media (min-width: 1628px) {
    .play-provider-full__games-list--1 .play-provider-full__games-item {
        width: 200px;
        height: 244px;
    }
}

.play-provider-full__link {
    flex: 1 0 auto;
    display: flex;
    gap: 4px;
}

@media (max-width: 1139px) {
    .play-provider-full__link {
        align-items: center;
        gap: 12px;
        max-width: 100%;
    }
}

@media (min-width: 1140px) {
    .play-provider-full__link {
        padding: 24px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }
}

@media (min-width: 1628px) {
    .play-provider-full__link {
        padding: 30px;
    }
}

.play-provider-full__img-wr {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 140px; */
    height: 92px;
}

@media (max-width: 1139px) {
    .play-provider-full__img-wr {
        /* width: 20px; */
        /* height: 20px; */
        flex-shrink: 0;
        border-radius: 50%;
        overflow: hidden;
    }
}

@media (min-width: 1140px) {
    .play-provider-full__img-wr {
        /* top: -24px; */
        /* right: -12px; */
    }
}

@media (min-width: 1628px) {
    .play-provider-full__img-wr {
        /* top: -22px; */
        /* right: -18px; */
        width: 196px;
        height: 128px;
    }
}

@media (max-width: 1139px) {
    .play-provider-full__img {
        border-radius: 50%;
    }
}

@media (min-width: 1140px) {
    .play-provider-full__img {
        border-radius: 16px;
    }
}

@media (max-width: 1139px) {
    .play-provider-full__logo {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.play-provider-full__logo-name {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height);
}

.play-provider-full__provider-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.play-provider-full__provider-name {
    color: var(--selector-item-text-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.play-provider-full__provider-text--with-jackpot .play-provider-full__provider-name {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.play-provider-full__info {
    z-index: 1;
    position: relative;
}

@media (min-width: 1140px) {
    .play-provider-full__info {
        width: 100%;
        flex: 1 1 0%;
        display: flex;
        gap: var(--spacings-l);
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        white-space: nowrap;
        padding-right: var(--spacings-3xs);
    }
}

.play-provider-full__info-wr {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.play-provider-full__info-wr:only-child {
    align-items: flex-end;
}

@media (max-width: 1139px) {
    .play-provider-full__jackpot {
        width: 100%;
        color: var(--selector-item-text-default);
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media (min-width: 1140px) {
    .play-provider-full__jackpot {
        display: flex;
        gap: 4px;
        flex-direction: column;
        align-items: flex-end;
    }
}

.play-provider-full__jackpot-sum {
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.play-provider-full__jackpot-zero .play-provider-full__jackpot-sum {
    color: var(--text-text-accent);
}

.play-provider-full__jackpot-text {
    color: var(--text-text-accent);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.play-provider-full__games {
    display: flex;
    align-items: center;
    gap: 12px;
}

.play-provider-full__games-text {
    color: var(--text-description-a);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.play-provider-full__games-number {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

@media (min-width: 1140px) {
    .play-provider-full__games-number {
        color: var(--text-text-invert);
        border-radius: 100px;
        padding: 3px 8px;
        text-align: center;
        background: var(--backgrounds-e);
        box-shadow: var(--counter-shadow);
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
    }
}

@media (min-width: 1628px) {
    .play-provider-full__games-number {
        padding: 4px 12px;
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase;
    }
}

.bottom-sheet--providers-sheet .bottom-sheet__content {
    padding: 0px;
}

.bottom-sheet--providers-sheet .bottom-sheet__content-inner, .bottom-sheet--providers-sheet .bottom-sheet__scroll {
    flex-direction: column;
    flex-grow: 1;
    display: flex !important;
}

@media (min-width: 640px) {
    .bottom-sheet--providers-sheet .bottom-sheet__card {
        max-width: 600px !important;
    }
}

.providers-sheet-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
}

.providers-sheet-list::-webkit-scrollbar {
    display: none;
}

.providers-sheet-list__no-results, .providers-sheet-list__search, .providers-sheet-list__tabs {
    padding: 0 var(--spacings-page-paddings);
}

.providers-sheet-list__search, .providers-sheet-list__tabs {
    position: sticky;
    top: 0px;
    background: var(--backgrounds-b);
    z-index: 3;
}

.providers-sheet-list__search {
    opacity: 0;
    transform: translateY(-100%);
    padding: var(--spacings-xl) var(--spacings-page-paddings);
    z-index: 2;
    transition: 0.2s ease-out;
}

.providers-sheet-list__search.providers-sheet-list__search--visible {
    opacity: 1;
    transform: translateY(0px);
    top: 40px;
}

.providers-sheet-list__search-field {
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-text);
    padding: 4px 4px 4px 16px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    backdrop-filter: blur(10px);
    transition: 0.2s ease-out;
}

.providers-sheet-list__search-field::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.providers-sheet-list__search-input {
    appearance: none;
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.providers-sheet-list__search-input::placeholder {
    color: var(--text-description-b);
}

.providers-sheet-list__search-clear-wr, .providers-sheet-list__search-icon-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: var(--buttons-secondary-b-bg-default);
}

.providers-sheet-list__search-icon-wr {
    color: var(--icons-c);
}

.providers-sheet-list__search-btn-icon {
    width: 100%;
    height: 100%;
}

.providers-sheet-list__items {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0px 8px;
}

@media (min-width: 640px) {
    .providers-sheet-list__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacings-m);
    }
}

.providers-sheet-list__no-results {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.providers-sheet-list__no-results-image-wrapper {
    position: relative;
    margin-bottom: var(--spacings-xl);
}

.providers-sheet-list__no-results-image-wrapper::after {
    content: "";
    width: 420px;
    height: 264px;
    bottom: -37px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("/1img/no-results-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.no-webp .providers-sheet-list__no-results-image-wrapper::after {
    background-image: url("/1img/no-results-bg.png");
}

@media (min-width: 640px) {
    .providers-sheet-list__no-results-image-wrapper::after {
        bottom: -39px;
    }
}

.providers-sheet-list__no-results-image {
    width: 160px;
    height: 160px;
}

.providers-sheet-list__no-results-title {
    color: var(--text-text);
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.providers-sheet-list__no-results-subtitle {
    color: var(--text-description-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

@media (min-width: 640px) {
    .bottom-sheet--categories-menu .bottom-sheet__card {
        max-width: 600px !important;
    }
}

.categories-menu__title {
    color: var(--text-text);
    padding: var(--spacings-xs) 0;
    margin-bottom: var(--spacings-xl);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
}

.categories-menu__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.categories-menu__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: var(--spacings-s);
    border-radius: var(--roundings-s);
    background: var(--backgrounds-a-70);
    width: calc(33.3333% - 6px);
    cursor: pointer;
    overflow: hidden;
}

@media (max-width: 639px) {
    .categories-menu__card {
        padding: var(--spacings-s);
        min-height: 109px;
    }
}

@media (min-width: 640px) {
    .categories-menu__card {
        padding: var(--spacings-m) var(--spacings-s);
        min-height: 86px;
        width: calc(16.6667% - 7px);
        gap: 8px;
    }
}

.categories-menu__card-icon-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--icons-a);
}

@media (min-width: 640px) {
    .categories-menu__card-icon-wr {
        width: 28px;
        height: 28px;
    }
}

.categories-menu__card-icon {
    width: 100%;
    height: 100%;
}

.categories-menu__card-text {
    color: var(--text-text);
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

@media (min-width: 640px) {
    .categories-menu__card-text {
        font-size: 10px;
        line-height: 16px;
        font-weight: 500;
    }
}
.bottom-confirm-notify {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12;
    margin-top: auto
}

@media(min-width: 1140px) {
    .bottom-confirm-notify {
        left:0;
        right: 0;
        box-shadow: var(--bottom-notify-shadow);
        z-index: 29
    }

    .game-page .bottom-confirm-notify {
        left: 0
    }
}

.bottom-confirm-notify-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-c);
    padding: var(--spacings-l);
    margin: 0 16px calc(4px + var(--bottom-menu-height));
    z-index: 1
}

@media(max-width: 1139px) {
    .bottom-confirm-notify--profile .bottom-confirm-notify-wrap {
        padding-bottom:32px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .bottom-confirm-notify-wrap.bottom-confirm-notify-wrap--countries,.bottom-confirm-notify-wrap.bottom-confirm-notify-wrap--email,.bottom-confirm-notify-wrap.bottom-confirm-notify-wrap--verify {
        width:343px;
        margin-left: auto
    }
}

@media(min-width: 1140px) {
    .bottom-confirm-notify-wrap {
        flex-direction:row;
        align-items: center;
        padding: 7px var(--spacings-page-paddings) 8px;
        margin: 0 var(--sidebar-right-close) 0 0;
        gap: 20px;
        border-radius: 0;
        border-top: 1px solid var(--border-a)
    }

    .sidebar-opened .bottom-confirm-notify-wrap {
        margin: 0 var(--sidebar-right) 0 0
    }
}

@media(min-width: 1628px) {
    .bottom-confirm-notify-wrap {
        padding-left:76px
    }
}

.bottom-confirm-notify__row {
    display: flex
}

.bottom-confirm-notify-wrap--email .bottom-confirm-notify__row {
    align-items: center
}

@media(min-width: 1140px) {
    .bottom-confirm-notify__row {
        align-items:center
    }
}

.bottom-confirm-notify__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: var(--spacings-l);
    flex-shrink: 0
}

@media(min-width: 1140px) {
    .bottom-confirm-notify__image {
        width:44px;
        height: 44px;
        margin-right: 20px
    }
}

.bottom-confirm-notify__icon {
    width: 100%
}

.bottom-confirm-notify__text {
    text-align: left;
    color: var(--text-text);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.bottom-confirm-notify__text a {
    margin-top: 4px;
    display: flex;
    align-items: center;
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.bottom-confirm-notify__text a:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/1img/chevrone-right-a.32da3a93.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-touch .bottom-confirm-notify__text a:hover {
    color: var(--text-text)
}

.no-touch .bottom-confirm-notify__text a:hover:after {
    background-image: url(/1img/chevrone-right-hover.bb445784.svg)
}

.bottom-confirm-notify__controls {
    display: flex;
    gap: 12px;
    margin-top: 16px
}

@media(max-width: 1139px) {
    .bottom-confirm-notify-wrap--countries .bottom-confirm-notify__controls {
        flex-direction:row-reverse
    }
}

@media(min-width: 1140px) {
    .bottom-confirm-notify__controls {
        margin-top:0;
        align-items: center
    }
}

.bottom-confirm-notify__btn {
    flex: 1 0 calc(50% - 6px)
}

@media(min-width: 1140px) {
    .bottom-confirm-notify__btn {
        flex:1 0 auto
    }
}

.bottom-confirm-notify__btn--verify {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
    letter-spacing: 0
}

.bottom-confirm-notify__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    position: absolute!important;
    right: 40px
}

.bottom-confirm-notify__message {
    padding: var(--spacings-m) var(--spacings-page-paddings);
    color: var(--colors-base-white-b);
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    position: relative;
    background: var(--gradient-colors-system-error);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

.bottom-confirm-notify__message:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-colors-system-error) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .bottom-confirm-notify__message {
        border-radius:var(--roundings-m)
    }

    .bottom-confirm-notify__message p:not(:last-child) {
        margin-bottom: 8px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .bottom-confirm-notify__message {
        width:min(100%,600px);
        margin-inline:auto}
}

@media(max-width: 1139px) {
    .bottom-confirm-notify--gambling-addict {
        bottom:calc(var(--bottom-menu-height) + 4px);
        left: 18px;
        right: 18px
    }
}

@media(min-width: 1140px) {
    .bottom-confirm-notify--gambling-addict {
        left:0;
        right: 0
    }

    .authorized .bottom-confirm-notify--gambling-addict {
        right: var(--sidebar-right-close)
    }

    .authorized .main-wr--user-sidebar-opened~.bottom-confirm-notify--gambling-addict {
        right: var(--sidebar-right)
    }
}

.sport-page .bottom-confirm-notify--gambling-addict {
    z-index: 10017
}
.local-list {
    padding: 0 var(--spacings-page-paddings) var(--spacings-3xl);
}

@media (min-width: 1140px) {
    .local-list {
        background: var(--gradients-background-a);
        position: fixed;
        left: calc(var(--menu-burger-width-opened) - 26px);
        top: 16px;
        width: 276px;
        padding: 12px;
        border-radius: 20px;
        box-shadow: var(--dropdown-shadow);
        z-index: 215;
    }

    .local-list::after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
        mask-image: ;
        -webkit-mask-position-x: ;
        -webkit-mask-position-y: ;
        mask-size: ;
        mask-repeat: ;
        mask-origin: ;
        mask-clip: ;
        mask-mode: ;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        inset: 0px;
    }
}

.local-list__title {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    text-align: center;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
}

@media (min-width: 640px) {
    .local-list__title {
        margin-bottom: 20px;
    }
}

.local-list__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

@media (min-width: 1140px) {
    .local-list__list {
        gap: 12px;
    }
}

.local-list__item {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 100px;
    cursor: pointer;
}

.no-touch .local-list__item:hover {
    background-color: var(--backgrounds-e-4);
}

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

.local-list__item--active {
    position: relative;
    background: var(--gradients-background-e-4);
}

.local-list__item--active::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.local-list__image-wr {
    width: 20px;
}

.local-list__image {
    border-radius: 50%;
}

.local-list__caption {
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

@media (min-width: 1140px) {
    .local-list__caption {
        font-size: var(--buttons-font-s-font-size);
        font-weight: var(--buttons-font-s-weight);
        line-height: var(--buttons-font-s-line-height);
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }
}

@media (min-width: 1140px) {
    .menu-burger {
        position: fixed;
        z-index: 215;
        top: 0px;
        left: 0px;
        bottom: 0px;
    }
}

@media (min-width: 1140px) {
    .menu-burger__wrapper {
        height: 100%;
        width: var(--menu-burger-width-opened);
        background-color: var(--backgrounds-b);
        overflow: auto;
    }

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

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

.menu-burger__line {
    position: sticky;
    top: 0px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: var(--spacings-m);
    padding: 16px var(--spacings-xl) 8px;
    background-color: var(--backgrounds-b);
}

.menu-burger__line::after, .menu-burger__line::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 100%;
    width: 32px;
    height: 32px;
    background-image: url("/1img/union-b.svg");
    pointer-events: none;
}

.search-content__back ~ .menu-burger__line::after, .search-content__back ~ .menu-burger__line::before, .search-tabs ~ .menu-burger__line::after, .search-tabs ~ .menu-burger__line::before {
    top: -1px;
}

.menu-burger__line::after {
    right: 9px;
}

.menu-burger__line::before {
    left: 9px;
    transform: scaleX(-1);
}

@media (min-width: 1628px) {
    .menu-burger__line::after {
        right: 16px;
    }

    .menu-burger__line::before {
        left: 16px;
    }
}

.menu-burger__logo {
    width: 143px;
}

.menu-burger__logo-img {
    height: 40px;
}

@media (min-width: 1140px) {
    .menu-burger__inner {
        padding-bottom: var(--spacings-page-paddings);
    }
}

.menu-burger__custom-list {
    margin-bottom: var(--spacings-2xs);
}

@media (min-width: 640px) {
    .menu-burger__custom-list {
        padding: 0 var(--spacings-page-paddings);
    }
}

@media (min-width: 1140px) {
    .menu-burger__custom-list {
        margin-bottom: 8px;
        padding: 0 var(--spacings-xl);
    }
}

.menu-burger__custom-list--promo {
    margin-bottom: var(--spacings-xl);
    padding: 2px var(--spacings-page-paddings) 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(109px, 1fr));
    gap: 8px;
}

@media (min-width: 640px) {
    .menu-burger__custom-list--promo {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1024px) and (max-width: 1139px) {
    .menu-burger__custom-list--promo {
        grid-template-columns: repeat(auto-fill, minmax(134px, 1fr));
    }
}

@media (min-width: 1140px) {
    .menu-burger__custom-list--promo {
        padding: 0 var(--spacings-xl);
        grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));
    }
}

.menu-burger__custom-list-title {
    margin-bottom: var(--spacings-2xs);
    padding: var(--spacings-xs) 16px 8px;
    color: var(--text-description-b);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase;
}

@media (min-width: 1140px) {
    .menu-burger__custom-list-title {
        padding-bottom: 0px;
    }
}

.menu-burger__custom-lists {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl);
    padding: var(--spacings-xl);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4);
}

@media (min-width: 1140px) {
    .menu-burger__custom-lists {
        gap: var(--spacings-s);
        padding: var(--spacings-m);
    }
}

.menu-burger__bottom-bar {
    margin-top: var(--spacings-xl);
}

@media (min-width: 640px) {
    .menu-burger__bottom-bar {
        padding: 0 var(--spacings-page-paddings);
    }
}

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

.bottom-menu {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: var(--bottom-menu-height);
    z-index: 206;
    padding: 4px;
}

.sport-page .bottom-menu {
    z-index: 200;
}

.reset-overflow-sport .sport-page .bottom-menu {
    z-index: 10035;
}

.bottom-menu__wrapper {
    position: relative;
    display: flex;
    height: 100%;
    padding: var(--spacings-s);
    border-radius: 100px;
    overflow: hidden;
}

.bottom-menu--not-auth .bottom-menu__wrapper {
    justify-content: space-between;
}

.bottom-menu__bg {
    background: var(--gradients-background-a-70);
    backdrop-filter: blur(20px);
    position: absolute;
    border-radius: 100px;
}

.bottom-menu__bg, .bottom-menu__bg::after {
    inset: 0px;
    z-index: -1;
}

.bottom-menu__bg::after {
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a-70) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
}

.bottom-menu__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 0%;
    gap: 4px;
}

.bottom-menu__item.bottom-menu__item--active {
    position: relative;
}

.bottom-menu__item.bottom-menu__item--active::before {
    content: "";
    bottom: -7px;
    width: 82px;
    height: 47px;
    background-image: var(--gradient-bottom-menu-item);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.bottom-menu--not-auth .bottom-menu__item--menu {
    padding: 0 var(--spacings-l);
    flex: 0 0 auto;
}

.bottom-menu__item--signup {
    flex: 1 1 0%;
    align-items: flex-end;
}

.bottom-menu__item--sidebar {
    max-width: 40px;
    padding: 0px;
}

.bottom-menu__item-ic-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.bottom-menu__item-ic {
    width: 20px;
    height: auto;
    color: var(--icons-a);
}

.bottom-menu__item-ic--wallet {
    width: 22px;
    height: auto;
    color: var(--colors-base-black-900);
}

.bottom-menu__item-text {
    color: var(--text-description-b);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: var(--description-font-2xs-font-size);
    font-weight: var(--description-font-2xs-weight);
    line-height: var(--description-font-2xs-line-height);
    text-transform: uppercase;
}

.bottom-menu__item--active .bottom-menu__item-text {
    color: var(--text-text);
}

.bottom-menu__item-sidebar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.bottom-menu__sidebar-img {
    width: 100%;
    border-radius: 50%;
}

.bottom-menu__item-sidebar-close {
    z-index: -1;
}

.bottom-menu__buttons {
    display: flex;
    gap: var(--spacings-s);
}

.bottom-menu__signin {
    min-width: 95px;
}

.bottom-menu__registration {
    height: 40px;
}
.spinner-logo {
    width: 60px;
    height: 60px;
}

.cashout-alert-card__action--preloader .spinner-logo {
    width: 100%;
    height: 100%;
}

.main-preloader {
    position: relative;
    width: 100%;
    height: 60px;
    transition: 0.2s ease-out;
}

@media (min-width: 640px) {
    .payment__content-inner-1 > .main-preloader {
        margin: 42px 0px;
    }
}

.payment__content-inner-1 > .main-preloader {
    margin: 20px 0px;
    min-height: 60px;
}

.payment__content-inner-1--with-loader .main-preloader {
    height: 100%;
    margin: auto;
}

.contest-stream-winners-list-wr .main-preloader {
    flex-grow: 1;
}

.partners-contests-history-content__main-content .main-preloader {
    min-height: 464px;
}

.main-preloader--fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10050;
    width: 100%;
    height: 100%;
}

.main-preloader__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    width: 60px;
    height: 60px;
    pointer-events: none;
}

.cashout-alert-card__action--preloader .main-preloader__inner {
    width: 100%;
    height: 100%;
}

.partners-contests-history-content__main-content .main-preloader__inner {
    flex-grow: 1;
}

.path-profile .main-preloader__inner {
    position: static;
    transform: translateZ(0px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
}

.main-preloader__inner.hnd {
    position: relative;
    top: auto;
    left: auto;
    transform: translateZ(0px);
}

.main-preloader__inner.hnd .main-preloader__text {
    left: 100%;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
    margin-left: 10px;
    font-size: 14px;
}

.main-preloader__text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%, 0px, 0px);
    display: block;
    white-space: nowrap;
    color: var(--gray-500);
}

.main-preloader__prog {
    color: rgb(176, 164, 153);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}

.main-preloader__p1 {
    position: absolute;
    width: 80%;
    height: 80%;
    margin: 10%;
    animation-iteration-count: infinite;
    animation-name: prel__p1;
    animation-duration: 6s;
}

.main-preloader__p2 {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-iteration-count: infinite;
    animation-name: prel__p2;
    animation-duration: 7s;
}

@keyframes prel__p1 {
    0% {
        transform: rotate(0deg);
    }

    35% {
        transform: rotate(-900deg);
    }

    85% {
        transform: rotate(-3200deg);
    }

    100% {
        transform: rotate(-2000deg);
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0deg);
    }

    35% {
        transform: rotate(700deg);
    }

    85% {
        transform: rotate(2600deg);
    }

    100% {
        transform: rotate(5turn);
    }
}

.main-preloader__svg {
    animation: 1.32s linear 0s infinite normal none running inner;
}

.main-preloader__svg circle {
    fill: none;
    stroke: rgb(240, 146, 53);
    stroke-linecap: square;
    animation: 1.32s cubic-bezier(0.8, 0, 0.4, 0.8) 0s infinite normal none running arc;
}

@keyframes inner {
    0% {
        transform: rotate(-100.8deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.search-tabs {
    padding: var(--spacings-xl) 0 var(--spacings-xl);
    width: 100%;
    position: relative;
    border-radius: var(--roundings-l) var(--roundings-l) 0 0;
    background: var(--backgrounds-b);
}

@media (min-width: 1140px) {
    .search-tabs {
        padding: var(--spacings-m) var(--spacings-m) var(--spacings-l);
    }
}

.search-tabs__slider {
    position: relative;
    padding: 0 var(--spacings-page-paddings);
    display: flex;
    overflow: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
}

.search-tabs__slider::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1140px) {
    .search-tabs__slider {
        padding: 0px;
        margin: 0px;
    }
}

.search-tabs__slider-list {
    min-width: max-content;
    margin: 0px auto;
    display: flex;
    border-radius: 100px;
    background-color: var(--backgrounds-e-4);
}

.search-tabs__slider-item {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius);
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.search-tabs__slider-item:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.search-tabs__slider-item.search-tabs__slider-item--active {
    position: relative;
    background: var(--gradient-tokens-backgrounds-l);
}

.search-tabs__slider-item.search-tabs__slider-item--active::before {
    content: none;
}

.search-tabs__slider-item.search-tabs__slider-item--active::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.bottom-sheet .search-tabs__slider-item.search-tabs__slider-item--active::after, .custom-modal .search-tabs__slider-item.search-tabs__slider-item--active::after, .game__tabs .search-tabs__slider-item.search-tabs__slider-item--active::after, .play-providers-tabs .search-tabs__slider-item.search-tabs__slider-item--active::after, .search .search-tabs__slider-item.search-tabs__slider-item--active::after {
    z-index: 0;
}

.search-tabs__slider-item.search-tabs__slider-item--active + .search-tabs__slider-item::before {
    content: none;
}

@media (min-width: 1140px) {
    .search-tabs__slider-item {
        padding: var(--tabs-m-vert) 24px;
        flex-grow: 0;
    }

    .no-touch .search-tabs__slider-item:not(.search-tabs__slider-item.search-tabs__slider-item--active):hover {
        background-color: var(--backgrounds-e-4);
        transition: 0.2s ease-out;
    }

    .no-touch .search-tabs__slider-item:not(.search-tabs__slider-item.search-tabs__slider-item--active):hover + .search-tabs__slider-item::before, .no-touch .search-tabs__slider-item:not(.search-tabs__slider-item.search-tabs__slider-item--active):hover::before {
        content: none;
    }
}

.search-tabs-txt {
    display: flex;
    justify-content: center;
    white-space: nowrap;
}

.search-dropdown {
    background: var(--gradients-background-a);
    position: absolute;
    top: 52px;
    width: 100%;
    max-width: 764px;
    padding: 8px;
    border-radius: 20px;
    box-shadow: var(--dropdown-shadow);
    z-index: 6;
}

.search-dropdown::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

@media (min-width: 1140px) {
    .search-dropdown {
        top: 56px;
    }
}

.search-dropdown__item {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--selector-item-text-default);
    border-radius: 100px;
    cursor: pointer;
    overflow: hidden;
    padding: 4px 52px 4px 12px;
    margin-bottom: 4px;
    min-height: 40px;
    transition: 0.2s ease-out;
}

.search-dropdown__item:last-child {
    margin-bottom: 0px;
}

.no-touch .search-dropdown__item:hover {
    background-color: var(--selector-item-bg-hover);
}

.search-dropdown__item-icon {
    height: 20px;
    width: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    color: var(--selector-item-icon-default);
}

.search-dropdown__item-text {
    flex-grow: 1;
    color: var(--selector-item-text-default);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

.search-dropdown__item-delete {
    right: 4px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--selector-item-icon-default);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.search-dropdown__item-delete-ic {
    width: auto;
    height: 20px;
}

.search-header {
    width: 100%;
    padding: var(--spacings-s) var(--spacings-page-paddings) var(--spacings-s);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 1140px) {
    .search-header {
        margin-bottom: 8px;
        padding: 0px;
        flex-direction: row;
    }
}

.search-header__top {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: var(--spacings-l);
}

.search-header__input {
    position: relative;
    flex: 1 1 0%;
}

@media (min-width: 1140px) {
    .search-header__input {
        flex-grow: 1;
    }
}

.search-header__input-field {
    position: relative;
    z-index: 4;
}

.search-header__input-field .input-field__wrap {
    border-radius: 100px;
    position: relative;
    background: var(--gradients-background-c);
}

.search-header__input-field .input-field__wrap::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.search-header__input-field .input-field__wrap.input-field__wrap--focus {
    position: relative;
    background: var(--gradients-background-c);
}

.search-header__input-field .input-field__wrap.input-field__wrap--focus::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.search-header__input-field .input-field__input {
    height: 48px;
    padding: 4px 40px 4px 16px;
    color: var(--text-text);
    background: none;
    border: none;
    text-overflow: ellipsis;
}

.search-header__input-field .input-field__input::-webkit-input-placeholder {
    transition: 0.2s ease-out;
    color: var(--text-description-b) !important;
}

.no-touch .search-header__input-field .input-field__input:hover::-webkit-input-placeholder {
    color: var(--text-text) !important;
}

@media (min-width: 1140px) {
    .search-header__input-field .input-field__input {
        padding: 4px 44px 4px 16px;
    }
}

.search-header__input-field .input-field__wrap--filled .input-field__icon-wr {
    display: none;
}

.search-header__buttons {
    padding-bottom: var(--spacings-xs);
    display: flex;
    justify-content: space-between;
    gap: var(--spacings-s);
}

.search-header__buttons .btn__inner {
    flex: 1 1 0%;
    justify-content: space-between;
    gap: 4px;
    text-transform: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.search-header__button {
    padding: var(--buttons-s-vert) 10px;
    gap: 4px;
}

.search-header__button-left-icon {
    width: 20px;
    height: 20px;
    color: var(--icons-a);
}

.search-header__button--categories .search-header__button-left-icon {
    color: var(--icons-a-disable);
}

.search-header__button-right-icon {
    color: var(--buttons-secondary-b-icon-default);
}

.search-header__clear, .search-header__loading {
    z-index: 4;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: var(--buttons-icon-s);
    color: var(--icons-a);
    border-radius: 100px;
    background: var(--buttons-icon-secondary-b-bg-default);
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 1140px) {
    .no-touch .search-header__clear:hover, .no-touch .search-header__loading:hover {
        background: var(--buttons-icon-secondary-b-bg-hover);
        backdrop-filter: none;
        transition: background 0.2s ease-out;
    }
}

.search-header__clear-icon {
    width: 20px;
    height: 20px;
}

.search-header__input .spinner-logo {
    width: 24px;
    height: 24px;
    margin-right: 2px;
}

.search-header__close.btn {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.search-tags {
    position: relative;
    padding-bottom: var(--spacings-s);
    margin-bottom: 8px;
    flex-shrink: 0;
    width: 100%;
}

@media (max-width: 1139px) {
    .search-tags {
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .search-tags::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 1140px) {
    .search-tags {
        flex-wrap: wrap;
        width: 100%;
        margin: 0px 0px 8px;
        padding: 0px;
    }
}

.search-tags + .search-content__back {
    margin-top: 0px;
}

.search-tags__slider {
    display: flex;
    gap: var(--spacings-xs);
    padding: 0 var(--spacings-page-paddings);
}

@media (max-width: 1139px) {
    .search-tags__slider {
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .search-tags__slider::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 1140px) {
    .search-tags__slider {
        margin: 0px;
        padding: 0px;
        flex-wrap: wrap;
        gap: 8px;
    }
}

.search-tags__item {
    z-index: 1;
    height: auto;
    padding: var(--chips-m-vert) var(--chips-m-hor);
    flex-shrink: 0;
}

.search-tags__item.btn .btn__inner {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacings-xl);
}

@media (min-width: 1140px) {
    .progress-bar {
        margin-top: 20px;
    }
}

@media (min-width: 1628px) {
    .progress-bar {
        margin-top: 24px;
    }
}

@media (min-width: 1140px) {
    .search .progress-bar {
        margin-top: var(--spacings-l);
        padding: var(--spacings-xl) 0 0;
    }
}

.history .progress-bar {
    margin-top: 0px;
}

.progress-bar__label {
    display: flex;
    justify-content: center;
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
}

.progress-bar__progress {
    max-width: 435px;
    appearance: none;
    width: 100%;
    border: 0px;
    height: 8px;
    border-radius: 40px;
    margin: 0px auto;
}

.progress-bar__progress::-webkit-progress-bar {
    border: 0px;
    height: 8px;
    border-radius: 40px;
    background: repeating-linear-gradient(45deg,var(--colors-base-no-color),var(--colors-base-white-50) 1px,var(--colors-base-no-color) 2px,var(--colors-base-no-color) 4px);
}

.progress-bar__progress::-webkit-progress-value {
    border: 0px;
    height: 8px;
    min-width: 17px;
    border-radius: 40px;
    background-color: var(--colors-base-white-a);
}

.profile-history-bets__progress-bar .progress-bar__progress, .profile-history-operations-content__progress-bar .progress-bar__progress, .sport-bets__load-more .progress-bar__progress {
    max-width: none;
}

@media (max-width: 1139px) {
    .search .progress-bar__progress {
        max-width: 440px;
    }
}

.progress-bar__show-more {
    display: flex;
    margin: var(--spacings-xl) auto 0;
}

@media (min-width: 640px) and (max-width: 1139px) {
    .search-result .progress-bar__show-more {
        height: 40px;
    }
}

.games-sort-page__wrap .progress-bar__show-more {
    margin: var(--spacings-xl) auto;
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

@media (max-width: 1139px) {
    .profile-history-bets__progress-bar .progress-bar__show-more, .profile-history-operations-content__progress-bar .progress-bar__show-more, .sport-bets__load-more .progress-bar__show-more {
        height: 40px;
    }
}

.news__show-more .progress-bar__show-more {
    height: 40px;
}

@media (min-width: 1140px) {
    .news__show-more .progress-bar__show-more {
        height: 48px;
    }
}

.search-game-item {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    cursor: pointer;
}

.search-game-item::before {
    content: "";
    display: block;
    padding-top: 156.9%;
}

@media (min-width: 1140px) {
    .search-game-item::before {
        content: "";
        display: block;
        padding-top: 152.9%;
    }
}

.search-game-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xs);
    position: relative;
    width: 100%;
}

@media (min-width: 1140px) {
    .search-game-item__content {
        gap: 4px;
    }
}

.search-game-item__img-wr {
    position: relative;
    z-index: 0;
    width: 100%;
    height: calc(100% - 35px);
    margin-right: 0px;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .search-game-item__img-wr {
        height: calc(100% - 46px);
    }
}

@media (min-width: 1140px) {
    .search-game-item__img-wr {
        min-height: 171px;
        height: calc(100% - 40px);
    }
}

@media (min-width: 1628px) {
    .search-game-item__img-wr {
        min-height: 180px;
    }
}

.search-game-item__img {
    border-radius: var(--roundings-xs);
    height: 100%;
    object-fit: cover;
}

@media (min-width: 640px) {
    .search-game-item__img {
        border-radius: var(--roundings-s);
    }
}

.search-game-item__main-info {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: var(--spacings-3xs);
}

@media (min-width: 1140px) {
    .search-game-item__main-info {
        gap: 1px;
    }
}

.search-game-item__main-info-title {
    max-width: 100%;
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 640px) {
    .search-game-item__main-info-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
    }
}

.search-game-item__main-info-provider {
    max-width: 100%;
    color: var(--text-description-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 640px) {
    .search-game-item__main-info-provider {
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
    }
}

.search-game-item__border {
    background: var(--gradient-tokens-backgrounds-k);
    z-index: 0;
    visibility: hidden;
    border-radius: var(--roundings-s);
    position: absolute;
    inset: 0px;
}

.search-game-item__border::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.search-game-item__hover:hover .search-game-item__border {
    visibility: visible;
}

.search-game-item__blur {
    z-index: 2;
    border-radius: var(--roundings-s);
    transition: 0.4s ease-in-out;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.search-game-item__blur::after, .search-game-item__blur::before {
    content: "";
    position: absolute;
    inset: 2px;
    visibility: hidden;
    border-radius: inherit;
    z-index: 2;
}

.search-game-item__hover:hover .search-game-item__blur::after, .search-game-item__hover:hover .search-game-item__blur::before {
    visibility: visible;
}

.search-game-item__blur::before {
    border-radius: inherit;
    will-change: backdrop-filter;
    backdrop-filter: blur(0px);
    background-image: var(--gradient-game-item);
    z-index: 1;
}

.search-game-item__hover:hover .search-game-item__blur::before {
    backdrop-filter: blur(10px);
    transition: backdrop-filter 0.4s ease-in-out, -webkit-backdrop-filter 0.4s ease-in-out;
}

.search-game-item__blur::after {
    z-index: 2;
    scale: 1.3;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/noise/background.webp");
}

.no-webp .search-game-item__blur::after {
    background-image: url("/1img/noise/background.png");
}

.search-game-item__hover:hover .search-game-item__blur::after {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

.search-game-item__game-title {
    max-width: 100%;
    margin-bottom: 4px;
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-game-item__game-provider {
    color: var(--colors-base-white-70);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.search-game-item__info {
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    padding: var(--spacings-s) 2px;
    border-radius: var(--roundings-l);
    position: absolute;
    inset: 0px;
}

@media (min-width: 1140px) {
    .no-touch .search-game-item__hover:hover .search-game-item__info {
        opacity: 1;
        z-index: 3;
        visibility: visible;
    }
}

.search-game-item__hover-elements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.search-game-item__title {
    height: 40px;
    margin: 0px 2px;
    color: var(--text-text);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.search-game-item__title-inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.search-game-item__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-game-item__badge {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    padding: 4px 6px;
}

.search-game-item__bottom .search-game-item__badge {
    margin-top: auto;
}

.search-game-item__badge--bonus, .search-game-item__badge--no-bonus {
    padding: 6px;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background: var(--colors-global-accent-d);
}

.search-game-item__badge--no-bonus {
    background: var(--colors-system-error);
}

.search-game-item__badge-icon {
    width: 100%;
    height: 100%;
}

.search-game-item__demo {
    margin-top: auto;
    padding: 6px var(--spacings-2xs);
    color: var(--buttons-icon-primary-icon-default);
    border-radius: 100px;
    background: var(--buttons-icon-primary-bg-hover);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.search-game-item__center {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px 6px;
    margin: 12px 0px 31px;
}

.search-game-item__provider {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 100%;
    overflow: hidden;
}

.search-game-item__provider-img {
    width: 100%;
    height: 100%;
}

.search-game-item__favorites-ic {
    width: 15px;
    height: 15px;
    display: flex;
    flex-shrink: 0;
    color: var(--colors-base-white-a);
}

.search-game-item__btn-play {
    position: relative;
    width: 48px;
    height: 48px;
    padding: 12px;
    background: var(--gradient-tokens-backgrounds-f);
    overflow: hidden;
    z-index: 1;
    transition: 0.2s ease-out;
}

.no-touch .search-game-item__btn-play:hover {
    transform: scale(0.875);
    background: var(--gradient-tokens-backgrounds-f) !important;
}

.search-game-item__btn-play-icon {
    position: relative;
    flex-shrink: 0;
    color: var(--icons-a);
    width: 24px;
    height: 24px;
    z-index: 2;
}

.search-games-list {
    padding-bottom: 80px;
    display: grid;
    column-gap: var(--spacings-s);
    row-gap: var(--spacings-m);
    grid-template-columns: repeat(auto-fill,minmax(var(--game-cards-width-l),1fr));
}

.search-result__games-section--all .search-games-list {
    padding-bottom: var(--spacings-xl);
}

@media (min-width: 1140px) {
    .search-games-list {
        padding-bottom: 0px;
        grid-template-columns: repeat(auto-fill, minmax(137px, 1fr));
        column-gap: 11px;
    }
}

@media (min-width: 1628px) {
    .search-games-list {
        grid-template-columns: repeat(auto-fill,minmax(var(--game-cards-width-s),1fr));
        column-gap: 16px;
    }
}

.search-result__not {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 162px var(--spacings-page-paddings) 0;
    margin: auto 0px;
    height: 100%;
}

@media (max-width: 1139px) {
    .search-result__inner > .search-result-wrap:first-child > .search-result__not:not(.search-result__not):first-child {
        margin-top: 40px;
    }
}

@media (min-width: 640px) {
    .search-result__not {
        padding-top: 204px;
    }
}

@media (min-width: 1140px) {
    .search-result__not {
        padding-top: 146px;
        padding-bottom: 74px;
    }
}

.search-result__not-img {
    width: 100%;
    height: 160px;
    margin-bottom: var(--spacings-xl);
}

.search-result__not-img-image {
    position: relative;
    z-index: 1;
    width: 160px;
    height: 160px;
    object-position: center center;
    object-fit: contain;
    margin: 0px auto;
    background-image: url("/1img/no-results-img.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% center;
}

.no-webp .search-result__not-img-image {
    background-image: url("/1img/no-results-img.png");
}

.search-result__not-img-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    width: 420px;
    height: 264px;
    z-index: -1;
    background-image: url("/1img/no-results-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.no-webp .search-result__not-img-bg {
    background-image: url("/1img/no-results-bg.png");
}

@media (min-width: 1140px) {
    .search-result__not-img-bg {
        top: 100px;
    }
}

.search-result__not-subtitle, .search-result__not-title {
    text-align: center;
}

.search-result__not-title {
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.search-result__not-subtitle {
    margin-top: 8px;
    color: var(--text-description-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.search-result-wrap:last-child {
    margin-bottom: 80px;
}

.search-result__providers-section .search-result-wrap:last-child {
    margin-bottom: 0px;
}

.search-result__providers-section--all .search-result-wrap {
    height: 100%;
}

.search-result__games-section--all .search-result-wrap:last-child {
    padding-bottom: calc(30px + var(--bottom-menu-height));
}

@media (min-width: 640px) {
    .search-result__games-section--all .search-result-wrap:last-child {
        padding-bottom: calc(36px + var(--bottom-menu-height));
    }
}

@media (min-width: 1140px) {
    .search-result__games-section--all .search-result-wrap:last-child {
        padding-bottom: 0px;
    }
}

@media (min-width: 1140px) {
    .search-result-wrap:last-child {
        margin-bottom: var(--spacings-2xl);
    }

    .search-result__games-section .search-result-wrap {
        margin-bottom: 0px;
    }

    .search-result__providers-section .search-result-wrap {
        margin-bottom: 0px;
        height: 100%;
    }
}

.search-last-winner__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacings-m);
}

@media (max-width: 1139px) {
    .search-last-winner__list:last-child {
        padding-bottom: calc(25px + var(--bottom-menu-height));
    }
}

@media (min-width: 1140px) {
    .search-last-winner__list {
        flex-flow: wrap;
        gap: var(--spacings-s);
    }
}

.search-last-winner__item {
    width: 100%;
    padding: var(--spacings-2xs) 12px var(--spacings-2xs) var(--spacings-2xs);
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background: var(--gradient-tokens-border-d);
}

.search-last-winner__item > * {
    z-index: 1;
}

.search-last-winner__item::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: var(--gradients-background-e-4),var(--gradients-background-b);
    pointer-events: none;
}

@media (min-width: 640px) {
    .search-last-winner__item {
        width: calc(50% - var(--spacings-m)/2);
    }
}

@media (min-width: 1140px) {
    .search-last-winner__item {
        width: calc(33.33333% - var(--spacings-s)*2/3);
    }

    .no-touch .search-last-winner__item:hover::before {
        content: "";
        border-radius: inherit;
        background: var(--gradients-background-white-0) padding-box,var(--gradient-tokens-border-e) border-box,var(--gradient-tokens-border-d) border-box;
        position: absolute;
        inset: 0px;
    }
}

.search-last-winner__img-wr {
    position: relative;
    border-radius: 100px;
    overflow: hidden;
}

.search-last-winner__img-hover {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: var(--backgrounds-e-4);
    position: absolute;
    inset: 0px;
}

.search-last-winner__img-hover-icon {
    z-index: 1;
    width: 30px;
    height: 30px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}

.no-touch .search-last-winner__item:hover .search-last-winner__img-hover-icon {
    opacity: 1;
}

.search-last-winner__img {
    width: var(--game-cards-circle-m);
    height: var(--game-cards-circle-m);
    border-radius: 100px;
    object-fit: cover;
    transition: filter 0.2s ease-out;
}

.no-touch .search-last-winner__item:hover .search-last-winner__img {
    filter: blur(5px);
}

.search-last-winner__info {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 4px;
}

.search-last-winner__info:not(:last-child) {
    flex: 1 1 0%;
}

.search-last-winner__game {
    margin-bottom: 4px;
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-last-winner__info .search-last-winner__game {
    margin-bottom: 0px;
}

.search-last-winner__name {
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-last-winner__time {
    display: none;
}

.search-last-winner__price {
    padding: 4px 8px;
    align-self: flex-end;
    border-radius: var(--roundings-l);
    text-align: center;
    background-color: var(--colors-global-accent-b);
}

.search-last-winner__price, .search-last-winner__price-coefficient {
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

.search-last-winner__price-coefficient {
    padding: 0px 4px;
    text-align: right;
}

.search-last-winner__preloader {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.search-last-winner__preloader .main-preloader, .search-last-winner__preloader .main-preloader__inner {
    width: 60px;
    height: 60px;
}

@media (min-width: 1140px) {
    .search-last-winner__preloader {
        padding-top: 140px;
    }
}

.search-result {
    height: 100%;
}

@media (min-width: 1140px) {
    .search-result {
        border-radius: 0 0 var(--roundings-l) var(--roundings-l);
    }
}

.search-result__wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 var(--spacings-page-paddings);
}

.search-result__wrap.vb-content {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 var(--spacings-page-paddings) !important;
}

.search-result__wrap.vb-content::-webkit-scrollbar {
    height: 0px;
    width: 0px;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none;
}

.search-result__wrap.vb-content::-webkit-scrollbar-thumb, .search-result__wrap.vb-content::-webkit-scrollbar-track {
    background: transparent;
    display: none;
}

@media (min-width: 1140px) {
    .search-result__wrap {
        padding: 0px;
    }

    .search-result__wrap.vb-content {
        padding: 0px !important;
        display: flex !important;
    }
}

@media (min-width: 1140px) {
    .search-result__games-section, .search-result__providers-section {
        border-radius: var(--roundings-l);
        background-color: var(--backgrounds-b);
    }
}

.search-result__providers-section.search-result__providers-section--all {
    height: 100%;
    padding: 0px;
}

@media (min-width: 1140px) {
    .search-result__providers-section {
        margin-bottom: 8px;
        padding: var(--spacings-m);
        flex-shrink: 0;
        overflow: hidden;
    }

    .search-result__providers-section.search-result__providers-section--all {
        margin-bottom: 0px;
    }
}

.search-result__games-section {
    height: 100%;
}

@media (min-width: 1140px) {
    .search-result__games-section {
        height: 40%;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .search-result__games-section.search-result__games-section--no-result {
        height: 504px;
        flex-grow: 0;
    }
}

.search-result__scroll {
    height: 100%;
    scrollbar-width: none;
}

.search-result__scroll::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1140px) {
    .search-result__scroll {
        border-radius: 0 0 var(--roundings-l) var(--roundings-l);
    }
}

.search-result__inner {
    padding-right: 0px !important;
    scrollbar-width: none;
}

.search-result__inner::after, .search-result__inner::before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0px;
    width: 20px;
    height: 20px;
    background-image: url("/1img/subtract-search.svg");
    pointer-events: none;
}

.search-result__inner::after {
    right: -1px;
    transform: scaleY(-1);
}

.search-result__inner::before {
    left: -1px;
    transform: scaleY(-1) rotate(90deg);
}

.search-result__inner::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1140px) {
    .search-result__inner {
        background-color: var(--backgrounds-b);
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 var(--spacings-m) var(--spacings-m) !important;
    }

    .search-result__inner:last-child {
        margin-bottom: 0px;
    }

    .search-result__inner::after {
        right: calc(var(--spacings-m));
        transform: scaleY(-1);
    }

    .search-result__inner::before {
        left: calc(var(--spacings-m));
        transform: scaleY(-1) rotate(90deg);
    }
}

@media (max-width: 1139px) {
    .search-result__inner.search-result__inner--no-result {
        margin-top: auto;
        margin-bottom: auto;
    }
}

@media (min-width: 1140px) {
    .search-result__inner.search-result__inner--no-result {
        border-radius: var(--roundings-l);
    }

    .search-result__inner.search-result__inner--no-result::after, .search-result__inner.search-result__inner--no-result::before {
        content: none;
    }
}

.search-result__slider, .search-result__slider-group {
    display: grid;
    column-gap: var(--spacings-s);
    row-gap: var(--spacings-m);
    grid-template-columns: repeat(auto-fill,minmax(var(--game-cards-width-l),1fr));
}

@media (min-width: 1140px) {
    .search-result__slider, .search-result__slider-group {
        grid-template-columns: repeat(auto-fill, minmax(137px, 1fr));
        column-gap: 11px;
    }
}

@media (min-width: 1628px) {
    .search-result__slider, .search-result__slider-group {
        grid-template-columns: repeat(auto-fill,minmax(var(--game-cards-width-s),1fr));
        column-gap: 16px;
    }
}

@media (max-width: 1139px) {
    .search-result-wrap:last-child .search-result__slider {
        padding-bottom: calc(25px + var(--bottom-menu-height));
    }

    .search-result__games-section--all .search-result-wrap:last-child .search-result__slider {
        padding-bottom: var(--spacings-xl);
    }
}

.search-result__header {
    min-height: 36px;
    margin: var(--spacings-xl) 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1139px) {
    .search-result-wrap:first-child .search-result__header:first-child, .search-tags + .search-content__result .search-result-wrap:first-child .search-result__header:first-child {
        margin-top: 0px;
    }
}

@media (min-width: 1140px) {
    .search-result__header {
        min-height: 40px;
        margin: var(--spacings-l) 0;
    }

    .search-result-wrap:first-child .search-result__header:first-child {
        margin-top: 0px;
    }

    .search-result__games-section .search-result__header {
        margin: var(--spacings-m) var(--spacings-m) var(--spacings-l);
    }

    .search-result__header.search-result__header--recommendation {
        margin: var(--spacings-m) 0 var(--spacings-l);
    }
}

.search-result__header-button-all {
    height: auto;
    backdrop-filter: none;
}

.search-result__header-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-result__header-title-text {
    color: var(--text-text);
}

.search-result__header-title-number, .search-result__header-title-text {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height);
}

.search-result__header-title-number {
    color: var(--text-text-accent);
}

.search-result__list-wr {
    display: flex;
    margin-bottom: var(--spacings-xl);
}

@media (min-width: 1140px) {
    .search-result__list-wr {
        margin-bottom: 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        max-height: 92px;
        overflow: hidden;
    }
}

.search-result__list-wr--all {
    height: 100%;
    display: flex;
    max-height: unset;
    overflow: unset;
    padding: inherit;
    margin: 0px auto 20px;
}

@media (min-width: 1140px) {
    .search-result__list-wr--all {
        margin-bottom: 0px;
    }
}

.search-result__list--providers {
    height: 100%;
    padding: 0 var(--spacings-page-paddings);
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    display: flex;
    flex-direction: row;
    gap: var(--spacings-s);
    overflow: auto;
    scrollbar-width: none;
}

.search-result__list--providers::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1140px) {
    .search-result__list--providers {
        padding: 0px;
        margin: 0px;
        flex-wrap: wrap;
        gap: var(--spacings-xs);
    }
}

.search-result__list-wr--all .search-result__list--providers {
    max-height: max-content;
    margin: 0px;
    grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
    grid-template-rows: repeat(auto-fill, minmax(71px, 71px));
    gap: var(--spacings-s);
    box-sizing: border-box !important;
    padding: 0px 0px 80px !important;
    display: grid !important;
}

@media (min-width: 640px) {
    .search-result__list-wr--all .search-result__list--providers {
        grid-template-columns: repeat(auto-fill, minmax(143px, 1fr));
        grid-template-rows: repeat(auto-fill, minmax(92px, 92px));
        gap: var(--spacings-xs);
    }
}

@media (min-width: 1140px) {
    .search-result__list-wr--all .search-result__list--providers {
        margin: 0 calc(var(--spacings-m) - 1);
        grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
        grid-template-rows: repeat(auto-fill, minmax(95px, 95px));
        border-radius: 0 0 var(--roundings-l) var(--roundings-l);
        padding: 0 var(--spacings-m) var(--spacings-m) !important;
    }

    .search-result__list-wr--all .search-result__list--providers::after, .search-result__list-wr--all .search-result__list--providers::before {
        content: "";
        position: absolute;
        z-index: 5;
        top: -1px;
        width: 20px;
        height: 20px;
        background-image: url("/1img/subtract-search.svg");
        pointer-events: none;
    }

    .search-content__back ~ .search-result__list-wr--all .search-result__list--providers::after, .search-content__back ~ .search-result__list-wr--all .search-result__list--providers::before, .search-tabs ~ .search-result__list-wr--all .search-result__list--providers::after, .search-tabs ~ .search-result__list-wr--all .search-result__list--providers::before {
        top: -1px;
    }

    .search-result__list-wr--all .search-result__list--providers::after {
        right: calc(var(--spacings-m) - 1px);
        transform: scaleY(-1);
    }

    .search-result__list-wr--all .search-result__list--providers::before {
        left: calc(var(--spacings-m) - 1px);
        transform: scaleY(-1) rotate(90deg);
    }
}

.search-result-provider {
    --provider-bg: 255,255,255;
    --provider-box-color: radial-gradient(50% 50% at 50% 100%,rgba(var(--provider-bg),0.2) 0%,hsla(0,0%,92.9%,0.02) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: var(--spacings-3xs);
    border-radius: var(--roundings-xs);
    width: 108px;
    height: 71px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background: var(--gradient-tokens-border-d);
}

.search-result-provider > * {
    z-index: 1;
}

.search-result-provider::after {
    inset: 1px;
    background: var(--provider-box-color),var(--gradients-background-b);
}

.search-result-provider::after, .search-result-provider::before {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.search-result-provider::before {
    z-index: 1;
    opacity: 0.15;
    background-image: url("/1img/background.webp");
    inset: 0px;
}

.no-webp .search-result-provider::before {
    background-image: url("/1img/background.png");
}

@media (min-width: 1140px) {
    .search-result-provider {
        width: 143px;
        height: 92px;
        border-radius: var(--roundings-s);
        position: relative;
        background: var(--gradient-tokens-border-d);
    }

    .search-result-provider > * {
        z-index: 1;
    }

    .search-result-provider::after {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: inherit;
        background: var(--gradients-background-white-0),var(--gradients-background-b);
        pointer-events: none;
    }

    .no-touch .search-result-provider:hover {
        position: relative;
        background: var(--gradient-tokens-border-d);
    }

    .no-touch .search-result-provider:hover > * {
        z-index: 1;
    }

    .no-touch .search-result-provider:hover::after {
        content: "";
        position: absolute;
        inset: 1px;
        border-radius: inherit;
        background: var(--provider-box-color),var(--gradients-background-b);
        pointer-events: none;
    }
}

.search-result__providers-section--all .search-result-provider {
    width: 100%;
}

@media (min-width: 640px) {
    .search-result__providers-section--all .search-result-provider {
        height: 92px;
    }
}

@media (min-width: 1140px) {
    .search-result__providers-section--all .search-result-provider {
        height: 95px;
    }
}

.search-result-provider__border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
    display: none;
    mask-origin: border-box;
}

.search-result-provider__border::before {
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
}

.no-touch .search-result-provider:hover .search-result-provider__border {
    display: block;
}

.no-touch .search-result-provider:hover .search-result-provider__border::before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%, -50%, 0px) rotate(0deg);
    animation: 3s linear 0s infinite normal none running rotateSpecialBorderToRightCard;
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%, -50%, 0px) rotate(0deg);
    }

    100% {
        transform: translate3d(-50%, -50%, 0px) rotate(1turn);
    }
}

.search-result-provider__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.search-result-provider__name {
    color: var(--text-text);
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height);
}

.search-result__progress-bar {
    padding: 0 var(--spacings-2xl);
}

@media (min-width: 640px) {
    .search-result__progress-bar {
        padding: 0px;
    }
}

@media (min-width: 1140px) {
    .search-result__progress-bar {
        padding-bottom: var(--spacings-xl);
    }
}

.search-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    background: var(--backgrounds-a-70);
    overflow: hidden;
}

@media (min-width: 1140px) {
    .search-content {
        position: inherit;
        width: calc(100% - 120px);
        height: calc(100% - var(--spacings-3xl) - 20px);
        background: transparent;
    }
}

@media (min-width: 1628px) {
    .search-content {
        width: calc(100% - 210px);
    }
}

.search-content__result {
    position: relative;
    width: 100%;
    padding-top: var(--spacings-xl);
    flex-grow: 1;
    border-radius: var(--roundings-l) var(--roundings-l) 0 0;
    background-color: var(--backgrounds-b);
    overflow: hidden;
}

.search-content__back ~ .search-content__result, .search-tabs ~ .search-content__result {
    padding-top: 0px;
    border-radius: 0px;
}

@media (max-width: 1139px) {
    .search-content__result::after, .search-content__result::before {
        content: "";
        position: absolute;
        z-index: 5;
        top: var(--spacings-xl);
        width: 32px;
        height: 32px;
        background-image: url("/1img/union-b.svg");
        pointer-events: none;
    }

    .search-content__back ~ .search-content__result::after, .search-content__back ~ .search-content__result::before, .search-tabs ~ .search-content__result::after, .search-tabs ~ .search-content__result::before {
        top: -1px;
    }

    .search-content__result::after {
        right: 0px;
    }

    .search-content__result::before {
        left: 0px;
        transform: scaleX(-1);
    }
}

@media (min-width: 640px) {
    .search-content__result::after {
        right: 4px;
    }

    .search-content__result::before {
        left: 4px;
    }
}

@media (min-width: 1140px) {
    .search-content__result {
        padding: 0px;
        border-radius: var(--roundings-l);
        background-color: transparent;
        overflow: hidden;
        max-height: max-content;
    }

    .search-content__result::before {
        content: "";
        background: var(--backgrounds-b);
        position: absolute;
        inset: 0px;
    }

    .search-content__back ~ .search-content__result, .search-tabs ~ .search-content__result {
        border-radius: 0 0 var(--roundings-l) var(--roundings-l);
    }

    .search-content__back ~ .search-content__result .search-result__games-section, .search-content__back ~ .search-content__result .search-result__providers-section, .search-tabs ~ .search-content__result .search-result__games-section, .search-tabs ~ .search-content__result .search-result__providers-section {
        border-radius: 0px;
    }
}

.search-content__back {
    width: 100%;
    padding: var(--spacings-xl) var(--spacings-page-paddings);
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    border-radius: var(--roundings-l) var(--roundings-l) 0 0;
    background-color: var(--backgrounds-b);
}

@media (min-width: 1140px) {
    .search-content__back {
        padding: var(--spacings-m) var(--spacings-m) var(--spacings-l);
        gap: 8px;
    }
}

@media (min-width: 1140px) {
    .search-content__back-btn {
        margin-right: calc(var(--spacings-s) - 8px);
    }
}

.search-content__back-text-wr {
    display: flex;
    align-items: center;
}

.search-content__back-text {
    color: var(--text-text);
}

.search-content__back-number, .search-content__back-text {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height);
}

.search-content__back-number {
    color: var(--text-text-accent);
}

.search-content__preloader {
    padding: 230px 32px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.promo-promotion .search-content__preloader {
    padding: 80px 0px;
}

@media (min-width: 640px) {
    .search-content__preloader {
        padding: 276px 32px 80px;
    }
}

@media (min-width: 1140px) {
    .search-content__preloader {
        padding: 198px 32px;
        border-radius: var(--roundings-l);
        background-color: var(--backgrounds-b);
    }

    .promo-promotion .search-content__preloader {
        padding: 60px 0px;
    }
}

.search-content__preloader .main-preloader, .search-content__preloader .main-preloader__inner {
    width: 60px;
    height: 60px;
}

.search {
    background-color: var(--backgrounds-a);
}

@media (max-width: 1139px) {
    .search {
        height: 100%;
    }
}

@media (min-width: 1140px) {
    .search {
        position: fixed;
        z-index: 10005;
        padding: 25px;
        top: 20px;
        right: 40px;
        bottom: var(--spacings-3xl);
        left: 40px;
        border-radius: 25px;
        /* background-color: transparent; */
    }
}

@media (min-width: 1628px) {
    .search {
        right: 80px;
        left: 80px;
    }
}

.search__wrapper {
    height: 100%;
}

@media (min-width: 1140px) {
    .search__wrapper {
        position: inherit;
    }
}

.search__overflay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    background-color: var(--backgrounds-d);
    backdrop-filter: blur(10px);
    z-index: 10004;
}
.buttons-app {
    width: 100%
}

.main-footer .buttons-app,.menu-burger .buttons-app {
    max-width: 560px;
    align-self: center
}

.buttons-app__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: center;
    gap: 8px
}

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

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

.buttons-app__list.profile-security-two-fa-logos {
    gap: 16px
}

.main-footer__row--payment-list .buttons-app__list {
    gap: 12px
}

.stories-slider-item__buttons .buttons-app__list {
    gap: var(--spacings-s);
    display: flex;
    justify-content: center
}

.buttons-app__item {
    width: 100%
}

.profile-security-two-fa-logos .buttons-app__item {
    max-width: 225px
}

.main-footer__row--payment-list .buttons-app__item {
    max-width: 290px
}

@media(min-width: 1140px) {
    .main-footer__row--payment-list .buttons-app__item {
        width:171px
    }
}

@media(min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__item {
        width:calc(50% - var(--spacings-s)/2)
    }
}

.buttons-app__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--buttons-m-gap);
    transition: all .2s ease-out
}

.buttons-app__item--type-grey .buttons-app__link {
    background: var(--colors-base-black-700-50)
}

.no-touch .buttons-app__item--type-grey .buttons-app__link:hover {
    background: var(--colors-base-black-700-70)
}

.buttons-app__item--type-black .buttons-app__link {
    background: var(--backgrounds-a)
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover {
    background: var(--colors-base-white-b)
}

.buttons-app__item--type-secondary .buttons-app__link {
    color: var(--buttons-secondary-a-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.buttons-app__item--type-secondary .buttons-app__link:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    color: var(--buttons-secondary-a-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover .btn__border-hover {
    border: 2px solid transparent
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover .btn__border-hover:before {
    background: var(--gradient-tokens-border-c);
    animation-duration: 2s
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover.disabled,.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover.disabled:after,.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.buttons-app__item--type-secondary .buttons-app__link.disabled,.buttons-app__item--type-secondary .buttons-app__link[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.buttons-app__item--type-secondary .buttons-app__link.disabled:after,.buttons-app__item--type-secondary .buttons-app__link[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.buttons-app__item--size-s .buttons-app__link {
    padding: 8px;
    min-height: 40px
}

.buttons-app__item--size-m .buttons-app__link {
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    min-height: 48px;
    gap: var(--buttons-m-gap)
}

.buttons-app__item--size-l .buttons-app__link {
    padding: var(--spacings-m);
    min-height: 64px
}

@media(max-width: 1139px) {
    .main-footer .buttons-app__link {
        min-height:40px;
        height: 40px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .menu-burger .buttons-app__link {
        height:40px
    }
}

.stories-slider-item__buttons .buttons-app__link {
    min-height: 40px;
    height: auto
}

@media(max-width: 639px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-height:clamp(40px,calc(.27564px + 5.30303vw + 2.83401vh),68px)
    }
}

@media(min-width: 1140px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-height:48px
    }
}

@media(min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-width:100%;
        padding: var(--buttons-l-vert) var(--buttons-l-hor);
        height: calc(var(--buttons-l-vert)*2 + var(--buttons-font-l-line-height));
        border-radius: var(--buttons-l-radius);
        font-size: var(--buttons-font-l-font-size);
        font-weight: var(--buttons-font-l-weight);
        line-height: var(--buttons-font-l-line-height);
        text-transform: uppercase
    }
}

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

.buttons-app__item--type-grey .buttons-app__item-icon-wr {
    margin-right: 12px
}

.buttons-app__item--type-black .buttons-app__item-icon-wr {
    margin-right: 8px
}

.buttons-app__item--type-color.buttons-app__item--android .buttons-app__item-icon-wr,.buttons-app__item--type-color.buttons-app__item--ios .buttons-app__item-icon-wr {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover .buttons-app__item-icon-wr {
    filter: brightness(0)
}

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

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

.buttons-app__item--size-m .buttons-app__item-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.buttons-app__item--size-big .buttons-app__item-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.buttons-app__item--size-big.buttons-app__item--auth .buttons-app__item-text {
    font-size: 12px
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover .buttons-app__item-text {
    color: var(--colors-base-black-900)
}

.menu-burger .buttons-app__item-text br {
    display: none
}

.stories-slider-item__buttons .buttons-app__item-text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(max-width: 639px) {
    .stories-slider-item__buttons .buttons-app__item-text {
        font-size:clamp(14px,calc(-.18727px + 1.89394vw + 1.01215vh),24px);
        line-height: 142.85714%
    }
}

@media(min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__item-text {
        font-size:var(--buttons-font-l-font-size);
        font-weight: var(--buttons-font-l-weight);
        line-height: var(--buttons-font-l-line-height);
        text-transform: uppercase
    }
}

.buttons-app__item--type-color {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 16px 0 0;
    margin-bottom: -8px;
    border-radius: 60px;
    height: var(--game-cards-circle-m);
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
    background-image: url(/1img/download-app/bg_download_app_banner.webp?v1)
}

.no-webp .buttons-app__item--type-color {
    background-image: url(/1img/download-app/bg_download_app_banner.jpg?v1)
}

.buttons-app__item--type-color:before {
    content: "";
    position: relative;
    top: -6px;
    width: 68px;
    height: 60px;
    margin-right: 16px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/1img/download-app/download_app_banner.webp)
}

.no-webp .buttons-app__item--type-color:before {
    background-image: url(/1img/download-app/download_app_banner.png)
}

.buttons-app__item--type-color.buttons-app__item--android:before {
    margin-right: 12px
}

.buttons-app__item--type-color.buttons-app__item--auth {
    margin: 20px 0 16px 0;
    padding: 0 16px 0 24px
}
.filter-popup-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
    border-radius: 20px;
    box-shadow: var(--dropdown-shadow);
    z-index: 3;
    position: relative;
    background: var(--gradients-background-a)
}

.filter-popup-list:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .filter-popup-list {
        margin-top:var(--spacings-m)
    }
}

@media(min-width: 1140px) {
    .filter-popup-list {
        position:absolute;
        top: 44px;
        right: 0;
        gap: 4px;
        width: -webkit-max-content;
        width: max-content
    }
}

@media(min-width: 1628px) {
    .filter-popup-list {
        top:52px;
        width: 100%
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup-list {
        top: 44px;
        width: -webkit-max-content;
        width: max-content
    }
}

.filter-popup-list__item {
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 8px;
    border-radius: 100px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.no-touch .filter-popup-list__item:not(.filter-popup-list__item--active):hover {
    position: relative;
    background: var(--gradients-background-white-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .filter-popup-list__item:not(.filter-popup-list__item--active):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradients-background-white-0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.filter-popup-list__item:not(.filter-popup--providers-page .filter-popup-list__item).filter-popup-list__item--active {
    position: relative;
    background: var(--gradients-background-white-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.filter-popup-list__item:not(.filter-popup--providers-page .filter-popup-list__item).filter-popup-list__item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.filter-popup--providers-page .filter-popup-list__item {
    margin-bottom: var(--spacings-m);
    padding: 12px 4px 12px 12px;
    color: var(--selector-item-text-default);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.filter-popup--providers-page .filter-popup-list__item:last-child {
    margin-bottom: 0
}

.filter-popup-list__item-circle-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 12px
}

.filter-popup-list__item-circle-icon {
    width: 100%;
    height: auto;
    color: var(--colors-base-white-b)
}

.filter-popup-list__item-circle-icon.new {
    width: 18px
}

.filter-popup--providers-page .filter-popup-list__item-circle-icon {
    color: var(--selector-item-icon-default)
}

.filter-popup {
    position: relative;
    display: inline-block;
    margin: 0 0 0 auto;
    z-index: 3
}

@media(max-width: 1139px) {
    .filter-popup {
        width:100%;
        padding: 0 8px var(--spacings-m);
        margin-bottom: var(--spacings-m)
    }

    .filter-popup:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 8px;
        right: 8px;
        height: 1px;
        background-color: var(--border-a)
    }

    .filter-popup.filter-popup--providers-page {
        margin: 0;
        padding: 0 var(--spacings-page-paddings) var(--spacings-3xl)
    }

    .filter-popup.filter-popup--providers-page:before {
        content: none
    }
}

@media(min-width: 1628px) {
    .games-sort-page__head--sticky .filter-popup {
        margin-left:0
    }
}

.filter-popup__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    padding: 4px 4px 4px 12px
}

@media(max-width: 1139px) {
    .filter-popup__btn {
        min-height:48px
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .filter-popup__btn {
        width:40px;
        height: 40px;
        border-radius: 100px;
        padding: var(--buttons-icon-s);
        transition: all .2s ease-out
    }

    .filter-popup__btn:active,.no-touch .filter-popup__btn:hover {
        background: var(--colors-base-white-4)
    }
}

@media(min-width: 1628px) {
    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn {
        width:40px;
        height: 40px;
        border-radius: 100px;
        padding: var(--buttons-icon-s);
        transition: all .2s ease-out
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn:active,.no-touch .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn:hover {
        background: var(--colors-base-white-4)
    }

    .filter-popup__btn:not(.main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn) {
        height: 48px;
        min-width: 214px;
        max-width: 214px;
        padding: 8px 16px;
        border-radius: 100px;
        border: 1px solid var(--filter-input-border-default);
        background: var(--filter-input-bg-default)
    }

    .filter-popup__btn:not(.main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn).filter-popup__btn--active {
        border: 1px solid var(--filter-input-border-active);
        background: var(--filter-input-bg-active)
    }

    .no-touch .filter-popup__btn:not(.main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn):not(.filter-popup__btn--active):hover {
        border: 1px solid var(--filter-input-border-hover);
        background: var(--filter-input-bg-hover)
    }
}

.filter-popup__btn-ic-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

@media(min-width: 1140px)and (max-width:1627px) {
    .filter-popup__btn-ic-wrap {
        display:none
    }
}

@media(min-width: 1628px) {
    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn-ic-wrap {
        display:none
    }
}

.filter-popup__btn-ic-wrap--right {
    width: 36px;
    height: 36px;
    margin-left: auto;
    margin-right: 0
}

@media(min-width: 1140px) {
    .filter-popup__btn-ic-wrap--right {
        display:flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px
    }

    .filter-popup__btn-ic-wrap--right .filter-popup__btn-ic {
        width: 16px;
        height: 16px
    }
}

@media(min-width: 1628px) {
    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn-ic-wrap--right {
        display:flex
    }
}

.filter-popup__btn-ic {
    width: 20px;
    height: 20px;
    color: var(--selector-item-icon-default)
}

.filter-popup__btn--active .filter-popup__btn-ic {
    color: var(--selector-item-icon-active)
}

@media(min-width: 1140px) {
    .filter-popup__btn-ic {
        color:var(--buttons-icon-secondary-d-icon-default)
    }

    .filter-popup__btn--active .filter-popup__btn-ic {
        color: var(--buttons-icon-secondary-d-icon-active)
    }
}

.filter-popup__btn-ic-left {
    width: 20px;
    height: auto;
    color: var(--filter-input-icon-left-filled)
}

.filter-popup__btn-ic-left.new {
    width: 18px
}

.filter-popup__btn-text {
    flex-grow: 1;
    margin: 0 12px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media(min-width: 1140px)and (max-width:1627px) {
    .filter-popup__btn-text {
        display:none
    }
}

@media(min-width: 1628px) {
    .filter-popup__btn-text {
        margin:0 8px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn-text {
        display: none
    }
}
.games-slider__navigation {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.games-slider-wrap {
    position: relative;
    z-index: 1;
    margin-bottom: var(--spacings-3xl);
    display: flex;
    flex-direction: column
}

.games-sort-page .games-slider-wrap {
    margin-bottom: var(--spacings-2xl)
}

.games-sort-page .games-slider-wrap:last-child {
    margin-bottom: 0
}

.sport-lobby .games-slider-wrap {
    border-radius: var(--roundings-s) var(--roundings-s) 0 0;
    overflow: hidden;
    margin-bottom: 0
}

@media(min-width: 1140px) {
    .sport-lobby .games-slider-wrap {
        border-radius:16px 16px 0 0
    }
}

.sport-lobby-links .games-slider-wrap.translate-slider .games-slider__inner-wr:before {
    display: block
}

.sport-lobby-links .games-slider-wrap.translate-slider-end .games-slider__inner-wr:after {
    display: none
}

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

@media(min-width: 1140px) {
    .games-slider-wrap--section-day_hot_games {
        margin-top:var(--spacings-3xl)
    }
}

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

@media(max-width: 1139px) {
    .games-slider--rtp .swiper-wrapper {
        flex-wrap:wrap;
        flex-direction: column;
        max-height: 400px;
        gap: 8px 0
    }
}

.games-slider {
    position: relative;
    padding: 5px var(--spacings-page-paddings);
    margin: -5px calc(var(--spacings-page-paddings)*-1);
    overflow: hidden
}

.games-jackpot__providers-slider .games-slider {
    padding: 0 var(--spacings-page-paddings);
    margin: 0 calc(var(--spacings-page-paddings)*-1)
}

.sport-lobby .games-slider {
    margin: 0;
    padding: 0
}

.games-slider.swiper-container-multirow,.games-slider.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
    gap: var(--spacings-xs) 0;
    max-height: 222px
}

@media(min-width: 640px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
        max-height:358px
    }
}

@media(min-width: 1140px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
        max-height:418px
    }
}

@media(min-width: 1628px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
        max-height:482px
    }
}

.games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-grid-column>.swiper-wrapper {
    gap: var(--spacings-m) 0;
    max-height: 364px
}

@media(min-width: 640px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-grid-column>.swiper-wrapper {
        max-height:478px
    }
}

@media(min-width: 1140px) {
    .games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-container-multirow,.games-slider-wrap--two-row.games-slider-wrap--size-l .games-slider.swiper-grid-column>.swiper-wrapper {
        gap:var(--spacings-s) 0
    }
}

.main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
    gap: var(--spacings-m) 0;
    max-height: 239px
}

@media(min-width: 640px) {
    .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
        gap:var(--spacings-xs) 0;
        max-height: 308px
    }
}

@media(min-width: 1140px) {
    .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
        max-height:428px;
        gap: var(--spacings-xs) 0
    }
}

@media(min-width: 1628px) {
    .main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-container-multirow,.main-page__games-providers .games-slider-wrap--three-row.games-slider-wrap--size-m .games-slider.swiper-grid-column>.swiper-wrapper {
        max-height:492px
    }
}

.games-slider-wrap--section-day_hot_games .games-slider.swiper-container-multirow,.games-slider-wrap--section-day_hot_games .games-slider.swiper-grid-column>.swiper-wrapper {
    gap: 8px 0;
    max-height: 364px
}

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

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

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

@media(min-width: 1140px) {
    .games-slider {
        padding-right:var(--spacings-page-paddings);
        margin-right: calc(var(--spacings-page-paddings)*-1)
    }

    .authorized .games-slider {
        padding-right: calc(var(--spacings-page-paddings) + var(--sidebar-right-close));
        margin-right: calc(var(--spacings-page-paddings)*-1 + var(--sidebar-right-close)*-1)
    }
}

.games-slider__title {
    color: var(--colors-base-white-a);
    margin-right: 8px;
    transition: color .2s ease-in-out;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

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

@media(min-width: 1920px) {
    .games-slider__inner-wr {
        position:relative
    }

    .games-slider__inner-wr:after,.games-slider__inner-wr:before {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        width: 253px;
        height: 100%;
        pointer-events: none
    }

    .games-slider__inner-wr:before {
        display: none;
        left: var(--slider-fade-offset);
        background: var(--gradient-slider-blind-reversed)
    }

    .games-slider__inner-wr.translate-slider:before,.translate-slider .games-slider__inner-wr:before {
        display: block
    }

    .games-slider__inner-wr:after {
        right: var(--slider-fade-offset);
        background: var(--gradient-slider-blind)
    }

    .games-slider__inner-wr.translate-slider-end:after,.translate-slider-end .games-slider__inner-wr:after {
        display: none
    }
}

.sport-lobby-links .games-slider__inner-wr {
    position: relative;
    overflow: hidden
}

.sport-lobby-links .games-slider__inner-wr:after,.sport-lobby-links .games-slider__inner-wr:before {
    content: "";
    position: absolute;
    z-index: 2;
    width: 253px
}

.sport-lobby-links .games-slider__inner-wr:before {
    display: none;
    left: var(--slider-fade-offset);
    background: var(--gradient-slider-blind-reversed)
}

.sport-lobby-links .games-slider__inner-wr.translate-slider:before,.translate-slider .sport-lobby-links .games-slider__inner-wr:before {
    display: block
}

.sport-lobby-links .games-slider__inner-wr:after {
    right: var(--slider-fade-offset);
    background: var(--gradient-slider-blind)
}

.sport-lobby-links .games-slider__inner-wr.translate-slider-end:after,.translate-slider-end .sport-lobby-links .games-slider__inner-wr:after {
    display: none
}

.sport-lobby-links .games-slider__inner-wr:after,.sport-lobby-links .games-slider__inner-wr:before {
    width: 70px;
    height: 100%;
    top: 0;
    pointer-events: none
}

@media(min-width: 1140px) {
    .sport-lobby-links .games-slider__inner-wr:after,.sport-lobby-links .games-slider__inner-wr:before {
        top:10px
    }
}

.sport-lobby-links .games-slider__inner-wr:before {
    left: -26px
}

@media(max-width: 1139px) {
    .sport-lobby-links .games-slider__inner-wr:before {
        z-index:3
    }
}

.sport-lobby-links .games-slider__inner-wr:after {
    right: -26px
}

.games-slider__inner {
    position: relative
}

.games-slider__inner-bottom {
    padding-top: var(--spacings-m)
}

.games-slider__head {
    display: inline-flex;
    align-items: center;
    margin-bottom: var(--spacings-xl);
    cursor: pointer;
    width: -webkit-max-content;
    width: max-content
}

.games-slider__head--disabled {
    cursor: auto
}

.games-slider__button-all-icon-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

.games-slider__button-all-icon {
    width: 7px;
    height: 12px;
    flex-shrink: 0;
    margin-left: 1px
}

.games-list-rtp {
    display: flex;
    flex-shrink: 0;
    width: 290px;
    height: 110px;
    padding: 4px;
    margin-top: 0!important;
    margin-right: 8px;
    background-color: var(--gradient-game-item);
    border-radius: var(--roundings-xs);
    cursor: pointer;
    overflow: hidden;
    transition: all .2s ease-out;
    position: relative;
    background: var(--gradient-tokens-noise-d);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.games-list-rtp:after {
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-border-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.games-list-rtp:after,.games-list-rtp:before {
    z-index: -1;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-list-rtp:before {
    border-radius: inherit;
    opacity: .3;
    background-image: url(/1img/background.webp)
}

.no-webp .games-list-rtp:before {
    background-image: url(/1img/background.png)
}

.games-list-rtp:before {
    opacity: .1!important
}

@media(min-width: 640px)and (max-width:1139px) {
    .games-list-rtp {
        width:280px;
        height: 110px
    }
}

@media(min-width: 1140px) {
    .games-list-rtp {
        width:347px;
        height: 128px;
        margin-right: var(--spacings-s)
    }
}

.no-touch .games-list-rtp:hover,.touch .games-list-rtp:active {
    position: relative;
    background: var(--gradient-tokens-noise-d);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.no-touch .games-list-rtp:hover:after,.touch .games-list-rtp:active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-noise-d) padding-box,var(--gradient-tokens-border-f) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .games-list-rtp:hover:before,.touch .games-list-rtp:active:before {
    z-index: -1;
    content: "";
    border-radius: inherit;
    opacity: .3;
    pointer-events: none;
    background-image: url(/1img/background.webp);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-webp .no-touch .games-list-rtp:hover:before,.no-webp .touch .games-list-rtp:active:before {
    background-image: url(/1img/background.png)
}

.games-list-rtp__content {
    position: relative;
    z-index: 1;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.games-list-rtp__content-title {
    color: var(--text-text);
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

@media(max-width: 1139px) {
    .games-list-rtp__content-title {
        font-size:14px;
        line-height: 20px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-rtp__content-title {
        font-size:16px;
        line-height: 24px;
        font-weight: 700
    }
}

.games-list-rtp__content-provider {
    color: var(--text-description-b)
}

@media(max-width: 1139px) {
    .games-list-rtp__content-provider {
        margin-bottom:14px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500
    }
}

@media(min-width: 1140px) {
    .games-list-rtp__content-provider {
        margin-bottom:24px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500
    }
}

.games-list-rtp__content-value {
    display: flex;
    align-items: center;
    padding: 6px 8px 6px 4px;
    background: var(--colors-global-accent-b);
    border-radius: 46px
}

.games-list-rtp__content-value-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 2px 4px;
    flex-shrink: 0
}

.games-list-rtp__content-value-icon {
    width: 100%;
    height: 100%
}

.games-list-rtp__content-value-text {
    color: var(--text-text)
}

@media(max-width: 1139px) {
    .games-list-rtp__content-value-text {
        font-size:12px;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase
    }
}

@media(min-width: 1140px) {
    .games-list-rtp__content-value-text {
        font-size:14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-list-rtp__blink,.games-list-rtp__fire {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    transition: all .2s ease-out
}

.games-list-rtp__fire {
    right: -6px;
    bottom: -13px;
    width: 70px;
    height: 93px;
    opacity: 0;
    background-image: url(/1img/game-card/rtp-fire.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%
}

.no-touch .games-list-rtp:hover .games-list-rtp__fire,.touch .games-list-rtp:active .games-list-rtp__fire {
    opacity: 1
}

@media(min-width: 1140px) {
    .games-list-rtp__fire {
        right:-14px;
        bottom: -8px;
        width: 87px;
        height: 116px
    }
}

.games-list-rtp__blink {
    right: -66px;
    bottom: -49px;
    width: 188px;
    height: 91px;
    opacity: 0;
    background-image: url(/1img/game-card/rtp-star.svg);
    filter: blur(26.75px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.no-touch .games-list-rtp:hover .games-list-rtp__blink,.touch .games-list-rtp:active .games-list-rtp__blink {
    opacity: 1
}

@media(min-width: 1140px) {
    .games-list-rtp__blink {
        right:-66px;
        bottom: -31px;
        width: 188px;
        height: 91px
    }
}

@keyframes RtpGameCardAnimation {
    0% {
        opacity: 0;
        transform: translate(-100%)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(100%)
    }
}

.games-cards-video {
    display: flex;
    align-items: flex-end;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 142px;
    border-radius: var(--roundings-m);
    overflow: hidden;
    cursor: pointer
}

@media(min-width: 640px) {
    .games-slider-wrap--promo-game .games-slider--two-row .games-cards-video {
        grid-column:1/span 2
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .games-cards-video {
        width:236px;
        height: 142px;
        margin-right: var(--spacings-xs)
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-cards-video {
        width:328px;
        height: 200px !important;!i;!;!ш;!шь;!шьз;!шь;!ш;!;
    }
}

@media(min-width: 1628px) {
    .games-cards-video {
        width:380px;
        height: 232px
    }
}

.games-cards-video:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 76px;
    background: linear-gradient(180deg,rgba(210,32,171,0),rgb(var(--game-bg)) 50.52%);
    z-index: 1
}

@media(min-width: 1140px) {
    .games-cards-video:before {
        height:133px
    }
}

.games-cards-video-item {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.games-cards-video__content {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 8px 8px;
    padding: 4px 8px 4px 4px;
    border-radius: 100px;
    width: 100%;
    z-index: 2;
    position: relative;
    background: var(--gradient-colors-base-white-30)
}

.games-cards-video__content:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-colors-base-white-30) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 1140px) {
    .games-cards-video__content {
        margin:0 8px 12px;
        padding: 4px 16px 4px 4px
    }
}

.games-cards-video__content-img {
    position: relative;
    border-radius: 100px;
    overflow: hidden
}

.games-cards-video__content-img:after {
    content: "";
    z-index: 1;
    border-radius: 100px;
    background: var(--backgrounds-e-4);
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .2s ease-out
}

.no-touch .games-cards-video:hover .games-cards-video__content-img:after {
    opacity: 1
}

.games-cards-video__content-play {
    width: 30px;
    height: 30px;
    padding: 1px 2px 1px 3px;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

@media(min-width: 1140px) {
    .games-cards-video__content-play {
        transition:all .2s ease-out
    }

    .no-touch .games-cards-video:hover .games-cards-video__content-play {
        opacity: 1
    }
}

.games-cards-video__content-image {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 100px;
    object-fit: cover
}

.no-touch .games-cards-video:hover .games-cards-video__content-image {
    filter: blur(5px)
}

@media(min-width: 1140px) {
    .games-cards-video__content-image {
        width:52px;
        height: 52px
    }
}

.games-cards-video__content-inner {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.games-cards-video__content-name {
    color: var(--text-text);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .games-cards-video__content-name {
        font-size:14px;
        line-height: 20px;
        font-weight: 700
    }
}

.games-cards-video__content-provider {
    color: var(--text-description-a);
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .games-cards-video__content-provider {
        font-size:12px;
        line-height: 16px;
        font-weight: 500
    }
}

.games-cards-video__content-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    right: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(min-width: 1140px) {
    .games-cards-video__content-icon {
        right:16px
    }
}

.games-cards-video__content-icon-item {
    color: var(--icons-a);
    width: 24px;
    height: auto
}
.card-badge {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    overflow: hidden;
    z-index: 1
}

.games-list-card .card-badge {
    width: auto;
    height: auto;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px
}

.card-badge__top {
    display: flex;
    justify-content: space-between
}

.card-badge__top-col {
    display: flex;
    flex-direction: column
}

.card-badge__top-col--last {
    margin-left: auto
}

.card-badge__bottom {
    display: flex;
    align-items: flex-end
}

.card-badge__bottom,.card-badge__top-col,.games-list-card--s .card-badge__bottom,.games-list-card--s .card-badge__top-col,.games-slider-wrap--size-s .card-badge__bottom,.games-slider-wrap--size-s .card-badge__top-col {
    padding: 8px;
    gap: 4px 0
}

.games-list-card--m .card-badge__bottom,.games-list-card--m .card-badge__top-col,.games-slider-wrap--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom,.games-list-card--m .card-badge__top-col,.games-slider-wrap--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.games-list-card--l .card-badge__bottom,.games-list-card--l .card-badge__top-col,.games-slider-wrap--size-l .card-badge__bottom,.games-slider-wrap--size-l .card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom,.games-list-card--l .card-badge__top-col,.games-slider-wrap--size-l .card-badge__bottom,.games-slider-wrap--size-l .card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.card-badge-item {
    display: inline-flex;
    color: var(--text-text);
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.card-badge-item.v-popper--has-tooltip {
    cursor: pointer;
    pointer-events: auto
}

.games-list-card--s .card-badge-item,.games-slider-wrap--size-s .card-badge-item {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--m .card-badge-item,.games-slider-wrap--size-m .card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge-item,.games-slider-wrap--size-m .card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-random .card-badge-item.card-badge__top-jackpot {
    padding: 2px 4px;
    font-size: var(--description-font-3xs-font-size);
    font-weight: 700;
    line-height: var(--description-font-3xs-line-height)
}

.games-info__header-img-wrap .card-badge-item {
    padding: 6px 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.card-badge-item-icon {
    width: 100%;
    height: 100%
}

.card-badge__top-bonus,.card-badge__top-no-bonus,.card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px;
    border-radius: 100px
}

.games-list-card--s .card-badge__top-bonus,.games-list-card--s .card-badge__top-no-bonus,.games-list-card--s .card-badge__top-tournament,.games-slider-wrap--size-s .card-badge__top-bonus,.games-slider-wrap--size-s .card-badge__top-no-bonus,.games-slider-wrap--size-s .card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px
}

.games-list-card--m .card-badge__top-bonus,.games-list-card--m .card-badge__top-no-bonus,.games-list-card--m .card-badge__top-tournament,.games-slider-wrap--size-m .card-badge__top-bonus,.games-slider-wrap--size-m .card-badge__top-no-bonus,.games-slider-wrap--size-m .card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__top-bonus,.games-list-card--m .card-badge__top-no-bonus,.games-list-card--m .card-badge__top-tournament,.games-slider-wrap--size-m .card-badge__top-bonus,.games-slider-wrap--size-m .card-badge__top-no-bonus,.games-slider-wrap--size-m .card-badge__top-tournament {
        padding:6px;
        width: 28px;
        height: 28px
    }
}

.games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
        padding:6px;
        width: 24px;
        height: 24px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
        width:28px;
        height: 28px
    }
}

.games-info__body-img-wrap .card-badge__top-bonus,.games-info__body-img-wrap .card-badge__top-no-bonus,.games-info__body-img-wrap .card-badge__top-tournament,.games-info__header-img-wrap .card-badge__top-bonus,.games-info__header-img-wrap .card-badge__top-no-bonus,.games-info__header-img-wrap .card-badge__top-tournament {
    width: 28px;
    height: 28px
}

.card-badge__top-bonus {
    background: var(--colors-global-accent-d)
}

.card-badge__top-no-bonus {
    background: var(--colors-system-error)
}

.card-badge__top-tournament {
    background: var(--colors-global-accent-b)
}

.card-badge__top-new {
    align-self: flex-start;
    border-radius: 100px;
    background: var(--colors-global-accent-c);
    text-transform: uppercase
}

.card-badge__top-jackpot {
    border-radius: 100px;
    background: var(--colors-global-accent-e);
    text-transform: uppercase
}

.card-badge__bottom-promo {
    position: absolute!important;
    bottom: 0;
    left: 0;
    display: inline-flex;
    padding: 3px 5px 7px 8px;
    border-radius: 0 16px;
    position: relative;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(5.5px);
    backdrop-filter: blur(5.5px)
}

.card-badge__bottom-promo:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--backgrounds-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-list-card--s .card-badge__bottom-promo,.games-slider-wrap--size-s .card-badge__bottom-promo {
    padding: 3px 5px 7px 8px;
    border-radius: 0 16px
}

.games-list-card--m .card-badge__bottom-promo,.games-slider-wrap--size-m .card-badge__bottom-promo {
    padding: 1px 3px 2px 4px;
    border-radius: 0 12px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-promo,.games-slider-wrap--size-m .card-badge__bottom-promo {
        padding:3px 8px;
        border-radius: 0 20px
    }
}

.games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
    padding: 1px 3px 2px 4px;
    border-radius: 0 12px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
        padding:3px 5px 7px 8px;
        border-radius: 0 16px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
        padding:3px 8px;
        border-radius: 0 20px
    }
}

.card-badge__bottom-promo-img,.games-list-card--s .card-badge__bottom-promo-img,.games-slider-wrap--size-s .card-badge__bottom-promo-img {
    width: 26px;
    height: 26px
}

.games-list-card--m .card-badge__bottom-promo-img,.games-slider-wrap--size-m .card-badge__bottom-promo-img {
    width: 20px;
    height: 20px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-promo-img,.games-slider-wrap--size-m .card-badge__bottom-promo-img {
        width:38px;
        height: 38px
    }
}

.games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
    width: 20px;
    height: 20px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
        width:26px;
        height: 26px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
        width:38px;
        height: 38px
    }
}

.card-badge__bottom-live {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 0;
    margin-left: auto;
    border-radius: 100px;
    background: var(--backgrounds-b);
    color: var(--text-text);
    text-transform: uppercase;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.card-badge__bottom-live:before {
    content: "";
    display: flex;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: var(--colors-global-accent-a)
}

.games-list-card--s .card-badge__bottom-live,.games-slider-wrap--size-s .card-badge__bottom-live {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--s .card-badge__bottom-live:before,.games-slider-wrap--size-s .card-badge__bottom-live:before {
    width: 5px;
    height: 5px
}

.games-list-card--m .card-badge__bottom-live,.games-slider-wrap--size-m .card-badge__bottom-live {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.games-list-card--m .card-badge__bottom-live:before,.games-slider-wrap--size-m .card-badge__bottom-live:before {
    width: 3px;
    height: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-live,.games-slider-wrap--size-m .card-badge__bottom-live {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--m .card-badge__bottom-live:before,.games-slider-wrap--size-m .card-badge__bottom-live:before {
        width: 6px;
        height: 6px
    }
}

.games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
    width: 3px;
    height: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
        width: 5px;
        height: 5px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
        width: 6px;
        height: 6px
    }
}

.games-list-card {
    outline: none!important;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: var(--game-cards-width-s);
    height: var(--game-cards-height-s);
    margin-right: var(--spacings-2xs);
    border-radius: 16px;
    transform: translateZ(0)
}

@media(min-width: 1140px) {
    .games-list-card {
        margin-right:var(--spacings-xs)
    }
}

.games-list-card.games-list-card--with-bottom-label {
    height: var(--game-cards-height-s)
}

.games-sort-page__list .games-list-card {
    margin-right: 0!important;
    width: 100%!important;
    height: auto!important;
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-sort-page__list .games-list-card {
        border-radius:var(--roundings-s)
    }
}

.games-slider-wrap--played .games-list-card {
    margin-right: var(--spacings-s)
}

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

.games-list-card.games-list-card--xs.games-list-card--with-bottom-label,.games-slider-wrap--size-xs .games-list-card.games-list-card--with-bottom-label {
    min-height: var(--game-cards-height-xs)
}

.games-list-card.games-list-card--s,.games-slider-wrap--size-s .games-list-card {
    width: var(--game-cards-width-s);
    height: var(--game-cards-height-s);
    border-radius: 16px
}

.games-list-card.games-list-card--s.games-list-card--with-bottom-label,.games-slider-wrap--size-s .games-list-card.games-list-card--with-bottom-label {
    min-height: var(--game-cards-height-s)
}

.games-list-card.games-list-card--m,.games-slider-wrap--size-m .games-list-card {
    width: var(--game-cards-width-m);
    height: var(--game-cards-height-m);
    margin-right: var(--spacings-2xs);
    border-radius: var(--roundings-xs)
}

.games-list-card.games-list-card--m.games-list-card--with-bottom-label,.games-slider-wrap--size-m .games-list-card.games-list-card--with-bottom-label {
    min-height: var(--game-cards-height-m);
    margin-right: var(--spacings-s)
}

@media(max-width: 639px) {
    .games-list-card.games-list-card--m,.games-slider-wrap--size-m .games-list-card {
        width:var(--game-cards-width-m);
        height: var(--game-cards-height-xs)
    }

    .games-list-card.games-list-card--m.games-list-card--with-bottom-label,.games-slider-wrap--size-m .games-list-card.games-list-card--with-bottom-label {
        min-height: var(--game-cards-height-xs)
    }
}

@media(max-width: 639px)and (max-width:389px) {
    .play-provider-games .games-list-card.games-list-card--m,.play-provider-games .games-slider-wrap--size-m .games-list-card {
        height:171px!important
    }
}

@media(min-width: 640px) {
    .games-list-card.games-list-card--m,.games-slider-wrap--size-m .games-list-card {
        border-radius:var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .games-list-card.games-list-card--m,.games-slider-wrap--size-m .games-list-card {
        margin-right:var(--spacings-xs)
    }

    .games-sort-page__block .games-list-card.games-list-card--m.games-list-card--with-bottom-label,.games-sort-page__block .games-slider-wrap--size-m .games-list-card.games-list-card--with-bottom-label {
        width: 184px;
        height: auto!important
    }
}

.games-list-card.games-list-card--l,.games-slider-wrap--size-l .games-list-card {
    width: var(--game-cards-width-l);
    height: var(--game-cards-height-l);
    margin-right: var(--spacings-s);
    border-radius: var(--roundings-xs)
}

.games-list-card.games-list-card--l.games-list-card--with-bottom-label,.games-slider-wrap--size-l .games-list-card.games-list-card--with-bottom-label {
    min-height: var(--game-cards-height-l)
}

@media(max-width: 639px) {
    .games-list-card.games-list-card--l,.games-slider-wrap--size-l .games-list-card {
        width:var(--game-cards-width-l);
        height: 171px
    }

    .games-list-card.games-list-card--l.games-list-card--with-bottom-label,.games-slider-wrap--size-l .games-list-card.games-list-card--with-bottom-label {
        min-height: 173px
    }
}

@media(min-width: 640px) {
    .games-list-card.games-list-card--l,.games-slider-wrap--size-l .games-list-card {
        border-radius:var(--roundings-s)
    }
}

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

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

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

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

.games-list-rtp .games-list-card {
    margin-right: 12px
}

.games-list-card__blur {
    border-radius: 16px;
    z-index: 2;
    transition: .4s ease-in-out
}

.games-list-card__blur:after,.games-list-card__blur:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    visibility: hidden;
    border-radius: inherit;
    opacity: 0;
    transition: .4s ease-in-out
}

.games-list-card__blur:before {
    z-index: 1;
    border-radius: inherit;
    will-change: backdrop-filter;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-image: var(--gradient-game-item)
}

.games-list-card__blur:after {
    z-index: 2;
    opacity: .3!important;
    background-image: url(/1img/background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .games-list-card__blur:after {
    background-image: url(/1img/background.png)
}

.games-slider-wrap--size-xs .games-list-card__blur {
    border-radius: var(--roundings-xs)
}

.games-list-card__blur.games-list-card--s,.games-slider-wrap--size-s .games-list-card__blur {
    border-radius: 16px
}

.games-list-card__blur.games-list-card--m,.games-slider-wrap--size-m .games-list-card__blur {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__blur.games-list-card--m,.games-slider-wrap--size-m .games-list-card__blur {
        border-radius:var(--roundings-s)
    }
}

.games-list-card__blur.games-list-card--l,.games-slider-wrap--size-l .games-list-card__blur {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__blur.games-list-card--l,.games-slider-wrap--size-l .games-list-card__blur {
        border-radius:var(--roundings-s)
    }
}

.games-sort-page__list .games-list-card__blur {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-sort-page__list .games-list-card__blur {
        border-radius:var(--roundings-s)
    }
}

.games-list-card--cursor-pointer:hover .games-list-card__blur:after,.games-list-card--cursor-pointer:hover .games-list-card__blur:before,.games-list-card--hovered .games-list-card__blur:after,.games-list-card--hovered .games-list-card__blur:before {
    opacity: 1;
    visibility: visible
}

.games-list-card__border {
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    position: absolute!important;
    bottom: -2px;
    right: -2px;
    left: -2px;
    top: -2px;
    visibility: hidden;
    border-radius: 16px;
    z-index: -1;
    opacity: 0
}

.games-list-card__border:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-list-card--cursor-pointer:hover .games-list-card__border,.games-list-card--hovered .games-list-card__border {
    opacity: 1;
    visibility: visible
}

.games-slider-wrap--size-xs .games-list-card__border {
    border-radius: var(--roundings-xs)
}

.games-list-card__border.games-list-card--s,.games-slider-wrap--size-s .games-list-card__border {
    border-radius: 16px
}

.games-list-card__border.games-list-card--m,.games-slider-wrap--size-m .games-list-card__border {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__border.games-list-card--m,.games-slider-wrap--size-m .games-list-card__border {
        border-radius:var(--roundings-s)
    }
}

.games-list-card__border.games-list-card--l,.games-slider-wrap--size-l .games-list-card__border {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__border.games-list-card--l,.games-slider-wrap--size-l .games-list-card__border {
        border-radius:var(--roundings-s)
    }
}

.games-sort-page__list .games-list-card__border {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-sort-page__list .games-list-card__border {
        border-radius:var(--roundings-s)
    }
}

.games-list-card__border--hover {
    position: absolute!important;
    bottom: -2px;
    right: -2px;
    left: -2px;
    top: -2px;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    border-radius: 16px;
    border: 2px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none
}

.games-list-card__border--hover:before {
    visibility: hidden;
    width: 200%;
    padding-bottom: 200%;
    background: var(--gradient-tokens-border-b);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.games-list-card--cursor-pointer:hover .games-list-card__border--hover,.games-list-card--hovered .games-list-card__border--hover {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s ease-out
}

.games-list-card--cursor-pointer:hover .games-list-card__border--hover:before,.games-list-card--hovered .games-list-card__border--hover:before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%,-50%,0) rotate(0);
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.games-slider-wrap--size-xs .games-list-card__border--hover {
    border-radius: var(--roundings-xs)
}

.games-list-card__border--hover.games-list-card--s,.games-slider-wrap--size-s .games-list-card__border--hover {
    border-radius: 16px
}

.games-list-card__border--hover.games-list-card--m,.games-slider-wrap--size-m .games-list-card__border--hover {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__border--hover.games-list-card--m,.games-slider-wrap--size-m .games-list-card__border--hover {
        border-radius:var(--roundings-s)
    }
}

.games-list-card__border--hover.games-list-card--l,.games-slider-wrap--size-l .games-list-card__border--hover {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__border--hover.games-list-card--l,.games-slider-wrap--size-l .games-list-card__border--hover {
        border-radius:var(--roundings-s)
    }
}

.games-sort-page__list .games-list-card__border--hover {
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-sort-page__list .games-list-card__border--hover {
        border-radius:var(--roundings-s)
    }
}

.games-list-card__img-area {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .4s;
    border-radius: 16px
}

.games-sort-page__list .games-list-card__img-area {
    width: 100%!important;
    height: auto!important;
    border-radius: var(--roundings-xs);
    padding-top: 124.77064%
}

@media(min-width: 640px) {
    .games-sort-page__list .games-list-card__img-area {
        border-radius:var(--roundings-s);
        padding-top: 125%
    }
}

@media(min-width: 1140px) {
    .games-sort-page__list .games-list-card__img-area {
        padding-top:125%
    }
}

@media(min-width: 1628px) {
    .games-sort-page__list .games-list-card__img-area {
        padding-top:125.12821%
    }
}

.games-slider-wrap--size-xs .games-list-card__img-area {
    width: 83px;
    height: 102px;
    border-radius: var(--roundings-xs)
}

@media(min-width: 1140px) {
    .games-slider-wrap--size-xs .games-list-card__img-area {
        width:96px;
        height: 120px
    }
}

.games-list-card__img-area.games-list-card--s,.games-slider-wrap--size-s .games-list-card__img-area {
    width: 144px;
    height: 221px;
    border-radius: 16px
}

.games-list-card__img-area.games-list-card--m,.games-slider-wrap--size-m .games-list-card__img-area {
    width: 83px;
    height: 102px;
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__img-area.games-list-card--m,.games-slider-wrap--size-m .games-list-card__img-area {
        width:114px;
        height: 142px;
        border-radius: var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .games-list-card__img-area.games-list-card--m,.games-slider-wrap--size-m .games-list-card__img-area {
        width:160px;
        height: 200px
    }
}

@media(min-width: 1628px) {
    .games-list-card__img-area.games-list-card--m,.games-slider-wrap--size-m .games-list-card__img-area {
        width:184px;
        height: 230px
    }
}

.games-list-card__img-area.games-list-card--l,.games-slider-wrap--size-l .games-list-card__img-area {
    width: 109px;
    height: 136px;
    border-radius: var(--roundings-xs)
}

@media(min-width: 640px) {
    .games-list-card__img-area.games-list-card--l,.games-slider-wrap--size-l .games-list-card__img-area {
        width:144px;
        height: 180px;
        border-radius: var(--roundings-s)
    }
}

@media(min-width: 1140px) {
    .games-list-card__img-area.games-list-card--l,.games-slider-wrap--size-l .games-list-card__img-area {
        width:208px;
        height: 260px
    }
}

@media(min-width: 1628px) {
    .games-list-card__img-area.games-list-card--l,.games-slider-wrap--size-l .games-list-card__img-area {
        width:230px;
        height: 288px
    }
}

.games-list-card--with-bottom-label .games-list-card__img-area {
    flex-shrink: 0
}

@media(min-width: 1140px) {
    .games-sort-page__block .games-list-card--with-bottom-label .games-list-card__img-area {
        width:184px;
        height: 230px
    }
}

.games-list-card:not(.games-list-card--with-bottom-label) .games-list-card__img-area {
    height: 100%!important;
    width: 100%!important
}

.games-list-card__body-img {
    width: 100%;
    height: 100%
}

.games-sort-page__list .games-list-card__body-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.games-list-card__img-area--see-all:before {
    content: none
}

.games-list-card__see-all {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--backgrounds-b-70);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: inherit;
    cursor: pointer;
    z-index: 3;
    transition: all .2s ease-out
}

@media(min-width: 640px) {
    .games-list-card__see-all {
        gap:12px
    }
}

.games-list-card__see-all-icon-wr {
    width: 36px;
    height: 36px
}

@media(min-width: 640px) {
    .games-list-card__see-all-icon-wr {
        width:40px;
        height: 40px
    }
}

@media(min-width: 1140px) {
    .games-list-card__see-all-icon-wr.games-list-card--l,.games-list-card__see-all-icon-wr.games-list-card--m,.games-slider-wrap--size-l .games-list-card__see-all-icon-wr,.games-slider-wrap--size-m .games-list-card__see-all-icon-wr {
        width:48px;
        height: 48px
    }
}

.games-list-card__see-all-icon {
    color: var(--white)
}

@media(max-width: 639px) {
    .games-list-card__see-all-icon {
        width:18px;
        height: 18px
    }
}

.games-list-card--l .games-list-card__see-all-icon,.games-random-wrap .big-random-card .games-list-card__see-all-icon,.games-slider-wrap--size-l .games-list-card__see-all-icon {
    width: 22px;
    height: 22px
}

@media(min-width: 640px) {
    .games-list-card--m .games-list-card__see-all-icon,.games-slider-wrap--size-m .games-list-card__see-all-icon {
        width:18px;
        height: 18px
    }
}

@media(min-width: 1140px) {
    .games-list-card__see-all-icon.games-list-card--l,.games-list-card__see-all-icon.games-list-card--m,.games-slider-wrap--size-l .games-list-card__see-all-icon,.games-slider-wrap--size-m .games-list-card__see-all-icon {
        width:20px;
        height: 20px
    }
}

.games-list-card__see-all-text {
    color: var(--text-text);
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 640px) {
    .games-list-card__see-all-text {
        font-size:12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card__see-all-text.games-list-card--l,.games-list-card__see-all-text.games-list-card--m,.games-slider-wrap--size-l .games-list-card__see-all-text,.games-slider-wrap--size-m .games-list-card__see-all-text {
        font-size:14px;
        line-height: 20px;
        font-weight: 700
    }
}

.games-list-card__bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: var(--spacings-3xs);
    padding-top: var(--spacings-xs);
    width: 100%
}

.games-list-card__bottom-name {
    color: var(--text-text);
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media(min-width: 640px) {
    .games-list-card__bottom-name {
        font-size:14px;
        line-height: 20px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card__bottom-name {
        font-size:16px;
        line-height: 24px;
        font-weight: 700
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-sort-page__list .games-list-card__bottom-name {
        font-size:calc(11.31828px + .41068vw);
        line-height: calc(14.63655px + .82136vw)
    }
}

@media(min-width: 1628px) {
    .games-sort-page__list .games-list-card__bottom-name {
        font-size:18px;
        line-height: 28px;
        font-weight: 700
    }
}

.games-list-card__bottom-provider {
    color: var(--text-description-b);
    width: 100%;
    font-size: 10px;
    line-height: 16px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media(min-width: 640px) {
    .games-list-card__bottom-provider {
        font-size:12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card__bottom-provider {
        font-size:14px;
        line-height: 20px;
        font-weight: 500
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-sort-page__list .games-list-card__bottom-provider {
        font-size:calc(11.65914px + .20534vw);
        line-height: calc(17.65914px + .20534vw)
    }
}

@media(min-width: 1628px) {
    .games-sort-page__list .games-list-card__bottom-provider {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.games-list-card__body {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    padding: 8px 4px;
    position: absolute;
    z-index: 3;
    display: flex;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-in-out
}

.games-list-card--s .games-list-card__body,.games-slider-wrap--size-s .games-list-card__body {
    padding: 8px
}

.games-list-card--m .games-list-card__body,.games-slider-wrap--size-m .games-list-card__body {
    padding: var(--spacings-l) var(--spacings-xs) var(--spacings-s)
}

@media(min-width: 1628px) {
    .games-list-card--m .games-list-card__body,.games-slider-wrap--size-m .games-list-card__body {
        padding:16px var(--spacings-xs)
    }
}

.games-sort-page--collection-page .games-list-card--m .games-list-card__body,.play-provider-games .games-list-card--m .games-list-card__body {
    padding: calc(1px + var(--spacings-xl)) 5% calc(1px + var(--spacings-s))
}

@media(min-width: 1468px) {
    .games-sort-page--collection-page .games-list-card--m .games-list-card__body,.play-provider-games .games-list-card--m .games-list-card__body {
        padding:calc(1px + var(--spacings-l)) 7% calc(1px + var(--spacings-s))
    }
}

@media(min-width: 1920px) {
    .games-sort-page--collection-page .games-list-card--m .games-list-card__body,.play-provider-games .games-list-card--m .games-list-card__body {
        padding:var(--spacings-xl) 9%
    }
}

.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body {
    padding: var(--spacings-xl) var(--spacings-xs)
}

.games-list-card--l .games-list-card__body,.games-slider-wrap--size-l .games-list-card__body {
    padding: 24px var(--spacings-s)
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__body,.games-slider-wrap--size-l .games-list-card__body {
        padding:30px var(--spacings-s)
    }
}

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

.games-list-card__body--visible {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer
}

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

.games-list-card-badge {
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    pointer-events: none;
    overflow: hidden;
    z-index: 3
}

.games-list-card-badge,.games-list-card-badge__top {
    display: flex;
    justify-content: space-between
}

.games-list-card-badge__top-col {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 4px 0
}

.games-list-card--s .games-list-card-badge__top-col,.games-slider-wrap--size-s .games-list-card-badge__top-col {
    padding: 8px;
    gap: 4px 0
}

.games-list-card--m .games-list-card-badge__top-col,.games-slider-wrap--size-m .games-list-card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 1140px) {
    .games-list-card--m .games-list-card-badge__top-col,.games-slider-wrap--size-m .games-list-card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.games-list-card--l .games-list-card-badge__top-col,.games-slider-wrap--size-l .games-list-card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 640px) {
    .games-list-card--l .games-list-card-badge__top-col,.games-slider-wrap--size-l .games-list-card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.games-list-card-badge__top-col--last {
    margin-left: auto
}

.games-list-card-badge-item {
    display: inline-flex;
    color: var(--text-text);
    pointer-events: all
}

.games-list-card--s .games-list-card-badge-item,.games-list-card-badge-item,.games-slider-wrap--size-s .games-list-card-badge-item {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--m .games-list-card-badge-item,.games-slider-wrap--size-m .games-list-card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .games-list-card--m .games-list-card-badge-item,.games-slider-wrap--size-m .games-list-card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-list-card--l .games-list-card-badge-item,.games-slider-wrap--size-l .games-list-card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 640px) {
    .games-list-card--l .games-list-card-badge-item,.games-slider-wrap--size-l .games-list-card-badge-item {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .games-list-card-badge-item,.games-slider-wrap--size-l .games-list-card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-random .games-list-card-badge-item.card-badge__top-jackpot {
    padding: 2px 4px;
    font-size: var(--description-font-3xs-font-size);
    font-weight: 700;
    line-height: var(--description-font-3xs-line-height)
}

.games-list-card-badge-item-icon {
    width: 100%;
    height: 100%
}

.games-list-card-badge__top-bonus,.games-list-card-badge__top-no-bonus,.games-list-card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background: var(--colors-global-accent-d)
}

.games-list-card--s .games-list-card-badge__top-bonus,.games-list-card--s .games-list-card-badge__top-no-bonus,.games-list-card--s .games-list-card-badge__top-tournament,.games-slider-wrap--size-s .games-list-card-badge__top-bonus,.games-slider-wrap--size-s .games-list-card-badge__top-no-bonus,.games-slider-wrap--size-s .games-list-card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px
}

.games-list-card--m .games-list-card-badge__top-bonus,.games-list-card--m .games-list-card-badge__top-no-bonus,.games-list-card--m .games-list-card-badge__top-tournament,.games-slider-wrap--size-m .games-list-card-badge__top-bonus,.games-slider-wrap--size-m .games-list-card-badge__top-no-bonus,.games-slider-wrap--size-m .games-list-card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .games-list-card-badge__top-bonus,.games-list-card--m .games-list-card-badge__top-no-bonus,.games-list-card--m .games-list-card-badge__top-tournament,.games-slider-wrap--size-m .games-list-card-badge__top-bonus,.games-slider-wrap--size-m .games-list-card-badge__top-no-bonus,.games-slider-wrap--size-m .games-list-card-badge__top-tournament {
        padding:6px;
        width: 28px;
        height: 28px
    }
}

.games-list-card--l .games-list-card-badge__top-bonus,.games-list-card--l .games-list-card-badge__top-no-bonus,.games-list-card--l .games-list-card-badge__top-tournament,.games-slider-wrap--size-l .games-list-card-badge__top-bonus,.games-slider-wrap--size-l .games-list-card-badge__top-no-bonus,.games-slider-wrap--size-l .games-list-card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .games-list-card-badge__top-bonus,.games-list-card--l .games-list-card-badge__top-no-bonus,.games-list-card--l .games-list-card-badge__top-tournament,.games-slider-wrap--size-l .games-list-card-badge__top-bonus,.games-slider-wrap--size-l .games-list-card-badge__top-no-bonus,.games-slider-wrap--size-l .games-list-card-badge__top-tournament {
        padding:6px;
        width: 24px;
        height: 24px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .games-list-card-badge__top-bonus,.games-list-card--l .games-list-card-badge__top-no-bonus,.games-list-card--l .games-list-card-badge__top-tournament,.games-slider-wrap--size-l .games-list-card-badge__top-bonus,.games-slider-wrap--size-l .games-list-card-badge__top-no-bonus,.games-slider-wrap--size-l .games-list-card-badge__top-tournament {
        width:28px;
        height: 28px
    }
}

.games-list-card-badge__top-no-bonus {
    background: var(--colors-system-error)
}

.games-list-card-badge__top-tournament {
    background: var(--colors-global-accent-b)
}

.games-list-card--hovered .games-list-card-badge__top-tournament {
    padding: 5px 6px
}

.games-list-card-badge__top-tournament-link {
    color: var(--text-link);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.games-list-card-badge__top-tournament-link:not(:last-child):after {
    content: ",";
    color: var(--text-text)
}

.games-list-card__demo {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 100px;
    padding: 6px 4px;
    color: var(--buttons-icon-primary-icon-default);
    background: var(--buttons-icon-primary-bg-hover);
    margin-top: auto;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .2s ease-out
}

.no-touch .games-list-card__demo:hover {
    color: var(--buttons-icon-primary-icon-hover)
}

.games-list-card--s .games-list-card__demo,.games-slider-wrap--size-s .games-list-card__demo {
    padding: 6px 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--m .games-list-card__demo,.games-slider-wrap--size-m .games-list-card__demo {
    padding: 6px 8px
}

.games-sort-page--collection-page .games-list-card--m .games-list-card__demo,.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__demo,.games-sort-page__list .games-list-card--m .games-list-card__demo,.games-sort-page__list .games-slider-wrap--size-m .games-list-card__demo {
    padding: 6px var(--spacings-2xs)
}

.games-list-card--l .games-list-card__demo,.games-slider-wrap--size-l .games-list-card__demo {
    padding: 6px 12px
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__demo,.games-slider-wrap--size-l .games-list-card__demo {
        padding:6px 16px
    }
}

.games-list-card__body-title {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-text)
}

.games-list-card--s .games-list-card__body-title,.games-list-card__body-title,.games-slider-wrap--size-s .games-list-card__body-title {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.games-list-card--l .games-list-card__body-title,.games-list-card--m .games-list-card__body-title,.games-slider-wrap--size-l .games-list-card__body-title,.games-slider-wrap--size-m .games-list-card__body-title {
    height: 48px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__body-title,.games-slider-wrap--size-l .games-list-card__body-title {
        height:55px;
        font-size: var(--text-large-medium-font-size);
        line-height: var(--text-large-medium-line-height);
        font-weight: var(--text-large-medium-weight)
    }
}

.games-list-card__body-center {
    position: relative;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    margin: 4px -4px 42px;
    width: calc(100% + 8px)
}

.games-list-card__body-center.games-list-card__body-center--no-demo {
    margin-top: auto!important
}

.games-list-card--m .games-list-card__body-center,.games-slider-wrap--size-m .games-list-card__body-center {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 18px
}

@media(min-width: 1628px) {
    .games-list-card--m .games-list-card__body-center,.games-slider-wrap--size-m .games-list-card__body-center {
        padding:0 4px;
        margin-top: 24px;
        margin-bottom: 24px
    }
}

.games-list-card--l .games-list-card__body-center,.games-slider-wrap--size-l .games-list-card__body-center {
    padding: 0 4px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 55px
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__body-center,.games-slider-wrap--size-l .games-list-card__body-center {
        padding:0 8px;
        margin-top: 24px;
        margin-bottom: 56px
    }
}

.games-sort-page--collection-page .games-list-card__demo~.games-list-card__body-center,.games-sort-page__list .games-list-card__body-center {
    margin: 13% -4px 34%
}

@media(min-width: 1628px) {
    .games-sort-page--collection-page .games-list-card__demo~.games-list-card__body-center,.games-sort-page__list .games-list-card__body-center {
        margin:13% -4px 42%
    }
}

.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-center {
    margin: var(--spacings-l) -4px 40px
}

.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-center.games-list-card__body-center--no-demo {
    margin: var(--spacings-l) -4px 2px
}

@media(min-width: 1628px) {
    .games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-center.games-list-card__body-center--no-demo {
        margin:var(--spacings-l) -4px 10px
    }
}

.games-sort-page__block .games-list-card__body-center.games-list-card__body-center--no-demo {
    flex-grow: 1;
    margin-top: 44px!important
}

.games-list-card__body-play {
    overflow: hidden;
    position: relative;
    display: grid;
    align-self: center;
    margin: 0 auto;
    border-radius: 100%;
    place-items: center;
    cursor: pointer;
    background: var(--gradient-tokens-backgrounds-f)
}

.games-list-card--s .games-list-card__body-play,.games-list-card__body-play,.games-slider-wrap--size-s .games-list-card__body-play {
    width: 48px;
    height: 48px;
    padding: 12px
}

.no-touch .games-list-card--s .games-list-card__body-play:hover,.no-touch .games-slider-wrap--size-s .games-list-card__body-play:hover {
    transform: scale(.875)
}

.games-list-card--m .games-list-card__body-play,.games-slider-wrap--size-m .games-list-card__body-play {
    padding: 12px;
    width: 48px;
    height: 48px
}

.no-touch .games-list-card--m .games-list-card__body-play:hover,.no-touch .games-slider-wrap--size-m .games-list-card__body-play:hover {
    transform: scale(.875)
}

@media(min-width: 1628px) {
    .games-list-card--m .games-list-card__body-play,.games-slider-wrap--size-m .games-list-card__body-play {
        padding:16px;
        width: 62px;
        height: 62px
    }

    .no-touch .games-list-card--m .games-list-card__body-play:hover,.no-touch .games-slider-wrap--size-m .games-list-card__body-play:hover {
        transform: scale(.90323)
    }
}

@media(min-width: 1140px) {
    .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play),.play-provider-games .games-list-card--m .games-list-card__body-play {
        padding:12px;
        width: 48px;
        height: 48px
    }

    .no-touch .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play):hover,.no-touch .play-provider-games .games-list-card--m .games-list-card__body-play:hover {
        transform: scale(.875)
    }
}

@media(min-width: 1280px) {
    .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play),.play-provider-games .games-list-card--m .games-list-card__body-play {
        padding:16px;
        width: 62px;
        height: 62px
    }

    .no-touch .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play):hover,.no-touch .play-provider-games .games-list-card--m .games-list-card__body-play:hover {
        transform: scale(.90323)
    }
}

@media(min-width: 1468px) {
    .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play),.play-provider-games .games-list-card--m .games-list-card__body-play {
        padding:20px;
        width: 78px;
        height: 78px
    }

    .no-touch .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play):hover,.no-touch .play-provider-games .games-list-card--m .games-list-card__body-play:hover {
        transform: scale(.87179)
    }
}

@media(min-width: 1628px) {
    .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play),.play-provider-games .games-list-card--m .games-list-card__body-play {
        padding:16px;
        width: 62px;
        height: 62px
    }

    .no-touch .games-sort-page--collection-page .games-list-card--m .games-list-card__body-play:not(.games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play):hover,.no-touch .play-provider-games .games-list-card--m .games-list-card__body-play:hover {
        transform: scale(.90323)
    }
}

@media(min-width: 1140px) {
    .games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play {
        padding:16px;
        width: 62px;
        height: 62px
    }

    .no-touch .games-sort-page--collection-page .games-slider-wrap--size-m .games-list-card__body-play:hover {
        transform: scale(.77419)
    }
}

.games-list-card--l .games-list-card__body-play,.games-slider-wrap--size-l .games-list-card__body-play {
    padding: 24px;
    width: 78px;
    height: 78px
}

.no-touch .games-list-card--l .games-list-card__body-play:hover,.no-touch .games-slider-wrap--size-l .games-list-card__body-play:hover {
    transform: scale(.79487)
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__body-play,.games-slider-wrap--size-l .games-list-card__body-play {
        width:88px;
        height: 88px
    }

    .no-touch .games-list-card--l .games-list-card__body-play:hover,.no-touch .games-slider-wrap--size-l .games-list-card__body-play:hover {
        transform: scale(.81818)
    }
}

.games-list-card__body-play-icon {
    margin: 1px 2px 1px 3px;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    color: var(--icons-a)
}

.games-list-card--m .games-list-card__body-play-icon,.games-list-card--s .games-list-card__body-play-icon,.games-slider-wrap--size-m .games-list-card__body-play-icon,.games-slider-wrap--size-s .games-list-card__body-play-icon {
    margin: 1px 2px 1px 3px
}

@media(min-width: 1628px) {
    .games-list-card--m .games-list-card__body-play-icon,.games-slider-wrap--size-m .games-list-card__body-play-icon {
        margin:1.5px 2.25px 1.5px 3.75px
    }
}

.games-list-card--l .games-list-card__body-play-icon,.games-slider-wrap--size-l .games-list-card__body-play-icon {
    margin: 1.5px 2.25px 1.5px 3.75px
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__body-play-icon,.games-slider-wrap--size-l .games-list-card__body-play-icon {
        margin:2px 3px 2px 5px
    }
}

.games-list-card__body-play-icon--hover {
    position: absolute;
    top: 0;
    left: 0;
    filter: blur(0);
    z-index: 1
}

.games-list-card__body-title-inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.games-list-card__body-bottom-inner {
    display: flex
}

.games-list-card__body-inner-wr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.games-list-card__body-bottom-favorites,.games-list-card__body-bottom-provider {
    position: absolute!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    min-width: auto;
    min-height: auto;
    width: 31px;
    height: 31px
}

.games-list-card--s .games-list-card__body-bottom-favorites,.games-list-card--s .games-list-card__body-bottom-provider,.games-slider-wrap--size-s .games-list-card__body-bottom-favorites,.games-slider-wrap--size-s .games-list-card__body-bottom-provider {
    width: 31px;
    height: 31px
}

.games-list-card--l .games-list-card__body-bottom-favorites,.games-list-card--l .games-list-card__body-bottom-provider,.games-list-card--m .games-list-card__body-bottom-favorites,.games-list-card--m .games-list-card__body-bottom-provider,.games-slider-wrap--size-l .games-list-card__body-bottom-favorites,.games-slider-wrap--size-l .games-list-card__body-bottom-provider,.games-slider-wrap--size-m .games-list-card__body-bottom-favorites,.games-slider-wrap--size-m .games-list-card__body-bottom-provider {
    width: 42px;
    height: 42px
}

@media(min-width: 1628px) {
    .games-list-card--l .games-list-card__body-bottom-favorites,.games-list-card--l .games-list-card__body-bottom-provider,.games-list-card--m .games-list-card__body-bottom-favorites,.games-list-card--m .games-list-card__body-bottom-provider,.games-slider-wrap--size-l .games-list-card__body-bottom-favorites,.games-slider-wrap--size-l .games-list-card__body-bottom-provider,.games-slider-wrap--size-m .games-list-card__body-bottom-favorites,.games-slider-wrap--size-m .games-list-card__body-bottom-provider {
        width:40px;
        height: 40px
    }
}

.games-list-card__body-bottom-favorites {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.games-list-card__body-bottom-favorites-ic {
    display: flex;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    color: var(--colors-base-white-a)
}

.games-list-card--s .games-list-card__body-bottom-favorites-ic,.games-slider-wrap--size-s .games-list-card__body-bottom-favorites-ic {
    width: 15px;
    height: 15px
}

.games-list-card--l .games-list-card__body-bottom-favorites-ic,.games-list-card--m .games-list-card__body-bottom-favorites-ic,.games-slider-wrap--size-l .games-list-card__body-bottom-favorites-ic,.games-slider-wrap--size-m .games-list-card__body-bottom-favorites-ic {
    width: 20px;
    height: 20px
}

.games-list-card__body-bottom-provider {
    right: 0;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.games-list-card__body-bottom-provider-img {
    width: 100%;
    height: 100%
}

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

    99% {
        z-index: 10
    }

    to {
        z-index: -10
    }
}
.games-sort-page {
    position: relative;
    padding: 0 0 var(--spacings-2xl)
}

.games-sort-page__block,.games-sort-page__played {
    padding-bottom: 16px
}

.games-sort-page--favorite-page .games-list__no-results+.games-sort-page__played,.games-sort-page--favorite-page .games-sort-page__list+.games-sort-page__played {
    padding-top: var(--spacings-2xl)
}

.games-sort-page__list {
    display: grid;
    grid-template-columns: repeat(3,minmax(109px,1fr));
    gap: var(--spacings-s)
}

.games-sort-page__list:empty,.promo-promotion__games .games-sort-page__list:empty,.promo-tournament__games .games-sort-page__list:empty {
    display: none
}

@media(min-width: 640px) {
    .games-sort-page__list {
        grid-template-columns:repeat(4,minmax(144px,1fr))
    }
}

@media(min-width: 1140px) {
    .games-sort-page__list {
        grid-template-columns:repeat(6,minmax(156px,1fr));
        padding: 5px;
        margin: -5px;
        overflow: hidden
    }

    .main-wr--user-sidebar-opened .games-sort-page__list {
        grid-template-columns: repeat(5,minmax(142px,1fr))
    }
}

@media(min-width: 1628px) {
    .games-sort-page__list {
        grid-template-columns:repeat(7,minmax(195px,1fr))
    }

    .main-wr--user-sidebar-opened .games-sort-page__list {
        grid-template-columns: repeat(6,minmax(183px,1fr))
    }
}

@media(min-width: 1920px) {
    .main-wr--user-sidebar-opened .games-sort-page__list {
        grid-template-columns:repeat(7,minmax(195px,1fr))
    }
}

.games-sort-page__wrap {
    padding-top: var(--spacings-2xl)
}

.promo-promotion__games .games-sort-page__wrap,.promo-tournament__games .games-sort-page__wrap {
    padding: 0
}

@media(min-width: 1140px) {
    .games-sort-page--favorite-page .games-sort-page__wrap {
        padding-top:0
    }
}

.games-sort__number {
    margin-left: 8px;
    color: var(--text-text-accent)
}

.games-sort-page__progress-bar {
    padding-top: var(--spacings-2xl);
    padding-bottom: calc(var(--spacings-page-paddings))
}

.games-sort-page--favorite-page .games-sort-page__progress-bar {
    padding-bottom: var(--spacings-2xl)
}
.fixed-container__static--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.fixed-container__sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: transform .3s ease,width .3s ease;
    pointer-events: none;
    transform: translate3d(0,var(--topbar-height),0)
}

@media(max-width: 1139px) {
    .main-banner+.top-search .fixed-container__sticky:after,.main-banner+.top-search .fixed-container__sticky:before {
        content:none
    }
}

@media(max-width: 1139px) {
    .fixed-container__sticky {
        padding:var(--spacings-s) var(--spacings-page-paddings)
    }

    .fixed-container__sticky:after,.fixed-container__sticky:before {
        content: "";
        position: absolute;
        bottom: -36px;
        height: 36px;
        width: 36px;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .fixed-container__sticky:before {
        right: 0;
        background-image: url(/1img/round-right.svg);
        background-position-x: left
    }

    .fixed-container__sticky:after {
        left: 0;
        background-image: url(/1img/round-left.svg);
        background-position-x: right
    }

    .top-bar--hide~.main-wr .fixed-container__sticky {
        transform: translate3d(0,var(--spacings-m),0)
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky {
        padding:0 var(--spacings-page-paddings);
        background: var(--backgrounds-a);
        transition: top .3s ease-out
    }

    .authorized .fixed-container__sticky {
        right: var(--sidebar-right-close)
    }

    .authorized .main-wr--user-sidebar-opened .fixed-container__sticky {
        right: var(--sidebar-right)
    }
}

@media(min-width: 1920px) {
    .fixed-container__sticky {
        max-width:calc(var(--main-container-max-width) + var(--spacings-page-paddings)*2);
        margin: 0 auto
    }
}

@media(min-width: 2380px) {
    .authorized .main-wr--user-sidebar-opened .fixed-container__sticky {
        right:var(--sidebar-right-close)
    }
}

.fixed-container--fixed .fixed-container__sticky {
    z-index: 6;
    opacity: 1;
    pointer-events: auto
}

.fixed-container__sticky-bg,.fixed-container__sticky-blur {
    pointer-events: none
}

@media(max-width: 1139px) {
    .fixed-container__sticky-bg {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--backgrounds-a);
        border-radius: 30px 30px 0 0;
        z-index: -1;
        transition: top .3s ease
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky-bg {
        display:none
    }
}

@media(max-width: 1139px) {
    .fixed-container__sticky-blur {
        position:absolute;
        top: calc(var(--topbar-height)*-1);
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -2;
        background: var(--backgrounds-a-70);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky-blur {
        display:none
    }
}

.back-title__inner-wrapper {
    position: relative;
    display: flex;
    width: 100%
}

@media(min-width: 1140px) {
    .back-title__inner-wrapper {
        margin:0 auto
    }

    .fixed .back-title__inner-wrapper {
        padding: 0 var(--spacings-page-paddings)
    }

    .bonus-store__back-title.fixed .back-title__inner-wrapper,.main--partners-contests-history .fixed .back-title__inner-wrapper,.news__back-title.fixed .back-title__inner-wrapper {
        padding: var(--spacings-xs) 0
    }
}

@media(max-width: 1139px) {
    .main--partners-contests-history .fixed .back-title__inner-wrapper:after,.main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        content:"";
        position: absolute;
        bottom: -36px;
        height: 36px;
        width: 36px;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        right: 0;
        background-image: url(/1img/round-right.svg);
        background-position-x: left
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:after {
        left: 0;
        background-image: url(/1img/round-left.svg);
        background-position-x: right
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:after,.main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        bottom: calc(-36px - var(--spacings-page-paddings))
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        right: calc(var(--spacings-page-paddings)*-1)
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:after {
        left: calc(var(--spacings-page-paddings)*-1)
    }
}

@media(min-width: 1920px) {
    .main--partners-contests-history .fixed .back-title__inner-wrapper {
        max-width:var(--main-container-promo-max-width)
    }
}

.back-title__button {
    position: relative;
    min-width: 36px;
    min-height: 36px;
    max-width: 36px;
    max-height: 36px;
    flex-shrink: 0;
    margin-right: var(--spacings-xs);
    z-index: 3
}

@media(max-width: 1139px) {
    .back-title__button {
        transition:margin-right .3s ease
    }

    .fixed-container__sticky .back-title__button {
        margin-right: var(--spacings-m)
    }
}

@media(min-width: 1140px) {
    .back-title__button:not(.fixed-container__sticky .back-title__button) {
        min-width:40px;
        min-height: 40px;
        max-width: 40px;
        max-height: 40px
    }

    .fixed-container__sticky .back-title__button {
        animation: backTitleButton .2s ease-in-out
    }

    @keyframes backTitleButton {
        0% {
            min-width: 40px;
            min-height: 40px;
            max-width: 40px;
            max-height: 40px
        }
    }
}

.back-title__button-icon {
    width: 20px;
    height: auto;
    color: var(--icons-a)
}

.back-title__button-text {
    position: relative;
    align-self: center;
    z-index: 3;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
    transition: font-size .3s ease
}

@media(max-width: 639px) {
    .fixed-container__static--hidden .back-title__button-text,.fixed-container__sticky .back-title__button-text {
        font-size:16px;
        line-height: 24px;
        font-weight: 500;
        transition: all .3s ease
    }
}

@media(min-width: 640px) {
    .fixed-container__static--hidden .back-title__button-text,.fixed-container__sticky .back-title__button-text {
        font-size:var(--headings-h2-font-size);
        font-weight: var(--headings-h2-weight);
        line-height: var(--headings-h2-line-height)
    }
}

.back-title__button-text--capitalize {
    text-transform: capitalize
}

.back-title__button-action {
    margin-left: auto
}

@media(min-width: 640px)and (max-width:1139px) {
    .fixed-container__static--hidden .static-page__back-title--terms-page .back-title__button-action {
        min-height:40px
    }

    .fixed-container__static--hidden .static-page__back-title--terms-page .back-title__button-action .back-title__pdf-btn {
        display: none
    }
}

.top-search__field {
    position: relative;
    z-index: 1;
    height: 100%;
    border-radius: 30px 30px 0 0;
    background: var(--backgrounds-a)
}

@media(max-width: 1139px) {
    .top-search__field {
        margin-bottom:8px
    }
}

.top-search__field:after,.top-search__field:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.top-search__field:before {
    left: -24px;
    background-image: url(/1img/round-left.svg)
}

.top-search__field:after {
    right: -24px;
    background-image: url(/1img/round-right.svg)
}

.top-search--static .top-search__field {
    padding: var(--spacings-m) var(--spacings-m) 0
}

.top-search__field-btn {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-description-b);
    padding: 4px 48px 4px 16px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.top-search__field-btn:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .top-search__field-btn:hover {
    color: var(--text-text)
}

.top-search__field-btn-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-search__field-btn-icon-wr {
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--icons-c);
    border-radius: 100px;
    padding: var(--buttons-icon-s);
    background: var(--buttons-secondary-b-bg-default);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.static-page__head .top-search__field-btn-icon-wr {
    width: 36px;
    height: 36px
}

@media(min-width: 1140px) {
    .top-search__field-btn-icon-wr {
        width:40px;
        height: 40px
    }
}

.top-search__field-btn-icon {
    width: 100%;
    height: 100%
}

.top-search__buttons {
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    background: var(--backgrounds-a);
    overflow: hidden;
    height: 40px;
    transform: translateZ(0);
    transition: transform .3s ease;
    will-change: transform
}

@media(max-width: 639px) {
    .top-search--static .top-search__buttons {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .top-search--static .top-search__buttons {
        padding:0 4px
    }
}

@media(max-width: 1139px) {
    .top-search__buttons {
        margin-bottom:var(--spacings-m)
    }
}

.fixed-container__sticky .top-search__buttons:not(.top-search .top-search__buttons) {
    margin-top: 8px
}

.fixed-container--fixed:not(.top-search) .top-search__buttons {
    transform: translate3d(0,-100%,0);
    margin-bottom: 0;
    height: 0
}

.top-search .top-search__buttons {
    margin-bottom: 0
}

.top-search__button {
    flex: 1;
    height: auto;
    text-transform: none!important;
    padding: var(--buttons-s-vert) 10px
}

.top-search__button .btn__inner {
    width: 100%;
    font-weight: 500!important;
    justify-content: space-between;
    gap: 4px
}

.top-search__button-left-icon {
    color: var(--icons-a-disable)
}

.group-filters {
    display: flex;
    flex-direction: column
}

.group-filters.games-sort-page__wr--live-table {
    padding-bottom: var(--spacings-2xl)
}

@media(min-width: 1140px) {
    .games-sort-page__head--static {
        margin-top:calc(var(--spacings-2xl) - var(--spacings-m))
    }
}

@media(min-width: 1140px) {
    .providers .games-sort-page__head--static {
        margin-top:var(--spacings-2xl)
    }
}

.games-sort-page__head--static,.games-sort-page__head--sticky {
    display: flex;
    flex-direction: column
}

@media(min-width: 1140px) {
    .games-sort-page__head--sticky {
        background:var(--backgrounds-a)
    }
}

@media(min-width: 1628px) {
    .games-sort-page__head--sticky {
        display:flex;
        align-items: center;
        flex-direction: row;
        gap: 10px;
        padding: var(--spacings-2xs) var(--spacings-page-paddings)
    }
}

@media(max-width: 1139px) {
    .games-sort-page__head--static .group-filters__back-title:not(.games-sort-page__wr--providers .group-filters__back-title) {
        margin-top:var(--spacings-2xl)
    }

    .games-sort-page__wr--providers .games-sort-page__head--static .group-filters__back-title {
        margin: var(--spacings-2xl) 0
    }

    .games-sort-page__wr--provider .group-filters__back-title {
        margin-top: var(--spacings-2xl)
    }
}

@media(min-width: 1140px) {
    .games-sort-page__head--static .group-filters__back-title {
        margin:0 0 var(--spacings-l)
    }

    .games-sort-page--favorite-page .games-sort-page__head--static .group-filters__back-title {
        margin: 0 0 var(--spacings-2xl)
    }

    .group-filters__back-title.group-filters__back-title--recommended {
        margin-bottom: 0
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-sort-page__head--sticky .group-filters__back-title {
        padding:var(--spacings-xs) 0
    }
}

.group-filters__filters {
    display: flex;
    align-items: center;
    width: 100%
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-sort-page__head--sticky .group-filters__filters {
        padding:var(--spacings-s) 0
    }
}

@media(min-width: 1628px) {
    .games-sort-page__head--sticky .group-filters__filters {
        justify-content:flex-end;
        gap: var(--spacings-s)
    }
}

.group-filters__btn-wr {
    display: flex;
    gap: var(--spacings-s);
    padding: var(--spacings-xl) var(--spacings-page-paddings) var(--spacings-3xl)
}

.group-filters__btn-wr:empty {
    padding: var(--spacings-3xl) 0 0
}

@media(min-width: 640px)and (max-width:1139px) {
    .group-filters__btn-wr {
        max-width:440px;
        margin: 0 auto
    }
}

.group-filters__btn {
    height: auto;
    min-height: 40px;
    flex: 1 0 calc(50% - 6px)
}
#chat-widget-container {
    z-index: 100500!important
}

.live-chat-widget {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10030;
    width: 20rem
}

@media(max-width: 712px) {
    .live-chat-widget {
        width:280px
    }
}

.live-chat-widget--header {
    border-radius: .5rem .5rem 0 0;
    background-color: #1c1e1a;
    padding: .3rem 1rem;
    height: 42px;
    color: #f09235;
    font-weight: 600
}

.live-chat-widget--header__item {
    float: left;
    text-align: center
}

.live-chat-widget--header__item.title {
    width: 90%
}

.live-chat-widget--header__item.collapse {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
    height: 100%;
    cursor: pointer;
    transition: color .2s linear
}

.live-chat-widget--header__item.collapse:hover {
    color: #fff
}

.live-chat-widget--content_faq {
    padding: 1rem;
    border-radius: 0 0 .5rem .5rem;
    background-color: #292925
}

.live-chat-widget--content_faq_header {
    font-size: 18px;
    font-weight: 700
}

.live-chat-widget--content_faq_links {
    margin-bottom: 10px;
    font-size: 16px
}

.live-chat-widget--content_faq_links:last-child {
    margin-bottom: 0
}

.live-chat-widget--content_faq_links a {
    transition: color .2s linear
}

.live-chat-widget--content_faq_links a:hover {
    color: #fff
}

.live-chat-widget--content_faq_chat {
    font-size: 18px;
    color: #f09235;
    cursor: pointer;
    transition: color .2s linear
}

.live-chat-widget--content_faq_chat:hover {
    color: #fff
}

.live-chat-widget--content_chat {
    border-radius: 0 0 .5rem .5rem;
    background-color: #292925
}

.live-chat-widget--content_chat_operator {
    float: left;
    width: 100%;
    padding: 1rem;
    background-color: #1c1e1a;
    border-top: 1px solid
}

.live-chat-widget--content_chat_operator_avatar {
    width: 2.6rem;
    float: left
}

.live-chat-widget--content_chat_operator_avatar img {
    border-radius: 50%
}

.live-chat-widget--content_chat_operator_info {
    width: calc(100% - 2.6rem);
    float: left
}

.live-chat-widget--content_chat_operator_info_name {
    width: 8rem;
    padding: 0 .5em;
    float: left;
    font-size: .7em
}

.live-chat-widget--content_chat_operator_info_name .agent-name {
    font-weight: 700
}

.live-chat-widget--content_chat_operator_info_vote {
    float: right
}

.live-chat-widget--content_chat_messages {
    float: left;
    width: 100%;
    min-height: 15rem;
    max-height: 30rem;
    overflow: auto;
    padding: 1rem;
    background-color: #1c1e1a
}

.live-chat-widget--content_chat_messages .message_agent .message--text {
    margin-left: 1em
}

.live-chat-widget--content_chat_messages .message--info {
    float: left;
    width: 100%
}

.live-chat-widget--content_chat_messages .message--info-avatar {
    float: left;
    width: 1.4rem
}

.live-chat-widget--content_chat_messages .message--info-avatar img {
    border-radius: 50%
}

.live-chat-widget--content_chat_messages .message--info-name,.live-chat-widget--content_chat_messages .message--info-time {
    float: left;
    padding: .2em;
    font-size: .6em
}

.live-chat-widget--content_chat_messages .message--text {
    float: left;
    background-color: #34302c;
    font-size: .8em;
    border-radius: .5em;
    padding: .4em .8em
}

.live-chat-widget--content_chat_input {
    float: left;
    width: 100%;
    padding: 1rem;
    background-color: #faf6f2;
    border-radius: 0 0 .5rem .5rem
}

.live-chat-widget--content_chat_input #message-input {
    float: left;
    width: 15em;
    max-height: 10em;
    overflow: auto;
    font-size: .8em;
    color: #191919
}

.live-chat-widget--content_chat_input #message-send {
    float: right
}
.payment-list {
    --item-height: 24px;
    --row-gap: 28px;
    --column-gap: 48px;
    --max-rows: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 180px;
    gap: var(--row-gap) var(--column-gap)
}

.payment-list.main-banner__payment-list {
    --item-height: 20px;
    --column-gap: var(--spacings-xs)
}

@media(min-width: 640px) {
    .payment-list {
        max-height:124px
    }
}

@media(min-width: 1140px) {
    .payment-list.main-banner__payment-list {
        --item-height:28px;
        --column-gap: var(--spacings-l)
    }
}

@media(min-width: 1628px) {
    .payment-list {
        max-height:84px
    }

    .payment-list.main-banner__payment-list {
        --item-height: 32px
    }
}

.main-footer__row--payment-list .payment-list {
    --column-gap: var(--spacings-xl)
}

.payment-list--scrolled {
    overflow-x: auto;
    display: inline-flex;
    flex-wrap: nowrap;
    --item-height: 16px;
    --column-gap: 26px
}

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

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

@media(max-width: 1139px) {
    .payment-list--scrolled {
        justify-content:flex-start
    }
}

@media(min-width: 640px) {
    .payment-list--scrolled {
        width:100%;
        --item-height: 24px;
        --column-gap: 40px
    }
}

@media(min-width: 1140px) {
    .payment-list--scrolled {
        justify-content:center;
        flex-wrap: wrap;
        max-height: var(--item-height)
    }
}

@media(max-width: 1139px) {
    .payment-list--scrolled .payment-list__item:first-child {
        padding-left:var(--spacings-page-paddings)
    }
}

@media(max-width: 1139px) {
    .payment-list--scrolled .payment-list__item:last-child {
        padding-right:var(--spacings-page-paddings)
    }
}

.payment-list__btn {
    flex: none;
    display: block;
    padding: 0;
    border: none;
    background: none
}

.payment-list__img {
    width: auto;
    height: var(--item-height);
    transition: opacity .2s ease-out
}

.no-touch .payment-list__img:hover {
    opacity: .8
}

.main-footer__payment-list .payment-list__img {
    filter: grayscale(1);
    opacity: .7
}

.no-touch .main-footer__payment-list .payment-list__img:hover {
    opacity: 1
}

.payment-list__div {
    height: var(--row-gap);
    flex: 100% 0 0
}

.buttons-app {
    width: 100%
}

.main-footer .buttons-app,.menu-burger .buttons-app {
    max-width: 560px;
    align-self: center
}

.buttons-app__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: center;
    gap: 8px
}

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

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

.buttons-app__list.profile-security-two-fa-logos {
    gap: 16px
}

.main-footer__row--payment-list .buttons-app__list {
    gap: 12px
}

.stories-slider-item__buttons .buttons-app__list {
    gap: var(--spacings-s);
    display: flex;
    justify-content: center
}

.buttons-app__item {
    width: 100%
}

.profile-security-two-fa-logos .buttons-app__item {
    max-width: 225px
}

.main-footer__row--payment-list .buttons-app__item {
    max-width: 290px
}

@media(min-width: 1140px) {
    .main-footer__row--payment-list .buttons-app__item {
        width:171px
    }
}

@media(min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__item {
        width:calc(50% - var(--spacings-s)/2)
    }
}

.buttons-app__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--buttons-m-gap);
    transition: all .2s ease-out
}

.buttons-app__item--type-grey .buttons-app__link {
    background: var(--colors-base-black-700-50)
}

.no-touch .buttons-app__item--type-grey .buttons-app__link:hover {
    background: var(--colors-base-black-700-70)
}

.buttons-app__item--type-black .buttons-app__link {
    background: var(--backgrounds-a)
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover {
    background: var(--colors-base-white-b)
}

.buttons-app__item--type-secondary .buttons-app__link {
    color: var(--buttons-secondary-a-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.buttons-app__item--type-secondary .buttons-app__link:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    color: var(--buttons-secondary-a-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover .btn__border-hover {
    border: 2px solid transparent
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover .btn__border-hover:before {
    background: var(--gradient-tokens-border-c);
    animation-duration: 2s
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover.disabled,.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover.disabled:after,.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.buttons-app__item--type-secondary .buttons-app__link.disabled,.buttons-app__item--type-secondary .buttons-app__link[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.buttons-app__item--type-secondary .buttons-app__link.disabled:after,.buttons-app__item--type-secondary .buttons-app__link[disabled]:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.buttons-app__item--size-s .buttons-app__link {
    padding: 8px;
    min-height: 40px
}

.buttons-app__item--size-m .buttons-app__link {
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    min-height: 48px;
    gap: var(--buttons-m-gap)
}

.buttons-app__item--size-l .buttons-app__link {
    padding: var(--spacings-m);
    min-height: 64px
}

@media(max-width: 1139px) {
    .main-footer .buttons-app__link {
        min-height:40px;
        height: 40px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .menu-burger .buttons-app__link {
        height:40px
    }
}

.stories-slider-item__buttons .buttons-app__link {
    min-height: 40px;
    height: auto
}

@media(max-width: 639px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-height:clamp(40px,calc(.27564px + 5.30303vw + 2.83401vh),68px)
    }
}

@media(min-width: 1140px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-height:48px
    }
}

@media(min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-width:100%;
        padding: var(--buttons-l-vert) var(--buttons-l-hor);
        height: calc(var(--buttons-l-vert)*2 + var(--buttons-font-l-line-height));
        border-radius: var(--buttons-l-radius);
        font-size: var(--buttons-font-l-font-size);
        font-weight: var(--buttons-font-l-weight);
        line-height: var(--buttons-font-l-line-height);
        text-transform: uppercase
    }
}

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

.buttons-app__item--type-grey .buttons-app__item-icon-wr {
    margin-right: 12px
}

.buttons-app__item--type-black .buttons-app__item-icon-wr {
    margin-right: 8px
}

.buttons-app__item--type-color.buttons-app__item--android .buttons-app__item-icon-wr,.buttons-app__item--type-color.buttons-app__item--ios .buttons-app__item-icon-wr {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 4px
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover .buttons-app__item-icon-wr {
    filter: brightness(0)
}

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

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

.buttons-app__item--size-m .buttons-app__item-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.buttons-app__item--size-big .buttons-app__item-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.buttons-app__item--size-big.buttons-app__item--auth .buttons-app__item-text {
    font-size: 12px
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover .buttons-app__item-text {
    color: var(--colors-base-black-900)
}

.menu-burger .buttons-app__item-text br {
    display: none
}

.stories-slider-item__buttons .buttons-app__item-text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(max-width: 639px) {
    .stories-slider-item__buttons .buttons-app__item-text {
        font-size:clamp(14px,calc(-.18727px + 1.89394vw + 1.01215vh),24px);
        line-height: 142.85714%
    }
}

@media(min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__item-text {
        font-size:var(--buttons-font-l-font-size);
        font-weight: var(--buttons-font-l-weight);
        line-height: var(--buttons-font-l-line-height);
        text-transform: uppercase
    }
}

.buttons-app__item--type-color {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 16px 0 0;
    margin-bottom: -8px;
    border-radius: 60px;
    height: var(--game-cards-circle-m);
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
    background-image: url(/1img/download-app/bg_download_app_banner.webp?v1)
}

.no-webp .buttons-app__item--type-color {
    background-image: url(/1img/download-app/bg_download_app_banner.jpg?v1)
}

.buttons-app__item--type-color:before {
    content: "";
    position: relative;
    top: -6px;
    width: 68px;
    height: 60px;
    margin-right: 16px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/1img/download-app/download_app_banner.webp)
}

.no-webp .buttons-app__item--type-color:before {
    background-image: url(/1img/download-app/download_app_banner.png)
}

.buttons-app__item--type-color.buttons-app__item--android:before {
    margin-right: 12px
}

.buttons-app__item--type-color.buttons-app__item--auth {
    margin: 20px 0 16px 0;
    padding: 0 16px 0 24px
}

.social-links {
    width: 100%
}

.main-footer .social-links,.menu-burger .social-links {
    max-width: 560px;
    align-self: center
}

.social-links__title {
    color: var(--colors-base-white-50);
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.social-links--centered .social-links__title {
    text-align: center
}

@media(min-width: 1140px) {
    .menu-burger .social-links__title {
        padding:0 0 12px 8px
    }
}

.social-links__list {
    display: flex;
    gap: var(--spacings-xs)
}

.social-links--centered .social-links__list {
    justify-content: center
}

@media(min-width: 1628px) {
    .friends-and-referrals-social-share .social-links__list,.menu-burger .social-links__list {
        gap:8px
    }
}

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

@media(min-width: 640px) {
    .friends-and-referrals-social-share .social-links__list {
        justify-content:flex-end
    }
}

.custom-modal--friends-and-referrals-invite-modal .social-links__list {
    justify-content: flex-start
}

.social-links__item {
    flex: 1;
    max-width: 110px
}

.friends-and-referrals-social-share .social-links__item {
    flex: 0
}

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

.friends-and-referrals-social-share .social-links__link {
    --link-width: 36px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    min-width: auto;
    min-height: auto;
    width: var(--link-width);
    height: var(--link-width);
    padding: var(--buttons-icon-s)
}

@media(min-width: 1140px) {
    .friends-and-referrals-social-share .social-links__link {
        --link-width:40px
    }
}

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

.bonuses-social .social-links__ic {
    width: 20px;
    height: 20px;
    border-radius: 4px
}

@media(max-width: 1139px) {
    .bonuses-social .social-links__ic {
        width:36px;
        height: 36px;
        border-radius: 8px
    }
}

.is-loading .mount-into-view {
    display: none
}

.main-footer {
    display: flex;
    flex-direction: column
}

@media(min-width: 1920px) {
    .main-footer {
        max-width:var(--main-container-max-width);
        margin: 0 auto
    }

    .main--partners .main-footer {
        max-width: 100%
    }
}

@media(min-width: 1920px) {
    .main--partners-contests-history .main-footer {
        max-width:var(--main-container-promo-max-width)
    }
}

.main-footer__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: var(--spacings-m);
    padding: var(--spacings-page-paddings);
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    padding-bottom: 40px;
}

@media(min-width: 1140px) {
    .main-footer__wrapper {
        grid-template-columns:repeat(3,1fr);
        gap: var(--spacings-m) var(--spacings-xl);
        padding: var(--spacings-page-paddings)
    }
}

@media(min-width: 1628px) {
    .main-footer__wrapper {
        grid-template-columns:repeat(4,1fr)
    }
}

@media(min-width: 1140px) {
    .sidebar-opened .main-footer__wrapper {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .main-footer__wrapper {
        grid-template-columns:repeat(3,1fr)
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .main-footer__wrapper {
        grid-template-columns:repeat(4,1fr)
    }
}

.main-footer__row {
    grid-column: 1/-1
}

@media(min-width: 1140px) {
    .main-footer__row--socials {
        grid-column:1/2
    }
}

.main-footer__socials {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacings-l);
    gap: var(--spacings-l);
    border-radius: var(--roundings-m);
    background: var(--backgrounds-b);
    overflow: hidden;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k)
}

.main-footer__socials:after {
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.main-footer__socials:after,.main-footer__socials:before {
    z-index: -1;
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-footer__socials:before {
    border-radius: inherit;
    opacity: .3;
    background-image: url(/1img/background.webp)
}

.no-webp .main-footer__socials:before {
    background-image: url(/1img/background.png)
}

.main-footer__socials:before {
    z-index: 1
}

.main-footer__socials-blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.main-footer__socials-buttons,.main-footer__socials-links {
    z-index: 1
}

.main-footer__socials-logo {
    height: 76px;
    transition: height .2s ease-out
}

@media(min-width: 640px) {
    .main-footer__socials-logo {
        height:88px
    }
}

@media(min-width: 1140px) {
    .main-footer__socials-logo {
        height:264px
    }
}

@media(min-width: 1628px) {
    .main-footer__socials-logo {
        height:104px
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .main-footer__socials-logo {
        height:248px
    }
}

@media(min-width: 1920px) {
    .sidebar-opened .main-footer__socials-logo {
        height:104px
    }
}

.main-footer__socials-logo-img {
    width: 141px;
    height: 28px
}

.main-footer__socials-logo {
    z-index: 1;
    width: 100%;
    min-height: 76px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media(min-width: 640px)and (max-width:1139px) {
    .main-footer__socials-logo {
        min-height:88px
    }
}

@media(min-width: 1628px) {
    .main-footer__socials-logo {
        min-height:104px
    }
}

@media(min-width: 1140px) {
    .main-footer__row--menu {
        grid-column:2/-1
    }
}

.main-footer__row--license,.main-footer__row--payment-list {
    padding: var(--spacings-xl) 0
}

.main-footer__menu {
    display: flex
}

@media(min-width: 1140px) {
    .main-footer__menu {
        gap:var(--spacings-xl)
    }
}

.main-footer__menu-col {
    flex: 1;
    display: flex;
    gap: 8px;
    flex-direction: column
}

.main-footer__menu-link {
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    min-height: 48px;
    color: var(--selector-item-text-default);
    border-radius: 28px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: all .2s ease-out
}

.no-touch .main-footer__menu-link:hover {
    color: var(--selector-item-text-hover);
    background: var(--selector-item-bg-hover)
}

.main-footer__menu-link-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--selector-item-icon-default)
}

.no-touch .main-footer__menu-link:hover .main-footer__menu-link-icon {
    color: var(--selector-item-icon-hover)
}

.main-footer__license {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m)
}

@media(min-width: 1140px) {
    .main-footer__license {
        flex-direction:row;
        align-items: flex-start
    }
}

.main-footer__license-img-wr {
    padding: 5px 0;
    display: flex;
    align-items: center
}

@media(max-width: 1139px) {
    .main-footer__license-img-wr {
        gap:20px
    }
}

@media(min-width: 1140px) {
    .main-footer__license-img-wr {
        gap:var(--spacings-m)
    }
}

.main-footer__license-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    border-radius: 12px;
    overflow: hidden
}

.main-footer__license-img.main-footer__license-img--disabled {
    pointer-events: none!important
}

.main-footer__license-text {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.main-footer__bottom {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between
}

@media(min-width: 1140px) {
    .main-footer__bottom {
        align-items:center
    }
}

.main-footer__gamblers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

@media(min-width: 1140px) {
    .main-footer__gamblers {
        gap:32px
    }
}

.main-footer__gamblers-item {
    display: flex;
    height: 40px;
    opacity: .5
}

.main-footer__copyright {
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}
.home-bg-section-inner.main-page__games-providers {
    margin-bottom: 16px
}

.home-bg-section-inner.main-page__games-providers .games-slider-wrap {
    margin-bottom: 0
}

@media(min-width: 640px) {
    .home-bg-section-inner.main-page__games-providers {
        margin-bottom:16px
    }
}

@media(min-width: 1140px) {
    .home-bg-section-inner.main-page__games-providers {
        margin-top:var(--spacings-3xl);
        margin-bottom: var(--spacings-3xl)
    }
}

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

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

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

.games-list__no-results {
    position: relative;
    width: 100%;
    margin: 40px 0
}

.games-sort-page--favorite-page .games-list__no-results {
    margin: 0
}

.games-sort-page--collection-page .games-list__no-results {
    margin: 16px 0 0
}

@media(min-width: 640px) {
    .games-sort-page--collection-page .games-list__no-results {
        margin-top:20px
    }
}

@media(min-width: 1140px) {
    .games-sort-page--collection-page .games-list__no-results {
        margin-top:24px
    }
}

@media(min-width: 1628px) {
    .games-sort-page--collection-page .games-list__no-results {
        margin-top:28px
    }
}

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

@media(min-width: 640px) {
    .games-list__no-results {
        margin:44px 0
    }
}

@media(min-width: 1140px) {
    .games-list__no-results {
        margin:48px 0
    }
}

@media(min-width: 1628px) {
    .games-list__no-results {
        margin:52px 0
    }
}

.icon-box {
    position: relative
}
.current-local-time {
    display: flex;
    align-items: center;
    gap: 8px
}

.personal-data .current-local-time {
    min-width: 80px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1px
}

@media(min-width: 1140px) {
    .menu-burger .current-local-time {
        width:100%;
        padding: 0 12px;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

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

.personal-data .current-local-time__count {
    position: relative;
    top: -2px
}

.current-local-time__title {
    color: var(--colors-base-white-50);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.personal-data .current-local-time__title {
    padding-top: 2px;
    text-transform: none;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400
}

.patch-timezone__content-timer-wr .current-local-time__title {
    display: none
}

.menu-burger__lang-btn {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    gap: 4px;
    padding: 0
}

@media(min-width: 1140px) {
    .menu-burger__lang-btn {
        border-radius:100px;
        padding: 12px 8px 12px 12px
    }

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

.menu-burger__lang-btn-logo-wr {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden
}

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

.menu-burger__lang-btn-icon {
    color: var(--icons-a)
}

.menu-burger__bottom-bar-inner {
    padding: 0 var(--spacings-page-paddings);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px
}

@media(min-width: 640px) {
    .menu-burger__bottom-bar-inner {
        padding:0 16px
    }
}

@media(min-width: 1140px) {
    .menu-burger__bottom-bar-inner {
        padding:0 var(--spacings-xl)
    }
}
.menu-burger__lang-btn {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    gap: 4px;
    padding: 0
}

@media(min-width: 1140px) {
    .menu-burger__lang-btn {
        border-radius:100px;
        padding: 12px 8px 12px 12px
    }

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

.menu-burger__lang-btn-logo-wr {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden
}

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

.menu-burger__lang-btn-icon {
    color: var(--icons-a)
}
.menu-burger__wheel {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 56px;
    padding: var(--spacings-2xs) 16px var(--spacings-2xs) 60px;
    border-radius: 100px;
    margin: 0 var(--spacings-page-paddings) var(--spacings-xl);
    background: var(--colors-global-accent-c);
    overflow: hidden;
    cursor: pointer
}

.menu-burger__wheel:after,.menu-burger__wheel:before {
    content: "";
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.menu-burger__wheel:before {
    top: 0;
    right: 0;
    width: 168px;
    height: 64px;
    background-image: url(/1img/spin/wheel-bg.webp)
}

.no-webp .menu-burger__wheel:before {
    background-image: url(/1img/spin/wheel-bg.png)
}

.menu-burger__wheel:after {
    top: 8px;
    left: 225px;
    width: 71px;
    height: 79px;
    background-image: url(/1img/spin/wheel-bg-icon.svg)
}

@media(min-width: 640px) {
    .menu-burger__wheel {
        padding-left:64px
    }
}

@media(min-width: 1140px) {
    .menu-burger__wheel {
        height:64px;
        padding-left: 76px;
        margin: 0 var(--spacings-xl) var(--spacings-xl)
    }
}

.menu-burger__wheel-spin {
    position: absolute;
    top: 50%;
    left: -20px;
    width: 72px;
    height: 72px;
    z-index: 3;
    transform: translateY(-50%) rotate(0) scale(1);
    animation: animateWheel 4s ease-out infinite
}

.menu-burger__wheel-spin img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

@media(min-width: 1140px) {
    .menu-burger__wheel-spin {
        top:calc(50% + 2px);
        left: -16px
    }
}

.menu-burger__wheel-label {
    position: relative;
    z-index: 2;
    flex-grow: 1;
    color: var(--text-text);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.menu-burger__wheel-arrow {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-burger__wheel-arrow .icon {
    width: 20px;
    height: 20px
}

@keyframes animateWheel {
    25% {
        transform: translateY(-50%) rotate(30deg) scale(1.06)
    }

    50% {
        transform: translateY(-50%) rotate(45deg) scale(1)
    }

    75% {
        transform: translateY(-50%) rotate(30deg) scale(1.2)
    }

    to {
        transform: translateY(-50%) rotate(0) scale(1)
    }
}
.progress-bar {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacings-xl)
}

@media(min-width: 1140px) {
    .progress-bar {
        margin-top:20px
    }
}

@media(min-width: 1628px) {
    .progress-bar {
        margin-top:24px
    }
}

@media(min-width: 1140px) {
    .search .progress-bar {
        margin-top:var(--spacings-l);
        padding: var(--spacings-xl) 0 0
    }
}

.history .progress-bar {
    margin-top: 0
}

.progress-bar__label {
    display: flex;
    justify-content: center;
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.progress-bar__progress {
    max-width: 435px;
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    height: 8px;
    border-radius: 40px;
    margin: 0 auto
}

.progress-bar__progress::-webkit-progress-bar {
    border: 0;
    height: 8px;
    border-radius: 40px;
    background: repeating-linear-gradient(45deg,var(--colors-base-no-color),var(--colors-base-white-50) 1px,var(--colors-base-no-color) 2px,var(--colors-base-no-color) 4px)
}

.progress-bar__progress::-webkit-progress-value {
    border: 0;
    height: 8px;
    min-width: 17px;
    border-radius: 40px;
    background-color: var(--colors-base-white-a)
}

.progress-bar__progress::-moz-progress-bar {
    border: 0;
    height: 8px;
    min-width: 17px;
    border-radius: 40px
}

.profile-history-bets__progress-bar .progress-bar__progress,.profile-history-operations-content__progress-bar .progress-bar__progress,.sport-bets__load-more .progress-bar__progress {
    max-width: none
}

@media(max-width: 1139px) {
    .search .progress-bar__progress {
        max-width:440px
    }
}

.progress-bar__show-more {
    display: flex;
    margin: var(--spacings-xl) auto 0
}

@media(min-width: 640px)and (max-width:1139px) {
    .search-result .progress-bar__show-more {
        height:40px
    }
}

.games-sort-page__wrap .progress-bar__show-more {
    margin: var(--spacings-xl) auto;
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(max-width: 1139px) {
    .profile-history-bets__progress-bar .progress-bar__show-more,.profile-history-operations-content__progress-bar .progress-bar__show-more,.sport-bets__load-more .progress-bar__show-more {
        height:40px
    }
}

.news__show-more .progress-bar__show-more {
    height: 40px
}

@media(min-width: 1140px) {
    .news__show-more .progress-bar__show-more {
        height:48px
    }
}
.seo-block {
    margin-top: var(--spacings-3xl)
}

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

.seo-block__wrapper {
    max-width: var(--main-container-max-width);
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m);
    margin: 0 auto;
    padding: var(--spacings-page-paddings)
}

@media(min-width: 1628px) {
    .seo-block__wrapper {
        padding:var(--spacings-page-paddings) 0
    }
}

.seo-block__wrapper h1,.seo-block__wrapper h2,.seo-block__wrapper h3 {
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.seo-block__container {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xs)
}

.seo-block__p,.seo-block p {
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

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

.seo-block__p b,.seo-block p b {
    font-weight: 700
}

.seo-block__list {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xs)
}

.seo-block__list-item {
    position: relative;
    padding-left: 20px;
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

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

.seo-block__list-item:before {
    content: "";
    display: flex;
    position: absolute;
    top: 11px;
    left: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--text-description-a)
}

.seo-block__list-item b {
    color: var(--text-text);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.seo-block__table {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--text-description-a);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

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

.seo-block__table th {
    text-align: start;
    font-weight: inherit;
    padding-right: var(--spacings-m)
}

.seo-block__table th:last-child {
    padding-right: 0
}

.seo-block__table td {
    padding-top: var(--spacings-3xs)
}

.seo-block__table+.seo-block__table {
    margin-top: calc(12px - var(--spacings-xs))
}
.social-links {
    width: 100%
}

.main-footer .social-links,.menu-burger .social-links {
    max-width: 560px;
    align-self: center
}

.social-links__title {
    color: var(--colors-base-white-50);
    padding-bottom: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.social-links--centered .social-links__title {
    text-align: center
}

@media(min-width: 1140px) {
    .menu-burger .social-links__title {
        padding:0 0 12px 8px
    }
}

.social-links__list {
    display: flex;
    gap: var(--spacings-xs)
}

.social-links--centered .social-links__list {
    justify-content: center
}

@media(min-width: 1628px) {
    .friends-and-referrals-social-share .social-links__list,.menu-burger .social-links__list {
        gap:8px
    }
}

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

@media(min-width: 640px) {
    .friends-and-referrals-social-share .social-links__list {
        justify-content:flex-end
    }
}

.custom-modal--friends-and-referrals-invite-modal .social-links__list {
    justify-content: flex-start
}

.social-links__item {
    flex: 1;
    max-width: 110px
}

.friends-and-referrals-social-share .social-links__item {
    flex: 0
}

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

.friends-and-referrals-social-share .social-links__link {
    --link-width: 36px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    min-width: auto;
    min-height: auto;
    width: var(--link-width);
    height: var(--link-width);
    padding: var(--buttons-icon-s)
}

@media(min-width: 1140px) {
    .friends-and-referrals-social-share .social-links__link {
        --link-width:40px
    }
}

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

.bonuses-social .social-links__ic {
    width: 20px;
    height: 20px;
    border-radius: 4px
}

@media(max-width: 1139px) {
    .bonuses-social .social-links__ic {
        width:36px;
        height: 36px;
        border-radius: 8px
    }
}
.support-widget {
    --padding-right: 50px;
    position: fixed;
    right: var(--padding-right);
    bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    cursor: pointer;
    z-index: 30
}

@media(min-width: 1140px) {
    .authorized .support-widget {
        right:calc(var(--padding-right) + var(--sidebar-right-close))
    }

    .sidebar-opened .support-widget {
        right: calc(var(--padding-right) + var(--sidebar-right))
    }

    .bottom-confirm-notify--gambling-addict~div .support-widget {
        bottom: 72px
    }
}

@media(min-width: 1920px) {
    .authorized .support-widget {
        right:calc(var(--padding-right) + var(--sidebar-right-close))
    }

    .sidebar-opened .support-widget {
        right: calc(var(--padding-right) + var(--sidebar-right))
    }
}

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

.support-widget__button-img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain
}

.support-widget__button-icon {
    position: absolute;
    width: 44px;
    height: 44px;
    color: var(--buttons-icon-primary-icon-default);
    transition: all .2s ease-out
}

.no-touch .support-widget__button:hover .support-widget__button-icon {
    opacity: 0
}

.support-widget__button-text {
    position: absolute;
    max-width: 56px;
    text-align: center;
    color: var(--buttons-icon-primary-icon-default);
    opacity: 0;
    pointer-events: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .2s ease-out
}

.no-touch .support-widget__button:hover .support-widget__button-text {
    opacity: 1
}

.support-widget__animate {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 64px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 100px;
    background-color: var(--colors-base-white-b);
    transition: all .2s ease-out
}

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

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

.support-widget__items {
    display: flex;
    flex-direction: column;
    gap: 8px
}

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

.support-widget__item-icon-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--buttons-secondary-c-bg-default);
    border-radius: 50%
}

.support-widget__item-icon-wr--close {
    background-color: var(--colors-base-white-b)
}

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

.support-widget__item-icon--close {
    color: var(--icons-b)
}

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

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

.fade-widget-enter,.fade-widget-leave-to {
    height: 0;
    opacity: 0;
    overflow: auto
}
.top-bar__app-button__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--buttons-s-gap)
}

.top-bar__app-button-icon {
    width: 20px;
    height: 20px
}

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-height: var(--topbar-height);
    width: 100%;
    z-index: 200;
    transition: transform .3s ease,opacity .3s ease;
    a, span, input, button {
        cursor: pointer !important;
    }
}

.top-bar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--backgrounds-a-70);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    pointer-events: none
}

@media(max-width: 1139px) {
    .top-bar {
        padding:0 var(--spacings-page-paddings);
        transform: translate3d(0,-100%,0);
        will-change: transform
    }

    .main-wrapper--has-fixed-container .top-bar:before {
        opacity: 0
    }
}

@media(min-width: 1140px) {
    .top-bar:before {
        background:var(--backgrounds-e-4);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .top-bar.top-bar--scrolled:before {
        background: var(--backgrounds-b-70)
    }
}

.top-bar--show {
    transform: translateZ(0)
}

.game-info .top-bar:before,.top-bar--scrolled:before {
    opacity: 1
}

.top-bar--high-index-sport {
    z-index: 10017
}

.top-bar__wrapper {
    position: relative;
    display: flex;
    width: 100%
}

@media(max-width: 1139px) {
    .top-bar__wrapper {
        justify-content:space-between
    }
}

@media(min-width: 1140px) {
    .authorized:not(.sidebar-opened) .top-bar__wrapper {
        padding-right:var(--sidebar-right-close)
    }
}

.top-bar__left-wr,.top-bar__right-wr {
    display: flex;
    align-items: center
}

@media(max-width: 1139px) {
    .top-bar__left-wr,.top-bar__right-wr {
        padding:var(--spacings-m) 0;
        flex: 1 0 0
    }
}

@media(min-width: 1140px) {
    .top-bar__left-wr,.top-bar__right-wr {
        padding:16px 0;
        flex-shrink: 0
    }
}

@media(min-width: 1140px) {
    .top-bar__left-wr {
        padding-right:var(--spacings-s);
        padding-left: var(--spacings-page-paddings)
    }
}

@media(max-width: 1139px) {
    .top-bar--webview .top-bar__left-wr:not(.authorized .top-bar__left-wr) {
        flex:1 0 auto;
        display: flex;
        justify-content: center
    }
}

@media(min-width: 1140px) {
    .top-bar__right-wr {
        padding-left:var(--spacings-s);
        padding-right: var(--spacings-page-paddings)
    }
}

@media(max-width: 1139px) {
    .top-bar--webview .top-bar__right-wr:not(.authorized .top-bar__right-wr) {
        flex:0 1 auto
    }
}

.top-bar__left,.top-bar__right {
    display: flex;
    align-items: center
}

@media(min-width: 1140px) {
    .top-bar__left,.top-bar__right {
        gap:var(--spacings-s)
    }
}

@media(min-width: 1140px) {
    .top-bar__left {
        max-width:-webkit-max-content;
        max-width: max-content;
        min-width: 359px
    }

    .authorized .top-bar__left {
        min-width: 351px
    }
}

@media(min-width: 1628px) {
    .top-bar__left {
        min-width:367px
    }
}

.top-bar__right {
    margin-left: auto
}

@media(min-width: 1140px) {
    .top-bar__right {
        min-width:242px
    }

    .sidebar-opened .top-bar__right {
        min-width: calc(var(--sidebar-right) - var(--spacings-s))
    }
}

@media(min-width: 1628px) {
    .top-bar__right {
        width:100%
    }
}

.top-bar__burger-logo {
    display: flex;
    align-items: center;
    gap: var(--spacings-s)
}

.top-bar__logo {
    max-width: -webkit-max-content;
    max-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer
}

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

@media(max-width: 1139px) {
    .top-bar__logo-img {
        background-repeat:no-repeat;
        background-size: contain;
        background-position: 50%
    }
}

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

@media(max-width: 1139px) {
    .top-bar--webview .top-bar__logo-img:not(.authorized .top-bar__logo-img) {
        width:120px;
        height: 40px
    }
}

.top-bar__center {
    min-width: 0;
    display: flex;
    align-items: center;
    margin: 0 auto;
    gap: var(--spacings-2xs)
}

@media(min-width: 1140px) {
    .top-bar__center {
        flex:1 1 100%;
        justify-content: center
    }
}

@media(min-width: 1628px) {
    .top-bar__center {
        flex:1 0 auto
    }
}

@media(min-width: 1140px) {
    .top-bar__search-wr {
        padding-top:12px
    }
}

@media(min-width: 1140px) {
    .top-bar__search,.top-bar__search-wr {
        position:relative;
        width: 100%;
        height: 100%
    }

    .top-bar__search {
        border-radius: 40px 40px 0 0;
        background: var(--backgrounds-a);
        padding: 8px var(--spacings-s) 12px
    }

    .top-bar__search:after,.top-bar__search:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

    .top-bar__search:before {
        left: -36px;
        background-image: url(/1img/round-left.svg)
    }

    .top-bar__search:after {
        right: -36px;
        background-image: url(/1img/round-right.svg)
    }
}

.top-bar__search-btn {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: text;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-description-b);
    padding: var(--spacings-3xs) 48px var(--spacings-3xs) 16px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.top-bar__search-btn:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .top-bar__search-btn:hover {
    color: var(--text-text)
}

.top-bar__search-btn-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-bar__search-btn-icon-wr {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--icons-c);
    border-radius: 100px;
    padding: var(--buttons-icon-s);
    background: var(--buttons-secondary-b-bg-default)
}

.top-bar__search-btn-icon {
    width: 100%;
    height: 100%
}

.top-bar__user {
    width: 100%;
    gap: var(--spacings-2xs)
}

.top-bar__menu,.top-bar__user {
    display: flex;
    align-items: center
}

.top-bar__menu {
    border-radius: 100px;
    background: var(--backgrounds-a)
}

.top-bar__menu-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius)
}

.top-bar__menu-link,.top-bar__menu-link:after {
    transition: all .2s ease-out
}

.top-bar__menu-link:not(:first-child):before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.top-bar__menu-link.top-bar__menu-link--active {
    position: relative;
    background: var(--gradient-tokens-backgrounds-l);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.top-bar__menu-link.top-bar__menu-link--active:before {
    content: none
}

.top-bar__menu-link.top-bar__menu-link--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-bar__menu-link.top-bar__menu-link--active+.top-bar__menu-link:before {
    content: none
}

.no-touch .top-bar__menu-link:not(.top-bar__menu-link--active):hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .top-bar__menu-link:not(.top-bar__menu-link--active):hover:before {
    content: none
}

.no-touch .top-bar__menu-link.top-bar__menu-link--active:hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .top-bar__menu-link.top-bar__menu-link--active:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .top-bar__menu-link.top-bar__menu-link--active:hover .top-bar__menu-link-hover {
    border: 2px solid transparent
}

.no-touch .top-bar__menu-link.top-bar__menu-link--active:hover .top-bar__menu-link-hover:before {
    background: var(--gradient-tokens-border-c);
    animation: rotateSpecialBorderToRightLink 2s linear infinite
}

.no-touch .top-bar__menu-link:hover+.top-bar__menu-link:before {
    content: none
}

.top-bar__menu-link-hover {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-bar__menu-link-hover:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    will-change: transform;
    animation: rotateSpecialBorderToRightLink 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

@keyframes rotateSpecialBorderToRightLink {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.no-touch .top-bar__menu-link--active:hover .top-bar__menu-link-hover:before {
    visibility: visible
}

.top-bar__menu-icon {
    width: 20px;
    height: 20px;
    color: var(--icons-a-disable)
}

.top-bar__menu-text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}
.user-top {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.user-top__no-auth {
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    width: 100%
}

@media(min-width: 1628px) {
    .user-top__no-auth {
        display:grid;
        grid-template-columns: repeat(2,1fr)
    }
}

.user-top__login,.user-top__registration {
    display: flex;
    flex: 1 1 50%
}

.user-top__progressbar-percent {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    padding: 3px;
    height: 16px;
    min-width: 30px;
    background-color: var(--blue-500);
    border-radius: 15px;
    box-shadow: var(--blue-light-shadow);
    color: var(--white)
}

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

@media(min-width: 640px)and (max-width:1139px) {
    .user-top__deposit-icon {
        width:24px;
        height: 24px
    }
}

@media(min-width: 1140px) {
    .user-top__deposit-icon {
        display:none
    }
}

.profile-status__img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}
.spin-modal {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 7;
    background-color: var(--colors-base-black-700-70);
    backdrop-filter: blur(10px);
}

.spin-modal__wrapper {
    width: 100%;
    padding: 16px var(--spacings-page-paddings) var(--spacings-3xl);
    border-radius: var(--roundings-l) var(--roundings-l) 0 0;
    background-image: repeating-linear-gradient(-45deg,var(--colors-base-white-10),var(--colors-base-white-10) 4px,transparent 0,transparent 8px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1139px) {
    .spin-modal__wrapper {
        bottom: 0px;
    }
}

@media (min-width: 640px) {
    .spin-modal__wrapper {
        max-width: 600px;
    }
}

@media (min-width: 1140px) {
    .spin-modal__wrapper {
        top: 50%;
        max-width: 392px;
        padding: var(--spacings-s);
        transform: translate(-50%, -50%);
        border-radius: var(--roundings-l);
    }
}

.spin-modal__wrapper::before {
    content: "";
    position: absolute;
    top: -142px;
    left: 50%;
    width: 660px;
    height: 660px;
    transform: translateX(-50%) rotate(180deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/bg_modal_casino.webp");
}

.no-webp .spin-modal__wrapper::before {
    background-image: url("/1img/spin/modal/bg_modal_casino.png");
}

@media (min-width: 640px) {
    .spin-modal__wrapper::before {
        top: -224px;
        width: 1020px;
        height: 1020px;
    }
}

@media (min-width: 1140px) {
    .spin-modal__wrapper::before {
        top: 50%;
        width: 700px;
        height: 700px;
        transform: translate(-50%, -50%);
    }
}

.spin-wrap--sport .spin-modal__wrapper::before {
    background-image: url("/1img/spin/modal/bg_modal_sport.webp");
}

.no-webp .spin-wrap--sport .spin-modal__wrapper::before {
    background-image: url("/1img/spin/modal/bg_modal_sport.png");
}

.spin-modal__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacings-2xl);
    border-radius: var(--roundings-l);
    background-color: var(--backgrounds-b);
}

.spin-modal__inner::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: var(--roundings-l);
    padding: 2px;
    background: var(--gradient-tokens-border-d);
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
}

.spin-modal__img-chips {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.spin-modal__img-chip::after, .spin-modal__img-chip::before {
    content: "";
    position: absolute;
    z-index: 1;
}

.spin-wrap--casino .spin-modal__img-chip--1::before {
    top: 56px;
    left: 16px;
    width: 81px;
    height: 80px;
    transform: rotate(-75deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/chip_casino_3.webp");
}

.no-webp .spin-wrap--casino .spin-modal__img-chip--1::before {
    background-image: url("/1img/spin/modal/chip_casino_3.png");
}

@media (min-width: 640px) {
    .spin-wrap--casino .spin-modal__img-chip--1::before {
        top: 60px;
        left: 46px;
        width: 116px;
        height: 115px;
    }
}

@media (min-width: 1140px) {
    .spin-wrap--casino .spin-modal__img-chip--1::before {
        top: 42px;
        left: -54px;
        width: 131px;
        height: 130px;
    }
}

.spin-wrap--casino .spin-modal__img-chip--1::after {
    width: 52px;
    height: 49px;
    filter: blur(2px);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/chip_casino_4.webp");
}

.no-webp .spin-wrap--casino .spin-modal__img-chip--1::after {
    background-image: url("/1img/spin/modal/chip_casino_4.png");
}

@media (max-width: 639px) {
    .spin-wrap--casino .spin-modal__img-chip--1::after {
        top: 45px;
        right: 45px;
    }
}

@media (min-width: 640px) and (max-width: 1139px) {
    .spin-wrap--casino .spin-modal__img-chip--1::after {
        top: 40px;
        right: 85px;
        width: 57px;
        height: 57px;
    }
}

@media (min-width: 1140px) {
    .spin-wrap--casino .spin-modal__img-chip--1::after {
        bottom: 60px;
        left: -40px;
        width: 98px;
        height: 92px;
        transform: rotate(15deg);
    }
}

.spin-wrap--sport .spin-modal__img-chip--1::before {
    content: none;
}

@media (min-width: 1140px) {
    .spin-wrap--sport .spin-modal__img-chip--1::before {
        content: "";
        top: 20px;
        left: -75px;
        width: 55px;
        height: 55px;
        transform: rotate(-15deg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% center;
        background-image: url("/1img/spin/modal/chip_sport_1.webp");
    }

    .no-webp .spin-wrap--sport .spin-modal__img-chip--1::before {
        background-image: url("/1img/spin/modal/chip_sport_1.png");
    }
}

.spin-wrap--sport .spin-modal__img-chip--1::after {
    top: 32px;
    right: 50px;
    width: 32px;
    height: 32px;
    transform: rotate(60deg);
    opacity: 0.4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/chip_sport_1.webp");
}

.no-webp .spin-wrap--sport .spin-modal__img-chip--1::after {
    background-image: url("/1img/spin/modal/chip_sport_1.png");
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin-modal__img-chip--1::after {
        top: 40px;
        right: 120px;
    }
}

@media (min-width: 1140px) {
    .spin-wrap--sport .spin-modal__img-chip--1::after {
        top: -50px;
        right: 60px;
    }
}

.spin-wrap--casino .spin-modal__img-chip--2::before {
    content: none;
}

@media (min-width: 1140px) {
    .spin-wrap--casino .spin-modal__img-chip--2::before {
        content: "";
        top: 20px;
        right: -65px;
        width: 52px;
        height: 49px;
        filter: blur(2px);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% center;
        background-image: url("/1img/spin/modal/chip_casino_2.webp");
    }

    .no-webp .spin-wrap--casino .spin-modal__img-chip--2::before {
        background-image: url("/1img/spin/modal/chip_casino_2.png");
    }
}

.spin-wrap--casino .spin-modal__img-chip--2::after {
    bottom: 96px;
    right: -1px;
    width: 80px;
    height: 76px;
    transform: rotate(-60deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/chip_casino_4.webp");
}

.no-webp .spin-wrap--casino .spin-modal__img-chip--2::after {
    background-image: url("/1img/spin/modal/chip_casino_4.png");
}

@media (min-width: 640px) {
    .spin-wrap--casino .spin-modal__img-chip--2::after {
        bottom: 63px;
        right: -8px;
        width: 121px;
        height: 114px;
    }
}

@media (min-width: 1140px) {
    .spin-wrap--casino .spin-modal__img-chip--2::after {
        bottom: 80px;
        right: -67px;
    }
}

.spin-wrap--sport .spin-modal__img-chip--2::before {
    left: -20px;
    width: 90px;
    height: 91px;
    transform: rotate(75deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/chip_sport_2.webp");
}

.no-webp .spin-wrap--sport .spin-modal__img-chip--2::before {
    background-image: url("/1img/spin/modal/chip_sport_2.png");
}

@media (max-width: 639px) {
    .spin-wrap--sport .spin-modal__img-chip--2::before {
        top: 37px;
    }
}

@media (min-width: 640px) and (max-width: 1139px) {
    .spin-wrap--sport .spin-modal__img-chip--2::before {
        top: 72px;
    }
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin-modal__img-chip--2::before {
        left: 56px;
        width: 109px;
        height: 110px;
        transform: rotate(30deg);
    }
}

@media (min-width: 1140px) {
    .spin-wrap--sport .spin-modal__img-chip--2::before {
        left: -43px;
        bottom: 117px;
        width: 109px;
        height: 110px;
    }
}

.spin-wrap--sport .spin-modal__img-chip--2::after {
    right: -45px;
    width: 116px;
    height: 116px;
    transform: rotate(105deg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/chip_sport_3.webp");
}

.no-webp .spin-wrap--sport .spin-modal__img-chip--2::after {
    background-image: url("/1img/spin/modal/chip_sport_3.png");
}

@media (max-width: 639px) {
    .spin-wrap--sport .spin-modal__img-chip--2::after {
        top: 105px;
    }
}

@media (min-width: 640px) and (max-width: 1139px) {
    .spin-wrap--sport .spin-modal__img-chip--2::after {
        bottom: -55px;
    }
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin-modal__img-chip--2::after {
        right: 5px;
        width: 144px;
        height: 144px;
        transform: rotate(150deg);
    }
}

@media (min-width: 1140px) {
    .spin-wrap--sport .spin-modal__img-chip--2::after {
        z-index: -1;
        right: -45px;
        top: 65px;
        width: 128px;
        height: 128px;
        transform: rotate(135deg);
    }
}

.spin-modal__title {
    margin-bottom: 20px;
    color: var(--text-text);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height);
}

.spin-modal__subtitle {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.spin-modal__value {
    margin-bottom: 8px;
    font-weight: 800;
    line-height: 64px;
    font-size: 64px;
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.spin-modal__text {
    margin-bottom: 20px;
    text-align: center;
    color: var(--text-description-a);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

@media (min-width: 640px) and (max-width: 1139px) {
    .spin-modal__button {
        max-width: 280px;
    }
}

.spin-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 12px;
    border-radius: 100px;
}

@media (max-width: 1139px) {
    .spin-tabs {
        width: 100%;
    }
}

.spin-tabs .spin-tabs__item-wr--active + .spin-tabs__item-wr .spin-tabs__item::before {
    content: none;
}

.spin-tabs__item-wr {
    flex: 1 1 100%;
    overflow: visible;
}

.spin-tabs__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: auto;
    padding: 12px 16px;
    color: var(--text-text);
    border-radius: var(--tabs-m-radius);
    cursor: pointer;
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.spin-tabs__item .btn__inner {
    gap: 8px;
}

.spin-tabs__item--active {
    color: var(--buttons-secondary-a-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.spin-tabs__item--active::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    color: var(--buttons-secondary-a-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover .btn__border-hover {
    border: 2px solid transparent;
}

.no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover .btn__border-hover::before {
    background: var(--gradient-tokens-border-c);
    animation-duration: 2s;
}

.no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover.disabled, .no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    backdrop-filter: blur(10px);
}

.no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover.disabled::after, .no-touch .spin-tabs__item--active:not(.no-touch .spin-tabs__item--active.btn--circle):hover[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.spin-tabs__item--active.disabled, .spin-tabs__item--active[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    backdrop-filter: blur(10px);
}

.spin-tabs__item--active.disabled::after, .spin-tabs__item--active[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.spin-tabs__item--active.spin-tabs__item--sport {
    position: relative;
    background: var(--gradient-tokens-backgrounds-l);
}

.spin-tabs__item--active.spin-tabs__item--sport::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-c) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    color: var(--buttons-secondary-a-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover .btn__border-hover {
    border: 2px solid transparent;
}

.no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover .btn__border-hover::before {
    background: var(--gradient-tokens-border-c);
    animation-duration: 2s;
}

.no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover.disabled, .no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    backdrop-filter: blur(10px);
}

.no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover.disabled::after, .no-touch .spin-tabs__item--active.spin-tabs__item--sport:not(.no-touch .spin-tabs__item--active.spin-tabs__item--sport.btn--circle):hover[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.spin-tabs__item-ic-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin: -2px;
    color: var(--icons-a-disable);
    transition: color 0.2s ease-out;
}

.no-touch .spin-tabs__item:hover .spin-tabs__item-ic-wr, .spin-tabs__item--active.spin-tabs__item .spin-tabs__item-ic-wr {
    color: var(--colors-global-accent-a);
}

.no-touch .spin-tabs__item--sport:hover .spin-tabs__item-ic-wr, .spin-tabs__item--active.spin-tabs__item--sport .spin-tabs__item-ic-wr {
    color: var(--colors-global-accent-c);
}

.spin-tabs__item-ic-wr .icon {
    width: 100%;
}

.spin-tabs__text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.spin-button {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33.0667vw;
    height: 38.6667vw;
    padding: 0px;
    text-align: center;
    background: none;
    transform: translate(-50%, calc(-50% - 10px));
    animation: 1.2s ease-in-out 0.1ms infinite normal none running wheel-button-animation;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s ease-out;
}

@media (min-width: 640px) {
    .spin-button {
        width: 112px;
        height: 131px;
    }
}

@media (min-width: 1628px) {
    .spin-button {
        width: 152px;
        height: 178px;
    }
}

.spin-button svg {
    width: 100%;
    height: auto;
}

.spin-button--disabled {
    pointer-events: none;
}

.no-touch .spin-button:hover #circle_svg {
    filter: url("#svg_effect_hover");
}

.no-touch .spin-button:active #circle_svg {
    filter: url("#svg_effect_pressed");
}

.spin-button--disabled #circle_svg {
    filter: url("#svg_effect_disabled");
}

.spin-button__text {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    text-shadow: rgb(1, 49, 18) 0px 2px 6px;
    font-size: 5.33333vw;
    font-weight: 800;
    line-height: 24px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    transform: translate3d(-50%, calc(-50% + 10px), 0px);
}

@media (min-width: 640px) {
    .spin-button__text {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1628px) {
    .spin-button__text {
        font-size: 25px;
        line-height: 30px;
    }
}

@keyframes wheel-button-animation {
    0% {
        transform: translate(-50%, calc(-50% - 10px)) scale(1);
    }

    50% {
        transform: translate(-50%, calc(-50% - 10px)) scale(1.05);
    }

    100% {
        transform: translate(-50%, calc(-50% - 10px)) scale(1);
    }
}

.spin-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 639px) {
    .spin-wrap {
        min-height: 100%;
    }
}

@media (min-width: 640px) {
    .spin-wrap {
        width: 375px;
        margin: 0px 52px;
    }
}

@media (min-width: 1628px) {
    .spin-wrap {
        width: 500px;
    }
}

.spin-wrap::after {
    content: "";
    z-index: -1;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("/1img/spin/modal/bg_casino.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.no-webp .spin-wrap::after {
    background-image: url("/1img/spin/modal/bg_casino.jpg");
}

@media (min-width: 640px) {
    .spin-wrap::after {
        border-radius: var(--roundings-l);
    }
}

.spin-wrap--sport::after {
    background-image: url("/1img/spin/modal/bg_sport.webp");
}

.no-webp .spin-wrap--sport::after {
    background-image: url("/1img/spin/modal/bg_sport.jpg");
}

.spin {
    width: 100dvw;
}

@media (min-width: 640px) {
    .spin {
        width: 374px;
        height: 596px;
    }
}

@media (min-width: 1628px) {
    .spin {
        width: 100%;
        height: 796px;
    }
}

@media (max-width: 639px) {
    .spin__header-close {
        top: 20px;
        right: 52px;
        width: 36px;
    }
}

@media (max-width: 639px) {
    .spin__header-close.btn {
        height: 36px;
    }
}

@media (min-width: 640px) {
    .spin__header-close.btn {
        height: 40px;
    }
}

.spin__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 16px 12px;
}

@media (min-width: 640px) {
    .spin__header {
        padding-bottom: 4px;
    }
}

@media (min-width: 1628px) {
    .spin__header {
        padding: 20px 20px 12px;
    }
}

.spin__header-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: var(--text-text);
}

.spin__header-subtitle {
    display: inline-flex;
    font-weight: 800;
    line-height: 64px;
    font-size: 60px;
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 640px) {
    .spin__header-subtitle {
        font-size: 52px;
        line-height: 52px;
    }
}

@media (min-width: 1628px) {
    .spin__header-subtitle {
        line-height: 64px;
        font-size: 60px;
    }
}

.spin__header-subtitle-currency {
    display: contents;
    font-size: 40px;
}

@media (min-width: 640px) {
    .spin__header-subtitle-currency {
        font-size: 36px;
    }
}

@media (min-width: 1628px) {
    .spin__header-subtitle-currency {
        font-size: 40px;
    }
}

.spin__wheel {
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
}

.spin__wheel-inner-wr {
    position: relative;
    left: 50%;
    height: 118.4vw;
    width: 118.4vw;
    transform: translateX(-50%);
    transform-origin: left center;
    animation: 2.4s ease-in-out 0s infinite normal none running wheel-rotate;
}

@media (min-width: 640px) {
    .spin__wheel-inner-wr {
        width: 400px;
        height: 400px;
    }
}

@media (min-width: 1628px) {
    .spin__wheel-inner-wr {
        width: 540px;
        height: 540px;
    }
}

.spin__wheel-inner {
    --rotate: 0;
    width: 100%;
    height: 100%;
    transform-origin: center center;
    transform: rotate(var(--rotate));
    transition: transform 3s ease-out;
}

@media (max-width: 1139px) {
    .spin__wheel-inner {
        position: relative;
        z-index: 2;
    }
}

.spin__wheel-reel {
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 639px) {
    .spin__wheel-reel {
        width: 118.4vw;
        height: 118.4vw;
    }
}

@media (min-width: 640px) and (max-width: 1139px) {
    .spin__wheel-reel {
        width: 400px;
        height: 400px;
    }
}

.spin-wrap--casino .spin__wheel-reel {
    background-image: url("/1img/spin/modal/wheel_casino.webp");
}

.no-webp .spin-wrap--casino .spin__wheel-reel {
    background-image: url("/1img/spin/modal/wheel_casino.png");
}

.spin-wrap--sport .spin__wheel-reel {
    background-image: url("/1img/spin/modal/wheel_sport.webp");
}

.no-webp .spin-wrap--sport .spin__wheel-reel {
    background-image: url("/1img/spin/modal/wheel_sport.png");
}

.spin__wheel-sections {
    z-index: 3;
    top: calc(50% + 3px);
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    position: relative;
    width: 77.3333vw;
    height: 77.3333vw;
    padding: 0px;
    border-radius: 50%;
    list-style: none;
}

.spin__wheel-sections > * {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32vw;
    height: 32vw;
    margin: -16vw;
}

.spin__wheel-sections > :first-of-type {
    transform: rotate(-90deg) translate(38.6667vw) rotate(90deg);
}

.spin__wheel-sections > :nth-of-type(2) {
    transform: rotate(-45deg) translate(38.6667vw) rotate(45deg);
}

.spin__wheel-sections > :nth-of-type(3) {
    transform: rotate(0deg) translate(38.6667vw) rotate(0deg);
}

.spin__wheel-sections > :nth-of-type(4) {
    transform: rotate(45deg) translate(38.6667vw) rotate(-45deg);
}

.spin__wheel-sections > :nth-of-type(5) {
    transform: rotate(90deg) translate(38.6667vw) rotate(-90deg);
}

.spin__wheel-sections > :nth-of-type(6) {
    transform: rotate(135deg) translate(38.6667vw) rotate(-135deg);
}

.spin__wheel-sections > :nth-of-type(7) {
    transform: rotate(180deg) translate(38.6667vw) rotate(-180deg);
}

.spin__wheel-sections > :nth-of-type(8) {
    transform: rotate(225deg) translate(38.6667vw) rotate(-225deg);
}

@media (min-width: 640px) {
    .spin__wheel-sections {
        position: relative;
        width: 260px;
        height: 260px;
        padding: 0px;
        border-radius: 50%;
        list-style: none;
    }

    .spin__wheel-sections > * {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 131px;
        height: 131px;
        margin: -65.5px;
    }

    .spin__wheel-sections > :first-of-type {
        transform: rotate(-90deg) translate(130px) rotate(90deg);
    }

    .spin__wheel-sections > :nth-of-type(2) {
        transform: rotate(-45deg) translate(130px) rotate(45deg);
    }

    .spin__wheel-sections > :nth-of-type(3) {
        transform: rotate(0deg) translate(130px) rotate(0deg);
    }

    .spin__wheel-sections > :nth-of-type(4) {
        transform: rotate(45deg) translate(130px) rotate(-45deg);
    }

    .spin__wheel-sections > :nth-of-type(5) {
        transform: rotate(90deg) translate(130px) rotate(-90deg);
    }

    .spin__wheel-sections > :nth-of-type(6) {
        transform: rotate(135deg) translate(130px) rotate(-135deg);
    }

    .spin__wheel-sections > :nth-of-type(7) {
        transform: rotate(180deg) translate(130px) rotate(-180deg);
    }

    .spin__wheel-sections > :nth-of-type(8) {
        transform: rotate(225deg) translate(130px) rotate(-225deg);
    }
}

@media (min-width: 1628px) {
    .spin__wheel-sections {
        position: relative;
        width: 346px;
        height: 346px;
        padding: 0px;
        border-radius: 50%;
        list-style: none;
    }

    .spin__wheel-sections > * {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 131px;
        height: 131px;
        margin: -65.5px;
    }

    .spin__wheel-sections > :first-of-type {
        transform: rotate(-90deg) translate(173px) rotate(90deg);
    }

    .spin__wheel-sections > :nth-of-type(2) {
        transform: rotate(-45deg) translate(173px) rotate(45deg);
    }

    .spin__wheel-sections > :nth-of-type(3) {
        transform: rotate(0deg) translate(173px) rotate(0deg);
    }

    .spin__wheel-sections > :nth-of-type(4) {
        transform: rotate(45deg) translate(173px) rotate(-45deg);
    }

    .spin__wheel-sections > :nth-of-type(5) {
        transform: rotate(90deg) translate(173px) rotate(-90deg);
    }

    .spin__wheel-sections > :nth-of-type(6) {
        transform: rotate(135deg) translate(173px) rotate(-135deg);
    }

    .spin__wheel-sections > :nth-of-type(7) {
        transform: rotate(180deg) translate(173px) rotate(-180deg);
    }

    .spin__wheel-sections > :nth-of-type(8) {
        transform: rotate(225deg) translate(173px) rotate(-225deg);
    }
}

.spin__wheel-section-wr {
    align-items: center;
    justify-content: center;
    color: var(--text-text);
    display: flex !important;
}

.spin__wheel-section-wr:nth-child(2n) {
    color: var(--text-text-invert);
}

.spin__wheel-section {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
}

.spin__wheel-section-wr:nth-child(2) .spin__wheel-section {
    transform: rotate(45deg);
}

.spin__wheel-section-wr:nth-child(3) .spin__wheel-section {
    transform: rotate(90deg);
}

.spin__wheel-section-wr:nth-child(4) .spin__wheel-section {
    transform: rotate(135deg);
}

.spin__wheel-section-wr:nth-child(5) .spin__wheel-section {
    transform: rotate(180deg);
}

.spin__wheel-section-wr:nth-child(6) .spin__wheel-section {
    transform: rotate(-135deg);
}

.spin__wheel-section-wr:nth-child(7) .spin__wheel-section {
    transform: rotate(-90deg);
}

.spin__wheel-section-wr:nth-child(8) .spin__wheel-section {
    transform: rotate(-45deg);
}

.spin__wheel-section-title {
    font-size: 5.86667vw;
    line-height: 6.93333vw;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--colors-global-accent-b);
}

@media (min-width: 640px) {
    .spin__wheel-section-title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 1628px) {
    .spin__wheel-section-title {
        font-size: 27px;
        line-height: 32px;
    }
}

.spin-wrap--sport .spin__wheel-section-title {
    color: var(--colors-global-accent-a);
}

.spin__wheel-section-wr--img .spin__wheel-section-title {
    position: relative;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(26px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.spin__wheel-section-wr--img .spin__wheel-section-title::after {
    content: "";
    display: flex;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    background-image: url("/1img/spin/modal/jackpot_casino.webp");
}

.no-webp .spin__wheel-section-wr--img .spin__wheel-section-title::after {
    background-image: url("/1img/spin/modal/jackpot_casino.png");
}

@media (min-width: 640px) {
    .spin__wheel-section-wr--img .spin__wheel-section-title::after {
        width: 54px;
        height: 54px;
    }
}

@media (min-width: 1628px) {
    .spin__wheel-section-wr--img .spin__wheel-section-title::after {
        width: 72px;
        height: 72px;
    }
}

.spin-wrap--sport .spin__wheel-section-wr--img .spin__wheel-section-title::after {
    background-image: url("/1img/spin/modal/jackpot_sport.webp");
}

.no-webp .spin-wrap--sport .spin__wheel-section-wr--img .spin__wheel-section-title::after {
    background-image: url("/1img/spin/modal/jackpot_sport.png");
}

@media (min-width: 640px) {
    .spin__wheel-section-wr--img .spin__wheel-section-title {
        transform: translateY(26px);
    }
}

.spin__wheel-section-value {
    font-size: 7.2vw;
    line-height: 8.8vw;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

@media (min-width: 640px) {
    .spin__wheel-section-value {
        font-size: 25px;
        line-height: 30px;
    }
}

@media (min-width: 1628px) {
    .spin__wheel-section-value {
        font-size: 34px;
        line-height: 39px;
    }
}

.spin-wrap--sport .spin__wheel-section-value .currency-content {
    font-size: 6.4vw;
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin__wheel-section-value .currency-content {
        font-size: 20px;
    }
}

@media (min-width: 1628px) {
    .spin-wrap--sport .spin__wheel-section-value .currency-content {
        font-size: 27px;
    }
}

.spin__wheel-section-subtitle {
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    font-weight: 800;
    text-transform: uppercase;
}

@media (min-width: 640px) {
    .spin__wheel-section-subtitle {
        font-size: 15px;
        line-height: 19px;
    }
}

@media (min-width: 1628px) {
    .spin__wheel-section-subtitle {
        font-size: 20px;
        line-height: 25px;
    }
}

.spin__wheel-section-subtitle--deposit {
    font-size: 3.46667vw;
    line-height: 5.6vw;
}

@media (min-width: 640px) {
    .spin__wheel-section-subtitle--deposit {
        font-size: 12px;
        line-height: 19px;
    }
}

@media (min-width: 1628px) {
    .spin__wheel-section-subtitle--deposit {
        font-size: 16px;
        line-height: 25px;
    }
}

.spin__chip {
    overflow: hidden;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: absolute;
}

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

.spin__chip-item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.spin-wrap--casino .spin__chip-item--1 {
    top: -40px;
    left: -42px;
    width: 109px;
    height: 105px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-1-casino;
    background-image: url("/1img/spin/modal/chip_casino_1.webp");
}

.no-webp .spin-wrap--casino .spin__chip-item--1 {
    background-image: url("/1img/spin/modal/chip_casino_1.png");
}

@media (min-width: 1628px) {
    .spin-wrap--casino .spin__chip-item--1 {
        top: -58px;
        left: -65px;
        width: 174px;
        height: 168px;
    }
}

@keyframes chip-1-casino {
    0% {
        transform: none;
    }

    100% {
        transform: translate(-25px, 35px) rotate(-90deg);
    }
}

.spin-wrap--sport .spin__chip-item--1 {
    top: 44px;
    left: -13px;
    width: 40px;
    height: 40px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-1-sport;
    background-image: url("/1img/spin/modal/chip_sport_1.webp");
}

.no-webp .spin-wrap--sport .spin__chip-item--1 {
    background-image: url("/1img/spin/modal/chip_sport_1.png");
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin__chip-item--1 {
        top: 37px;
        left: -12px;
        width: 55px;
        height: 55px;
    }
}

@media (min-width: 1628px) {
    .spin-wrap--sport .spin__chip-item--1 {
        top: 124px;
        left: -35px;
        width: 88px;
        height: 88px;
    }
}

@keyframes chip-1-sport {
    0% {
        transform: none;
    }

    100% {
        transform: translate(20px, -40px) rotate(30deg);
    }
}

.spin-wrap--casino .spin__chip-item--2 {
    top: 63px;
    right: 30px;
    width: 52px;
    height: 49px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-2-casino;
    background-image: url("/1img/spin/modal/chip_casino_2.webp");
}

.no-webp .spin-wrap--casino .spin__chip-item--2 {
    background-image: url("/1img/spin/modal/chip_casino_2.png");
}

@media (min-width: 1628px) {
    .spin-wrap--casino .spin__chip-item--2 {
        top: 44px;
        width: 79px;
        height: 74px;
    }
}

@keyframes chip-2-casino {
    0% {
        transform: none;
    }

    100% {
        transform: translate(24px, -15px) rotate(13deg);
    }
}

.spin-wrap--sport .spin__chip-item--2 {
    z-index: 1;
    bottom: -72px;
    left: -25px;
    width: 148px;
    height: 149px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-2-sport;
    background-image: url("/1img/spin/modal/chip_sport_2.webp");
}

.no-webp .spin-wrap--sport .spin__chip-item--2 {
    background-image: url("/1img/spin/modal/chip_sport_2.png");
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin__chip-item--2 {
        bottom: -33px;
        width: 122px;
        height: 123px;
    }
}

@media (min-width: 1628px) {
    .spin-wrap--sport .spin__chip-item--2 {
        bottom: -67px;
        left: -61px;
        width: 201px;
        height: 202px;
    }
}

@keyframes chip-2-sport {
    0% {
        transform: none;
    }

    100% {
        transform: translate(20px, -30px) rotate(13deg);
    }
}

.spin-wrap--casino .spin__chip-item--3 {
    top: 177px;
    left: 0px;
    width: 83px;
    height: 82px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-3-casino;
    background-image: url("/1img/spin/modal/chip_casino_3.webp");
}

.no-webp .spin-wrap--casino .spin__chip-item--3 {
    background-image: url("/1img/spin/modal/chip_casino_3.png");
}

@media (min-width: 640px) {
    .spin-wrap--casino .spin__chip-item--3 {
        top: 167px;
        left: 5px;
        width: 78px;
        height: 77px;
    }
}

@media (min-width: 1628px) {
    .spin-wrap--casino .spin__chip-item--3 {
        top: 177px;
        left: 2px;
        width: 116px;
        height: 115px;
    }
}

@keyframes chip-3-casino {
    0% {
        transform: none;
    }

    100% {
        transform: translate(32px, 15px) rotate(-30deg);
    }
}

.spin-wrap--sport .spin__chip-item--3 {
    z-index: 1;
    bottom: 10px;
    right: -15px;
    width: 128px;
    height: 128px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-3-sport;
    background-image: url("/1img/spin/modal/chip_sport_3.webp");
}

.no-webp .spin-wrap--sport .spin__chip-item--3 {
    background-image: url("/1img/spin/modal/chip_sport_3.png");
}

@media (min-width: 640px) {
    .spin-wrap--sport .spin__chip-item--3 {
        bottom: 15px;
        right: 10px;
        width: 107px;
        height: 107px;
    }
}

@media (min-width: 1628px) {
    .spin-wrap--sport .spin__chip-item--3 {
        bottom: 30px;
        right: -13px;
        width: 172px;
        height: 172px;
    }
}

@keyframes chip-3-sport {
    0% {
        transform: none;
    }

    100% {
        transform: translate(-40px, 20px) rotate(30deg);
    }
}

.spin__chip-item--4 {
    z-index: 1;
    bottom: -5px;
    left: -60px;
    width: 133px;
    height: 126px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-4-casino;
    background-image: url("/1img/spin/modal/chip_casino_4.webp");
}

.no-webp .spin__chip-item--4 {
    background-image: url("/1img/spin/modal/chip_casino_4.png");
}

@media (min-width: 640px) {
    .spin__chip-item--4 {
        bottom: -33px;
    }
}

@media (min-width: 1628px) {
    .spin__chip-item--4 {
        bottom: -10px;
        left: -70px;
        width: 171px;
        height: 162px;
    }
}

@keyframes chip-4-casino {
    0% {
        transform: none;
    }

    100% {
        transform: translate(28px, 20px) rotate(-30deg);
    }
}

.spin__chip-item--5 {
    z-index: 1;
    bottom: -40px;
    right: -42px;
    width: 144px;
    height: 148px;
    animation: 2.4s ease-in-out 0s infinite alternate none running chip-5-casino;
    background-image: url("/1img/spin/modal/chip_casino_5.webp");
}

.no-webp .spin__chip-item--5 {
    background-image: url("/1img/spin/modal/chip_casino_5.png");
}

@media (min-width: 640px) {
    .spin__chip-item--5 {
        bottom: -28px;
    }
}

@media (min-width: 1628px) {
    .spin__chip-item--5 {
        bottom: -33px;
        right: -47px;
        width: 200px;
        height: 206px;
    }
}

@keyframes chip-5-casino {
    0% {
        transform: none;
    }

    100% {
        transform: translate(-32px, 40px) rotate(30deg);
    }
}

@keyframes wheel-rotate {
    0% {
        rotate: -6deg;
    }

    50% {
        rotate: 6deg;
    }

    100% {
        rotate: -6deg;
    }
}
.buttons-app {
    width: 100%;
}

.main-footer .buttons-app, .menu-burger .buttons-app {
    max-width: 560px;
    align-self: center;
}

.buttons-app__list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: center;
    gap: 8px;
}

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

@media (min-width: 1628px) {
    .menu-burger .buttons-app__list {
        gap: 8px;
    }
}

.buttons-app__list.profile-security-two-fa-logos {
    gap: 16px;
}

.main-footer__row--payment-list .buttons-app__list {
    gap: 12px;
}

.stories-slider-item__buttons .buttons-app__list {
    gap: var(--spacings-s);
    display: flex;
    justify-content: center;
}

.buttons-app__item {
    width: 100%;
}

.profile-security-two-fa-logos .buttons-app__item {
    max-width: 225px;
}

.main-footer__row--payment-list .buttons-app__item {
    max-width: 290px;
}

@media (min-width: 1140px) {
    .main-footer__row--payment-list .buttons-app__item {
        width: 171px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__item {
        width: calc(50% - var(--spacings-s)/2);
    }
}

.buttons-app__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--buttons-m-gap);
    transition: 0.2s ease-out;
}

.buttons-app__item--type-grey .buttons-app__link {
    background: var(--colors-base-black-700-50);
}

.no-touch .buttons-app__item--type-grey .buttons-app__link:hover {
    background: var(--colors-base-black-700-70);
}

.buttons-app__item--type-black .buttons-app__link {
    background: var(--backgrounds-a);
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover {
    background: var(--colors-base-white-b);
}

.buttons-app__item--type-secondary .buttons-app__link {
    color: var(--buttons-secondary-a-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.buttons-app__item--type-secondary .buttons-app__link::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    color: var(--buttons-secondary-a-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover .btn__border-hover {
    border: 2px solid transparent;
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover .btn__border-hover::before {
    background: var(--gradient-tokens-border-c);
    animation-duration: 2s;
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover.disabled, .no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    backdrop-filter: blur(10px);
}

.no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover.disabled::after, .no-touch .buttons-app__item--type-secondary .buttons-app__link:not(.no-touch .buttons-app__item--type-secondary .buttons-app__link.btn--circle):hover[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.buttons-app__item--type-secondary .buttons-app__link.disabled, .buttons-app__item--type-secondary .buttons-app__link[disabled] {
    color: var(--buttons-secondary-a-text-disable);
    position: relative;
    background: var(--buttons-secondary-a-bg-disable);
    backdrop-filter: blur(10px);
}

.buttons-app__item--type-secondary .buttons-app__link.disabled::after, .buttons-app__item--type-secondary .buttons-app__link[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-a-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.buttons-app__item--size-s .buttons-app__link {
    padding: 8px;
    min-height: 40px;
}

.buttons-app__item--size-m .buttons-app__link {
    padding: var(--buttons-m-vert) var(--buttons-m-hor);
    min-height: 48px;
    gap: var(--buttons-m-gap);
}

.buttons-app__item--size-l .buttons-app__link {
    padding: var(--spacings-m);
    min-height: 64px;
}

@media (max-width: 1139px) {
    .main-footer .buttons-app__link {
        min-height: 40px;
        height: 40px;
    }
}

@media (min-width: 640px) and (max-width: 1139px) {
    .menu-burger .buttons-app__link {
        height: 40px;
    }
}

.stories-slider-item__buttons .buttons-app__link {
    min-height: 40px;
    height: auto;
}

@media (max-width: 639px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-height: clamp(40px, 0.27564px + 2.83401vh + 5.30303vw, 68px);
    }
}

@media (min-width: 1140px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-height: 48px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__link {
        min-width: 100%;
        padding: var(--buttons-l-vert) var(--buttons-l-hor);
        height: calc(var(--buttons-l-vert)*2 + var(--buttons-font-l-line-height));
        border-radius: var(--buttons-l-radius);
        font-size: var(--buttons-font-l-font-size);
        font-weight: var(--buttons-font-l-weight);
        line-height: var(--buttons-font-l-line-height);
        text-transform: uppercase;
    }
}

.buttons-app__item-icon-wr {
    width: 20px;
    flex-shrink: 0;
    transition: 0.2s ease-out;
}

.buttons-app__item--type-grey .buttons-app__item-icon-wr {
    margin-right: 12px;
}

.buttons-app__item--type-black .buttons-app__item-icon-wr {
    margin-right: 8px;
}

.buttons-app__item--type-color.buttons-app__item--android .buttons-app__item-icon-wr, .buttons-app__item--type-color.buttons-app__item--ios .buttons-app__item-icon-wr {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover .buttons-app__item-icon-wr {
    filter: brightness(0);
}

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

.buttons-app__item-text {
    color: var(--text-text);
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    transition: 0.2s ease-out;
}

.buttons-app__item--size-m .buttons-app__item-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.buttons-app__item--size-big .buttons-app__item-text {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.buttons-app__item--size-big.buttons-app__item--auth .buttons-app__item-text {
    font-size: 12px;
}

.no-touch .buttons-app__item--type-black .buttons-app__link:hover .buttons-app__item-text {
    color: var(--colors-base-black-900);
}

.menu-burger .buttons-app__item-text br {
    display: none;
}

.stories-slider-item__buttons .buttons-app__item-text {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

@media (max-width: 639px) {
    .stories-slider-item__buttons .buttons-app__item-text {
        font-size: clamp(14px, -0.18727px + 1.01215vh + 1.89394vw, 24px);
        line-height: 142.857%;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item__buttons .buttons-app__item-text {
        font-size: var(--buttons-font-l-font-size);
        font-weight: var(--buttons-font-l-weight);
        line-height: var(--buttons-font-l-line-height);
        text-transform: uppercase;
    }
}

.buttons-app__item--type-color {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0px 16px 0px 0px;
    margin-bottom: -8px;
    border-radius: 60px;
    height: var(--game-cards-circle-m);
    background-size: cover;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-image: url("/1img/download-app/bg_download_app_banner.webp?v1");
}

.no-webp .buttons-app__item--type-color {
    background-image: url("/1img/download-app/bg_download_app_banner.jpg?v1");
}

.buttons-app__item--type-color::before {
    content: "";
    position: relative;
    top: -6px;
    width: 68px;
    height: 60px;
    margin-right: 16px;
    background-size: cover;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-image: url("/1img/download-app/download_app_banner.webp");
}

.no-webp .buttons-app__item--type-color::before {
    background-image: url("/1img/download-app/download_app_banner.png");
}

.buttons-app__item--type-color.buttons-app__item--android::before {
    margin-right: 12px;
}

.buttons-app__item--type-color.buttons-app__item--auth {
    margin: 20px 0px 16px;
    padding: 0px 16px 0px 24px;
}

.stories-slider-item-other__click-area {
    cursor: pointer;
}

@media (max-width: 639px) {
    .stories-slider-item-other__click-area {
        z-index: 2;
        width: 30%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0px);
    }
}

@media (min-width: 640px) {
    .stories-slider-item-other__click-area {
        position: absolute;
        inset: 0px;
    }
}

.stories-slider-item-other__btn {
    z-index: 2;
}

.stories-slider-item-other--picture .stories-slider-item-other__btn {
    margin-top: auto;
}

.stories-slider-item-new-game {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.stories-slider-item-new-game__title.stories-slider-item__title {
    display: flex;
    align-items: center;
    min-height: 72px;
    font-size: 30px;
    line-height: 36px;
}

@media (min-width: 1628px) {
    .stories-slider-item-new-game__title.stories-slider-item__title {
        min-height: 90px;
        font-size: 36px;
        line-height: 44px;
    }
}

.stories-slider-item-new-game__image-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 0%;
    width: 100%;
    height: 403px;
    margin: 0px auto;
}

@media (min-width: 640px) {
    .stories-slider-item-new-game__image-wr {
        height: 314px;
    }
}

@media (min-width: 1140px) {
    .stories-slider-item-new-game__image-wr {
        height: 278px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item-new-game__image-wr {
        height: 396px;
    }
}

.stories-slider-item-new-game__image {
    width: 252px;
    height: 316px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

@media (min-width: 640px) {
    .stories-slider-item-new-game__image {
        width: 205px;
        height: 256px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item-new-game__image {
        width: 278px;
        height: 348px;
        border-radius: 24px;
    }
}

.stories-slider-item-new-game__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    width: 100%;
    padding: var(--spacings-s) 0;
    border-radius: var(--roundings-m);
    color: var(--buttons-secondary-b-text-default);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.stories-slider-item-new-game__content::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .stories-slider-item-new-game__content:hover {
    color: var(--buttons-secondary-b-text-hover);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    backdrop-filter: blur(10px);
}

.no-touch .stories-slider-item-new-game__content:hover::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.no-touch .stories-slider-item-new-game__content:hover.disabled, .no-touch .stories-slider-item-new-game__content:hover[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    backdrop-filter: blur(10px);
}

.no-touch .stories-slider-item-new-game__content:hover.disabled::after, .no-touch .stories-slider-item-new-game__content:hover[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.stories-slider-item-new-game__content.disabled, .stories-slider-item-new-game__content[disabled] {
    color: var(--buttons-secondary-b-text-disable);
    position: relative;
    background: var(--buttons-secondary-b-bg-disable);
    backdrop-filter: blur(10px);
}

.stories-slider-item-new-game__content.disabled::after, .stories-slider-item-new-game__content[disabled]::after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--buttons-secondary-b-bg-disable) padding-box,var(--gradient-tokens-border-d) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.stories-slider-item-new-game__content-title {
    font-size: 22px;
    color: var(--text-text);
    font-weight: var(--headings-h1-weight);
    line-height: 36px;
}

@media (min-width: 1628px) {
    .stories-slider-item-new-game__content-title {
        font-size: var(--headings-h2-font-size);
        line-height: var(--headings-h2-line-height);
    }
}

.stories-slider-item-new-game__content-provider {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

@media (min-width: 1628px) {
    .stories-slider-item-new-game__content-provider {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

.stories-slider-item-new-game__button {
    z-index: 2;
}

.stories-slider-item-promo {
    background: var(--gradient-background-striped);
}

.stories-slider-item-promo__head {
    width: 100%;
    padding: 20px 16px;
    background: var(--backgrounds-b);
    border-radius: var(--roundings-m);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-2xs);
}

.stories-slider-item-promo__info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stories-slider-item-promo__info-icon {
    min-width: 20px;
    width: 20px;
    height: 20px;
}

.stories-slider-item-promo__info-type {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.stories-slider-item-promo__info-type::after {
    content: "•";
    color: var(--text-description-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.stories-slider-item-promo__info-status {
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase;
}

.stories-slider-item-promo__info-status.running {
    color: var(--colors-global-accent-a);
}

.stories-slider-item-promo__info-status.expired {
    color: var(--text-description-b);
}

.stories-slider-item-promo__info-status.upcoming {
    color: var(--colors-global-accent-c);
}

.stories-slider-item-promo__name {
    color: var(--colors-base-white-b);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
}

@media (max-width: 639px) {
    .stories-slider-item-promo__name {
        font-size: clamp(20px, 14.3251px + 0.40486vh + 0.75758vw, 24px);
        line-height: 140%;
    }
}

@media (min-width: 640px) {
    .stories-slider-item-promo__name {
        font-size: var(--headings-h2-font-size);
        font-weight: var(--headings-h2-weight);
        line-height: var(--headings-h2-line-height);
    }
}

.stories-slider-item-promo__image-wr {
    position: relative;
    margin: auto 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

@media (min-width: 640px) {
    .stories-slider-item-promo__image-wr {
        margin: 0px;
        height: 292px;
    }
}

@media (min-width: 1140px) {
    .stories-slider-item-promo__image-wr {
        height: 238px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item-promo__image-wr {
        height: 376px;
    }
}

.stories-slider-item-promo__image-bg {
    position: absolute;
    inset: 0px 0px -2px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    border-radius: var(--roundings-m);
    transform: translateZ(0px);
    transition: none;
    will-change: transform;
    border: 2px solid transparent;
    background: var(--gradient-image-default);
}

@media (max-width: 639px) {
    .stories-slider-item-promo__image-bg {
        height: calc(100% + 2px);
    }
}

.stories-slider-item-promo__image {
    position: relative;
    width: 338px;
    height: 338px;
    align-self: flex-end;
    transform: translateZ(0px);
}

@media (min-width: 640px) {
    .stories-slider-item-promo__image {
        width: 228px;
        height: 228px;
        bottom: 2px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item-promo__image {
        width: 378px;
        height: 378px;
    }
}

.stories-slider-item-promo__prize-wr {
    width: 100%;
    padding: var(--spacings-s) 0;
    border-radius: var(--roundings-m);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    background: var(--gradient-tokens-noise-c);
    backdrop-filter: blur(20px);
}

.stories-slider-item-promo__prize-wr::after {
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-noise-c) padding-box,var(--gradient-tokens-border-h) border-box;
    mask-image: ;
    -webkit-mask-position-x: ;
    -webkit-mask-position-y: ;
    mask-size: ;
    mask-repeat: ;
    mask-origin: ;
    mask-clip: ;
    mask-mode: ;
    mask-composite: exclude;
}

.stories-slider-item-promo__prize-wr::after, .stories-slider-item-promo__prize-wr::before {
    z-index: -1;
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0px;
}

.stories-slider-item-promo__prize-wr::before {
    border-radius: inherit;
    opacity: 0.2;
    background-image: url("/1img/background.webp");
}

.no-webp .stories-slider-item-promo__prize-wr::before {
    background-image: url("/1img/background.png");
}

.stories-slider-item-promo__prize-title {
    position: relative;
    z-index: 1;
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

@media (min-width: 1628px) {
    .stories-slider-item-promo__prize-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
}

.stories-slider-item-promo__prize {
    position: relative;
    z-index: 1;
    color: var(--colors-global-accent-a);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height);
}

.stories-slider-item-promo__button {
    z-index: 2;
    flex-shrink: 0;
}

.stories-slider-item {
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacings-s);
    flex-shrink: 0;
    padding: calc(var(--spacings-page-paddings) + 42px) var(--spacings-page-paddings) var(--spacings-3xl);
    background-color: var(--backgrounds-a);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

@media (max-width: 639px) {
    .stories-slider-item {
        width: 100dvw !important;
    }
}

.stories-slider-item.swiper-slide {
    position: relative;
    display: flex;
}

@media (min-width: 640px) {
    .stories-slider-item.swiper-slide {
        width: 374px;
        height: 596px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item.swiper-slide {
        width: 500px;
        height: 796px;
    }
}

.stories-slider-item.stories-slider-item--download-app {
    transform-style: flat;
    background-image: url("/1img/bg-download-app.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
}

.no-webp .stories-slider-item.stories-slider-item--download-app {
    background-image: url("/1img/bg-download-app.png");
}

@media (min-width: 640px) {
    .stories-slider-item {
        padding: calc(var(--spacings-m) + 42px) var(--spacings-m) var(--spacings-m);
        border-radius: var(--roundings-l);
    }
}

@media (min-width: 1628px) {
    .stories-slider-item {
        gap: var(--spacings-m);
    }
}

.swiper-slide-visible .stories-slider-item {
    pointer-events: auto;
    visibility: visible;
}

.stories-slider-item.swiper-slide {
    pointer-events: none !important;
}

.stories-slider-item.swiper-slide.swiper-slide-active {
    pointer-events: auto !important;
}

.stories-slider-item.stories-slider-item-promo {
    gap: var(--spacings-m);
    padding: calc(var(--spacings-s) + 42px) var(--spacings-page-paddings) var(--spacings-3xl);
}

@media (min-width: 640px) {
    .stories-slider-item.stories-slider-item-promo {
        padding: calc(var(--spacings-s) + 42px) var(--spacings-m) var(--spacings-m);
    }
}

.stories-slider-item img {
    pointer-events: none;
    user-select: none;
}

.stories-slider-item__title {
    color: var(--colors-base-white-b);
    text-align: center;
    font-family: Unbounded, sans-serif;
    text-transform: uppercase;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
}

@media (max-width: 639px) {
    .stories-slider-item__title {
        font-size: clamp(20px, -8.37455px + 2.02429vh + 3.78788vw, 40px);
        line-height: 116.667%;
    }
}

@media (min-width: 640px) {
    .stories-slider-item__title {
        font-size: 24px;
        line-height: 36px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item__title {
        font-size: 34px;
        line-height: 50px;
    }
}

@media (max-width: 639px) {
    .stories-slider-item--download-app .stories-slider-item__title {
        font-size: clamp(24px, 1.30036px + 1.61943vh + 3.0303vw, 40px);
        line-height: 152.778%;
    }
}

.stories-slider-item__image-wr {
    position: relative;
    width: 100%;
    margin: auto;
    user-select: none;
}

@media (min-width: 640px) {
    .stories-slider-item__image-wr {
        max-width: 350px;
        height: 402px;
    }
}

@media (min-width: 1140px) {
    .stories-slider-item__image-wr {
        max-width: 342px;
        height: 378px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-item__image-wr {
        max-width: 460px;
        height: 506px;
    }
}

.stories-slider-item-other.stories-slider-item-other--picture .stories-slider-item__image-wr {
    position: absolute;
    inset: 0px;
}

@media (min-width: 640px) {
    .stories-slider-item-other.stories-slider-item-other--picture .stories-slider-item__image-wr {
        max-width: 100%;
        height: 100%;
        border-radius: var(--roundings-l);
        overflow: hidden;
    }
}

@media (max-width: 639px) {
    .stories-slider-item--download-app .stories-slider-item__image-wr {
        margin: 0px auto;
        height: 491px;
        max-height: 491px;
    }
}

.stories-slider-item__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    position: absolute;
    inset: 0px;
}

.stories-slider-item-other.stories-slider-item-other--picture .stories-slider-item__image {
    object-fit: cover;
    object-position: center top;
}

.stories-slider-item--download-app .stories-slider-item__image {
    top: unset;
}

@media (max-width: 639px) {
    .stories-slider-item--download-app .stories-slider-item__image {
        height: 100%;
        max-height: 461px;
        margin: 0px auto;
    }
}

@media (min-width: 640px) {
    .stories-slider-item--download-app .stories-slider-item__image {
        width: 334px;
        height: 359px;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
}

@media (min-width: 1628px) {
    .stories-slider-item--download-app .stories-slider-item__image {
        width: 460px;
        height: 494px;
    }
}

.stories-slider-item__buttons {
    position: relative;
    margin-top: auto;
    width: 100%;
    z-index: 2;
}

.stories-slider-item--download-app .stories-slider-item__buttons {
    margin-top: 0px;
}

@media (min-width: 1628px) {
    .stories-slider-item--download-app .stories-slider-item__buttons {
        padding: 0px 10px;
    }
}

.stories-slider-item-controls {
    position: absolute;
    inset: 0px;
    z-index: 1;
}

@media (min-width: 640px) {
    .stories-slider-item-controls {
        pointer-events: none;
    }
}

.stories-slider-item-control {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50%;
}

.stories-slider-item-control--left {
    left: 0px;
}

.stories-slider-item-control--right {
    right: 0px;
}

.stories-slider-group, .stories-slider-group__inner {
    position: relative;
    z-index: -1;
}

@media (max-width: 639px) {
    .stories-slider-group, .stories-slider-group__inner {
        z-index: 1;
        height: 100%;
    }
}

.stories-slider-group {
    position: relative !important;
    display: flex !important;
}

@media (min-width: 640px) {
    .stories-slider-group {
        border-radius: var(--roundings-l);
        background: var(--backgrounds-b);
    }

    .stories-slider-group:not(.swiper-slide-active)::after {
        content: "";
        border-radius: var(--roundings-l);
        background: var(--backgrounds-d);
        z-index: 1;
        position: absolute;
        inset: 0px;
    }
}

.stories-slider-group__toggle-area {
    z-index: 2;
    width: 200px;
    height: 70%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 640px) {
    .stories-slider-group__toggle-area {
        width: 350px;
    }
}

.stories-slider-group__pagination {
    --slide-progress: 0;
    --padding-right-mobile: calc(var(--spacings-page-paddings) + 20px + var(--spacings-2xl));
    position: absolute;
    display: flex;
    padding: var(--spacings-page-paddings) var(--padding-right-mobile) var(--spacings-s) var(--spacings-page-paddings);
    align-items: center;
    gap: var(--spacings-2xs);
    height: 42px;
    z-index: 2;
    transform-style: preserve-3d;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    width: 100% !important;
}

@media (min-width: 640px) and (max-width: 1139px) {
    .stories-slider-group__pagination {
        height: 26px;
    }
}

@media (min-width: 640px) {
    .stories-slider-group__pagination {
        padding: var(--spacings-m) var(--spacings-2xl) var(--spacings-s);
    }
}

@media (min-width: 1140px) {
    .stories-slider-group__pagination {
        height: 34px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-group__pagination {
        height: 42px;
    }
}

.stories-slider-group__pagination .swiper-pagination-bullet, .stories-slider-group__pagination .swiper-pagination-bullet-active {
    position: relative;
    flex: 1 1 100%;
    background: var(--colors-base-white-a);
    backdrop-filter: blur(10px);
    border-radius: 40px;
    opacity: 1;
    overflow: hidden;
    display: block !important;
    margin: 0px !important;
}

.stories-slider-group__pagination .swiper-pagination-bullet {
    height: 4px;
}

@media (min-width: 640px) {
    .stories-slider-group__pagination .swiper-pagination-bullet {
        height: 6px;
    }
}

.stories-slider-group__pagination .swiper-pagination-bullet-active {
    background: var(--colors-base-white-30);
}

.stories-slider-group__pagination .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: calc(var(--slide-progress)*100%);
    height: 4px;
    background: var(--colors-base-white-a);
    border-radius: inherit;
}

@media (min-width: 640px) {
    .stories-slider-group__pagination .swiper-pagination-bullet-active::before {
        height: 6px;
    }
}

.stories-slider-group__pagination .swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
    background: var(--gradient-background-striped-bar-2);
}

.stories-slider-group__nav-next.swiper-button-next, .stories-slider-group__nav-prev.swiper-button-prev {
    top: calc(50% + 18px);
}

@media (max-width: 1139px) {
    .stories-slider-group__nav-next.swiper-button-next, .stories-slider-group__nav-prev.swiper-button-prev {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1628px) {
    .stories-slider-group__nav-next.swiper-button-next, .stories-slider-group__nav-prev.swiper-button-prev {
        top: calc(50% + 10px);
    }
}

.stories-slider-group__nav-next.swiper-button-next, .stories-slider-group__nav-next.swiper-button-prev, .stories-slider-group__nav-prev.swiper-button-next, .stories-slider-group__nav-prev.swiper-button-prev {
    padding: 8px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.stories-slider-group__nav-prev.swiper-button-prev {
    left: -30px !important;
    right: auto !important;
}

@media (min-width: 1628px) {
    .stories-slider-group__nav-prev.swiper-button-prev {
        left: -28px !important;
    }
}

.stories-slider-group__nav-next.swiper-button-next {
    right: -30px !important;
    left: auto !important;
}

@media (min-width: 1628px) {
    .stories-slider-group__nav-next.swiper-button-next {
        right: -28px !important;
    }
}

.stories-slider-group__nav-next-icon, .stories-slider-group__nav-prev-icon {
    width: 20px;
    height: 20px;
}

@font-face {
    font-family: Unbounded;
    src: url("../../../assets/510636/fonts/Unbounded-Medium.f759b83e.woff2") format("woff2"), url("../../../assets/510636/fonts/Unbounded-Medium.47170f57.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@media (max-width: 639px) {
    .custom-modal--stories {
        padding: 0px !important;
    }
}

@media (min-width: 640px) {
    .custom-modal--stories {
        align-items: center;
        overflow: hidden;
        padding: 16px 0px !important;
    }
}

.custom-modal--stories .custom-modal__inner, .custom-modal--stories .custom-modal__inner-wr {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@media (max-width: 639px) {
    .custom-modal--stories .custom-modal__inner, .custom-modal--stories .custom-modal__inner-wr {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 640px) {
    .custom-modal--stories .custom-modal__inner, .custom-modal--stories .custom-modal__inner-wr {
        height: auto;
        max-height: 100%;
        max-width: 374px;
    }
}

@media (min-width: 1628px) {
    .custom-modal--stories .custom-modal__inner, .custom-modal--stories .custom-modal__inner-wr {
        max-width: 500px;
    }
}

.custom-modal--stories .custom-modal__close-wr {
    top: 0px;
    z-index: 3;
}

.stories-slider {
    position: relative;
    width: 100%;
    height: 100%;
    user-select: none;
}

@media (max-width: 639px) {
    .stories-slider {
        background: var(--backgrounds-a);
        transform: translateZ(0px);
        will-change: top;
    }
}

@media (min-width: 640px) {
    .stories-slider {
        display: flex !important;
        align-items: center;
    }
}

.stories-slider-inner {
    width: 100% !important;
}

.stories-slider-inner.swiper-cube {
    overflow: visible;
}

@media (max-width: 639px) {
    .stories-slider-inner {
        height: 100%;
    }
}

@media (min-width: 640px) {
    .stories-slider-inner {
        overflow: visible !important;
    }

    .stories-slider-inner, .stories-slider-inner .swiper-wrapper {
        display: flex;
        align-items: center;
    }
}

.stories-slider__close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.stories-slider__close-ic {
    height: 20px;
    width: 20px;
    color: var(--buttons-icon-secondary-a-icon-default);
}
@media(min-width: 1140px) {
    #mheader{
        display: none;
    }
}
@media(max-width: 1140px) {
    #mheader{
        display: block;
    }
}


.card-badge {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
    overflow: hidden;
    z-index: 1
}

.games-list-card .card-badge {
    width: auto;
    height: auto;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px
}

.card-badge__top {
    display: flex;
    justify-content: space-between
}

.card-badge__top-col {
    display: flex;
    flex-direction: column
}

.card-badge__top-col--last {
    margin-left: auto
}

.card-badge__bottom {
    display: flex;
    align-items: flex-end
}

.card-badge__bottom,.card-badge__top-col,.games-list-card--s .card-badge__bottom,.games-list-card--s .card-badge__top-col,.games-slider-wrap--size-s .card-badge__bottom,.games-slider-wrap--size-s .card-badge__top-col {
    padding: 8px;
    gap: 4px 0
}

.games-list-card--m .card-badge__bottom,.games-list-card--m .card-badge__top-col,.games-slider-wrap--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom,.games-list-card--m .card-badge__top-col,.games-slider-wrap--size-m .card-badge__bottom,.games-slider-wrap--size-m .card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.games-list-card--l .card-badge__bottom,.games-list-card--l .card-badge__top-col,.games-slider-wrap--size-l .card-badge__bottom,.games-slider-wrap--size-l .card-badge__top-col {
    padding: 4px;
    gap: 2px 0
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom,.games-list-card--l .card-badge__top-col,.games-slider-wrap--size-l .card-badge__bottom,.games-slider-wrap--size-l .card-badge__top-col {
        padding:8px;
        gap: 4px 0
    }
}

.card-badge-item {
    display: inline-flex;
    color: var(--text-text);
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.card-badge-item.v-popper--has-tooltip {
    cursor: pointer;
    pointer-events: auto
}

.games-list-card--s .card-badge-item,.games-slider-wrap--size-s .card-badge-item {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--m .card-badge-item,.games-slider-wrap--size-m .card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge-item,.games-slider-wrap--size-m .card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge-item,.games-slider-wrap--size-l .card-badge-item {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }
}

.games-random .card-badge-item.card-badge__top-jackpot {
    padding: 2px 4px;
    font-size: var(--description-font-3xs-font-size);
    font-weight: 700;
    line-height: var(--description-font-3xs-line-height)
}

.games-info__header-img-wrap .card-badge-item {
    padding: 6px 8px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.card-badge-item-icon {
    width: 100%;
    height: 100%
}

.card-badge__top-bonus,.card-badge__top-no-bonus,.card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px;
    border-radius: 100px
}

.games-list-card--s .card-badge__top-bonus,.games-list-card--s .card-badge__top-no-bonus,.games-list-card--s .card-badge__top-tournament,.games-slider-wrap--size-s .card-badge__top-bonus,.games-slider-wrap--size-s .card-badge__top-no-bonus,.games-slider-wrap--size-s .card-badge__top-tournament {
    padding: 6px;
    width: 24px;
    height: 24px
}

.games-list-card--m .card-badge__top-bonus,.games-list-card--m .card-badge__top-no-bonus,.games-list-card--m .card-badge__top-tournament,.games-slider-wrap--size-m .card-badge__top-bonus,.games-slider-wrap--size-m .card-badge__top-no-bonus,.games-slider-wrap--size-m .card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__top-bonus,.games-list-card--m .card-badge__top-no-bonus,.games-list-card--m .card-badge__top-tournament,.games-slider-wrap--size-m .card-badge__top-bonus,.games-slider-wrap--size-m .card-badge__top-no-bonus,.games-slider-wrap--size-m .card-badge__top-tournament {
        padding:6px;
        width: 28px;
        height: 28px
    }
}

.games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
    width: 16px;
    height: 16px;
    padding: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
        padding:6px;
        width: 24px;
        height: 24px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__top-bonus,.games-list-card--l .card-badge__top-no-bonus,.games-list-card--l .card-badge__top-tournament,.games-slider-wrap--size-l .card-badge__top-bonus,.games-slider-wrap--size-l .card-badge__top-no-bonus,.games-slider-wrap--size-l .card-badge__top-tournament {
        width:28px;
        height: 28px
    }
}

.games-info__body-img-wrap .card-badge__top-bonus,.games-info__body-img-wrap .card-badge__top-no-bonus,.games-info__body-img-wrap .card-badge__top-tournament,.games-info__header-img-wrap .card-badge__top-bonus,.games-info__header-img-wrap .card-badge__top-no-bonus,.games-info__header-img-wrap .card-badge__top-tournament {
    width: 28px;
    height: 28px
}

.card-badge__top-bonus {
    background: var(--colors-global-accent-d)
}

.card-badge__top-no-bonus {
    background: var(--colors-system-error)
}

.card-badge__top-tournament {
    background: var(--colors-global-accent-b)
}

.card-badge__top-new {
    align-self: flex-start;
    border-radius: 100px;
    background: var(--colors-global-accent-c);
    text-transform: uppercase
}

.card-badge__top-jackpot {
    border-radius: 100px;
    background: var(--colors-global-accent-e);
    text-transform: uppercase
}

.card-badge__bottom-promo {
    position: absolute!important;
    bottom: 0;
    left: 0;
    display: inline-flex;
    padding: 3px 5px 7px 8px;
    border-radius: 0 16px;
    position: relative;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(5.5px);
    backdrop-filter: blur(5.5px)
}

.card-badge__bottom-promo:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--backgrounds-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-list-card--s .card-badge__bottom-promo,.games-slider-wrap--size-s .card-badge__bottom-promo {
    padding: 3px 5px 7px 8px;
    border-radius: 0 16px
}

.games-list-card--m .card-badge__bottom-promo,.games-slider-wrap--size-m .card-badge__bottom-promo {
    padding: 1px 3px 2px 4px;
    border-radius: 0 12px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-promo,.games-slider-wrap--size-m .card-badge__bottom-promo {
        padding:3px 8px;
        border-radius: 0 20px
    }
}

.games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
    padding: 1px 3px 2px 4px;
    border-radius: 0 12px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
        padding:3px 5px 7px 8px;
        border-radius: 0 16px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-promo,.games-slider-wrap--size-l .card-badge__bottom-promo {
        padding:3px 8px;
        border-radius: 0 20px
    }
}

.card-badge__bottom-promo-img,.games-list-card--s .card-badge__bottom-promo-img,.games-slider-wrap--size-s .card-badge__bottom-promo-img {
    width: 26px;
    height: 26px
}

.games-list-card--m .card-badge__bottom-promo-img,.games-slider-wrap--size-m .card-badge__bottom-promo-img {
    width: 20px;
    height: 20px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-promo-img,.games-slider-wrap--size-m .card-badge__bottom-promo-img {
        width:38px;
        height: 38px
    }
}

.games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
    width: 20px;
    height: 20px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
        width:26px;
        height: 26px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-promo-img,.games-slider-wrap--size-l .card-badge__bottom-promo-img {
        width:38px;
        height: 38px
    }
}

.card-badge__bottom-live {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 0;
    margin-left: auto;
    border-radius: 100px;
    background: var(--backgrounds-b);
    color: var(--text-text);
    text-transform: uppercase;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.card-badge__bottom-live:before {
    content: "";
    display: flex;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: var(--colors-global-accent-a)
}

.games-list-card--s .card-badge__bottom-live,.games-slider-wrap--size-s .card-badge__bottom-live {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.games-list-card--s .card-badge__bottom-live:before,.games-slider-wrap--size-s .card-badge__bottom-live:before {
    width: 5px;
    height: 5px
}

.games-list-card--m .card-badge__bottom-live,.games-slider-wrap--size-m .card-badge__bottom-live {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.games-list-card--m .card-badge__bottom-live:before,.games-slider-wrap--size-m .card-badge__bottom-live:before {
    width: 3px;
    height: 3px
}

@media(min-width: 1140px) {
    .games-list-card--m .card-badge__bottom-live,.games-slider-wrap--size-m .card-badge__bottom-live {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--m .card-badge__bottom-live:before,.games-slider-wrap--size-m .card-badge__bottom-live:before {
        width: 6px;
        height: 6px
    }
}

.games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
    padding: 2px 4px;
    font-size: 10px;
    line-height: 12px;
    font-weight: 700
}

.games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
    width: 3px;
    height: 3px
}

@media(min-width: 640px) {
    .games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
        padding:4px 6px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
        width: 5px;
        height: 5px
    }
}

@media(min-width: 1140px) {
    .games-list-card--l .card-badge__bottom-live,.games-slider-wrap--size-l .card-badge__bottom-live {
        padding:6px 8px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700
    }

    .games-list-card--l .card-badge__bottom-live:before,.games-slider-wrap--size-l .card-badge__bottom-live:before {
        width: 6px;
        height: 6px
    }
}

.games-info__header {
    position: relative;
    background-position: top;
    background-size: 100% 472px;
    background-repeat: no-repeat;
    padding: 40px 0 44px
}

.games-info__header.games-info__header--bonus-tag {
    padding: 40px 0 17px
}

.games-info__header:before {
    content: "";
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 180px;
    background: linear-gradient(0deg,#151516,rgba(21,21,22,0));
    z-index: -1
}

@media(min-width: 640px) {
    .games-info__header:before {
        content:none
    }
}

@media(min-width: 640px) {
    .games-info__header {
        background-size:100% 580px;
        padding: 16px 0
    }
}

.games-info__header-img-wrap {
    position: relative;
    width: 248px;
    height: 308px;
    border-radius: var(--roundings-s);
    margin: 0 auto;
    overflow: hidden;
    z-index: 1
}

@media(min-width: 640px) {
    .games-info__header-img-wrap {
        width:296px;
        height: 368px
    }
}

.games-info__header-img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 100%
}

.games-info__header-close {
    position: fixed!important;
    top: calc(var(--topbar-height) + 16px);
    right: 16px;
    z-index: 5
}

.games-info__header-close-icon {
    width: 14px;
    height: 14px;
    padding: 1px;
    color: var(--colors-base-white-b)
}

.games-info__header-badge-wr {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px
}

.games-info__header-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--colors-base-white-b);
    border-radius: var(--roundings-l);
    padding: 8px 12px;
    gap: 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.games-info__header-no-bonus {
    background: var(--colors-system-error)
}

.games-info__header-bonus {
    background: var(--colors-global-accent-d)
}

.game-forbidden__wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: var(--spacings-xl)
}

@media(min-width: 1140px) {
    .game-forbidden__wrap {
        width:500px;
        padding: var(--spacings-2xl);
        border-radius: var(--roundings-l);
        background: var(--backgrounds-b)
    }
}

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

@media(min-width: 640px)and (max-width:1139px) {
    .custom-modal--game-forbidden {
        padding:0
    }
}

.custom-modal--game-forbidden .custom-modal__inner,.custom-modal--game-forbidden .custom-modal__inner-wr {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(max-width: 1139px) {
    .custom-modal--game-forbidden {
        display:flex;
        flex-direction: column;
        position: static;
        background: none
    }
}

@media(min-width: 1140px) {
    .custom-modal--game-forbidden .custom-modal__inner-wr {
        max-width:500px
    }

    .custom-modal--game-forbidden .custom-modal__inner {
        margin: auto
    }
}

.game-forbidden__icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px
}

.game-forbidden__icon {
    height: auto;
    width: 100%;
    flex-shrink: 0;
    color: var(--colors-system-error)
}

.game-forbidden__button {
    height: auto;
    min-height: 40px;
    width: 100%
}

.games-info__body-head {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

@media(min-width: 1140px) {
    .games-info__body-head {
        border-radius:var(--roundings-s);
        background: var(--backgrounds-c);
        padding: 8px;
        margin-bottom: 16px
    }
}

.games-info__body-img-wrap {
    position: relative;
    width: 78px;
    height: 96px;
    flex-shrink: 0;
    border-radius: var(--roundings-xs);
    overflow: hidden
}

@media(min-width: 1628px) {
    .games-info__body-img-wrap {
        width:94px;
        height: 116px
    }
}

.games-info__body-img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 0
}

.games-info__body-provider {
    max-width: 134px;
    max-height: 88px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto
}

@media(min-width: 1628px) {
    .games-info__body-provider {
        max-width:156px;
        max-height: 102px
    }
}

.games-info__body-provider-name {
    margin: 0 8px 0 auto;
    color: var(--text-text);
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

.games-info__body-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

@media(max-width: 1139px) {
    .games-info__body-name {
        position:relative;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 48px
    }
}

@media(min-width: 1140px) {
    .games-info__body-name {
        margin-bottom:0
    }

    .games-info__body-name:last-child {
        margin-bottom: 16px
    }
}

.games-info__body-name-provider {
    color: var(--text-text-accent);
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.games-info__body-name-title {
    color: var(--text-text);
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media(min-width: 1140px) {
    .games-info__body-name-title {
        font-size:var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height)
    }
}

.games-info__body-button-wrap {
    display: flex;
    gap: 12px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-a)
}

.games-info__body-button {
    height: auto;
    min-height: 40px;
    flex: 1 0 calc(50% - 8px)
}

.games-info__body-button--demo .btn__inner {
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.games-info__body-name-favorites {
    position: absolute!important;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px
}

.games-info__body-tags-wr {
    display: flex
}

.games-info__body-tags-wr:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--border-a)
}

.games-info__body-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.games-info__body-tags-item {
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: var(--chips-m-vert) var(--chips-m-hor);
    gap: var(--chips-m-gap);
    border-radius: var(--chips-m-radius)
}

.games-info__body-tags-item:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 1140px)and (max-width:1627px) {
    .games-info__body-tags-item {
        padding:var(--chips-s-vert) var(--chips-s-hor);
        gap: var(--chips-s-gap);
        border-radius: var(--chips-s-radius)
    }
}

.games-info__body-tags-item-hover {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 0) padding-box,linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 0) border-box;
    -webkit-mask: linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.games-info__body-tags-item-hover:before {
    width: 150%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderChips 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

@keyframes rotateSpecialBorderChips {
    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.no-touch .games-info__body-tags-item:hover .games-info__body-tags-item-hover:before {
    content: ""
}

.strategy-info {
    text-align: left
}

.strategy-info__title {
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.strategy-info__title:last-child {
    margin-bottom: 0
}

.strategy-info__text {
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.strategy-info__text:last-child {
    margin-bottom: 0
}

.strategy-info__link {
    display: flex;
    align-items: center;
    color: var(--text-description-a);
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.strategy-info__link:hover {
    color: var(--text-text)
}

.strategy-info__icon {
    width: 20px;
    height: 20px
}

.game-tournaments-slider__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.game-tournaments-slider__item-images-wr {
    position: relative;
    width: 100%;
    border-radius: var(--roundings-s)
}

@media(max-width: 639px) {
    .game-tournaments-slider__item-images-wr {
        height:194px
    }
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-images-wr {
        order:2
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider__item-images-wr {
        height:313px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-images-wr {
        height:159px
    }
}

.game-tournaments-slider__item-images {
    object-fit: contain;
    bottom: 0;
    width: 224px;
    height: 211px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider__item-images {
        width:358px;
        height: 337px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-images {
        width:186px;
        height: 175px
    }
}

.game-tournaments-slider__item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 1px solid transparent;
    z-index: -1
}

.game-tournaments-slider__item-active-game {
    display: flex;
    color: var(--colors-system-success);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.game-tournaments-slider__item-prize {
    position: relative;
    margin: -18px auto 16px;
    padding: 6px 20px;
    height: 36px;
    text-align: center;
    border-radius: 40px;
    color: var(--text-text-invert);
    background: var(--colors-global-accent-a);
    pointer-events: none;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-prize {
        order:3
    }
}

.game-tournaments-slider__item-row {
    display: flex;
    justify-content: space-between;
    width: 100%
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-row {
        order:3;
        margin-bottom: 20px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-row {
        margin-bottom:16px
    }
}

.game-tournaments-slider__item-row--name {
    position: relative;
    display: flex;
    flex-direction: column
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-row--name {
        order:1;
        min-height: 50px;
        justify-content: end
    }
}

.game-tournaments-slider__item-row--timer {
    padding: 12px;
    border-radius: 100px;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.game-tournaments-slider__block {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.game-tournaments-slider__item-name {
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-name {
        font-size:var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height)
    }
}

@media(max-width: 1139px) {
    .game-tournaments-slider__item-strategy-tooltip {
        max-width:288px
    }

    .game-tournaments-slider__item-strategy-tooltip .v-popper__arrow-container {
        margin-left: -6px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-strategy-tooltip {
        max-width:330px
    }
}

.game-tournaments-slider__item-strategy {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px
}

.game-tournaments-slider__item-strategy-text {
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.game-tournaments-slider__item-strategy-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.game-tournaments-slider__item-strategy-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--icons-a)
}

.game-tournaments-slider__item-min-bet {
    text-align: right;
    margin-left: 6px
}

.game-tournaments-slider__item-min-bet-value {
    color: var(--colors-base-white-b);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.game-tournaments-slider__item-min-bet,.game-tournaments-slider__item-timer {
    flex-shrink: 0
}

.game-tournaments-slider__item-min-bet-title,.game-tournaments-slider__item-timer-text {
    color: var(--colors-base-white-60);
    margin-bottom: var(--spacings-2xs);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-min-bet-title,.game-tournaments-slider__item-timer-text {
        margin-bottom:4px
    }
}

.game-tournaments-slider__item-preloader {
    position: relative
}

@media(max-width: 639px) {
    .game-tournaments-slider__item-preloader {
        height:378px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider__item-preloader {
        height:497px
    }
}

@media(min-width: 1140px) {
    .game-tournaments-slider__item-preloader {
        height:159px
    }
}

.game-tournaments-slider-wrap {
    position: relative;
    z-index: 4
}

@media(min-width: 640px)and (max-width:1139px) {
    .game-tournaments-slider-wrap {
        width:100%
    }
}

.game-tournaments-slider {
    width: 100%
}

.game-tournaments-slider-inner {
    position: relative;
    overflow-y: visible
}

.tabs-tournaments-slider-nav {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 28px);
    top: 60px;
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media(max-width: 1139px) {
    .tabs-tournaments-slider-nav {
        display:none
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .tabs-tournaments-slider-nav {
        width:calc(100% + 20px)
    }
}

.tabs-tournaments-slider__next,.tabs-tournaments-slider__prev {
    position: absolute;
    padding: 6px;
    width: 32px;
    height: 32px;
    transition: all .2s ease-out
}

.tabs-tournaments-slider__next.swiper-button-disabled,.tabs-tournaments-slider__prev.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.tabs-tournaments-slider__prev {
    left: 0!important
}

.tabs-tournaments-slider__next {
    right: 0!important
}

.hover .tabs-tournaments-slider__next:not(.swiper-button-disabled),.hover .tabs-tournaments-slider__prev:not(.swiper-button-disabled),.tabs-tournaments-slider__next:not(.swiper-button-disabled):hover,.tabs-tournaments-slider__prev:not(.swiper-button-disabled):hover {
    opacity: 1;
    visibility: visible
}

.game-tournaments__content {
    position: relative;
    height: -webkit-max-content;
    height: max-content
}

.game-tournaments__content--participants {
    position: static
}

@media(min-width: 1140px) {
    .game-tournaments__content--participants:has(.sticky):after {
        content:"";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 107px;
        background: linear-gradient(0deg,#07142b 48.34%,rgba(7,20,43,0))
    }
}

.game__tabs-about-text {
    position: relative;
    color: var(--colors-base-white-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(max-width: 1139px) {
    .game__tabs-about-text {
        padding:24px 0
    }

    .game__tabs-about-text:last-child {
        padding-bottom: 0
    }

    .game__tabs-about-text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: var(--colors-base-white-10)
    }
}

.game-tournaments__tabs {
    position: -webkit-sticky!important;
    position: sticky!important;
    flex-shrink: 0;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 100px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.game-tournaments__tabs:before {
    content: "";
    border-radius: inherit;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--backgrounds-a);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tournaments__tabs::-webkit-scrollbar {
    display: none
}

@media(max-width: 1139px) {
    .game-tournaments__tabs {
        top:16px
    }
}

@media(min-width: 1140px) {
    .game-tournaments__tabs {
        top:0
    }
}

@media(max-width: 639px) {
    .game-tournaments__tabs--fixed {
        width:calc(100% - 48px)
    }
}

.game-tournaments__tabs-item {
    flex: 1 1 50%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius);
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    gap: var(--tabs-s-gap);
    padding: var(--tabs-s-vert) 0;
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

.game-tournaments__tabs-item:not(:first-child):before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.no-touch .game-tournaments__tabs-item:not(.game-tournaments__tabs-item--active):hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .game-tournaments__tabs-item:not(.game-tournaments__tabs-item--active):hover:before {
    content: none
}

.game-tournaments__tabs-item--active {
    cursor: default;
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.game-tournaments__tabs-item--active:before {
    content: none
}

.game-tournaments__tabs-item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .game-tournaments__tabs-item--active:after,.custom-modal .game-tournaments__tabs-item--active:after,.game__tabs .game-tournaments__tabs-item--active:after,.play-providers-tabs .game-tournaments__tabs-item--active:after,.search .game-tournaments__tabs-item--active:after {
    z-index: 0
}

.no-touch .game-tournaments__tabs-item--active:hover {
    --gradient-tokens-border-b: linear-gradient(180deg,var(--white-0),var(--white-0) 50%);
    position: relative;
    background: var(--gradient-tokens-backgrounds-k)
}

.no-touch .game-tournaments__tabs-item--active:hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .no-touch .game-tournaments__tabs-item--active:hover:after,.custom-modal .no-touch .game-tournaments__tabs-item--active:hover:after,.game__tabs .no-touch .game-tournaments__tabs-item--active:hover:after,.search .no-touch .game-tournaments__tabs-item--active:hover:after {
    z-index: 0
}

.no-touch .game-tournaments__tabs-item--active:hover .game-tournaments__tabs-item-border {
    border: 2px solid transparent
}

.no-touch .game-tournaments__tabs-item--active:hover .game-tournaments__tabs-item-border:before {
    content: "";
    border-radius: inherit;
    background: var(--gradient-tokens-border-c);
    animation: rotateSpecialBorderToRightLink 2s linear infinite
}

.game-tournaments__tabs-item-border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tournaments__tabs-item-border:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderToRightLink 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .game-tournaments__tabs-item--active:hover .game-tournaments__tabs-item-border:before {
    visibility: visible
}

.game-tabs-tournaments-games-wrap {
    display: flex;
    flex-direction: column;
    margin: 16px 0 0;
    overflow-y: auto
}

.game-tabs-tournaments-games-wrap::-webkit-scrollbar {
    height: 0;
    width: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
    display: none
}

.game-tabs-tournaments-games-wrap::-webkit-scrollbar-thumb,.game-tabs-tournaments-games-wrap::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media(max-width: 1139px) {
    .game-tabs-tournaments-games-wrap {
        margin:20px 0 0
    }
}

.game-tabs-tournaments-games {
    display: flex;
    align-items: center;
    border-radius: 100px;
    gap: 8px;
    padding: 4px 6px 4px 4px;
    margin-bottom: 8px;
    overflow: hidden;
    cursor: pointer
}

.game-tabs-tournaments-games:last-child:not(.active) {
    margin-bottom: 0
}

.game-tabs-tournaments-games:not(.active) {
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.game-tabs-tournaments-games:not(.active):after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tabs-tournaments-games.active {
    order: -1;
    z-index: 1;
    position: relative;
    background: var(--gradients-background-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.game-tabs-tournaments-games.active:after {
    z-index: -1;
    content: "";
    background: var(--gradients-background-e-4) padding-box,var(--gradient-tokens-border-b) border-box
}

.game-tabs-tournaments-games-border,.game-tabs-tournaments-games.active:after {
    border-radius: inherit;
    border: 1px solid transparent;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tabs-tournaments-games-border {
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box
}

.game-tabs-tournaments-games-border:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderToRightLink 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .game-tabs-tournaments-games:not(.active):hover .game-tabs-tournaments-games-border:before {
    visibility: visible
}

.game-tabs-tournaments-games__img {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 100px
}

.game-tabs-tournaments-games-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    overflow: hidden
}

.game-tabs-tournaments-games__name {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.game-tabs-tournaments-games__name,.game-tabs-tournaments-games__provider {
    color: var(--text-text);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.game-tabs-tournaments-games__provider {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.game-tabs-tournaments-games-button {
    flex-direction: row-reverse;
    margin-top: calc(var(--spacings-l) - 8px)
}

.game-tabs-tournaments-participants-list {
    display: flex;
    align-items: center;
    padding: 14px 12px 14px 4px;
    gap: var(--spacings-xs);
    border-top: 1px solid var(--border-a);
    transition: all .2s ease-out
}

.game-tabs-tournaments-participants-list:first-child {
    border-top: none
}

.game-tabs-tournaments-participants-list--fixed {
    position: -webkit-sticky!important;
    position: sticky!important;
    top: 60px;
    left: 0;
    right: 0
}

@media(max-width: 1139px) {
    .game-tabs-tournaments-participants-list--fixed {
        top:76px
    }
}

.game-tabs-tournaments-participants-list--hidden {
    opacity: 0;
    visibility: hidden;
    margin-top: -44px
}

.game-tabs-tournaments-participants-list--active {
    border: none;
    border-radius: var(--roundings-l);
    z-index: 1;
    position: relative;
    background: var(--gradients-background-a)
}

.game-tabs-tournaments-participants-list--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.game-tabs-tournaments-participants-list--active+.game-tabs-tournaments-participants-list {
    border-top: none
}

.game-tabs-tournaments-participants-list--top-3 {
    padding-top: 12px;
    padding-bottom: 12px
}

.game-tabs-tournaments-participants-list__icon-wr {
    margin: 0 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.game-tabs-tournaments-participants-list__icon {
    width: 18px;
    height: 18px
}

.game-tabs-tournaments-participants-list__nickname {
    flex: 1
}

.game-tabs-tournaments-participants-list__nickname,.game-tabs-tournaments-participants-list__number,.game-tabs-tournaments-participants-list__score {
    color: var(--text-text);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.game-tabs-tournaments-participants-list__number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: auto
}

.game-tabs-tournaments-participants {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media(min-width: 1140px) {
    .game-tabs-tournaments-participants {
        margin-top:16px
    }
}

.games-info-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: var(--topbar-height)
}

@media(max-width: 1139px) {
    .games-info-wrap {
        overflow:hidden
    }
}

.games-info {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--backgrounds-a);
    height: 100%
}

.games-info:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 472px;
    width: 100%;
    -webkit-backdrop-filter: blur(41px);
    backdrop-filter: blur(41px);
    background: var(--colors-black-40);
    z-index: 1
}

@media(min-width: 640px) {
    .games-info:before {
        height:580px
    }
}

@media(max-width: 1139px) {
    .games-info {
        overflow-y:auto
    }

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

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

.games-info__body {
    position: relative;
    flex: 1;
    padding: 16px 24px calc(24px + var(--bottom-menu-height)) 24px;
    width: 100%;
    margin: 0 auto;
    border-radius: var(--roundings-l) var(--roundings-l) 0 0;
    background: var(--backgrounds-b);
    z-index: 3
}

.authorized .games-info__body {
    padding: 16px 24px 24px 24px
}

@media(min-width: 640px) {
    .games-info__body {
        border-radius:var(--roundings-m) var(--roundings-m) 0 0;
        max-width: 576px
    }
}

.game-info__about-text {
    color: var(--colors-base-white-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}
.games-slider__inner-wr{overflow: hidden !important;}
/* Для WebKit браузеров (Chrome, Safari) */
::-webkit-scrollbar {
    display: none;
  }
  
  /* Для Firefox */
  .scroll-container {
    scrollbar-width: none; /* Полная скрытность */
  }
  
  /* Для IE/Edge */
  .scroll-container {
    -ms-overflow-style: none; /* Полная скрытность */
  }
.games-list-empty {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.games-list-empty--slots {
    padding: 16px
}

@media(min-width: 1140px) {
    .games-list-empty--slots {
        padding:24px 16px
    }
}

.games-list-empty__no-results-subtitle,.games-list-empty__no-results-title {
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.games-list-empty__no-results-subtitle {
    margin-top: 8px
}

.games-list-empty__no-results-bg {
    width: 320px;
    height: 320px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background-image: url(/img/search/no-results-bg.webp);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50%
}

.no-webp .games-list-empty__no-results-bg {
    background-image: url(/img/search/no-results-bg.png)
}

@media(min-width: 640px) {
    .games-list-empty__no-results-bg {
        width:695px;
        height: 618px
    }
}

@media(min-width: 1628px) {
    .games-list-empty__no-results-bg {
        width:801px;
        height: 712px
    }
}

.games-list-empty--slots .games-list-empty__no-results-bg {
    display: none
}

.games-list-empty__no-results-slots-img-wr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    height: 220px
}

@media(min-width: 1140px) {
    .games-list-empty__no-results-slots-img-wr {
        height:310px
    }
}

.games-list-empty__no-results-slots-img {
    position: absolute;
    width: 615px;
    height: 220px;
    background-image: url(/img/search/no-slots-img-desk.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .games-list-empty__no-results-slots-img {
    background-image: url(/img/search/no-slots-img-desk.png)
}

@media(min-width: 1140px) {
    .games-list-empty__no-results-slots-img {
        width:866px;
        height: 310px
    }
}

.games-list-empty__no-results-img-wrapper {
    margin-bottom: var(--spacings-xl)
}

.games-list-empty__no-results-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    margin: 0 auto
}

.games-list-empty__btn-clear {
    height: 48px;
    margin-top: 20px
}

.favorites__no-results-icon-wr {
    display: inline-flex;
    transform: translateY(10px)
}

.favorites__no-results-icon {
    width: 29px;
    height: 29px
}

#finderslots{display: none;background: #000000b5;width: 100%;height: 100%;position: absolute;z-index: 999;}
.fi-opens{display: block !important}
.fi-item2{
    width: 100%;
    border-radius: 7px;
    /* background: #1b2030 !important; */
    border: 2px solid #15192536 !important;
    padding: 20px;
}
.modes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 25px 10px;
    padding-bottom: 25px;
}
.fi-sp{
    text-align: center;
    padding: 20px;
    font-size: 12px;
}
.spinner-logo {
    width: 60px;
    height: 60px
}

.cashout-alert-card__action--preloader .spinner-logo {
    width: 100%;
    height: 100%
}

.main-preloader {
    position: relative;
    width: 100%;
    height: 60px;
    transition: all .2s ease-out
}

@media(min-width: 640px) {
    .payment__content-inner-1>.main-preloader {
        margin:42px 0
    }
}

.payment__content-inner-1>.main-preloader {
    margin: 20px 0;
    min-height: 60px
}

.payment__content-inner-1--with-loader .main-preloader {
    height: 100%;
    margin: auto
}

.contest-stream-winners-list-wr .main-preloader {
    flex-grow: 1
}

.partners-contests-history-content__main-content .main-preloader {
    min-height: 464px
}

.main-preloader--fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10050;
    width: 100%;
    height: 100%
}

.main-preloader__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 60px;
    height: 60px;
    pointer-events: none
}

.cashout-alert-card__action--preloader .main-preloader__inner {
    width: 100%;
    height: 100%
}

.partners-contests-history-content__main-content .main-preloader__inner {
    flex-grow: 1
}

.path-profile .main-preloader__inner {
    position: static;
    transform: translateZ(0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.main-preloader__inner.hnd {
    position: relative;
    top: auto;
    left: auto;
    transform: translateZ(0)
}

.main-preloader__inner.hnd .main-preloader__text {
    left: 100%;
    top: 50%;
    transform: translate3d(0,-50%,0);
    margin-left: 10px;
    font-size: 14px
}

.main-preloader__text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%,0,0);
    display: block;
    white-space: nowrap;
    color: var(--gray-500)
}

.main-preloader__prog {
    color: #b0a499;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px
}

.main-preloader__p1 {
    position: absolute;
    width: 80%;
    height: 80%;
    margin: 10%;
    animation-iteration-count: infinite;
    animation-name: prel__p1;
    animation-duration: 6s
}

.main-preloader__p2 {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-iteration-count: infinite;
    animation-name: prel__p2;
    animation-duration: 7s
}

@keyframes prel__p1 {
    0% {
        transform: rotate(0deg)
    }

    35% {
        transform: rotate(-900deg)
    }

    85% {
        transform: rotate(-3200deg)
    }

    to {
        transform: rotate(-2000deg)
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0deg)
    }

    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 {
    fill: none;
    stroke: #f09235;
    stroke-linecap: square;
    animation: arc 1.32s cubic-bezier(.8,0,.4,.8) infinite
}

@keyframes inner {
    0% {
        transform: rotate(-100.8deg)
    }

    to {
        transform: rotate(0)
    }
}

.friends-and-referrals-connect {
    padding: calc(var(--spacings-xl) - 1px);
    border-radius: var(--roundings-m);
    border: 1px solid var(--border-a);
    background-color: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin-bottom: var(--spacings-2xl)
}

.friends-and-referrals-connect__top {
    margin-bottom: var(--spacings-m)
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__top {
        display:grid;
        grid-template-columns: 1fr 240px;
        align-items: center;
        gap: var(--spacings-3xl)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-connect__top {
        grid-template-columns:1fr 300px;
        align-items: center
    }
}

@media(min-width: 1920px) {
    .friends-and-referrals-connect__top {
        margin:0 auto var(--spacings-m);
        max-width: 1408px
    }
}

.friends-and-referrals-connect__image-wrap {
    width: 240px;
    height: 240px;
    margin: 0 auto var(--spacings-3xl)
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__image-wrap {
        margin:0
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-connect__image-wrap {
        width:300px;
        height: 300px
    }
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__content {
        order:-1
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-connect__content {
        margin-bottom:13px
    }
}

@media(min-width: 1920px) {
    .friends-and-referrals-connect__content {
        max-width:1052px
    }
}

.sidebar-opened .friends-and-referrals-connect__content {
    margin-bottom: 0
}

@media(min-width: 1920px) {
    .sidebar-opened .friends-and-referrals-connect__content {
        margin-bottom:13px
    }
}

.friends-and-referrals-connect__title {
    color: var(--text-text);
    margin-bottom: var(--spacings-xl);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.friends-and-referrals-connect__text p {
    color: var(--text-text);
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.friends-and-referrals-connect__list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    color: var(--text-description-a);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.friends-and-referrals-connect__list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gradient-tokens-backgrounds-m)
}

.friends-and-referrals-connect__list li:last-child {
    margin-bottom: 0
}

.friends-and-referrals-connect__bottom {
    background: var(--backgrounds-a-70);
    border-radius: var(--roundings-s);
    padding: var(--spacings-xl)
}

.friends-and-referrals-connect__bottom p {
    color: var(--text-text);
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__bottom {
        grid-column:1/3
    }
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__actions {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-connect__actions {
        justify-content:center;
        gap: 20px
    }
}

.friends-and-referrals-connect__mail-wr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    margin-bottom: 20px
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__mail-wr {
        margin-bottom:0
    }
}

.friends-and-referrals-connect__mail-ic {
    width: 28px;
    height: auto
}

.friends-and-referrals-connect__mail {
    color: var(--text-text);
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

.friends-and-referrals-connect__link {
    width: 100%;
    height: 40px;
    padding: var(--buttons-s-vert) var(--buttons-s-hor);
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    letter-spacing: .5px;
    text-transform: uppercase
}

@media(min-width: 640px) {
    .friends-and-referrals-connect__link {
        width:auto
    }
}

.friends-and-referrals-statistics {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-m);
    margin-bottom: var(--spacings-3xl)
}

@media(min-width: 640px) {
    .friends-and-referrals-statistics {
        flex-direction:row;
        flex-wrap: wrap
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics {
        padding:0;
        flex-wrap: nowrap
    }
}

.friends-and-referrals-statistics__currency,.friends-and-referrals-statistics__invite,.friends-and-referrals-statistics__proffit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacings-xl);
    border-radius: var(--roundings-s);
    background-color: var(--backgrounds-b)
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__currency,.friends-and-referrals-statistics__invite,.friends-and-referrals-statistics__proffit {
        flex-direction:column;
        align-items: flex-start;
        width: calc(33.33333% - var(--spacings-s)*2/3)
    }
}

.friends-and-referrals-statistics__currency {
    width: 100%;
    justify-content: space-between
}

@media(min-width: 640px) {
    .friends-and-referrals-statistics__currency {
        flex-direction:row
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__currency {
        width:calc(33.33333% - var(--spacings-m)*2/3);
        flex-direction: column
    }
}

@media(min-width: 640px) {
    .friends-and-referrals-statistics__invite,.friends-and-referrals-statistics__proffit {
        width:calc(50% - var(--spacings-m)/2)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__invite,.friends-and-referrals-statistics__proffit {
        width:calc(33.33333% - var(--spacings-m)*2/3);
        flex-wrap: wrap;
        align-content: flex-end
    }
}

.friends-and-referrals-statistics__proffit--active {
    background-color: var(--backgrounds-c)
}

.friends-and-referrals-statistics__currency-inner {
    display: flex;
    align-items: center;
    gap: var(--spacings-l)
}

@media(min-width: 640px) {
    .friends-and-referrals-statistics__currency-inner {
        width:auto
    }

    .friends-and-referrals-statistics__currency-inner:first-child {
        width: 100%
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__currency-inner {
        width:100%;
        justify-content: space-between;
        gap: 0
    }

    .friends-and-referrals-statistics__currency-inner:first-child {
        margin-bottom: auto
    }

    .sidebar-opened .friends-and-referrals-statistics__currency-inner:first-child {
        margin-bottom: var(--spacings-l)
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .friends-and-referrals-statistics__currency-inner:first-child {
        margin-bottom:auto
    }
}

.friends-and-referrals-statistics__currency-title,.friends-and-referrals-statistics__invite-title,.friends-and-referrals-statistics__proffit-title {
    margin-right: var(--spacings-xl);
    color: var(--text-text);
    max-width: 214px;
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

@media(min-width: 390px) {
    .friends-and-referrals-statistics__currency-title,.friends-and-referrals-statistics__invite-title,.friends-and-referrals-statistics__proffit-title {
        max-width:none
    }
}

@media(min-width: 640px) {
    .friends-and-referrals-statistics__currency-title,.friends-and-referrals-statistics__invite-title,.friends-and-referrals-statistics__proffit-title {
        margin-right:0
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__currency-title,.friends-and-referrals-statistics__invite-title,.friends-and-referrals-statistics__proffit-title {
        margin-bottom:auto
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals-statistics__currency-title,.friends-and-referrals-statistics__invite-title,.friends-and-referrals-statistics__proffit-title {
        width:100%
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__invite-description,.friends-and-referrals-statistics__proffit-description {
        width:100%;
        margin-top: var(--universal-spacings-s);
        color: var(--text-description-a)
    }
}

.friends-and-referrals-statistics__currency-curr,.friends-and-referrals-statistics__invite-count,.friends-and-referrals-statistics__proffit-sum {
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

@media(min-width: 1628px) {
    .friends-and-referrals-statistics__currency-curr,.friends-and-referrals-statistics__invite-count,.friends-and-referrals-statistics__proffit-sum {
        font-size:var(--headings-h2-font-size);
        font-weight: var(--headings-h2-weight);
        line-height: var(--headings-h2-line-height)
    }
}

.friends-and-referrals-statistics__proffit-sum {
    color: var(--text-description-b)
}

.friends-and-referrals-statistics__currency-curr,.friends-and-referrals-statistics__proffit-sum--active {
    color: var(--text-text-accent)
}

.friends-and-referrals-statistics__invite-count {
    color: var(--text-description-b)
}

.friends-and-referrals-statistics__invite-count.friends-and-referrals-statistics__invite-count--active span:first-child {
    color: var(--text-text-accent)
}

.friends-and-referrals-statistics__invite-description,.friends-and-referrals-statistics__proffit-description {
    margin-bottom: var(--spacings-3xs);
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .friends-and-referrals-statistics__invite-description,.friends-and-referrals-statistics__proffit-description {
        margin-top:var(--spacings-l)
    }

    .sidebar-opened .friends-and-referrals-statistics__invite-description,.sidebar-opened .friends-and-referrals-statistics__proffit-description {
        margin-top: 0;
        align-self: flex-end
    }
}

@media(min-width: 1628px) {
    .sidebar-opened .friends-and-referrals-statistics__invite-description,.sidebar-opened .friends-and-referrals-statistics__proffit-description {
        margin-top:var(--spacings-l)
    }
}

@media(max-width: 639px) {
    .friends-and-referrals-statistics__currency-btn {
        width:32px;
        height: 32px
    }

    .friends-and-referrals-statistics__currency-btn .btn__icon--pen {
        width: 20px;
        height: 20px
    }
}

.friends-and-referrals-conditions-table {
    padding: var(--spacings-l);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-a)
}

@media(min-width: 640px)and (max-width:1139px) {
    .friends-and-referrals-conditions-table {
        flex:1 0 300px
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table {
        padding:var(--spacings-m);
        border-radius: var(--roundings-s)
    }
}

.friends-and-referrals-conditions-table__title {
    margin-bottom: var(--spacings-xs);
    color: var(--text-text);
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__title {
        margin-bottom:var(--spacings-m)
    }
}

@media(max-width: 1139px) {
    .friends-and-referrals-conditions-table__tables {
        display:flex;
        flex-direction: column;
        gap: var(--spacings-xs)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__tables {
        display:grid;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table {
        flex:1 0 auto
    }
}

.friends-and-referrals-conditions-table__table-head {
    height: 36px;
    color: var(--text-description-a);
    display: flex;
    align-items: center;
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table-head {
        padding:var(--spacings-3xs) calc(var(--spacings-s)/2) var(--spacings-3xs) var(--spacings-2xs);
        border-radius: 100px 0 0 100px;
        background: var(--backgrounds-b);
        height: auto
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table:last-child .friends-and-referrals-conditions-table__table-head {
        padding:var(--spacings-3xs) var(--spacings-2xs) var(--spacings-3xs) calc(var(--spacings-s)/2);
        border-radius: 0 100px 100px 0
    }
}

.friends-and-referrals-conditions-table__table-body {
    padding: 0 var(--spacings-2xs)
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table-body {
        padding:0 0 0 var(--spacings-2xs)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table:last-child .friends-and-referrals-conditions-table__table-body {
        padding:0 var(--spacings-2xs) 0 0
    }
}

.friends-and-referrals-conditions-table__table-row {
    padding: 16px 0;
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid var(--border-a)
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table-row {
        height:52px;
        padding-right: calc(var(--spacings-s)/2)
    }
}

.friends-and-referrals-conditions-table__table-row:last-child {
    border-bottom: none
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table:last-child .friends-and-referrals-conditions-table__table-row {
        padding-right:0;
        padding-left: calc(var(--spacings-s)/2)
    }
}

.sidebar-opened .friends-and-referrals-conditions-table__table-row {
    height: 72px
}

@media(min-width: 1920px) {
    .sidebar-opened .friends-and-referrals-conditions-table__table-row {
        height:52px
    }
}

.friends-and-referrals-conditions-table__table-ic {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--icons-a)
}

.friends-and-referrals-conditions-table__table-row--success .friends-and-referrals-conditions-table__table-ic {
    padding: var(--universal-spacings-3xs);
    color: var(--colors-system-success)
}

.friends-and-referrals-conditions-table__table-row--pending .friends-and-referrals-conditions-table__table-ic {
    color: var(--icons-c)
}

.friends-and-referrals-conditions-table__table-row--error .friends-and-referrals-conditions-table__table-ic {
    padding: var(--universal-spacings-3xs);
    color: var(--colors-system-error)
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table-row--error .friends-and-referrals-conditions-table__table-ic {
        padding:var(--universal-spacings-2xs)
    }
}

.friends-and-referrals-conditions-table__table-text-wr {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions-table__table-text-wr {
        flex-direction:row;
        align-items: center;
        gap: 16px
    }
}

.friends-and-referrals-conditions-table__table-text {
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.friends-and-referrals-conditions-table__table-summery {
    color: var(--text-description-b);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.friends-and-referrals-conditions-table__table-summery .accent-text,.friends-and-referrals-conditions-table__table-text .accent-text {
    color: var(--text-text-accent)
}

.accordion-1__item-hover,.friends-and-referrals-conditions__hover,.promo-accordion-hover {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.accordion-1__item-hover:before,.friends-and-referrals-conditions__hover:before,.promo-accordion-hover:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    border-radius: inherit;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

@keyframes rotateAccordionBorderHover {
    0% {
        width: 40%
    }

    40% {
        width: 80px
    }

    50% {
        width: 20px
    }

    60% {
        width: 80px
    }

    to {
        width: 40%;
        transform: translate3d(-50%,-50%,0) rotate(180deg)
    }
}

.no-touch .accordion-1__item:not(.open):hover .accordion-1__item-hover:before,.no-touch .accordion-1__item:not(.open):hover .friends-and-referrals-conditions__hover:before,.no-touch .accordion-1__item:not(.open):hover .promo-accordion-hover:before,.no-touch .bonus-faq__item:not(.open):hover .accordion-1__item-hover:before,.no-touch .bonus-faq__item:not(.open):hover .friends-and-referrals-conditions__hover:before,.no-touch .bonus-faq__item:not(.open):hover .promo-accordion-hover:before,.no-touch .event-page__weekly--overflow.event-page__weekly--overflow-hidden .event-page__weekly-head:hover .accordion-1__item-hover:before,.no-touch .event-page__weekly--overflow.event-page__weekly--overflow-hidden .event-page__weekly-head:hover .friends-and-referrals-conditions__hover:before,.no-touch .event-page__weekly--overflow.event-page__weekly--overflow-hidden .event-page__weekly-head:hover .promo-accordion-hover:before,.no-touch .friends-and-referrals-conditions__head:hover .accordion-1__item-hover:before,.no-touch .friends-and-referrals-conditions__head:hover .friends-and-referrals-conditions__hover:before,.no-touch .friends-and-referrals-conditions__head:hover .promo-accordion-hover:before,.no-touch .promo-promotion__rules-head:hover .accordion-1__item-hover:before,.no-touch .promo-promotion__rules-head:hover .friends-and-referrals-conditions__hover:before,.no-touch .promo-promotion__rules-head:hover .promo-accordion-hover:before,.no-touch .promo-rules__head:hover .accordion-1__item-hover:before,.no-touch .promo-rules__head:hover .friends-and-referrals-conditions__hover:before,.no-touch .promo-rules__head:hover .promo-accordion-hover:before {
    content: "";
    visibility: visible;
    animation: rotateAccordionBorderHover 2s cubic-bezier(.45,.9,0,0) infinite
}

.event-page__weekly--overflow .accordion-1__item-hover:before,.event-page__weekly--overflow .friends-and-referrals-conditions__hover:before,.event-page__weekly--overflow .promo-accordion-hover:before,.no-touch .friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head:hover .accordion-1__item-hover:before,.no-touch .friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head:hover .friends-and-referrals-conditions__hover:before,.no-touch .friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head:hover .promo-accordion-hover:before,.no-touch .promo-promotion__rules--open .promo-promotion__rules-head:hover .accordion-1__item-hover:before,.no-touch .promo-promotion__rules--open .promo-promotion__rules-head:hover .friends-and-referrals-conditions__hover:before,.no-touch .promo-promotion__rules--open .promo-promotion__rules-head:hover .promo-accordion-hover:before,.no-touch .promo-rules--open:hover .accordion-1__item-hover:before,.no-touch .promo-rules--open:hover .friends-and-referrals-conditions__hover:before,.no-touch .promo-rules--open:hover .promo-accordion-hover:before,.promo-promotion__rules--open .accordion-1__item-hover:before,.promo-promotion__rules--open .friends-and-referrals-conditions__hover:before,.promo-promotion__rules--open .promo-accordion-hover:before,.promo-rules--open .accordion-1__item-hover:before,.promo-rules--open .friends-and-referrals-conditions__hover:before,.promo-rules--open .promo-accordion-hover:before {
    content: none;
    visibility: hidden;
    animation: none
}

.friends-and-referrals-conditions {
    border-radius: var(--roundings-m);
    border: 1px solid var(--border-a);
    background-color: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin-bottom: var(--spacings-3xl);
    overflow: hidden
}

.friends-and-referrals-conditions__inner {
    position: relative;
    overflow: hidden
}

.friends-and-referrals-conditions__head {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: var(--spacings-xl);
    border-radius: var(--roundings-m);
    transition: margin-bottom .2s ease-out;
    position: relative
}

.friends-and-referrals-conditions__head:before {
    content: "";
    bottom: -22px;
    width: 1468px;
    height: 68px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-out;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/img/static/star.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom
}

.no-webp .friends-and-referrals-conditions__head:before {
    background-image: url(/img/static/star.png)
}

.friends-and-referrals-conditions__head:after {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--buttons-icon-primary-bg-default);
    background-image: url(../../../assets/512300/img/chevrone-down.de7e2d5d.svg);
    transition: transform .2s ease;
    margin-left: auto;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 50%
}

.friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head {
    margin-bottom: 12px;
    padding: var(--spacings-xl) var(--spacings-xl) 0
}

@media(min-width: 1140px) {
    .friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head {
        margin-bottom:20px
    }
}

.friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head:after {
    transform: rotate(180deg)
}

.no-touch .friends-and-referrals-conditions__head:not(.friends-and-referrals-conditions--opened .friends-and-referrals-conditions__head):hover:before {
    opacity: 1
}

.friends-and-referrals-conditions__title {
    color: var(--text-text);
    margin-bottom: var(--spacings-2xs);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .friends-and-referrals-conditions__title {
        height:36px
    }
}

.friends-and-referrals-conditions__status {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--colors-system-error)
}

.friends-and-referrals-conditions__status.friends-and-referrals-conditions__status--active {
    color: var(--colors-system-success)
}

.friends-and-referrals-conditions__status-ic {
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.friends-and-referrals-conditions__status-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.friends-and-referrals-conditions__content {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-s);
    height: 0;
    padding: 0 var(--spacings-xl)
}

@media(min-width: 640px)and (max-width:1139px) {
    .friends-and-referrals-conditions__content {
        flex-direction:row;
        flex-wrap: wrap
    }
}

.friends-and-referrals-conditions--opened .friends-and-referrals-conditions__content {
    height: auto;
    padding: 0 var(--spacings-xl) var(--spacings-xl)
}

.friends-and-referrals-social-share {
    margin-bottom: var(--spacings-xl)
}

.friends-and-referrals-invite__socials .friends-and-referrals-social-share {
    margin-bottom: 0
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__socials .friends-and-referrals-social-share {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

.friends-and-referrals-social-share__title {
    margin-bottom: 12px;
    color: var(--text-text);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.friends-and-referrals-invite__socials .friends-and-referrals-social-share__title {
    flex-shrink: 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__socials .friends-and-referrals-social-share__title {
        text-align:left;
        margin-bottom: 0
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__socials .friends-and-referrals-social-share__title {
        max-width:max(188px,100%)
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals-invite__socials .friends-and-referrals-social-share__title {
        max-width:unset;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }
}

.friends-and-referrals-social-share__list {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.friends-and-referrals-invite__socials .friends-and-referrals-social-share__list {
    flex-wrap: nowrap;
    justify-content: center
}

.friends-and-referrals-social-share__link {
    width: 45px;
    height: 40px;
    border-radius: 100px;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.friends-and-referrals-social-share__link:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.friends-and-referrals-invite__socials .friends-and-referrals-social-share__link {
    width: 36px;
    height: 36px
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__socials .friends-and-referrals-social-share__link {
        width:40px;
        height: 40px
    }
}

.friends-and-referrals-social-share__ic {
    width: 20px;
    height: auto
}

.friends-and-referrals-invite {
    position: relative;
    overflow: hidden;
    background: var(--gradient-background-striped-2);
    border-radius: var(--roundings-l);
    padding: var(--spacings-page-paddings) var(--spacings-2xl);
    margin-bottom: var(--spacings-3xl);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacings-xl)
}

@media(min-width: 640px) {
    .friends-and-referrals-invite {
        padding:var(--spacings-xl);
        gap: var(--spacings-l)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite {
        flex-direction:row;
        gap: var(--spacings-m)
    }
}

.friends-and-referrals-invite__left {
    background: var(--backgrounds-b);
    border-radius: var(--roundings-m)
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__left {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 468px;
        flex: 1 1 calc(50% - var(--spacings-m)/2)
    }
}

.friends-and-referrals-invite__title-wrap {
    padding: var(--spacings-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacings-s)
}

.friends-and-referrals-invite__title {
    color: var(--text-heading);
    text-align: center;
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__title {
        text-align:left
    }
}

.friends-and-referrals-invite__content {
    background: var(--backgrounds-e-4);
    padding: var(--spacings-2xl) var(--spacings-xl);
    border-radius: 0 0 var(--roundings-m) var(--roundings-m)
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__content {
        padding:var(--spacings-xl)
    }
}

.friends-and-referrals-invite__text {
    color: var(--text-text);
    text-align: center;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__text {
        text-align:left
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals-invite__text {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.friends-and-referrals-invite__right {
    width: 100%;
    border-radius: var(--roundings-m);
    position: relative;
    background: var(--gradients-background-b)
}

.friends-and-referrals-invite__right:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .friends-and-referrals-invite__right {
        margin-inline:auto
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__right {
        flex:1 1 calc(50% - var(--spacings-m)/2)
    }
}

.friends-and-referrals-invite__img-wrap {
    position: relative;
    z-index: 1;
    height: 185px;
    border-radius: var(--roundings-m);
    border: 2px solid transparent;
    background: var(--gradient-image-default)
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__img-wrap {
        height:232px
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__img-wrap {
        height:100%
    }
}

.friends-and-referrals-invite__img {
    display: flex;
    width: 100%;
    max-width: var(--promo-images-news-width);
    aspect-ratio: 1;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__img {
        max-width:310px
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals-invite__img {
        max-width:348px
    }
}

.sidebar-opened .friends-and-referrals-invite__img {
    min-width: var(--promo-images-news-width);
    max-width: max(var(--promo-images-news-width),310px)
}

@media(min-width: 1628px) {
    .sidebar-opened .friends-and-referrals-invite__img {
        max-width:402px
    }
}

@media(min-width: 1810px) {
    .sidebar-opened .friends-and-referrals-invite__img {
        max-width:348px
    }
}

.friends-and-referrals-invite__error {
    display: flex;
    gap: 4px;
    color: var(--colors-system-error);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__error {
        align-items:center
    }
}

.friends-and-referrals-invite__error-ic {
    min-width: 16px;
    width: 16px;
    height: 16px
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__error-ic {
        min-width:20px;
        width: 20px;
        height: 20px
    }
}

.friends-and-referrals-invite__inputs {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-2xs);
    margin-bottom: var(--spacings-xl)
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__inputs {
        flex-direction:row
    }
}

.friends-and-referrals-invite__input {
    position: relative;
    height: 48px;
    padding: 4px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex: 1;
    border-radius: 100px;
    background: var(--input-bg-filled);
    border: 1px solid var(--input-border-filled)
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__input {
        width:calc(50% - var(--spacings-2xs))
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-invite__input {
        padding:var(--spacings-3xs) 16px
    }
}

.no-touch .friends-and-referrals-invite__input:hover {
    border-color: var(--input-border-hover);
    background: var(--input-bg-hover);
    transition: all .2s ease-out
}

.friends-and-referrals-invite__input-inner {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.friends-and-referrals-invite__input-placeholder {
    color: var(--input-label-filled);
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

.friends-and-referrals-invite__input-value {
    margin-top: -3px;
    max-width: 100%;
    color: var(--input-text-filled);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.friends-and-referrals-invite__input-tooltip {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    cursor: pointer
}

.friends-and-referrals-invite__icon-wrap {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center
}

.friends-and-referrals-invite__icon {
    width: 18px;
    color: var(--buttons-icon-secondary-c-icon-default)
}

.friends-and-referrals-invite__tooltip-wr {
    z-index: 5;
    width: 100vw
}

.friends-and-referrals-invite__tooltip-wr .v-popper__wrapper {
    padding: 0 var(--spacings-3xl)
}

.friends-and-referrals-invite__tooltip-wr .v-popper__inner {
    max-width: 100%
}

@media(min-width: 640px) {
    .friends-and-referrals-invite__tooltip-wr {
        width:auto
    }

    .friends-and-referrals-invite__tooltip-wr .v-popper__inner {
        max-width: 326px
    }
}

.friends-and-referrals-invite__input-btn {
    background: transparent;
    height: 20px;
    color: var(--input-icon-right-filled);
    padding: 0;
    flex-shrink: 0
}

.friends-and-referrals-invite__input-btn .btn__inner:empty {
    display: none
}

.no-touch .friends-and-referrals-invite__input-btn:hover {
    color: var(--input-icon-right-filled)
}

.friends-and-referrals-active-commission {
    margin-bottom: var(--spacings-3xl);
    padding: calc(var(--spacings-xl) - 1px);
    border-radius: var(--roundings-m);
    border: 1px solid var(--border-a);
    background-color: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.friends-and-referrals-active-commission__title-wr {
    margin-bottom: var(--spacings-xl);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px)and (max-width:1139px) {
    .friends-and-referrals-active-commission__title-wr {
        text-align:center
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-active-commission__title-wr {
        margin-bottom:0
    }
}

.friends-and-referrals-active-commission__title:first-child {
    color: var(--text-text)
}

.friends-and-referrals-active-commission__title:last-child {
    color: var(--text-text-accent)
}

.friends-and-referrals-active-commission__content {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xl);
    border-radius: var(--roundings-s);
    overflow: hidden;
    position: relative;
    background: radial-gradient(50% 50% at 50% 100%,rgba(113,236,111,.3) 0,hsla(0,0%,92.9%,.04) 100%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.friends-and-referrals-active-commission__content:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: radial-gradient(50% 50% at 50% 100%,rgba(113,236,111,.3) 0,hsla(0,0%,92.9%,.04) 100%) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.friends-and-referrals-active-commission__content:last-child {
    margin-bottom: 0
}

@media(min-width: 640px) {
    .friends-and-referrals-active-commission__content {
        display:flex;
        justify-content: center;
        align-items: center
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-active-commission__content {
        margin-bottom:0
    }
}

.friends-and-referrals-active-commission__content-bg:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -12px;
    left: -46px;
    right: -46px;
    background: linear-gradient(92deg,#2c0442 3.57%,#330853 10.61%,#401476 20.44%,#4b2298 29.81%,#502eb3 39.72%,#370157 97.99%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    pointer-events: none
}

@media(max-width: 639px) {
    .friends-and-referrals-active-commission__content-bg:after {
        content:"";
        position: absolute;
        z-index: -1;
        left: -46px;
        bottom: -12px;
        transform: rotate(2deg);
        width: 276px;
        height: 109px;
        border-radius: 276px;
        opacity: .8;
        background: #8f53f3;
        filter: blur(33px)
    }
}

.friends-and-referrals-active-commission__img-wr {
    width: 157px;
    margin: 0 auto var(--spacings-xl)
}

@media(min-width: 640px) {
    .friends-and-referrals-active-commission__img-wr {
        width:186px;
        flex-shrink: 0;
        margin: 0 var(--spacings-xl) 0 0
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-active-commission__img-wr {
        width:258px
    }
}

.friends-and-referrals-active-commission__text {
    color: var(--text-text);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.friends-and-referrals-active-commission__text p {
    margin-bottom: 8px
}

.friends-and-referrals-active-commission__text p:last-child {
    margin-bottom: 0;
    font-weight: 700
}

.friends-and-referrals-active-commission__text .accent-text {
    color: var(--text-text-accent)
}

@media(min-width: 1140px) {
    .friends-and-referrals-active-commission__text {
        max-width:400px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .friends-and-referrals-active-commission__text p {
        margin-bottom: 12px
    }
}

.friends-and-referrals-active-commission__btn-align {
    text-align: center
}

.friends-and-referrals-active-commission__btn,.no-touch .friends-and-referrals-active-commission__btn:hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

@media(max-width: 1139px) {
    .friends-and-referrals-active-commission__btn {
        height:40px
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-active-commission__head {
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: var(--spacings-xl)
    }
}

.friends-and-referrals-rewards {
    margin-bottom: var(--spacings-3xl);
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

@media(min-width: 1140px) {
    .friends-and-referrals-rewards {
        gap:0;
        padding: calc(var(--spacings-xl) - 1px);
        border-radius: var(--roundings-m);
        border: 1px solid var(--border-a);
        background-color: var(--backgrounds-e-4);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

.friends-and-referrals-rewards__table {
    padding: var(--spacings-xs) var(--spacings-xl) var(--spacings-xl);
    flex: 1 0 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-b)
}

@media(min-width: 640px) {
    .friends-and-referrals-rewards__table {
        flex:1 0 290px
    }
}

.friends-and-referrals-rewards__table-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 11px;
    gap: 12px;
    border-bottom: 1px solid var(--border-a)
}

.friends-and-referrals-rewards__table-row:last-child {
    border-color: transparent
}

.friends-and-referrals-rewards__table-row-left {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.friends-and-referrals-rewards__table-row-right {
    color: var(--text-text-accent);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.friends-and-referrals-rewards__table-row-right.friends-and-referrals-rewards__table-row-right--error {
    color: var(--colors-system-error)
}

@media(max-width: 639px) {
    .friends-and-referrals-rewards__action {
        margin-top:4px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .friends-and-referrals-rewards__action {
        margin-top:var(--spacings-xs)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-rewards__action {
        flex:1;
        text-align: right
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .friends-and-referrals-rewards__action {
        min-width:160px
    }
}

.friends-and-referrals-rewards__action-btn {
    height: 40px
}

.friends-and-referrals-rewards__action-btn,.friends-and-referrals-rewards__action-btn[disabled],.no-touch .friends-and-referrals-rewards__action-btn:hover {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0)
}

.friends-and-referrals-rewards__head {
    display: flex;
    align-items: center;
    flex: 1 0 100%;
    gap: var(--spacings-s);
    padding: var(--spacings-3xs) var(--spacings-2xs);
    border-radius: 100px;
    background-color: var(--backgrounds-b)
}

.friends-and-referrals-rewards__head-name {
    flex: 1;
    text-align: center;
    color: var(--text-description-b);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

.friends-and-referrals-rewards__head-name:first-child {
    text-align: left
}

.friends-and-referrals-rewards__head-name:last-child {
    text-align: right
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .friends-and-referrals-rewards__head-name:last-child {
        min-width:160px
    }
}

.friends-and-referrals-rewards__commission {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 0 100%;
    gap: var(--spacings-s);
    padding: 16px var(--spacings-2xs)
}

.friends-and-referrals-rewards__commission:last-child:before {
    content: none
}

.friends-and-referrals-rewards__commission:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--border-a)
}

.friends-and-referrals-rewards__commission-value {
    flex: 1;
    color: var(--text-text);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.friends-and-referrals-rewards__commission-value:first-child {
    text-align: left
}

.friends-and-referrals-rewards__commission-value:last-child {
    text-align: right
}

.friends-and-referrals-rewards__commission-value.friends-and-referrals-rewards__table-row-right--error {
    color: var(--colors-system-error)
}

.friends-and-referrals-rewards__error {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px
}

@media(max-width: 1139px) {
    .friends-and-referrals-rewards__error {
        margin-top:var(--spacings-xs)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals-rewards__error {
        flex:1;
        justify-content: flex-end
    }
}

.friends-and-referrals-rewards__error-close {
    flex-shrink: 0;
    width: 20px;
    height: auto;
    color: var(--colors-system-error)
}

.friends-and-referrals-rewards__tooltip {
    flex-shrink: 0;
    width: 36px;
    height: 36px
}

.friends-and-referrals-rewards__tooltip .v-popper {
    display: flex;
    cursor: pointer
}

@media(min-width: 1628px) {
    .friends-and-referrals-rewards__tooltip {
        width:40px;
        height: 40px
    }
}

.friends-and-referrals-rewards__popper-icon {
    width: 20px;
    height: auto;
    color: var(--buttons-icon-secondary-d-icon-default);
    pointer-events: auto
}

.friends-and-referrals-rewards__error-text {
    margin: 0 8px 0 4px;
    color: var(--colors-system-error);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.friends-and-referrals-rewards__popper-text {
    max-width: 168px;
    color: var(--text-description-b)
}

.top-search__buttons {
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    background: var(--backgrounds-a);
    overflow: hidden;
    height: 40px;
    transform: translateZ(0);
    transition: transform .3s ease;
    will-change: transform
}

@media(max-width: 639px) {
    .top-search--static .top-search__buttons {
        padding:0 8px
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .top-search--static .top-search__buttons {
        padding:0 4px
    }
}

@media(max-width: 1139px) {
    .top-search__buttons {
        margin-bottom:var(--spacings-m)
    }
}

.fixed-container__sticky .top-search__buttons:not(.top-search .top-search__buttons) {
    margin-top: 8px
}

.fixed-container--fixed:not(.top-search) .top-search__buttons {
    transform: translate3d(0,-100%,0);
    margin-bottom: 0;
    height: 0
}

.top-search .top-search__buttons {
    margin-bottom: 0
}

.top-search__button {
    flex: 1;
    height: auto;
    text-transform: none!important;
    padding: var(--buttons-s-vert) 10px
}

.top-search__button .btn__inner {
    width: 100%;
    font-weight: 500!important;
    justify-content: space-between;
    gap: 4px
}

.top-search__button-left-icon {
    color: var(--icons-a-disable)
}

.back-title__inner-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 30px;
    justify-content: center;
}

@media(min-width: 1140px) {
    .back-title__inner-wrapper {
        margin:0 auto
    }

    .fixed .back-title__inner-wrapper {
        padding: 0 var(--spacings-page-paddings)
    }

    .bonus-store__back-title.fixed .back-title__inner-wrapper,.main--partners-contests-history .fixed .back-title__inner-wrapper,.news__back-title.fixed .back-title__inner-wrapper {
        padding: var(--spacings-xs) 0
    }
}

@media(max-width: 1139px) {
    .main--partners-contests-history .fixed .back-title__inner-wrapper:after,.main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        content:"";
        position: absolute;
        bottom: -36px;
        height: 36px;
        width: 36px;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        right: 0;
        background-image: url(/img/search/round-right.svg);
        background-position-x: left
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:after {
        left: 0;
        background-image: url(/img/search/round-left.svg);
        background-position-x: right
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:after,.main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        bottom: calc(-36px - var(--spacings-page-paddings))
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:before {
        right: calc(var(--spacings-page-paddings)*-1)
    }

    .main--partners-contests-history .fixed .back-title__inner-wrapper:after {
        left: calc(var(--spacings-page-paddings)*-1)
    }
}

@media(min-width: 1920px) {
    .main--partners-contests-history .fixed .back-title__inner-wrapper {
        max-width:var(--main-container-promo-max-width)
    }
}

.back-title__button {
    position: relative;
    min-width: 36px;
    min-height: 36px;
    max-width: 36px;
    max-height: 36px;
    flex-shrink: 0;
    margin-right: var(--spacings-xs);
    z-index: 3
}

@media(max-width: 1139px) {
    .back-title__button {
        transition:margin-right .3s ease
    }

    .fixed-container__sticky .back-title__button {
        margin-right: var(--spacings-m)
    }
}

@media(min-width: 1140px) {
    .back-title__button:not(.fixed-container__sticky .back-title__button) {
        min-width:40px;
        min-height: 40px;
        max-width: 40px;
        max-height: 40px
    }

    .fixed-container__sticky .back-title__button {
        animation: backTitleButton .2s ease-in-out
    }

    @keyframes backTitleButton {
        0% {
            min-width: 40px;
            min-height: 40px;
            max-width: 40px;
            max-height: 40px
        }
    }
}

.back-title__button-icon {
    width: 20px;
    height: auto;
    color: var(--icons-a)
}

.back-title__button-text {
    position: relative;
    align-self: center;
    z-index: 3;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height);
    transition: font-size .3s ease;
    display: flex;
    align-items: center;
}

@media(max-width: 639px) {
    .fixed-container__static--hidden .back-title__button-text,.fixed-container__sticky .back-title__button-text {
        font-size:16px;
        line-height: 24px;
        font-weight: 500;
        transition: all .3s ease
    }
}

@media(min-width: 640px) {
    .fixed-container__static--hidden .back-title__button-text,.fixed-container__sticky .back-title__button-text {
        font-size:var(--headings-h2-font-size);
        font-weight: var(--headings-h2-weight);
        line-height: var(--headings-h2-line-height)
    }
}

.back-title__button-text--capitalize {
    text-transform: capitalize
}

.back-title__button-action {
    margin-left: auto
}

@media(min-width: 640px)and (max-width:1139px) {
    .fixed-container__static--hidden .static-page__back-title--terms-page .back-title__button-action {
        min-height:40px
    }

    .fixed-container__static--hidden .static-page__back-title--terms-page .back-title__button-action .back-title__pdf-btn {
        display: none
    }
}

.top-search__field {
    position: relative;
    z-index: 1;
    height: 100%;
    border-radius: 30px 30px 0 0;
    background: var(--backgrounds-a)
}

@media(max-width: 1139px) {
    .top-search__field {
        margin-bottom:8px
    }
}

.top-search__field:after,.top-search__field:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.top-search__field:before {
    left: -24px;
    background-image: url(/img/top-bar/round-left.svg)
}

.top-search__field:after {
    right: -24px;
    background-image: url(/img/top-bar/round-right.svg)
}

.top-search--static .top-search__field {
    padding: var(--spacings-m) var(--spacings-m) 0
}

.top-search__field-btn {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-description-b);
    padding: 4px 48px 4px 16px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.top-search__field-btn:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-touch .top-search__field-btn:hover {
    color: var(--text-text)
}

.top-search__field-btn-text {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-search__field-btn-icon-wr {
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--icons-c);
    border-radius: 100px;
    padding: var(--buttons-icon-s);
    background: var(--buttons-secondary-b-bg-default);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.static-page__head .top-search__field-btn-icon-wr {
    width: 36px;
    height: 36px
}

@media(min-width: 1140px) {
    .top-search__field-btn-icon-wr {
        width:40px;
        height: 40px
    }
}

.top-search__field-btn-icon {
    width: 100%;
    height: 100%
}

.fixed-container__static--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease
}

.fixed-container__sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    transition: transform .3s ease,width .3s ease;
    pointer-events: none;
    transform: translate3d(0,var(--topbar-height),0)
}

@media(max-width: 1139px) {
    .main-banner+.top-search .fixed-container__sticky:after,.main-banner+.top-search .fixed-container__sticky:before {
        content:none
    }
}

@media(max-width: 1139px) {
    .fixed-container__sticky {
        padding:var(--spacings-s) var(--spacings-page-paddings)
    }

    .fixed-container__sticky:after,.fixed-container__sticky:before {
        content: "";
        position: absolute;
        bottom: -36px;
        height: 36px;
        width: 36px;
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%
    }

    .fixed-container__sticky:before {
        right: 0;
        background-image: url(/img/search/round-right.svg);
        background-position-x: left
    }

    .fixed-container__sticky:after {
        left: 0;
        background-image: url(/img/search/round-left.svg);
        background-position-x: right
    }

    .top-bar--hide~.main-wr .fixed-container__sticky {
        transform: translate3d(0,var(--spacings-m),0)
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky {
        padding:0 var(--spacings-page-paddings);
        background: var(--backgrounds-a);
        transition: top .3s ease-out
    }

    .authorized .fixed-container__sticky {
        right: var(--sidebar-right-close)
    }

    .authorized .main-wr--user-sidebar-opened .fixed-container__sticky {
        right: var(--sidebar-right)
    }
}

@media(min-width: 1920px) {
    .fixed-container__sticky {
        max-width:calc(var(--main-container-max-width) + var(--spacings-page-paddings)*2);
        margin: 0 auto
    }
}

@media(min-width: 2380px) {
    .authorized .main-wr--user-sidebar-opened .fixed-container__sticky {
        right:var(--sidebar-right-close)
    }
}

.fixed-container--fixed .fixed-container__sticky {
    z-index: 6;
    opacity: 1;
    pointer-events: auto
}

.fixed-container__sticky-bg,.fixed-container__sticky-blur {
    pointer-events: none
}

@media(max-width: 1139px) {
    .fixed-container__sticky-bg {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--backgrounds-a);
        border-radius: 30px 30px 0 0;
        z-index: -1;
        transition: top .3s ease
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky-bg {
        display:none
    }
}

@media(max-width: 1139px) {
    .fixed-container__sticky-blur {
        position:absolute;
        top: calc(var(--topbar-height)*-1);
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -2;
        background: var(--backgrounds-a-70);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }
}

@media(min-width: 1140px) {
    .fixed-container__sticky-blur {
        display:none
    }
}

.friends-and-referrals {
    margin-top: var(--spacings-2xl)
}

.friends-and-referrals__not-auth {
    margin-bottom: var(--spacings-3xl)
}

.friends-and-referrals__head {
    padding-top: var(--spacings-xs);
    padding-bottom: var(--spacings-s)
}

@media(min-width: 640px) {
    .friends-and-referrals__head {
        padding-top:0;
        padding-bottom: var(--spacings-m)
    }
}

.friends-and-referrals__head--static {
    display: flex;
    flex-direction: column
}

.friends-and-referrals__back-title {
    margin-top: var(--spacings-2xl);
    align-items: center
}

.friends-and-referrals__head--sticky .friends-and-referrals__back-title {
    margin-top: 0;
    transition: margin-top .2s ease-out
}

@media(min-width: 1140px) {
    .friends-and-referrals__back-title {
        margin:calc(var(--spacings-xs)*-1) 0;
        padding: var(--spacings-xs) 0
    }

    .friends-and-referrals__head--sticky .friends-and-referrals__back-title {
        margin: 0;
        padding: var(--spacings-xs) 0
    }
}

.friends-and-referrals__header {
    position: relative;
    background: var(--gradient-background-striped-2);
    border-radius: var(--roundings-l);
    padding: var(--spacings-page-paddings) var(--spacings-2xl);
    margin-bottom: var(--spacings-3xl);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacings-xl)
}

@media(min-width: 640px) {
    .friends-and-referrals__header {
        padding:var(--spacings-xl);
        gap: var(--spacings-l)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__header {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacings-m)
    }
}

.friends-and-referrals__left {
    background: var(--backgrounds-b);
    border-radius: var(--roundings-m);
    padding: var(--spacings-xl)
}

@media(min-width: 1140px) {
    .friends-and-referrals__left {
        display:flex;
        flex-direction: column
    }
}

.friends-and-referrals__title {
    color: var(--text-heading);
    text-align: center;
    margin-bottom: 30px;
    font-size: var(--headings-h1-font-size);
    font-weight: var(--headings-h1-weight);
    line-height: var(--headings-h1-line-height)
}

@media(min-width: 640px) {
    .friends-and-referrals__title {
        font-size:var(--headings-h1-font-size);
        font-weight: var(--headings-h1-weight);
        line-height: var(--headings-h1-line-height)
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__title {
        text-align:left;
        margin-bottom: auto
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals__title {
        max-width:517px
    }
}

.friends-and-referrals__right {
    width: 100%;
    border-radius: var(--roundings-m);
    position: relative;
    background: var(--gradients-background-b)
}

.friends-and-referrals__right:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .friends-and-referrals__right {
        margin-inline:auto
    }
}

.friends-and-referrals__img-wrap {
    position: relative;
    height: 185px;
    z-index: 1
}

@media(min-width: 640px) {
    .friends-and-referrals__img-wrap {
        height:232px
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__img-wrap {
        height:282px
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals__img-wrap {
        height:300px
    }
}

.friends-and-referrals__img {
    width: var(--promo-images-news-width);
    height: var(--promo-images-news-width);
    bottom: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.friends-and-referrals__not-auth .friends-and-referrals__img {
    background-image: url(/img/friends-and-referrals/banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .friends-and-referrals__not-auth .friends-and-referrals__img {
    background-image: url(/img/friends-and-referrals/banner.png)
}

.friends-and-referrals__img-bg {
    width: 100%;
    height: 185px;
    background: var(--gradient-image-default);
    border-radius: var(--roundings-m);
    border: 2px solid transparent;
    bottom: 0;
    z-index: -1;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 640px) {
    .friends-and-referrals__img-bg {
        height:232px
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__img-bg {
        height:282px
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals__img-bg {
        height:300px
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__gift-block {
        max-width:328px
    }
}

@media(min-width: 1628px) {
    .friends-and-referrals__gift-block {
        max-width:unset
    }
}

.friends-and-referrals__gift-info-text {
    color: var(--text-text);
    text-align: center;
    margin-bottom: 20px;
    font-size: var(--text-large-bold-caps-font-size);
    line-height: var(--text-large-bold-caps-line-height);
    font-weight: var(--text-large-bold-caps-weight);
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .friends-and-referrals__gift-info-text {
        text-align:left
    }
}

.friends-and-referrals__gift-info-sum {
    color: var(--text-text-accent)
}

@media(min-width: 640px) {
    .friends-and-referrals__gift-info-action {
        display:flex;
        justify-content: center
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__gift-info-action {
        display:block
    }
}

@media(max-width: 639px) {
    .friends-and-referrals__gift-info-btn {
        width:100%
    }
}

.friends-and-referrals__steps-title {
    display: none;
    color: var(--text-text);
    height: 36px;
    margin-bottom: var(--spacings-xl);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .friends-and-referrals__steps-title {
        display:block
    }
}

@media(min-width: 640px) {
    .friends-and-referrals__steps-content {
        display:grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 1140px) {
    .friends-and-referrals__steps-content {
        grid-template-columns:1fr 1fr 1fr;
        gap: var(--spacings-m)
    }
}

.friends-and-referrals__step {
    padding: calc(var(--spacings-m) - 1px) calc(var(--spacings-xl) - 1px) calc(var(--spacings-xl) - 1px);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4);
    border: 1px solid var(--border-a);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin-bottom: var(--spacings-m)
}

.friends-and-referrals__step:last-child {
    margin-bottom: 0
}

@media(min-width: 640px) {
    .friends-and-referrals__step {
        margin-bottom:0
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .friends-and-referrals__step-3 {
        grid-column:1/3
    }
}

.friends-and-referrals__step-title-wr {
    display: grid;
    grid-template-columns: 1fr 70px;
    align-items: center;
    gap: var(--spacings-2xs);
    margin-bottom: var(--spacings-s)
}

.friends-and-referrals__step-img {
    order: 1;
    width: 70px;
    height: 70px;
    background-image: url(/img/friends-and-referrals/step_1.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.no-webp .friends-and-referrals__step-img {
    background-image: url(/img/friends-and-referrals/step_1.png)
}

.friends-and-referrals__step-2 .friends-and-referrals__step-img {
    background-image: url(/img/friends-and-referrals/step_2.webp)
}

.no-webp .friends-and-referrals__step-2 .friends-and-referrals__step-img {
    background-image: url(/img/friends-and-referrals/step_2.png)
}

.friends-and-referrals__step-3 .friends-and-referrals__step-img {
    background-image: url(/img/friends-and-referrals/step_3.webp)
}

.no-webp .friends-and-referrals__step-3 .friends-and-referrals__step-img {
    background-image: url(/img/friends-and-referrals/step_3.png)
}

.friends-and-referrals__step-title {
    color: var(--text-text);
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

.friends-and-referrals__step-text {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}



.play-provider-full {
    z-index: 1;
    cursor: pointer;
    position: relative
}

@media(min-width: 1140px) {
    .play-provider-full {
        height: 136px;
    }
}

@media(min-width: 1628px) {
    .play-provider-full {
        /* height:324px; */
    }
}

.play-provider-full-wr {
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    align-content: center;
}

@media(max-width: 1139px) {
    .play-provider-full-wr {
        padding:10px 12px;
        background: var(--selector-item-bg-default)
    }

    .play-provider-full-wr.play-provider-full-wr--with-jackpot {
        padding: 8px 12px
    }

    .providers__item .play-provider-full-wr {
        padding: 10px 12px 10px 8px
    }

    .providers__item .play-provider-full-wr.play-provider-full-wr--with-jackpot {
        padding: 6px 12px
    }
}

    .play-provider-full-wr {
        /* justify-content:flex-end; */
        border-radius: var(--roundings-m);
        position: relative;
        background: var(--gradients-background-b);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .play-provider-full-wr:after {
        z-index: -1;
        content: "";
        border-radius: inherit;
        border: 1px solid transparent;
        background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
        -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .play-provider-full-wr:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -46px;
        transform: translate(-50%,50%);
        padding-top: 89.2283%;
        width: calc(100% - 120px);
        border-radius: 622px;
        opacity: 0;
        background: radial-gradient(50% 50% at 50% 50%,rgba(var(--provider-bg),.3) 0,rgba(230,100,43,0) 100%);
        pointer-events: none;
        transition: all .2s ease-out
    }

    .no-touch .play-provider-full-wr:hover:before {
        opacity: 1
    }

.play-provider-full__wr-border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.play-provider-full__wr-border:before {
    visibility: hidden;
    width: 100%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.no-touch .play-provider-full-wr:hover .play-provider-full__wr-border:before {
    visibility: visible;
    content: "";
    will-change: transform;
    transform: translate3d(-50%,-50%,0) rotate(0);
    animation: rotateSpecialBorderToRightCard 3s linear infinite
}

@keyframes rotateSpecialBorderToRightCard {
    0% {
        transform: translate3d(-50%,-50%,0) rotate(0)
    }

    to {
        transform: translate3d(-50%,-50%,0) rotate(1turn)
    }
}

.play-provider-full__games-list {
    display: flex;
    align-self: center;
    align-items: flex-end;
    flex-direction: column;
    gap: var(--spacings-xs);
    transform: rotate(7deg)
}

@media(min-width: 1628px) {
    .play-provider-full__games-list {
        gap:var(--spacings-m)
    }
}

.play-provider-full__row {
    display: flex;
    gap: var(--spacings-xs)
}

.play-provider-full__row:empty {
    display: none
}

.play-provider-full__row:first-child {
    transform: translateX(-17px)
}

.play-provider-full__row:last-child {
    transform: translateX(-3px)
}

.play-provider-full__games-list--1 .play-provider-full__row {
    transform: translateX(44px)
}

@media(min-width: 1628px) {
    .play-provider-full__row {
        gap:var(--spacings-m)
    }

    .play-provider-full__row:first-child {
        transform: translateX(-95px)
    }

    .play-provider-full__row:last-child {
        transform: translateX(-23px)
    }

    .play-provider-full__games-list--1 .play-provider-full__row {
        transform: translateX(54px)
    }
}

.play-provider-full__games-item {
    display: flex;
    width: 82px;
    height: 101px
}

@media(min-width: 1628px) {
    .play-provider-full__games-item {
        width:144px;
        height: 180px
    }
}

.play-provider-full__games-list--1 .play-provider-full__games-item {
    width: 145px;
    height: 180px
}

@media(min-width: 1628px) {
    .play-provider-full__games-list--1 .play-provider-full__games-item {
        width:200px;
        height: 244px
    }
}

.play-provider-full__link {
    flex: 1 0 auto;
    display: flex;
    gap: 4px
}

@media(max-width: 1139px) {
    .play-provider-full__link {
        align-items:center;
        gap: 12px;
        max-width: 100%
    }
}

@media(min-width: 1140px) {
    .play-provider-full__link {
        padding:24px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end
    }
}

@media(min-width: 1628px) {
    .play-provider-full__link {
        padding:30px
    }
}

.play-provider-full__img-wr {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 140px; */
    height: 92px
}

@media(max-width: 1139px) {
    .play-provider-full__img-wr {
        /* width:20px; */
        /* height: 20px; */
        flex-shrink: 0;
        border-radius: 50%;
        overflow: hidden
    }
}

@media(min-width: 1140px) {
    .play-provider-full__img-wr {
        /* top:-24px; */
        /* right: -12px; */
    }
}

@media(min-width: 1628px) {
    .play-provider-full__img-wr {
        /* top:-22px; */
        /* right: -18px; */
        /* width: 196px; */
        /* height: 128px; */
    }
}

@media(max-width: 1139px) {
    .play-provider-full__img {
        border-radius:50%
    }
}

@media(min-width: 1140px) {
    .play-provider-full__img {
        border-radius:16px
    }
}

@media(max-width: 1139px) {
    .play-provider-full__logo {
        width:100%;
        height: 100%;
        object-fit: contain
    }
}

.play-provider-full__logo-name {
    font-size: var(--headings-h3-font-size);
    font-weight: var(--headings-h3-weight);
    line-height: var(--headings-h3-line-height)
}

.play-provider-full__provider-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.play-provider-full__provider-name {
    color: var(--selector-item-text-default);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.play-provider-full__provider-text--with-jackpot .play-provider-full__provider-name {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.play-provider-full__info {
    z-index: 1;
    position: relative
}

@media(min-width: 1140px) {
    .play-provider-full__info {
        width:100%;
        flex: 1;
        display: flex;
        gap: var(--spacings-l);
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
        white-space: nowrap;
        padding-right: var(--spacings-3xs)
    }
}

.play-provider-full__info-wr {
    display: flex;
    flex-direction: column;
    align-items: center
}

.play-provider-full__info-wr:only-child {
    align-items: flex-end
}

@media(max-width: 1139px) {
    .play-provider-full__jackpot {
        width:100%;
        color: var(--selector-item-text-default);
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

@media(min-width: 1140px) {
    .play-provider-full__jackpot {
        display:flex;
        gap: 4px;
        flex-direction: column;
        align-items: flex-end
    }
}

.play-provider-full__jackpot-sum {
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.play-provider-full__jackpot-zero .play-provider-full__jackpot-sum {
    color: var(--text-text-accent)
}

.play-provider-full__jackpot-text {
    color: var(--text-text-accent);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700
}

.play-provider-full__games {
    display: flex;
    align-items: center;
    gap: 12px
}

.play-provider-full__games-text {
    color: var(--text-description-a);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.play-provider-full__games-number {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .play-provider-full__games-number {
        color:var(--text-text-invert);
        border-radius: 100px;
        padding: 3px 8px;
        text-align: center;
        background: var(--backgrounds-e);
        box-shadow: var(--counter-shadow);
        font-size: 12px;
        line-height: 16px;
        font-weight: 700
    }
}

@media(min-width: 1628px) {
    .play-provider-full__games-number {
        padding:4px 12px;
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase
    }
}

.play-providers-tabs {
    width: 100%
}

@media(max-width: 1139px) {
    .play-providers-tabs {
        margin-bottom:calc(var(--spacings-l) - var(--spacings-xs))
    }
}

.play-providers-tabs__inner {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 100px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.play-providers-tabs__inner:before {
    -webkit-backdrop-filter: none!important;
    backdrop-filter: none!important;
    content: "";
    border-radius: inherit;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: var(--backgrounds-a);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.play-providers-tabs__inner::-webkit-scrollbar {
    display: none
}

@media(max-width: 1139px) {
    .play-providers-tabs__inner {
        overflow:hidden
    }
}

.play-providers-tab {
    flex: 1 1 50%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    gap: var(--tabs-m-gap);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    border-radius: var(--tabs-m-radius);
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.play-providers-tab:not(:first-child):before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--border-a);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 1139px) {
    .play-providers-tab {
        max-width:50%
    }
}

.providers__list .play-providers-tab {
    gap: var(--tabs-s-gap);
    padding: var(--tabs-s-vert) 0
}

@media(max-width: 1139px) {
    .providers__list .play-providers-tab {
        padding:var(--tabs-s-vert) var(--tabs-s-hor)
    }
}

.no-touch .play-providers-tab:not(.play-providers-tab--active):hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .play-providers-tab:not(.play-providers-tab--active):hover:before,.play-providers-tab.play-providers-tab--active+.play-providers-tab:before,.play-providers-tab.play-providers-tab--active:before {
    content: none
}

.play-providers-tab--active {
    cursor: default;
    pointer-events: none;
    position: relative;
    background: var(--gradient-tokens-backgrounds-l)
}

.play-providers-tab--active:before {
    content: none
}

.play-providers-tab--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradient-tokens-backgrounds-l) padding-box,var(--gradient-tokens-border-b) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bottom-sheet .play-providers-tab--active:after,.custom-modal .play-providers-tab--active:after,.game__tabs .play-providers-tab--active:after,.play-providers-tabs .play-providers-tab--active:after,.search .play-providers-tab--active:after {
    z-index: 0
}

.no-touch .play-providers-tab--active:hover {
    background-color: var(--backgrounds-e-4)
}

.no-touch .play-providers-tab--active:hover:before {
    content: none
}

.no-touch .play-providers-tab--active:hover .play-providers-tab__border {
    border: 2px solid transparent
}

.no-touch .play-providers-tab--active:hover .play-providers-tab__border:before {
    content: "";
    border-radius: inherit;
    background: var(--gradient-tokens-border-c);
    animation: rotateSpecialBorderToRightLink 2s linear infinite
}

.play-providers-tab__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.play-providers-tab__border {
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(0deg,var(--white-0),var(--white-0) 0) padding-box,linear-gradient(0deg,var(--white-0),var(--white-0) 0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.play-providers-tab__border:before {
    content: "";
    visibility: hidden;
    width: 120%;
    padding-bottom: 150%;
    background: var(--gradient-tokens-border-e);
    animation: rotateSpecialBorderToRightLink 3s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.filter-popup-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 8px;
    border-radius: 20px;
    box-shadow: var(--dropdown-shadow);
    z-index: 3;
    position: relative;
    background: var(--gradients-background-a)
}

.filter-popup-list:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-a) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .filter-popup-list {
        margin-top:var(--spacings-m)
    }
}

@media(min-width: 1140px) {
    .filter-popup-list {
        position:absolute;
        top: 44px;
        right: 0;
        gap: 4px;
        width: -webkit-max-content;
        width: max-content
    }
}

@media(min-width: 1628px) {
    .filter-popup-list {
        top:52px;
        width: 100%
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup-list {
        top: 44px;
        width: -webkit-max-content;
        width: max-content
    }
}

.filter-popup-list__item {
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 8px;
    border-radius: 100px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.no-touch .filter-popup-list__item:not(.filter-popup-list__item--active):hover {
    position: relative;
    background: var(--gradients-background-white-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.no-touch .filter-popup-list__item:not(.filter-popup-list__item--active):hover:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradients-background-white-0) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.filter-popup-list__item:not(.filter-popup--providers-page .filter-popup-list__item).filter-popup-list__item--active {
    position: relative;
    background: var(--gradients-background-white-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.filter-popup-list__item:not(.filter-popup--providers-page .filter-popup-list__item).filter-popup-list__item--active:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-white-4) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.filter-popup--providers-page .filter-popup-list__item {
    margin-bottom: var(--spacings-m);
    padding: 12px 4px 12px 12px;
    color: var(--selector-item-text-default);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.filter-popup--providers-page .filter-popup-list__item:last-child {
    margin-bottom: 0
}

.filter-popup-list__item-circle-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 12px
}

.filter-popup-list__item-circle-icon {
    width: 100%;
    height: auto;
    color: var(--colors-base-white-b)
}

.filter-popup-list__item-circle-icon.new {
    width: 18px
}

.filter-popup--providers-page .filter-popup-list__item-circle-icon {
    color: var(--selector-item-icon-default)
}

.filter-popup {
    position: relative;
    display: inline-block;
    margin: 0 0 0 auto;
    z-index: 3
}

@media(max-width: 1139px) {
    .filter-popup {
        width:100%;
        padding: 0 8px var(--spacings-m);
        margin-bottom: var(--spacings-m)
    }

    .filter-popup:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 8px;
        right: 8px;
        height: 1px;
        background-color: var(--border-a)
    }

    .filter-popup.filter-popup--providers-page {
        margin: 0;
        padding: 0 var(--spacings-page-paddings) var(--spacings-3xl)
    }

    .filter-popup.filter-popup--providers-page:before {
        content: none
    }
}

@media(min-width: 1628px) {
    .games-sort-page__head--sticky .filter-popup {
        margin-left:0
    }
}

.filter-popup__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    padding: 4px 4px 4px 12px
}

@media(max-width: 1139px) {
    .filter-popup__btn {
        min-height:48px
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .filter-popup__btn {
        width:40px;
        height: 40px;
        border-radius: 100px;
        padding: var(--buttons-icon-s);
        transition: all .2s ease-out
    }

    .filter-popup__btn:active,.no-touch .filter-popup__btn:hover {
        background: var(--colors-base-white-4)
    }
}

@media(min-width: 1628px) {
    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn {
        width:40px;
        height: 40px;
        border-radius: 100px;
        padding: var(--buttons-icon-s);
        transition: all .2s ease-out
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn:active,.no-touch .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn:hover {
        background: var(--colors-base-white-4)
    }

    .filter-popup__btn:not(.main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn) {
        height: 48px;
        min-width: 214px;
        max-width: 214px;
        padding: 8px 16px;
        border-radius: 100px;
        border: 1px solid var(--filter-input-border-default);
        background: var(--filter-input-bg-default)
    }

    .filter-popup__btn:not(.main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn).filter-popup__btn--active {
        border: 1px solid var(--filter-input-border-active);
        background: var(--filter-input-bg-active)
    }

    .no-touch .filter-popup__btn:not(.main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn):not(.filter-popup__btn--active):hover {
        border: 1px solid var(--filter-input-border-hover);
        background: var(--filter-input-bg-hover)
    }
}

.filter-popup__btn-ic-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

@media(min-width: 1140px)and (max-width:1627px) {
    .filter-popup__btn-ic-wrap {
        display:none
    }
}

@media(min-width: 1628px) {
    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn-ic-wrap {
        display:none
    }
}

.filter-popup__btn-ic-wrap--right {
    width: 36px;
    height: 36px;
    margin-left: auto;
    margin-right: 0
}

@media(min-width: 1140px) {
    .filter-popup__btn-ic-wrap--right {
        display:flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px
    }

    .filter-popup__btn-ic-wrap--right .filter-popup__btn-ic {
        width: 16px;
        height: 16px
    }
}

@media(min-width: 1628px) {
    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn-ic-wrap--right {
        display:flex
    }
}

.filter-popup__btn-ic {
    width: 20px;
    height: 20px;
    color: var(--selector-item-icon-default)
}

.filter-popup__btn--active .filter-popup__btn-ic {
    color: var(--selector-item-icon-active)
}

@media(min-width: 1140px) {
    .filter-popup__btn-ic {
        color:var(--buttons-icon-secondary-d-icon-default)
    }

    .filter-popup__btn--active .filter-popup__btn-ic {
        color: var(--buttons-icon-secondary-d-icon-active)
    }
}

.filter-popup__btn-ic-left {
    width: 20px;
    height: auto;
    color: var(--filter-input-icon-left-filled)
}

.filter-popup__btn-ic-left.new {
    width: 18px
}

.filter-popup__btn-text {
    flex-grow: 1;
    margin: 0 12px;
    white-space: nowrap;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

@media(min-width: 1140px)and (max-width:1627px) {
    .filter-popup__btn-text {
        display:none
    }
}

@media(min-width: 1628px) {
    .filter-popup__btn-text {
        margin:0 8px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 500
    }

    .main-wr--user-sidebar-opened .games-sort-page__head--sticky .filter-popup__btn-text {
        display: none
    }
}

.providers {
    position: relative;
    margin: 0 auto;
    padding: 0 var(--spacings-page-paddings)
}

@media(max-width: 639px) {
    .providers {
        padding-top:var(--spacings-s)
    }
}

@media(min-width: 1628px) {
    .providers {
        padding:0
    }
}

@media(min-width: 1920px) {
    .providers {
        max-width:var(--main-container-max-width)
    }
}

.providers__filters {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 4px var(--spacings-s) 4px 4px;
    height: 56px;
    border-radius: 100px;
    background: var(--backgrounds-e-4)
}

.providers__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacings-xs);
    margin-bottom: calc(var(--spacings-2xl) + 16px)
}

@media(max-width: 1139px) {
    .providers__list {
        padding:var(--spacings-xl);
        border-radius: var(--roundings-l);
        background: var(--colors-base-white-4);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }
}

@media(min-width: 1140px) {
    .providers__list {
        padding-top:var(--spacings-2xl);
    }
}

@media(min-width: 1140px) {
    .providers__list {
        display:grid;
        grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    }
}

.providers__item {
    display: flex;
    width: 100%
}

@media(max-width: 639px) {
    .providers__item.play-provider-full--with-jackpot {
        max-width:100%
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .providers__item {
        max-width:calc(50% - var(--spacings-xs)/2)
    }
}

@media(max-width: 1139px) {
    .providers__item {
        min-height:40px
    }

    .providers__item.play-provider-full--with-jackpot {
        min-height: 52px
    }
}

@media(min-width: 1140px) {
    .providers__item {
        flex:0 1 calc(50% - var(--spacings-xs)/2);
        overflow: hidden
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .providers__item {
        width:100%
    }
}

.providers__search-field {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    color: var(--text-text);
    padding: 4px 4px 4px 16px;
    width: 100%;
    position: relative;
    background: var(--gradients-background-c);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: all .2s ease-out
}

.providers__search-field:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-c) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .providers__search-field {
        margin-bottom:calc(var(--spacings-l) - var(--spacings-xs))
    }
}

@media(min-width: 1140px) {
    .providers__search-field {
        min-width:293px
    }
}

.providers__search-input {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.providers__search-input:-ms-input-placeholder {
    color: var(--text-description-b)
}

.providers__search-input::-ms-input-placeholder {
    color: var(--text-description-b)
}

.providers__search-input::placeholder {
    color: var(--text-description-b)
}

.no-touch .providers__search-input:hover:-ms-input-placeholder {
    color: var(--text-text);
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.no-touch .providers__search-input:hover::-ms-input-placeholder {
    color: var(--text-text);
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.no-touch .providers__search-input:hover::placeholder {
    color: var(--text-text);
    transition: all .2s ease-out
}

.providers__search-clear-wr,.providers__search-icon-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: var(--buttons-secondary-b-bg-default)
}

@media(min-width: 1140px) {
    .providers__search-clear-wr,.providers__search-icon-wr {
        width:40px;
        height: 40px
    }

    .no-touch .providers__search-clear-wr:hover,.no-touch .providers__search-icon-wr:hover {
        background: var(--buttons-icon-secondary-b-bg-hover);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        transition: background .2s ease-out
    }
}

.providers__search-icon-wr {
    color: var(--icons-c)
}

.providers__search-btn-icon {
    width: 100%;
    height: 100%
}

.providers-empty {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    padding-top: 118px;
    min-height: 464px;
    overflow: hidden
}

.providers-empty:before {
    content: "";
    width: 160px;
    height: 146px;
    padding: 7px 0;
    background-image: url(/img/providers/providers-sheet-no-results.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.no-webp .providers-empty:before {
    background-image: url(/img/providers/providers-sheet-no-results.png)
}

.providers-empty:after {
    content: "";
    width: 441px;
    height: 485px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background-image: url(/img/providers/providers-sheet-pattern-sm.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.no-webp .providers-empty:after {
    background-image: url(/img/providers/providers-sheet-pattern-sm.png)
}

@media(min-width: 640px) {
    .providers-empty:after {
        padding-top:116px;
        width: 598px;
        height: 657px;
        background-image: url(/img/providers/providers-sheet-pattern-md.webp)
    }

    .no-webp .providers-empty:after {
        background-image: url(/img/providers/providers-sheet-pattern-md.png)
    }
}

@media(min-width: 1140px) {
    .providers-empty:after {
        width:100%;
        background-size: 598px 657px;
        background-image: url(/img/providers/providers-sheet-pattern-lg.webp)
    }

    .no-webp .providers-empty:after {
        background-image: url(/img/providers/providers-sheet-pattern-lg.png)
    }
}

@media(min-width: 1140px) {
    .providers-empty {
        padding-top:114px;
        min-height: 464px
    }
}

@media(min-width: 1628px) {
    .providers-empty {
        padding-top:111px
    }
}

.providers-empty__text-title {
    color: var(--text-text);
    margin: var(--spacings-xl) 0 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.providers-empty__text-subtitle {
    color: var(--text-description-b);
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.spinner-logo {
    width: 60px;
    height: 60px
}

.cashout-alert-card__action--preloader .spinner-logo {
    width: 100%;
    height: 100%
}

.main-preloader {
    position: relative;
    width: 100%;
    height: 60px;
    transition: all .2s ease-out
}

@media(min-width: 640px) {
    .payment__content-inner-1>.main-preloader {
        margin:42px 0
    }
}

.payment__content-inner-1>.main-preloader {
    margin: 20px 0;
    min-height: 60px
}

.payment__content-inner-1--with-loader .main-preloader {
    height: 100%;
    margin: auto
}

.contest-stream-winners-list-wr .main-preloader {
    flex-grow: 1
}

.partners-contests-history-content__main-content .main-preloader {
    min-height: 464px
}

.main-preloader--fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10050;
    width: 100%;
    height: 100%
}

.main-preloader__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 60px;
    height: 60px;
    pointer-events: none
}

.cashout-alert-card__action--preloader .main-preloader__inner {
    width: 100%;
    height: 100%
}

.partners-contests-history-content__main-content .main-preloader__inner {
    flex-grow: 1
}

.path-profile .main-preloader__inner {
    position: static;
    transform: translateZ(0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.main-preloader__inner.hnd {
    position: relative;
    top: auto;
    left: auto;
    transform: translateZ(0)
}

.main-preloader__inner.hnd .main-preloader__text {
    left: 100%;
    top: 50%;
    transform: translate3d(0,-50%,0);
    margin-left: 10px;
    font-size: 14px
}

.main-preloader__text {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%,0,0);
    display: block;
    white-space: nowrap;
    color: var(--gray-500)
}

.main-preloader__prog {
    color: #b0a499;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px
}

.main-preloader__p1 {
    position: absolute;
    width: 80%;
    height: 80%;
    margin: 10%;
    animation-iteration-count: infinite;
    animation-name: prel__p1;
    animation-duration: 6s
}

.main-preloader__p2 {
    position: absolute;
    width: 100%;
    height: 100%;
    animation-iteration-count: infinite;
    animation-name: prel__p2;
    animation-duration: 7s
}

@keyframes prel__p1 {
    0% {
        transform: rotate(0deg)
    }

    35% {
        transform: rotate(-900deg)
    }

    85% {
        transform: rotate(-3200deg)
    }

    to {
        transform: rotate(-2000deg)
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0deg)
    }

    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 {
    fill: none;
    stroke: #f09235;
    stroke-linecap: square;
    animation: arc 1.32s cubic-bezier(.8,0,.4,.8) infinite
}

@keyframes inner {
    0% {
        transform: rotate(-100.8deg)
    }

    to {
        transform: rotate(0)
    }
}

.bonus-store-spin {
    display: flex;
    flex-direction: column
}

.bonus-store-spin__title {
    color: var(--text-description-b);
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.bonus-store-spin__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

.bonus-store-spin__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 36px;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

.bonus-store-spin__item.active,.no-touch .bonus-store-spin__item:hover {
    background-color: var(--colors-base-black-1000-60);
    border-color: var(--colors-global-accent-c)
}

.bonus-store-bar {
    --percent: 0;
    width: 100%;
    margin-bottom: 16px
}

.bonus-store-bar__title {
    color: var(--text-description-b);
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.bonus-store-bar__wr {
    position: relative;
    height: 16px
}

.bonus-store-bar__input {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-color: var(--backgrounds-a-70);
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer
}

.bonus-store-bar__input:focus {
    outline: none
}

.bonus-store-bar__input::-webkit-slider-thumb {
    position: relative;
    width: 49px;
    height: 35px;
    border-radius: 25px;
    background-color: transparent;
    box-shadow: none;
    cursor: grab;
    -webkit-appearance: none;
    appearance: none
}

.bonus-store-bar__thumb {
    top: 50%;
    left: var(--percent);
    transform: translate(calc(var(--percent)*-1),-50%);
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 0;
    pointer-events: none;
    z-index: 1;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--text-text);
    overflow: inherit;
    transition: all .2s ease-out
}

.bonus-store-bar__thumb,.bonus-store-bar__thumb-tooltip {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.bonus-store-bar__thumb-tooltip {
    border-radius: 8px;
    padding: 8px 12px;
    color: var(--text-heading);
    background: var(--backgrounds-c);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.25);
    top: -48px
}

.bonus-store-bar__thumb-tooltip-arrow-container {
    width: 10px;
    height: 10px;
    bottom: -10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.bonus-store-bar__thumb-tooltip-arrow-outer {
    border-width: 6px
}

.bonus-store-bar__thumb-tooltip-arrow-inner,.bonus-store-bar__thumb-tooltip-arrow-outer {
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-color: var(--backgrounds-c);
    border-bottom-width: 0;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.bonus-store-bar__thumb-tooltip-arrow-inner {
    top: -2px
}

.bonus-store-bar__progress {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--percent);
    height: 100%;
    border-radius: 100px;
    background-color: var(--colors-base-white-10);
    pointer-events: none;
    transition: width .2s ease-out
}

.bonus-store-bar__tickmarks {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.bonus-store-bar__tickmark {
    position: relative;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: var(--colors-base-white-10);
    transition: background .2s ease-out
}

.bonus-store-bar__tickmark--active {
    background-color: var(--backgrounds-e)
}

.bonus-store-bar__tickmark-tooltip {
    border-radius: 8px;
    padding: 8px 12px;
    color: var(--text-heading);
    background: var(--backgrounds-c);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.25);
    display: flex;
    justify-content: center;
    align-items: center;
    top: -48px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.bonus-store-tooltip {
    display: flex;
    flex-direction: column
}

.bonus-store-tooltip .v-popper--theme-tooltip {
    min-width: 50%;
    max-width: 100%
}

@media(max-width: 1139px) {
    .bonus-store-freespin__item .bonus-store-tooltip,.bonus-store-lootbox__item .bonus-store-tooltip {
        width:100%
    }
}

.bonus-store-tooltip--tooltip {
    z-index: 12!important;
    max-width: calc(100% - var(--spacings-l)*2)!important
}

.bonus-store-freespin-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: var(--spacings-xl) var(--spacings-m) var(--spacings-m);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-b);
    position: relative;
    background: var(--gradients-background-b)
}

.bonus-store-freespin-card:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 1140px) {
    .bonus-store-freespin-card {
        padding:var(--spacings-m)
    }
}

.bonus-store-freespins__list--slider .bonus-store-freespin-card {
    width: 320px;
    margin-right: var(--spacings-m)
}

@media(min-width: 1140px) {
    .bonus-store-freespins__list--slider .bonus-store-freespin-card {
        width:400px
    }
}

.bonus-store-freespins__list--slider .bonus-store-freespin-card:last-child {
    margin-right: 0
}

.bonus-store-freespin-card__head {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bonus-store-freespin-card__provider {
    color: var(--colors-base-white-60);
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.bonus-store-freespin-card__provider:first-letter {
    text-transform: uppercase
}

@media(min-width: 1140px) {
    .bonus-store-freespin-card__provider {
        color:var(--text-description-a);
        font-size: 14px;
        line-height: 24px;
        font-weight: 500
    }
}

.bonus-store-freespin-card__title {
    color: var(--colors-base-white-b);
    margin-bottom: var(--spacings-2xs);
    font-size: var(--text-large-medium-font-size);
    line-height: var(--text-large-medium-line-height);
    font-weight: var(--text-large-medium-weight)
}

.bonus-store-freespin-card__wager {
    color: var(--colors-base-white-60);
    font-size: 10px;
    line-height: 16px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .bonus-store-freespin-card__wager {
        font-size:12px;
        line-height: 20px;
        font-weight: 500
    }
}

.bonus-store-freespin-card__img {
    display: flex;
    width: 100%;
    height: 160px;
    border-radius: var(--roundings-xs);
    object-fit: cover;
    object-position: center
}

@media(min-width: 1140px) {
    .bonus-store-freespin-card__img {
        height:200px
    }
}

.bonus-store-freespin-card__block {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(max-width: 1139px) {
    .bonus-store-freespin-card__block {
        margin-top:-4px
    }
}

.bonus-store-freespin-card__bottom {
    display: flex;
    align-items: center
}

@media(max-width: 1139px) {
    .bonus-store-freespin-card__bottom {
        gap:16px
    }
}

.bonus-store-freespin-card__badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: var(--buttons-s-vert) 16px var(--buttons-s-vert) 12px;
    border-radius: 28px;
    background-color: var(--colors-base-white-10);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.bonus-store-freespin-card__badge-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(data:image/webp;base64,UklGRswOAABXRUJQVlA4TMAOAAAvT8ATEE2gbds2UKPN+f/hpO0LEf2fAF6rF4GMcEKyIOtwoVBHL7IOvxaMIklSlP7FrYZ57h4zfdEC20aSFGfLPOsEzzzms20kSVEfPISB5ucfz3jPzGD0fwLgs8YDCQAS3SQ+AFd7w23IC4CGeV1cm2sYxeIYjGotQhrST7YJkJGGjvvShPxkVQAAGmXjn3aEIWQ33KMkXXMdE2p47lp4AH4yFLRtI9X8ae+7QxARE5CpCpO0KNSJr+XYtm3aVp/ftm3Xv0RWfu9756z58ZT/hI5t26ptpc/93d391+DnFrtAWSkEoUPk7n797knZtm3VbTT3k0xSUkytamVUi5mxWaN+nZmZmcTvve0QkiTLyjI4hENZo0N4Jj/R1xNAx9a2Y9tznNf9/LZtTc9m7GQAZp3e5T8F2zaf977O8HnZpaFj27ZqW+lznXPv/7gVgswiMjKXIlCuXwcq4BK5O/knc4cn9+5JN7Jt1bbTc51z7+cUZCsNxuAUBngMtjzJZEjk0d17Usu27XnbnLcI+AuB5GMQqwQ8GASB1/+FQPpCwANAFoEmBDwILAKVjKAKAd0TgOC/3/r/sH4YL7b4zpFQxKFY4J5xUwz47ovf8Ordl/5xZDUMAXscxy52OGJHERTJaKCABGCAtAAktEAyGijAgpzjClc4xxoLGML4FNvf0PD4ZL59GCEAjMsAATBhR7fkON3GboxUsKdkKulUAHKBFc7JCtdwPkCAIQAAfWc6hafXIeG2tse1wiTAEOyNADDEYXqInfpXHNZuIYozciVWk0t6PTnHEoYAAEMAGAJg1PkGzLltsP4MBdacb6+s1QY2AgAEgGBPDAAQAOh2LJILgCEADGEACPbEkP6j+w/WJFth3dYP/boZRv3/l4VrqVRhvxsAxQwwEtCRgCIACAIwhCEAAAxRdDTAEAAQFAADokZjKs0cUZXmFq4G599/Hut+/c8EENHpYXKBCXtAhigMERhFMEewwHIskQBDQAETRkwwQHQEDf6lWI1qN+y6joRCAE7rAB4H5d+/Htq+fIERAIDZ/h8zDrFHBwA0AgNERyCKYDXWAWAI+AsTCgiMBgCAIaAIJlh3/5spAIAo9XfKyRzWA3r104/fpUfuBEVUE3S/G3OcsEEARZEhICggA4qruAvsyTR+igkA2X4YYsTUzEn3RGeJpCai8AQHg3n547cX5gYgUABg1oeYcRpbGCKjAQABQBFcjnsxBBgAAmCP78YURTGMRuxBEZxiMtuNdgL/RKj7Em4H8eKHL8c8PntGP4iaUBStFtHVESNOsRuNAMBoDKMQRcZV3DcWwb8YAow9Po0RRRDMI1EEhoCM0+po3U7SQUepCjEIFILXmsPrAJ5+99WK5BNNDKW1hBZBLf/uMOKAbQQFQDBjQAckLnA/LsG+GML4J97FgCKjEAEUwYzg2Gw3uh3WJACilohaIkr73t53nff36LMvrolLUQMCRN1G0FgXxQl7bJEhZgSQIYJ5XMUT4xKgvTAEAPyE94coDBEUQREYR92dtu4SoUGgEAAFJVNz29fd7386Pl5vhSbDtFBiEwVQzGrr2NF/xg4ARqIwEsYqHsMKAGCAAEMAgCHgu/EmGhnQCAwQwWx38X+zDkIsmKTISE0RAWTmCm66PXjvm5F/LaS3ZNpAIKMpAMKsNjNPbL8KFDAwB9IhWXP4xbGCAcIQYAgAMAQAYH42m7cTCApAQ0Jx5CHz/2HrOjQko5HRyLQJALApl49zWHd61ePferVHSDIoUUnWKAwqKcvfx85cOM1vmYgMYRo0h6+48DTWAAAwBACAIQAMEID/P+TvD6khMRIFhN1o95+xWWVNUpJhtAohslJilUTNG8y73Hjj+0Ve2EUlWYNKCAoJLSGi2Pl579I9/D4kGQVIw5HLOfs0Yw0AMECwJwYIMASA+fXD/PQBDAEZoqynbX87rbtWJDRAUJFQIUGJIkGXMHVor3JcLwKFITEgaQeCBiKWf2b+KX8EARQ4dDY3H8qhFUAAGAIMYYAAQxggwBCAbz7giw9oUBKEmsXc7j8S0wSAqQQMiakAFP7Chw71wggAgCIAACRdm2Dz3eTegyW/D0OAObTIkxucWAMADAEGCDAABBgCAAxhiM7nH/LJh2kIGNr5abQsBxDWJNgzOsJJQA+QDr9dzOP82luDa+N6WkKSAWorI2tTULH5CX+WPxaZgBHevYUzCxSGMBoZjYxGYDQyhCEAigxRZAA0jrz/Fh/8ANTQ7i+1/r8gVinAmhQ0kXSaGuCecbNcP3mBfzo8ujwvc8uDmuHMOHfD9Z71TpdcUoQiQqBDxPpz+S3EFK+a8yssxglgJDoEZDQyoAEZRdAICjAEgAHiH957Zz7cBML2F5bFAlURJqENmkF0v5K+ho+1FkpMyW0Obx3A66N5j8FJJAUzwsbUMjIzCNpBM5Tw7Motzn73/ZDnr/LwfsYlCjAEFACBIQAMUQQAGY0iCOlUgCHr//BKy7dXRF79+lzvnytgKFiI3pXcxNVVbVsEBEw7O4afoHPVIZ3X0joT2pIEzOvuhjY3DnA2JFE8Onrm2u+/8/g5Xrw+h84gSkMgyGiAIcAQAEUABiSdSWCAKILSkODZN+HWlNvJ059e6P31nAPqXuOe9nxGS0lmgCpAFfkKS9Dn0a//XlALJ4DaksQJinBT9/BAupb0wuTeg4d4+hrQEABAQzKaoABgJAqMIMyJZjQjyFSCGiUDZJZhQBNeeh1ube2vz935nyuLq6f2ORGcVG2ZzCwVIcAES9D3wU//vHFzToAIFlBIqBBeH1j6cP9Go4oZYWczklkSJgLWKoAi6SopaSZ0DKXVAlF0GpSRBDMTJZFpSYqthBN3Pu+J20/uQmksrZfn1plAoAAAjTu4BAPc88Hv3y1HkjgKEBQkqTLq9XrqfLuFRtdSmlpJDdGR6EoRdCSoCgDKAAVUE2lERwpLUhLHREFpeulwc3fbQQtEHQEIlCRAyW/4Aga5/YP/B67uHqjPRKCSlIkIoM7O7s3/hxasYjprbaKKpoigNWkaRFJVYSUloSW6SoICENClQ5IdkyKON0pHDjevR+/qQANKigZBVSczArzOPzuAzUDA9ld/G/LGsxf0IxFDIqT+TYLg/vLUte1ora1po6oGak0S1IAAkXak6hIpICh0kkCDEI5NixRxrIPjM4o4vz21FklQAErDQcJJkFWZOYQ1GPD2d38fta0HYgRNFjQBVMTx8nqxi5rJOmvQWqlMBJqhshCdSLNK0ZWIpLSIIs0kpVmQpGPsRDlm6NFeL+68Szk8ASIA6gBEVKu8cTmENRg4NykHO3FQCAItUCZui2T5jbcs+feiamsTV1PjptZYiuhIFBmNgCKgMARBGRJREU0FDUmEhp5stRInVYSqExC0cYhyMIChTjnehrJjGZQAgAYAkdPWvy6JVblGqlpcaBgpBVQEdJLaiA5BBVBhlUQFpVEIUVIx9eTO9vIJAAgUQIR2Ww4ZZjMOB0wxu8z+BoFC1Nk6AlCzT2PD/6NWcpE0K24YigZdo9SgUVChBiJFLUNpxzRMlQ6Goo3Be3PuofSVEHFC7dYzAQDE3s9g2Ecf/vzC02uZmoB/brqImSdqyUo23NakM0NqlSBIKNpIiqDUJFUkSDEUBI2Ror1z97h598RJIVAAADATGP4bj1iwdUkVkKAQgc5qbDw1teSKXCRYdEahllIprEISpVASBBZlJEHRiASNrXp7cvq+Z3UAEBIoQJWVCaYRAG8/sa/hHAmKJFQ9iTpd2WVhm2zlIle40ZZpLUGLIQ2gAxJEJ6pBBgoKBRotSa7effHgeJaGZ6K2CEdJZo3+gBMwku8+2R+KI0mBJQA0dFsfI1WLz+HS2bXqDABQkwQtSQEBCTkQkmqaItXW1G2cvOtNEYYCADQUbzAHI/rRU56JXfDPZXPLEovPWiNezN5amV0lSgMSoI2kKM2MBBkR0QiR0CaXjm/6ZD+Rhk4BgCjWT08v57AZlc9e/mzQ0VBCgYMEiCRbVzXn1bSTXbzCLcMAVJEAFFQFEPGURISQakZMPN6SSzdKlAZpTCU8VrrsKRhd3A9NpSgKQcJhbpP1Xa3d8drNlhvWsNQROtCSRMUgAFKSChqJRGRE4uSNeJ0WqANFZmZdeXcKRnn6vxfNGWIUdRJVPbEpzQxbdvMqF7elZBIKQm2dRFVPIwAlFBQiU+XIo5le2SfYW2QGVQP9f2qcgdHOBzNo3R6idiwUwOzIhg2v1WrHK2zVDVoONAEAYSilDk2REanIsNOZQ7wWqiJQiCmcglH//L1397XceyYAKqzamW/Hq02bK27rJoYanpYmCCmiSEJoUCIybuXsnQxAigZoTnMFRv/LD9471vhOlQiYknTrVtjJFt3c1hWDYqFsapAWE4ag5EgM1eF0jm2aoABQZ4JpDMC3n767ULpAALBsZ7FbssVq044Ldg0IAAhFJVFGJJS4lrMPTIHWEac4nxNMYCx//OqdBSyoKFoSm+ZRsZItFrZqwgIFCBgSiipJZNpzOtVnkRbhoJVfcAzGNBhLaGhszMWa7tiuVdqoeMpCIIGQg3IKB+VwqdOnFzemisAbzMHYNslYIrGJmq7vzoyUbbYZnlJbhGeihnIih8jF044rUkfQSt4Lc9iMz0+Pvz00NTQFzJKuU5kV27BKK0dUEGSEo3KhHDkjbSUUWL08OYQ1GGNu7iH2Dmo+eZLVjbk2Z7FyNgoJhAxyCKdHxnVKcbxPjQNYg7GefkHe7AMxNmw3NbOwauJs2PUk6lAOOND0fGgFtfGph/AKxvzn/z/a9ZZ7kmFxYjGxXU9DlQiGOuTorcSDlidJvsBvMPa/9KN9tfdBNzpnpbtOA1AyyKHNuLiWHBVfYQkm4B99/5it3+dLl69DTkMBkpLJTbuPlccEE5iIcdxj2Zf5SWKTZlII4nXigme1TDCBCRnHZc4wR5QtNZFxdfTZuv6EEzAxp1k7S9fZMkF5se1edb5Nubo/gM3kALOcb3PW9Sk3w5XJn97x7gY2YJLCD/C/ZQ==)
}

.no-webp .bonus-store-freespin-card__badge-icon {
    background-image: url(../../../assets/516047/img/gems.8697d6fa.png)
}

.bonus-store-freespin-card__badge-number {
    white-space: nowrap;
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.bonus-store-freespin-card__btn:not(.custom-modal--bonus-store-lootbox-info .bonus-store-freespin-card__btn,.custom-modal--bonus-store-lootbox-info .bonus-store-tooltip__btn),.bonus-store-tooltip__btn:not(.custom-modal--bonus-store-lootbox-info .bonus-store-freespin-card__btn,.custom-modal--bonus-store-lootbox-info .bonus-store-tooltip__btn) {
    margin-left: auto;
    height: 40px
}

@media(max-width: 1139px) {
    .bonus-store-freespin-card__btn:not(.custom-modal--bonus-store-lootbox-info .bonus-store-freespin-card__btn,.custom-modal--bonus-store-lootbox-info .bonus-store-tooltip__btn),.bonus-store-tooltip__btn:not(.custom-modal--bonus-store-lootbox-info .bonus-store-freespin-card__btn,.custom-modal--bonus-store-lootbox-info .bonus-store-tooltip__btn) {
        width:100%
    }
}

.bonus-store-freespins {
    display: flex;
    flex-direction: column;
    gap: var(--spacings-xl)
}

.bonus-store-freespins__row {
    display: flex;
    align-items: center;
    gap: var(--spacings-s)
}

.bonus-store-freespins__title {
    color: var(--colors-base-white-a);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.bonus-store-freespins__list-wr {
    position: relative
}

@media(min-width: 1920px) {
    .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider:after,.bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider:before {
        content:"";
        position: absolute;
        z-index: 2;
        top: 0;
        width: 253px;
        height: 100%;
        pointer-events: none
    }

    .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider:before {
        display: none;
        left: var(--slider-fade-offset);
        background: var(--gradient-slider-blind-reversed)
    }

    .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider.translate-slider:before,.translate-slider .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider:before {
        display: block
    }

    .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider:after {
        right: var(--slider-fade-offset);
        background: var(--gradient-slider-blind)
    }

    .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider.translate-slider-end:after,.translate-slider-end .bonus-store-freespins__list-wr.bonus-store-freespins__list-wr--slider:after {
        display: none
    }
}

.bonus-store-freespins__list {
    --columns-count: auto-fill
}

.bonus-store-freespins__list:not(.bonus-store-freespins__list--slider) {
    display: grid;
    grid-template-columns: repeat(var(--columns-count),minmax(280px,1fr));
    gap: var(--spacings-s)
}

.bonus-store-freespins__list.bonus-store-freespins__list--slider {
    width: calc(100% + var(--spacings-page-paddings)*2);
    padding: 0 var(--spacings-page-paddings);
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    overflow: hidden
}

@media(min-width: 1628px) {
    .bonus-store-freespins__list:not(.bonus-store-freespins__list--slider) {
        --columns-count:4
    }
}

.bonus-store-lootbox-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: var(--spacings-m);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-b);
    position: relative;
    background: var(--gradients-background-b)
}

.bonus-store-lootbox-card:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bonus-store-lootboxes__list--slider .bonus-store-lootbox-card {
    width: 320px;
    margin-right: var(--spacings-s)
}

@media(max-width: 1139px) {
    .bonus-store-lootboxes__list--slider .bonus-store-lootbox-card {
        padding-top:var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .bonus-store-lootboxes__list--slider .bonus-store-lootbox-card {
        width:400px
    }
}

.bonus-store-lootboxes__list--slider .bonus-store-lootbox-card:last-child {
    margin-right: 0
}

.bonus-store-lootbox-card__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

.bonus-store-lootbox-card__title {
    color: var(--colors-base-white-b);
    font-size: var(--text-large-medium-font-size);
    line-height: var(--text-large-medium-line-height);
    font-weight: var(--text-large-medium-weight);
    text-transform: uppercase
}

.bonus-store-lootbox-card__info {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    cursor: pointer
}

@media(max-width: 1139px) {
    .bonus-store-lootboxes__list--slider .bonus-store-lootbox-card__info {
        top:4px;
        right: 4px
    }
}

@media(min-width: 1140px) {
    .bonus-store-lootbox-card__info {
        width:40px;
        height: 40px
    }
}

.bonus-store-lootbox-card__info-icon {
    width: 20px;
    height: 20px
}

.bonus-store-lootbox-card__img {
    display: flex;
    width: 100%;
    height: 200px;
    border-radius: var(--roundings-xs);
    object-fit: cover;
    object-position: center
}

.bonus-store-lootboxes__list--slider .bonus-store-lootbox-card__img {
    height: 160px
}

@media(min-width: 1140px) {
    .bonus-store-lootboxes__list--slider .bonus-store-lootbox-card__img {
        height:200px
    }
}

.bonus-store-lootbox-card__prize {
    color: var(--text-description-a);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.bonus-store-lootbox-card__prize .amount {
    white-space: nowrap
}

.bonus-store-lootbox-card__bottom {
    display: flex;
    align-items: center
}

@media(max-width: 1139px) {
    .bonus-store-lootbox-card__bottom {
        gap:16px
    }
}

.bonus-store-lootbox-card__balance {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: var(--buttons-s-vert) 16px var(--buttons-s-vert) 12px;
    border-radius: 28px;
    background-color: var(--colors-base-white-10);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.bonus-store-lootbox-card__balance-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(data:image/webp;base64,UklGRswOAABXRUJQVlA4TMAOAAAvT8ATEE2gbds2UKPN+f/hpO0LEf2fAF6rF4GMcEKyIOtwoVBHL7IOvxaMIklSlP7FrYZ57h4zfdEC20aSFGfLPOsEzzzms20kSVEfPISB5ucfz3jPzGD0fwLgs8YDCQAS3SQ+AFd7w23IC4CGeV1cm2sYxeIYjGotQhrST7YJkJGGjvvShPxkVQAAGmXjn3aEIWQ33KMkXXMdE2p47lp4AH4yFLRtI9X8ae+7QxARE5CpCpO0KNSJr+XYtm3aVp/ftm3Xv0RWfu9756z58ZT/hI5t26ptpc/93d391+DnFrtAWSkEoUPk7n797knZtm3VbTT3k0xSUkytamVUi5mxWaN+nZmZmcTvve0QkiTLyjI4hENZo0N4Jj/R1xNAx9a2Y9tznNf9/LZtTc9m7GQAZp3e5T8F2zaf977O8HnZpaFj27ZqW+lznXPv/7gVgswiMjKXIlCuXwcq4BK5O/knc4cn9+5JN7Jt1bbTc51z7+cUZCsNxuAUBngMtjzJZEjk0d17Usu27XnbnLcI+AuB5GMQqwQ8GASB1/+FQPpCwANAFoEmBDwILAKVjKAKAd0TgOC/3/r/sH4YL7b4zpFQxKFY4J5xUwz47ovf8Ordl/5xZDUMAXscxy52OGJHERTJaKCABGCAtAAktEAyGijAgpzjClc4xxoLGML4FNvf0PD4ZL59GCEAjMsAATBhR7fkON3GboxUsKdkKulUAHKBFc7JCtdwPkCAIQAAfWc6hafXIeG2tse1wiTAEOyNADDEYXqInfpXHNZuIYozciVWk0t6PTnHEoYAAEMAGAJg1PkGzLltsP4MBdacb6+s1QY2AgAEgGBPDAAQAOh2LJILgCEADGEACPbEkP6j+w/WJFth3dYP/boZRv3/l4VrqVRhvxsAxQwwEtCRgCIACAIwhCEAAAxRdDTAEAAQFAADokZjKs0cUZXmFq4G599/Hut+/c8EENHpYXKBCXtAhigMERhFMEewwHIskQBDQAETRkwwQHQEDf6lWI1qN+y6joRCAE7rAB4H5d+/Htq+fIERAIDZ/h8zDrFHBwA0AgNERyCKYDXWAWAI+AsTCgiMBgCAIaAIJlh3/5spAIAo9XfKyRzWA3r104/fpUfuBEVUE3S/G3OcsEEARZEhICggA4qruAvsyTR+igkA2X4YYsTUzEn3RGeJpCai8AQHg3n547cX5gYgUABg1oeYcRpbGCKjAQABQBFcjnsxBBgAAmCP78YURTGMRuxBEZxiMtuNdgL/RKj7Em4H8eKHL8c8PntGP4iaUBStFtHVESNOsRuNAMBoDKMQRcZV3DcWwb8YAow9Po0RRRDMI1EEhoCM0+po3U7SQUepCjEIFILXmsPrAJ5+99WK5BNNDKW1hBZBLf/uMOKAbQQFQDBjQAckLnA/LsG+GML4J97FgCKjEAEUwYzg2Gw3uh3WJACilohaIkr73t53nff36LMvrolLUQMCRN1G0FgXxQl7bJEhZgSQIYJ5XMUT4xKgvTAEAPyE94coDBEUQREYR92dtu4SoUGgEAAFJVNz29fd7386Pl5vhSbDtFBiEwVQzGrr2NF/xg4ARqIwEsYqHsMKAGCAAEMAgCHgu/EmGhnQCAwQwWx38X+zDkIsmKTISE0RAWTmCm66PXjvm5F/LaS3ZNpAIKMpAMKsNjNPbL8KFDAwB9IhWXP4xbGCAcIQYAgAMAQAYH42m7cTCApAQ0Jx5CHz/2HrOjQko5HRyLQJALApl49zWHd61ePferVHSDIoUUnWKAwqKcvfx85cOM1vmYgMYRo0h6+48DTWAAAwBACAIQAMEID/P+TvD6khMRIFhN1o95+xWWVNUpJhtAohslJilUTNG8y73Hjj+0Ve2EUlWYNKCAoJLSGi2Pl579I9/D4kGQVIw5HLOfs0Yw0AMECwJwYIMASA+fXD/PQBDAEZoqynbX87rbtWJDRAUJFQIUGJIkGXMHVor3JcLwKFITEgaQeCBiKWf2b+KX8EARQ4dDY3H8qhFUAAGAIMYYAAQxggwBCAbz7giw9oUBKEmsXc7j8S0wSAqQQMiakAFP7Chw71wggAgCIAACRdm2Dz3eTegyW/D0OAObTIkxucWAMADAEGCDAABBgCAAxhiM7nH/LJh2kIGNr5abQsBxDWJNgzOsJJQA+QDr9dzOP82luDa+N6WkKSAWorI2tTULH5CX+WPxaZgBHevYUzCxSGMBoZjYxGYDQyhCEAigxRZAA0jrz/Fh/8ANTQ7i+1/r8gVinAmhQ0kXSaGuCecbNcP3mBfzo8ujwvc8uDmuHMOHfD9Z71TpdcUoQiQqBDxPpz+S3EFK+a8yssxglgJDoEZDQyoAEZRdAICjAEgAHiH957Zz7cBML2F5bFAlURJqENmkF0v5K+ho+1FkpMyW0Obx3A66N5j8FJJAUzwsbUMjIzCNpBM5Tw7Motzn73/ZDnr/LwfsYlCjAEFACBIQAMUQQAGY0iCOlUgCHr//BKy7dXRF79+lzvnytgKFiI3pXcxNVVbVsEBEw7O4afoHPVIZ3X0joT2pIEzOvuhjY3DnA2JFE8Onrm2u+/8/g5Xrw+h84gSkMgyGiAIcAQAEUABiSdSWCAKILSkODZN+HWlNvJ059e6P31nAPqXuOe9nxGS0lmgCpAFfkKS9Dn0a//XlALJ4DaksQJinBT9/BAupb0wuTeg4d4+hrQEABAQzKaoABgJAqMIMyJZjQjyFSCGiUDZJZhQBNeeh1ube2vz935nyuLq6f2ORGcVG2ZzCwVIcAES9D3wU//vHFzToAIFlBIqBBeH1j6cP9Go4oZYWczklkSJgLWKoAi6SopaSZ0DKXVAlF0GpSRBDMTJZFpSYqthBN3Pu+J20/uQmksrZfn1plAoAAAjTu4BAPc88Hv3y1HkjgKEBQkqTLq9XrqfLuFRtdSmlpJDdGR6EoRdCSoCgDKAAVUE2lERwpLUhLHREFpeulwc3fbQQtEHQEIlCRAyW/4Aga5/YP/B67uHqjPRKCSlIkIoM7O7s3/hxasYjprbaKKpoigNWkaRFJVYSUloSW6SoICENClQ5IdkyKON0pHDjevR+/qQANKigZBVSczArzOPzuAzUDA9ld/G/LGsxf0IxFDIqT+TYLg/vLUte1ora1po6oGak0S1IAAkXak6hIpICh0kkCDEI5NixRxrIPjM4o4vz21FklQAErDQcJJkFWZOYQ1GPD2d38fta0HYgRNFjQBVMTx8nqxi5rJOmvQWqlMBJqhshCdSLNK0ZWIpLSIIs0kpVmQpGPsRDlm6NFeL+68Szk8ASIA6gBEVKu8cTmENRg4NykHO3FQCAItUCZui2T5jbcs+feiamsTV1PjptZYiuhIFBmNgCKgMARBGRJREU0FDUmEhp5stRInVYSqExC0cYhyMIChTjnehrJjGZQAgAYAkdPWvy6JVblGqlpcaBgpBVQEdJLaiA5BBVBhlUQFpVEIUVIx9eTO9vIJAAgUQIR2Ww4ZZjMOB0wxu8z+BoFC1Nk6AlCzT2PD/6NWcpE0K24YigZdo9SgUVChBiJFLUNpxzRMlQ6Goo3Be3PuofSVEHFC7dYzAQDE3s9g2Ecf/vzC02uZmoB/brqImSdqyUo23NakM0NqlSBIKNpIiqDUJFUkSDEUBI2Ror1z97h598RJIVAAADATGP4bj1iwdUkVkKAQgc5qbDw1teSKXCRYdEahllIprEISpVASBBZlJEHRiASNrXp7cvq+Z3UAEBIoQJWVCaYRAG8/sa/hHAmKJFQ9iTpd2WVhm2zlIle40ZZpLUGLIQ2gAxJEJ6pBBgoKBRotSa7effHgeJaGZ6K2CEdJZo3+gBMwku8+2R+KI0mBJQA0dFsfI1WLz+HS2bXqDABQkwQtSQEBCTkQkmqaItXW1G2cvOtNEYYCADQUbzAHI/rRU56JXfDPZXPLEovPWiNezN5amV0lSgMSoI2kKM2MBBkR0QiR0CaXjm/6ZD+Rhk4BgCjWT08v57AZlc9e/mzQ0VBCgYMEiCRbVzXn1bSTXbzCLcMAVJEAFFQFEPGURISQakZMPN6SSzdKlAZpTCU8VrrsKRhd3A9NpSgKQcJhbpP1Xa3d8drNlhvWsNQROtCSRMUgAFKSChqJRGRE4uSNeJ0WqANFZmZdeXcKRnn6vxfNGWIUdRJVPbEpzQxbdvMqF7elZBIKQm2dRFVPIwAlFBQiU+XIo5le2SfYW2QGVQP9f2qcgdHOBzNo3R6idiwUwOzIhg2v1WrHK2zVDVoONAEAYSilDk2REanIsNOZQ7wWqiJQiCmcglH//L1397XceyYAKqzamW/Hq02bK27rJoYanpYmCCmiSEJoUCIybuXsnQxAigZoTnMFRv/LD9471vhOlQiYknTrVtjJFt3c1hWDYqFsapAWE4ag5EgM1eF0jm2aoABQZ4JpDMC3n767ULpAALBsZ7FbssVq044Ldg0IAAhFJVFGJJS4lrMPTIHWEac4nxNMYCx//OqdBSyoKFoSm+ZRsZItFrZqwgIFCBgSiipJZNpzOtVnkRbhoJVfcAzGNBhLaGhszMWa7tiuVdqoeMpCIIGQg3IKB+VwqdOnFzemisAbzMHYNslYIrGJmq7vzoyUbbYZnlJbhGeihnIih8jF044rUkfQSt4Lc9iMz0+Pvz00NTQFzJKuU5kV27BKK0dUEGSEo3KhHDkjbSUUWL08OYQ1GGNu7iH2Dmo+eZLVjbk2Z7FyNgoJhAxyCKdHxnVKcbxPjQNYg7GefkHe7AMxNmw3NbOwauJs2PUk6lAOOND0fGgFtfGph/AKxvzn/z/a9ZZ7kmFxYjGxXU9DlQiGOuTorcSDlidJvsBvMPa/9KN9tfdBNzpnpbtOA1AyyKHNuLiWHBVfYQkm4B99/5it3+dLl69DTkMBkpLJTbuPlccEE5iIcdxj2Zf5SWKTZlII4nXigme1TDCBCRnHZc4wR5QtNZFxdfTZuv6EEzAxp1k7S9fZMkF5se1edb5Nubo/gM3kALOcb3PW9Sk3w5XJn97x7gY2YJLCD/C/ZQ==)
}

.no-webp .bonus-store-lootbox-card__balance-icon {
    background-image: url(../../../assets/516047/img/gems.8697d6fa.png)
}

.bonus-store-lootbox-card__balance-number {
    color: var(--text-text);
    white-space: nowrap;
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

.bonus-store-lootbox-card__btn,.bonus-store-tooltip__btn {
    margin-left: auto
}

@media(max-width: 1139px) {
    .bonus-store-lootboxes__list--slider .bonus-store-lootbox-card__btn,.bonus-store-lootboxes__list--slider .bonus-store-tooltip__btn {
        width:100%
    }
}

.bonus-store-lootboxes {
    display: flex;
    flex-direction: column
}

.bonus-store-lootboxes__row {
    display: flex;
    align-items: center;
    gap: var(--spacings-s);
    margin-bottom: var(--spacings-xl)
}

.bonus-store-lootboxes__title {
    color: var(--colors-base-white-a);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.bonus-store-lootboxes__list-wr {
    position: relative
}

@media(min-width: 1920px) {
    .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider:after,.bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider:before {
        content:"";
        position: absolute;
        z-index: 2;
        top: 0;
        width: 253px;
        height: 100%;
        pointer-events: none
    }

    .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider:before {
        display: none;
        left: var(--slider-fade-offset);
        background: var(--gradient-slider-blind-reversed)
    }

    .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider.translate-slider:before,.translate-slider .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider:before {
        display: block
    }

    .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider:after {
        right: var(--slider-fade-offset);
        background: var(--gradient-slider-blind)
    }

    .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider.translate-slider-end:after,.translate-slider-end .bonus-store-lootboxes__list-wr.bonus-store-lootboxes__list-wr--slider:after {
        display: none
    }
}

.bonus-store-lootboxes__list {
    --columns-count: auto-fill
}

.bonus-store-lootboxes__list:not(.bonus-store-lootboxes__list--slider) {
    display: grid;
    grid-template-columns: repeat(var(--columns-count),minmax(294px,1fr));
    gap: var(--spacings-s)
}

.bonus-store-lootboxes__list.bonus-store-lootboxes__list--slider {
    width: calc(100% + var(--spacings-page-paddings)*2);
    padding: 0 var(--spacings-page-paddings);
    margin: 0 calc(var(--spacings-page-paddings)*-1)
}

@media(min-width: 1628px) {
    .bonus-store-lootboxes__list:not(.bonus-store-lootboxes__list--slider) {
        --columns-count:4
    }
}

.bonus-store-tabs {
    display: flex;
    flex: 1;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.bonus-store-tabs::-webkit-scrollbar {
    display: none
}

@media(max-width: 639px) {
    .bonus-store-tabs {
        padding:0 var(--spacings-page-paddings);
        margin: 0 calc(var(--spacings-page-paddings)*-1)
    }
}

.bonus-store-tabs__item {
    position: relative;
    height: 40px;
    margin-right: var(--spacings-xs);
    padding: var(--tabs-m-vert) var(--tabs-m-hor);
    transition: all .2s ease-out
}

@media(min-width: 1140px) {
    .bonus-store-tabs__item {
        height:48px
    }
}

.bonus-store-tabs__item:last-child {
    margin-right: 0
}

.bonus-store__balance {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 3
}

@media(min-width: 640px) {
    .bonus-store__balance {
        gap:2px
    }
}

.fixed-container__static .bonus-store__balance {
    display: none
}

.bonus-store__balance-tooltip {
    z-index: 201!important
}

.bonus-store__balance-sum {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    padding: 8px 16px;
    border-radius: 28px;
    background: var(--backgrounds-e-4);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.back-title__button-action .bonus-store__balance-sum {
    padding: 6px 10px;
    gap: 8px
}

@media(min-width: 1140px) {
    .back-title__button-action .bonus-store__balance-sum {
        padding:4px 12px;
        gap: 12px
    }
}

@media(min-width: 640px) {
    .bonus-store__balance-sum {
        padding:10px 16px
    }
}

.bonus-store__balance-text {
    white-space: nowrap;
    color: var(--text-text);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .bonus-store__balance-text {
        font-size:14px;
        line-height: 28px;
        font-weight: 500
    }
}

.bonus-store__balance-amount {
    display: flex;
    align-items: center;
    gap: 4px
}

.bonus-store__balance-icon {
    width: 16px;
    height: 16px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(data:image/webp;base64,UklGRswOAABXRUJQVlA4TMAOAAAvT8ATEE2gbds2UKPN+f/hpO0LEf2fAF6rF4GMcEKyIOtwoVBHL7IOvxaMIklSlP7FrYZ57h4zfdEC20aSFGfLPOsEzzzms20kSVEfPISB5ucfz3jPzGD0fwLgs8YDCQAS3SQ+AFd7w23IC4CGeV1cm2sYxeIYjGotQhrST7YJkJGGjvvShPxkVQAAGmXjn3aEIWQ33KMkXXMdE2p47lp4AH4yFLRtI9X8ae+7QxARE5CpCpO0KNSJr+XYtm3aVp/ftm3Xv0RWfu9756z58ZT/hI5t26ptpc/93d391+DnFrtAWSkEoUPk7n797knZtm3VbTT3k0xSUkytamVUi5mxWaN+nZmZmcTvve0QkiTLyjI4hENZo0N4Jj/R1xNAx9a2Y9tznNf9/LZtTc9m7GQAZp3e5T8F2zaf977O8HnZpaFj27ZqW+lznXPv/7gVgswiMjKXIlCuXwcq4BK5O/knc4cn9+5JN7Jt1bbTc51z7+cUZCsNxuAUBngMtjzJZEjk0d17Usu27XnbnLcI+AuB5GMQqwQ8GASB1/+FQPpCwANAFoEmBDwILAKVjKAKAd0TgOC/3/r/sH4YL7b4zpFQxKFY4J5xUwz47ovf8Ordl/5xZDUMAXscxy52OGJHERTJaKCABGCAtAAktEAyGijAgpzjClc4xxoLGML4FNvf0PD4ZL59GCEAjMsAATBhR7fkON3GboxUsKdkKulUAHKBFc7JCtdwPkCAIQAAfWc6hafXIeG2tse1wiTAEOyNADDEYXqInfpXHNZuIYozciVWk0t6PTnHEoYAAEMAGAJg1PkGzLltsP4MBdacb6+s1QY2AgAEgGBPDAAQAOh2LJILgCEADGEACPbEkP6j+w/WJFth3dYP/boZRv3/l4VrqVRhvxsAxQwwEtCRgCIACAIwhCEAAAxRdDTAEAAQFAADokZjKs0cUZXmFq4G599/Hut+/c8EENHpYXKBCXtAhigMERhFMEewwHIskQBDQAETRkwwQHQEDf6lWI1qN+y6joRCAE7rAB4H5d+/Htq+fIERAIDZ/h8zDrFHBwA0AgNERyCKYDXWAWAI+AsTCgiMBgCAIaAIJlh3/5spAIAo9XfKyRzWA3r104/fpUfuBEVUE3S/G3OcsEEARZEhICggA4qruAvsyTR+igkA2X4YYsTUzEn3RGeJpCai8AQHg3n547cX5gYgUABg1oeYcRpbGCKjAQABQBFcjnsxBBgAAmCP78YURTGMRuxBEZxiMtuNdgL/RKj7Em4H8eKHL8c8PntGP4iaUBStFtHVESNOsRuNAMBoDKMQRcZV3DcWwb8YAow9Po0RRRDMI1EEhoCM0+po3U7SQUepCjEIFILXmsPrAJ5+99WK5BNNDKW1hBZBLf/uMOKAbQQFQDBjQAckLnA/LsG+GML4J97FgCKjEAEUwYzg2Gw3uh3WJACilohaIkr73t53nff36LMvrolLUQMCRN1G0FgXxQl7bJEhZgSQIYJ5XMUT4xKgvTAEAPyE94coDBEUQREYR92dtu4SoUGgEAAFJVNz29fd7386Pl5vhSbDtFBiEwVQzGrr2NF/xg4ARqIwEsYqHsMKAGCAAEMAgCHgu/EmGhnQCAwQwWx38X+zDkIsmKTISE0RAWTmCm66PXjvm5F/LaS3ZNpAIKMpAMKsNjNPbL8KFDAwB9IhWXP4xbGCAcIQYAgAMAQAYH42m7cTCApAQ0Jx5CHz/2HrOjQko5HRyLQJALApl49zWHd61ePferVHSDIoUUnWKAwqKcvfx85cOM1vmYgMYRo0h6+48DTWAAAwBACAIQAMEID/P+TvD6khMRIFhN1o95+xWWVNUpJhtAohslJilUTNG8y73Hjj+0Ve2EUlWYNKCAoJLSGi2Pl579I9/D4kGQVIw5HLOfs0Yw0AMECwJwYIMASA+fXD/PQBDAEZoqynbX87rbtWJDRAUJFQIUGJIkGXMHVor3JcLwKFITEgaQeCBiKWf2b+KX8EARQ4dDY3H8qhFUAAGAIMYYAAQxggwBCAbz7giw9oUBKEmsXc7j8S0wSAqQQMiakAFP7Chw71wggAgCIAACRdm2Dz3eTegyW/D0OAObTIkxucWAMADAEGCDAABBgCAAxhiM7nH/LJh2kIGNr5abQsBxDWJNgzOsJJQA+QDr9dzOP82luDa+N6WkKSAWorI2tTULH5CX+WPxaZgBHevYUzCxSGMBoZjYxGYDQyhCEAigxRZAA0jrz/Fh/8ANTQ7i+1/r8gVinAmhQ0kXSaGuCecbNcP3mBfzo8ujwvc8uDmuHMOHfD9Z71TpdcUoQiQqBDxPpz+S3EFK+a8yssxglgJDoEZDQyoAEZRdAICjAEgAHiH957Zz7cBML2F5bFAlURJqENmkF0v5K+ho+1FkpMyW0Obx3A66N5j8FJJAUzwsbUMjIzCNpBM5Tw7Motzn73/ZDnr/LwfsYlCjAEFACBIQAMUQQAGY0iCOlUgCHr//BKy7dXRF79+lzvnytgKFiI3pXcxNVVbVsEBEw7O4afoHPVIZ3X0joT2pIEzOvuhjY3DnA2JFE8Onrm2u+/8/g5Xrw+h84gSkMgyGiAIcAQAEUABiSdSWCAKILSkODZN+HWlNvJ059e6P31nAPqXuOe9nxGS0lmgCpAFfkKS9Dn0a//XlALJ4DaksQJinBT9/BAupb0wuTeg4d4+hrQEABAQzKaoABgJAqMIMyJZjQjyFSCGiUDZJZhQBNeeh1ube2vz935nyuLq6f2ORGcVG2ZzCwVIcAES9D3wU//vHFzToAIFlBIqBBeH1j6cP9Go4oZYWczklkSJgLWKoAi6SopaSZ0DKXVAlF0GpSRBDMTJZFpSYqthBN3Pu+J20/uQmksrZfn1plAoAAAjTu4BAPc88Hv3y1HkjgKEBQkqTLq9XrqfLuFRtdSmlpJDdGR6EoRdCSoCgDKAAVUE2lERwpLUhLHREFpeulwc3fbQQtEHQEIlCRAyW/4Aga5/YP/B67uHqjPRKCSlIkIoM7O7s3/hxasYjprbaKKpoigNWkaRFJVYSUloSW6SoICENClQ5IdkyKON0pHDjevR+/qQANKigZBVSczArzOPzuAzUDA9ld/G/LGsxf0IxFDIqT+TYLg/vLUte1ora1po6oGak0S1IAAkXak6hIpICh0kkCDEI5NixRxrIPjM4o4vz21FklQAErDQcJJkFWZOYQ1GPD2d38fta0HYgRNFjQBVMTx8nqxi5rJOmvQWqlMBJqhshCdSLNK0ZWIpLSIIs0kpVmQpGPsRDlm6NFeL+68Szk8ASIA6gBEVKu8cTmENRg4NykHO3FQCAItUCZui2T5jbcs+feiamsTV1PjptZYiuhIFBmNgCKgMARBGRJREU0FDUmEhp5stRInVYSqExC0cYhyMIChTjnehrJjGZQAgAYAkdPWvy6JVblGqlpcaBgpBVQEdJLaiA5BBVBhlUQFpVEIUVIx9eTO9vIJAAgUQIR2Ww4ZZjMOB0wxu8z+BoFC1Nk6AlCzT2PD/6NWcpE0K24YigZdo9SgUVChBiJFLUNpxzRMlQ6Goo3Be3PuofSVEHFC7dYzAQDE3s9g2Ecf/vzC02uZmoB/brqImSdqyUo23NakM0NqlSBIKNpIiqDUJFUkSDEUBI2Ror1z97h598RJIVAAADATGP4bj1iwdUkVkKAQgc5qbDw1teSKXCRYdEahllIprEISpVASBBZlJEHRiASNrXp7cvq+Z3UAEBIoQJWVCaYRAG8/sa/hHAmKJFQ9iTpd2WVhm2zlIle40ZZpLUGLIQ2gAxJEJ6pBBgoKBRotSa7effHgeJaGZ6K2CEdJZo3+gBMwku8+2R+KI0mBJQA0dFsfI1WLz+HS2bXqDABQkwQtSQEBCTkQkmqaItXW1G2cvOtNEYYCADQUbzAHI/rRU56JXfDPZXPLEovPWiNezN5amV0lSgMSoI2kKM2MBBkR0QiR0CaXjm/6ZD+Rhk4BgCjWT08v57AZlc9e/mzQ0VBCgYMEiCRbVzXn1bSTXbzCLcMAVJEAFFQFEPGURISQakZMPN6SSzdKlAZpTCU8VrrsKRhd3A9NpSgKQcJhbpP1Xa3d8drNlhvWsNQROtCSRMUgAFKSChqJRGRE4uSNeJ0WqANFZmZdeXcKRnn6vxfNGWIUdRJVPbEpzQxbdvMqF7elZBIKQm2dRFVPIwAlFBQiU+XIo5le2SfYW2QGVQP9f2qcgdHOBzNo3R6idiwUwOzIhg2v1WrHK2zVDVoONAEAYSilDk2REanIsNOZQ7wWqiJQiCmcglH//L1397XceyYAKqzamW/Hq02bK27rJoYanpYmCCmiSEJoUCIybuXsnQxAigZoTnMFRv/LD9471vhOlQiYknTrVtjJFt3c1hWDYqFsapAWE4ag5EgM1eF0jm2aoABQZ4JpDMC3n767ULpAALBsZ7FbssVq044Ldg0IAAhFJVFGJJS4lrMPTIHWEac4nxNMYCx//OqdBSyoKFoSm+ZRsZItFrZqwgIFCBgSiipJZNpzOtVnkRbhoJVfcAzGNBhLaGhszMWa7tiuVdqoeMpCIIGQg3IKB+VwqdOnFzemisAbzMHYNslYIrGJmq7vzoyUbbYZnlJbhGeihnIih8jF044rUkfQSt4Lc9iMz0+Pvz00NTQFzJKuU5kV27BKK0dUEGSEo3KhHDkjbSUUWL08OYQ1GGNu7iH2Dmo+eZLVjbk2Z7FyNgoJhAxyCKdHxnVKcbxPjQNYg7GefkHe7AMxNmw3NbOwauJs2PUk6lAOOND0fGgFtfGph/AKxvzn/z/a9ZZ7kmFxYjGxXU9DlQiGOuTorcSDlidJvsBvMPa/9KN9tfdBNzpnpbtOA1AyyKHNuLiWHBVfYQkm4B99/5it3+dLl69DTkMBkpLJTbuPlccEE5iIcdxj2Zf5SWKTZlII4nXigme1TDCBCRnHZc4wR5QtNZFxdfTZuv6EEzAxp1k7S9fZMkF5se1edb5Nubo/gM3kALOcb3PW9Sk3w5XJn97x7gY2YJLCD/C/ZQ==)
}

.no-webp .bonus-store__balance-icon {
    background-image: url(../../../assets/516047/img/gems.8697d6fa.png)
}

@media(min-width: 640px) {
    .bonus-store__balance-icon {
        width:20px;
        height: 20px
    }
}

.bonus-store__balance-number {
    color: var(--text-text);
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media(min-width: 640px) {
    .bonus-store__balance-number {
        font-size:16px;
        line-height: 24px;
        font-weight: 500
    }
}

.bonus-store__info-icon-wr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 4px;
    color: var(--buttons-icon-secondary-c-icon-default);
    border-radius: 100px;
    cursor: pointer
}

@media(min-width: 1140px) {
    .bonus-store__info-icon-wr {
        width:40px;
        height: 40px;
        padding: var(--buttons-icon-xs)
    }
}

.no-touch .bonus-store__info-icon-wr:hover {
    background: var(--buttons-icon-secondary-c-bg-hover)
}

.bonus-store__info-icon {
    width: 28px;
    height: 28px;
    padding: 5px
}

.bonus-store__info-title {
    color: var(--text-text);
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.bonus-store__info-text {
    color: var(--text-text);
    max-width: 256px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.bonus-store__info-link {
    color: var(--text-description-a);
    display: flex;
    align-items: center;
    margin-top: 12px;
    transition: all .2s ease-out;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.bonus-store__info-link:active,.no-touch .bonus-store__info-link:hover {
    color: var(--text-text)
}

.bonus-store__info-link-ic {
    width: 16px;
    height: 16px
}

.bonus-store {
    z-index: 1;
    position: relative
}

@media(min-width: 1140px) {
    .bonus-store {
        margin-top:var(--spacings-2xl);
    }
}

.bonus-store__head {
    padding-top: 4px;
    padding-bottom: var(--spacings-s)
}

@media(min-width: 640px) {
    .bonus-store__head {
        padding-top:0;
        padding-bottom: var(--spacings-m)
    }
}

.bonus-store__head--static {
    display: flex;
    flex-direction: column;
}

@media(max-width: 639px) {
    .bonus-store__head--static {
        padding-top:4px
    }
}

.bonus-store__back-title {
    margin-top: var(--spacings-2xl);
    align-items: center
}

.bonus-store__head--sticky .bonus-store__back-title {
    margin-top: 0;
    transition: margin-top .2s ease-out
}

@media(min-width: 1140px) {
    .bonus-store__back-title {
        margin:calc(var(--spacings-xs)*-1) 0;
        padding: var(--spacings-xs) 0
    }

    .bonus-store__head--sticky .bonus-store__back-title {
        margin: 0;
        padding: var(--spacings-xs) 0
    }
}

.bonus-store__header {
    position: relative;
    background: var(--gradient-background-striped-2);
    border-radius: var(--roundings-l);
    padding: var(--spacings-page-paddings) var(--spacings-2xl);
    margin-bottom: var(--spacings-s);
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacings-xl)
}

@media(min-width: 640px) {
    .bonus-store__header {
        padding:var(--spacings-xl);
        margin-bottom: var(--spacings-m);
        gap: var(--spacings-l)
    }
}

@media(min-width: 1140px) {
    .bonus-store__header {
        flex-direction:row;
        gap: var(--spacings-m)
    }
}

.bonus-store__left {
    width: 100%;
    background: var(--backgrounds-b);
    border-radius: var(--roundings-m);
    padding: var(--spacings-xl)
}

@media(min-width: 1140px) {
    .bonus-store__left {
        min-width:468px;
        display: flex;
        flex-direction: column;
        flex: 1 1 calc(50% - var(--spacings-m)/2)
    }
}

.bonus-store__title {
    color: var(--colors-base-white-b);
    text-align: center;
    margin-bottom: var(--spacings-xs);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .bonus-store__title {
        text-align:left;
        font-size: var(--headings-h1-font-size);
        font-weight: var(--headings-h1-weight);
        line-height: var(--headings-h1-line-height)
    }
}

@media(min-width: 1628px) {
    .bonus-store__title {
        max-width:517px
    }
}

.bonus-store__text {
    color: var(--colors-base-white-60);
    text-align: center;
    margin-bottom: var(--spacings-2xl);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 640px) {
    .bonus-store__text {
        text-align:left;
        margin-bottom: var(--spacings-3xl);
        font-size: 16px;
        line-height: 28px;
        font-weight: 400
    }
}

@media(min-width: 1140px) {
    .bonus-store__text {
        margin-bottom:auto
    }
}

@media(min-width: 1628px) {
    .bonus-store__text {
        max-width:517px
    }
}

.bonus-store__balance-wrap {
    display: flex;
    justify-content: space-between
}

.bonus-store__awards-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3
}

.bonus-store__awards {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 36px;
    cursor: pointer;
    transition: all .2s ease-out
}

@media(max-width: 639px) {
    .bonus-store__awards {
        flex:1
    }
}

@media(min-width: 640px)and (max-width:1139px) {
    .bonus-store__awards {
        border-radius:28px;
        padding: 4px 4px 4px 16px;
        min-width: 213px
    }
}

@media(min-width: 640px) {
    .bonus-store__awards {
        height:44px
    }
}

@media(min-width: 1628px) {
    .bonus-store__awards {
        border-radius:28px;
        padding: 4px 4px 4px 16px;
        height: 48px;
        min-width: 213px
    }
}

.bonus-store__awards-text {
    display: none;
    color: var(--text-text);
    font-size: var(--buttons-font-m-font-size);
    font-weight: var(--buttons-font-m-weight);
    line-height: var(--buttons-font-m-line-height);
    text-transform: uppercase
}

@media(min-width: 640px)and (max-width:1139px) {
    .bonus-store__awards-text {
        display:block
    }
}

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

.bonus-store__awards-icon-wr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: var(--buttons-icon-s);
    border-radius: var(--buttons-m-radius);
    background-color: var(--colors-base-white-b);
    color: var(--buttons-icon-primary-icon-default)
}

@media(min-width: 1140px) {
    .bonus-store__awards-icon-wr {
        width:48px;
        height: 48px;
        padding: 14px
    }
}

@media(min-width: 1628px) {
    .bonus-store__awards-icon-wr {
        width:40px;
        height: 40px;
        padding: var(--buttons-icon-s)
    }
}

.bonus-store__awards-icon {
    width: 16px;
    height: 16px
}

@media(min-width: 1140px) {
    .bonus-store__awards-icon {
        width:20px;
        height: 20px
    }
}

.bonus-store__right {
    width: 100%;
    border-radius: var(--roundings-m);
    position: relative;
    background: var(--gradients-background-b)
}

.bonus-store__right:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradients-background-b) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(max-width: 1139px) {
    .bonus-store__right {
        margin-inline:auto
    }
}

@media(min-width: 1140px) {
    .bonus-store__right {
        flex:1 1 calc(50% - var(--spacings-m)/2)
    }
}

.bonus-store__img-wrap {
    position: relative;
    height: 185px;
    z-index: 1
}

@media(min-width: 640px) {
    .bonus-store__img-wrap {
        height:232px
    }
}

@media(min-width: 1628px) {
    .bonus-store__img-wrap {
        height:300px
    }
}

.bonus-store__img {
    width: var(--promo-images-news-width);
    height: var(--promo-images-news-width);
    bottom: 2px
}

.bonus-store__img,.bonus-store__img-bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.bonus-store__img-bg {
    width: 100%;
    height: 185px;
    background: var(--gradient-image-default);
    border-radius: var(--roundings-m);
    border: 2px solid transparent;
    bottom: 0;
    z-index: -1
}

@media(min-width: 640px) {
    .bonus-store__img-bg {
        height:232px
    }
}

@media(min-width: 1628px) {
    .bonus-store__img-bg {
        height:300px
    }
}

.bonus-store__row {
    margin-bottom: var(--spacings-3xl)
}

.bonus-store__row-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bonus-store__store {
    gap: var(--spacings-3xl);
    margin-bottom: var(--spacings-2xl)
}

.bonus-store-lootboxes__list--slider .bonus-store__store,.bonus-store__store--all {
    margin-bottom: var(--spacings-3xl)
}

.bonus-store__store--all {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media(min-width: 640px) {
    .bonus-store__store--all {
        gap:var(--spacings-3xl)
    }
}

.bonus-store-freespins__btn-all--full {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--colors-base-white-b);
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    transition: all .2s ease-out
}

.bonus-store-freespins__btn-all--full:active,.no-touch .bonus-store-freespins__btn-all--full:hover {
    color: var(--colors-global-accent-c)
}

.bonus-store-freespins__btn-all--full .icon {
    width: 16px;
    height: 16px
}

.recommended-games-banner {
    position: relative;
    margin-bottom: var(--spacings-3xl)
}

.recommended-games-banner__head {
    min-height: 36px
}

.recommended-games-banner__inner {
    position: relative;
    margin: 0 calc(var(--spacings-page-paddings)*-1);
    padding: var(--spacings-2xl);
    background: var(--gradient-background-striped-2-reversed)
}

@media(min-width: 640px) {
    .recommended-games-banner__inner {
        padding:var(--spacings-xl)
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__inner {
        margin:0;
        padding: var(--spacings-2xl) var(--spacings-page-paddings);
        border-radius: var(--roundings-l)
    }
}

.recommended-games-banner__animation,.recommended-games-banner__content {
    min-height: 176px
}

@media(min-width: 640px) {
    .recommended-games-banner__animation,.recommended-games-banner__content {
        max-width:764px;
        min-height: 198px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__animation,.recommended-games-banner__content {
        min-height:234px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__animation,.recommended-games-banner__content {
        max-width:934px;
        min-height: 244px
    }
}

.recommended-games-banner__content {
    padding: 24px 120px 24px 24px;
    display: flex;
    border-radius: var(--roundings-m);
    overflow: hidden;
    position: relative;
    background: var(--gradients-background-white-0);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.recommended-games-banner__content:before {
    content: "";
    border-radius: inherit;
    background: url(/img/promotions/noize.webp),var(--colors-base-white-4);
    background-blend-mode: darken,normal;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.recommended-games-banner__content:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 2px solid transparent;
    background: var(--gradients-background-white-0) padding-box,var(--gradients-background-white-b-20) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

@media(min-width: 640px) {
    .recommended-games-banner__content {
        margin:0 auto;
        padding: 40px 160px 40px 40px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__content {
        padding:50px 110px;
        align-items: center
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__content {
        padding:60px 124px
    }
}

.recommended-games-banner__content-background {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.recommended-games-banner__content-background:before {
    content: "";
    bottom: 0;
    width: 510px;
    height: 104px;
    opacity: .2;
    background: radial-gradient(100% 36.22% at 50% 100%,rgba(113,236,111,.7) 0,rgba(113,236,111,.36) 29.94%,rgba(113,236,111,.25) 44.58%,rgba(113,236,111,.06) 85%,rgba(113,236,111,0) 100%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.recommended-games-banner__content-background:after {
    content: "";
    opacity: .15;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-image: url(/img/background.webp);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.no-webp .recommended-games-banner__content-background:after {
    background-image: url(/img/background.png)
}

@media(min-width: 640px) {
    .recommended-games-banner__content-background:before {
        width:934px;
        height: 191px
    }

    .recommended-games-banner__content-background:after {
        opacity: .2
    }
}

.recommended-games-banner__content-wr {
    position: relative;
    z-index: 1;
    max-width: 191px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

@media(min-width: 640px) {
    .recommended-games-banner__content-wr {
        max-width:400px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__content-wr {
        max-width:544px;
        margin: 0 auto;
        align-items: center
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__content-wr {
        max-width:686px
    }
}

.recommended-games-banner__content-text {
    margin-bottom: 16px;
    color: var(--text-text);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

@media(max-width: 1139px) {
    .recommended-games-banner__content-text br {
        display:none
    }
}

@media(min-width: 640px) {
    .recommended-games-banner__content-text {
        margin-bottom:30px;
        font-size: var(--headings-h3-font-size);
        font-weight: var(--headings-h3-weight);
        line-height: var(--headings-h3-line-height)
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__content-text {
        text-align:center
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__content-text {
        margin-bottom:var(--spacings-m)
    }
}

.recommended-games-banner__animation {
    z-index: 1;
    width: calc(100% - var(--spacings-xl)*2);
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}

.recommended-games-banner__animation-left,.recommended-games-banner__animation-right {
    position: absolute
}

.recommended-games-banner__animation-right {
    width: 170px;
    height: 256px;
    right: -37px;
    bottom: -20px
}

@media(min-width: 640px) {
    .recommended-games-banner__animation-right {
        right:-6px;
        width: 184px;
        height: 296px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__animation-right {
        right:-45px;
        bottom: -30px;
        width: 214px;
        height: 294px
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__animation-right {
        right:-17px;
        width: 184px;
        height: 284px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__animation-right {
        right:-97px;
        bottom: -40px;
        width: 235px;
        height: 323px
    }
}

.recommended-games-banner__animation-left {
    z-index: 1;
    left: -27px;
    bottom: -31px;
    width: 228px;
    height: 295px
}

@media(max-width: 1139px) {
    .recommended-games-banner__animation-left {
        display:none
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__animation-left {
        left:-17px;
        width: 188px;
        height: 284px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__animation-left {
        left:-59px;
        bottom: -40px;
        width: 226px;
        height: 343px
    }
}

.recommended-games-banner__game-1,.recommended-games-banner__game-2,.recommended-games-banner__game-3,.recommended-games-banner__game-4,.recommended-games-banner__women,.recommended-games-banner__zeus {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.recommended-games-banner__women {
    right: -3px;
    bottom: -1px;
    width: 145px;
    height: 249px;
    background-position: 100%;
    animation: recWomenAnimationMob 2s ease-in-out infinite alternate;
    background-image: url(/img/woman.webp)
}

.no-webp .recommended-games-banner__women {
    background-image: url(/img/woman.png)
}

@media(min-width: 640px) {
    .recommended-games-banner__women {
        z-index:1;
        right: 9px;
        bottom: 3px;
        width: 184px;
        height: 293px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__women {
        right:4px;
        bottom: 2px;
        width: 206px;
        height: 312px;
        animation-name: recWomenAnimationDesk
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__women {
        right:17px;
        bottom: 0;
        width: 184px;
        height: 284px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__women {
        right:18px;
        bottom: 7px;
        width: 196px;
        height: 338px
    }
}

.recommended-games-banner__game-1 {
    z-index: 1;
    left: -28px;
    bottom: 70px;
    width: 70px;
    height: 70px;
    animation: recGameOneAnimation 2s ease-in-out infinite alternate;
    background-image: url(/img/game_1.webp)
}

.no-webp .recommended-games-banner__game-1 {
    background-image: url(/img/game_1.png)
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__game-1 {
        left:4px;
        bottom: 63px;
        width: 66px;
        height: 66px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__game-1 {
        left:-16px;
        bottom: 69px;
        width: 79px;
        height: 79px
    }
}

.recommended-games-banner__game-2 {
    z-index: -1;
    left: 100px;
    bottom: 245px;
    width: 70px;
    height: 70px;
    animation: recGameTwoAnimation 2s ease-in-out infinite alternate;
    background-image: url(/img/game_2.webp)
}

.no-webp .recommended-games-banner__game-2 {
    background-image: url(/img/game_2.png)
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__game-2 {
        left:120px;
        bottom: 221px;
        width: 66px;
        height: 66px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__game-2 {
        left:122px;
        bottom: 264px;
        width: 79px;
        height: 79px
    }
}

.recommended-games-banner__game-3 {
    right: 112px;
    bottom: 101px;
    width: 58px;
    height: 58px;
    animation: recGameThreeAnimationMob 2s ease-in-out infinite alternate;
    background-image: url(/img/game_3.webp)
}

.no-webp .recommended-games-banner__game-3 {
    background-image: url(/img/game_3.png)
}

@media(min-width: 640px) {
    .recommended-games-banner__game-3 {
        right:124px;
        bottom: 204px;
        width: 66px;
        height: 66px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__game-3 {
        right:127px;
        bottom: 216px;
        width: 70px;
        height: 70px;
        animation-name: recGameThreeAnimationDesk
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__game-3 {
        right:128px;
        bottom: 194px;
        width: 65px;
        height: 65px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__game-3 {
        right:151px;
        bottom: 239px;
        width: 77px;
        height: 77px
    }
}

.recommended-games-banner__game-4 {
    right: 87px;
    bottom: 34px;
    width: 58px;
    height: 61px;
    animation: recGameFourAnimationMob 2s ease-in-out infinite alternate;
    background-image: url(/img/game_4.webp)
}

.no-webp .recommended-games-banner__game-4 {
    background-image: url(/img/game_4.png)
}

@media(min-width: 640px) {
    .recommended-games-banner__game-4 {
        right:-6px;
        bottom: 138px;
        width: 66px;
        height: 77px
    }
}

@media(min-width: 1140px) {
    .recommended-games-banner__game-4 {
        right:-13px;
        bottom: 148px;
        width: 73px;
        height: 76px;
        animation-name: recGameFourAnimationDesk
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__game-4 {
        right:2px;
        bottom: 133px;
        width: 66px;
        height: 69px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__game-4 {
        right:0;
        bottom: 159px;
        width: 77px;
        height: 82px
    }
}

.recommended-games-banner__zeus {
    left: 0;
    bottom: 5px;
    width: 193px;
    height: 301px;
    animation: recZeusAnimation 2s ease-in-out infinite alternate;
    background-image: url(/img/zeus.webp)
}

.no-webp .recommended-games-banner__zeus {
    background-image: url(/img/zeus.png)
}

@media(min-width: 1140px)and (max-width:1627px) {
    .sidebar-opened .recommended-games-banner__zeus {
        left:41px;
        width: 153px;
        height: 272px
    }
}

@media(min-width: 1628px) {
    .recommended-games-banner__zeus {
        left:12px;
        width: 213px;
        height: 327px
    }
}

@keyframes recWomenAnimationMob {
    0% {
        transform: translateY(16px)
    }

    to {
        transform: translateY(-2px)
    }
}

@keyframes recWomenAnimationDesk {
    0% {
        transform: translateY(-2px)
    }

    to {
        transform: translateY(10px)
    }
}

@keyframes recZeusAnimation {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-18px)
    }
}

@keyframes recGameOneAnimation {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(10px)
    }
}

@keyframes recGameTwoAnimation {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(8px)
    }
}

@keyframes recGameThreeAnimationMob {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(18px)
    }
}

@keyframes recGameThreeAnimationDesk {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(4px)
    }
}

@keyframes recGameFourAnimationMob {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(12px)
    }
}

@keyframes recGameFourAnimationDesk {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-11px)
    }
}


.top-back-button--static,.top-back-button--sticky {
    z-index: 11;
    display: flex;
    flex-direction: column;
    gap: var(--spacings-s)
}

@media(min-width: 1140px) {
    .top-back-button--sticky {
        padding:var(--spacings-xs) var(--spacings-page-paddings);
        background: var(--backgrounds-a)
    }
}

.page-profile {
    padding: var(--spacings-2xl) 0 var(--spacings-3xl)
}

@media(min-width: 1140px) {
    .page-profile {
        padding:var(--spacings-page-paddings) 0
    }
}

@media(min-width: 1140px) {
    .page-profile__left {
        flex:0 0 var(--menu-profile-width)
    }
}

@media(min-width: 1628px) {
    .page-profile__left {
        flex:0 0 var(--menu-profile-width-lg)
    }
}

@media(min-width: 1140px) {
    .page-profile__right {
        width:calc(100% - var(--menu-profile-width) - 12px);
        padding: var(--spacings-xl);
        border-radius: var(--roundings-m);
        background-color: var(--backgrounds-e-4)
    }
}

@media(min-width: 1628px) {
    .page-profile__right {
        width:calc(100% - var(--menu-profile-width-lg) - 12px)
    }
}

@media(min-width: 1140px) {
    .page-profile__center-block {
        display:flex;
        gap: 12px
    }
}

.page-profile__title {
    color: var(--colors-base-white-b)
}

@media(max-width: 1139px) {
    .page-profile__title {
        margin-bottom:20px;
        font-size: var(--headings-h1-font-size);
        font-weight: var(--headings-h1-weight);
        line-height: var(--headings-h1-line-height)
    }
}

@media(min-width: 1140px) {
    .page-profile__title {
        margin-bottom:var(--spacings-2xl);
        font-size: var(--headings-h2-font-size);
        font-weight: var(--headings-h2-weight);
        line-height: var(--headings-h2-line-height)
    }
}

@media(max-width: 1139px) {
    .page-profile__content {
        margin-top:var(--spacings-page-paddings);
        padding: var(--spacings-page-paddings);
        border-radius: var(--roundings-m);
        background-color: var(--backgrounds-e-4)
    }
}

@media(max-width: 1139px) {
    .page-profile__content--menu {
        margin-top:0;
        padding: 0;
        border-radius: 0;
        background-color: transparent
    }
}

@media(max-width: 1139px) {
    .page-profile__content--history-tabs {
        padding-top:0
    }
}

.page-profile__content--limits {
    position: relative
}

@media(max-width: 639px) {
    .page-profile__content--limits {
        margin:var(--spacings-page-paddings) -16px 0
    }
}

.page-profile__tabs {
    position: relative
}

@media(min-width: 1140px) {
    .page-profile__tabs {
        margin-top:-22px
    }
}

@media(min-width: 1628px) {
    .page-profile__tabs {
        margin-top:-32px
    }
}

.profile-nav__list {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
    padding: var(--spacings-2xs);
    border-radius: var(--roundings-m);
    background-color: var(--backgrounds-e-4)
}

.profile-nav__list:last-child {
    margin-bottom: 0
}

.profile-store-item {
    margin-bottom: 4px;
    cursor: pointer
}

.profile-store-item:last-child {
    margin-bottom: 0
}

.profile-store-item__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-radius: 4px;
    min-height: 32px;
    background-color: var(--colors-base-black-1000-60);
    transition: all .2s ease-out
}

.no-touch .profile-store-item__inner:hover {
    background: var(--colors-base-black-1000-60)
}

.profile-store-item__badge {
    display: flex;
    align-items: center;
    gap: 6px
}

.profile-store-item__badge-icon {
    width: 12px;
    height: 12px
}

.profile-store-item__badge-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 16px
}

.profile-store-item__badge-value,.profile-store-item__btn {
    color: var(--colors-base-white-b);
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 700
}

.profile-store-item__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    padding: 0;
    line-height: 12px
}

.profile-store-item__btn .icon {
    width: 16px;
    height: 16px
}

.profile-aside {
    flex-direction: column;
    background: var(--gradient-tokens-backgrounds-k)
}

.profile-menu .profile-aside {
    background: transparent
}

.profile-aside.slide-right-enter,.profile-aside.slide-right-leave-to {
    position: absolute;
    top: 0
}

@media(min-width: 1140px) {
    .profile-aside {
        height:100%;
        padding: var(--spacings-m);
        border-radius: var(--roundings-m);
        background: var(--backgrounds-b)
    }

    .profile-menu .profile-aside {
        display: flex;
        height: 100%;
        background: var(--backgrounds-b)
    }
}

.profile-aside__anchor {
    margin: 0;
    opacity: 0;
    height: 1px;
    border: none;
    visibility: hidden;
    pointer-events: none
}

.user-top__avatar .profile-aside__block {
    position: relative;
    top: -70px;
    opacity: 0;
    background-color: transparent
}

.user-top__avatar--hover .profile-aside__block {
    top: 0;
    opacity: 1;
    transition: all .2s ease-out
}

@media(min-width: 1140px) {
    .profile-nav {
        margin-bottom:8px;
        padding-bottom: 8px;
        border-bottom: 1px solid var(--colors-base-white-10)
    }

    .page-profile__left .profile-nav {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0
    }

    .user-top__profile-nav .profile-nav {
        margin-bottom: 16px;
        padding-bottom: 16px
    }
}

.profile-aside__footer {
    position: relative;
    display: flex;
    flex-direction: column
}

.profile-aside__buttons-wr {
    display: flex;
    justify-content: space-between
}

.bottom-sheet .profile-aside__buttons-wr {
    width: min(100%,440px);
    margin-inline:auto}

.profile-aside__footer--log-out {
    padding: var(--spacings-m)
}

.profile-aside__exit-text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--spacings-m);
    color: var(--text-text);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700
}

.profile-aside__button--exit {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    padding: 0;
    background-color: transparent;
    border: 0
}

.profile-aside__button--exit:not(.user-top__profile-nav .profile-aside__button--exit) {
    padding: 4px 4px 4px 12px;
    border-radius: 8px;
    height: 48px;
    transition: all .2s ease-out
}

.no-touch .profile-aside__button--exit:not(.user-top__profile-nav .profile-aside__button--exit):hover {
    border-radius: 100px;
    background-color: var(--backgrounds-e-4)
}

.user-top__profile-nav .profile-aside__button--exit {
    padding: 2px;
    gap: 8px
}

.profile-aside__button-text {
    color: var(--selector-item-text-default);
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.profile-aside__button--exit .profile-aside__button-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

@media(min-width: 1140px) {
    .user-top__profile-nav .profile-aside__button-text {
        font-size:12px;
        line-height: 16px;
        font-weight: 700
    }
}

.profile-aside__button-ic-wr {
    width: 20px;
    height: 20px
}

.profile-aside__button-ic {
    width: 20px;
    height: auto;
    color: var(--checkbox-stroke-error)
}

.profile-aside__button--no,.profile-aside__button--yes {
    width: calc(50% - 4px)
}

@media(min-width: 1140px) {
    .profile-aside__button--no,.profile-aside__button--yes {
        width:calc(50% - 8px)
    }
}

.profile-aside__header {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--spacings-xs);
    margin-bottom: var(--spacings-page-paddings)
}

.profile-aside__header-button-back,.profile-aside__header-button-logout {
    width: 36px;
    height: 36px;
    background-color: transparent;
    padding: 0;
    border: 0
}

.profile-aside__header-button-back-icon,.profile-aside__header-button-logout-icon {
    width: 20px;
    height: auto;
    color: var(--buttons-secondary-b-icon-default)
}

.profile-aside__header-button-back {
    border-radius: 50%;
    position: relative;
    background: var(--gradient-tokens-backgrounds-k);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.profile-aside__header-button-back:after {
    z-index: -1;
    content: "";
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--gradient-tokens-backgrounds-k) padding-box,var(--gradient-tokens-border-d) border-box;
    -webkit-mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    mask: border-box linear-gradient(0deg,var(--white),var(--white) 0) content-box,linear-gradient(0deg,var(--white),var(--white) 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.profile-aside__header-title {
    flex: 1;
    color: var(--text-text);
    text-align: center;
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

.profile-aside__block-promo-title {
    margin: var(--spacings-2xs) 0;
    padding: var(--spacings-xs) 16px 0;
    color: var(--text-description-b);
    font-size: var(--description-font-xs-font-size);
    font-weight: var(--description-font-xs-weight);
    line-height: var(--description-font-xs-line-height);
    text-transform: uppercase
}

.profile-aside__bottom-sheet-title {
    margin-bottom: var(--spacings-xl);
    padding: var(--spacings-xs) 0;
    text-align: center;
    color: var(--text-text);
    font-size: var(--headings-h2-font-size);
    font-weight: var(--headings-h2-weight);
    line-height: var(--headings-h2-line-height)
}

@media(min-width: 640px) {
    .profile-aside__bottom-sheet-title {
        margin-bottom:20px
    }
}

.flex-container {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.current-local-time {
    display: flex;
    align-items: center;
    gap: 8px
}

.personal-data .current-local-time {
    min-width: 80px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1px
}

@media(min-width: 1140px) {
    .menu-burger .current-local-time {
        width:100%;
        padding: 0 12px;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

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

.personal-data .current-local-time__count {
    position: relative;
    top: -2px
}

.current-local-time__title {
    color: var(--colors-base-white-50);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase
}

.personal-data .current-local-time__title {
    padding-top: 2px;
    text-transform: none;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400
}

.patch-timezone__content-timer-wr .current-local-time__title {
    display: none
}

.message-status {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 4px;
    color: var(--text-description-b);
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

.message-status:first-letter {
    text-transform: capitalize
}

.message-status--success {
    color: var(--colors-system-success)
}

.message-status--pending {
    color: var(--text-description-b)
}

.message-status--error {
    color: var(--colors-system-error)
}

.message-status__icon-wr {
    width: 16px;
    height: 16px
}

.message-status__icon {
    width: 14px;
    height: auto
}

.message-status__icon--check {
    height: auto
}

.personal-data-wrap {
    flex-direction: column
}

@media(min-width: 480px) {
    .personal-data-wrap {
        flex-direction:row;
        gap: var(--spacings-s);
        margin-bottom: var(--spacings-s)
    }

    .personal-data__email-phone .personal-data-wrap {
        margin-bottom: 0
    }
}

@media(min-width: 1140px) {
    .personal-data-wrap {
        gap:var(--spacings-s);
        margin-bottom: var(--spacings-s)
    }

    .personal-data__email-phone .personal-data-wrap {
        flex: 1
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .personal-data-wrap {
        display:grid;
        grid-template-columns: repeat(auto-fill,minmax(330px,1fr))
    }
}

.profile-edit__col {
    margin-bottom: var(--spacings-s)
}

.personal-data__email-phone .profile-edit__col:last-child {
    margin-bottom: 0
}

.profile-edit__col .gender-radio-inner {
    padding: 0 16px
}

@media(min-width: 480px) {
    .profile-edit__col {
        width:calc(50% - var(--spacings-s)/2);
        flex-shrink: 0;
        margin-bottom: 0
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .profile-edit__col {
        width:100%
    }
}

.profile-timezone__checkbox-label-wr {
    align-items: center;
    max-width: calc(100% - 90px)
}

.profile-timezone__checkbox-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--white)
}

.profile-current-time {
    justify-content: space-between;
    min-height: 48px;
    gap: var(--spacings-s);
    padding: 0 16px;
    border-radius: 100px;
    background-color: var(--backgrounds-e-4)
}

@media(min-width: 640px) {
    .profile-current-time {
        width:calc(50% - var(--spacings-s)/2)
    }
}

@media(min-width: 1140px) {
    .profile-current-time {
        width:100%
    }
}

@media(min-width: 1628px) {
    .profile-current-time {
        padding:0 var(--spacings-m)
    }
}

.personal-data__save-changes {
    margin: var(--spacings-xl) 0 var(--spacings-2xl)
}

@media(min-width: 480px) {
    .personal-data__save-changes {
        text-align:right
    }
}

@media(min-width: 1140px) {
    .personal-data__save-changes {
        margin-bottom:0;
        text-align: left
    }
}

@media(max-width: 479px) {
    .personal-data__save-changes-btn {
        width:100%
    }
}

.personal-data__email-phone {
    position: relative;
    padding-top: var(--spacings-2xl)
}

@media(max-width: 1139px) {
    .personal-data__email-phone {
        border-top:1px solid var(--border-a)
    }
}

@media(min-width: 1140px) {
    .personal-data__email-phone {
        display:flex;
        gap: 12px
    }

    .personal-data__email-phone:before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(var(--spacings-xl)*-1);
        right: calc(var(--spacings-xl)*-1);
        height: 1px;
        background-color: var(--border-a)
    }
}

@media(min-width: 1140px) {
    .personal-data__email-phone-left {
        width:120px;
        border-radius: 20px;
        background-color: var(--backgrounds-e-4)
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .personal-data__email-phone-left {
        display:none
    }
}

@media(min-width: 1140px) {
    .birthday-calendar-wrap {
        position:relative
    }
}

.personal-data__user-data {
    position: relative
}

@media(min-width: 1140px) {
    .personal-data__user-data {
        display:flex;
        gap: 12px;
        margin-bottom: var(--spacings-2xl)
    }
}

@media(min-width: 1628px) {
    .personal-data__user-data {
        gap:16px
    }
}

@media(min-width: 1140px) {
    .personal-data__user-data-left {
        width:120px;
        border-radius: 20px;
        background-color: var(--backgrounds-e-4)
    }
}

@media(min-width: 1140px)and (max-width:1627px) {
    .main-wr--user-sidebar-opened .personal-data__user-data-left {
        display:none
    }
}

@media(min-width: 1140px) {
    .personal-data__user-data-right {
        flex:1
    }
}

@media(min-width: 1628px) {
    .personal-data__email-phone-inner {
        flex:1
    }
}

.profile-edit__col .profile-edit__col__phone-preloader {
    height: 100%
}

@media(max-width: 639px) {
    .profile-edit__col .profile-edit__col__phone-preloader {
        height:48px
    }
}

.profile-user-card__status{
    display: flex;
    align-items: center;
    justify-content: center;
    img{
        max-width: 150px;
        border-radius: 25px;
        box-shadow: 0 0 25px #46cb445c;
        margin-bottom: 25px;
    }
}