.payment-body_headerBlock__PW4Br {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.payment-body_headerBlock__PW4Br.payment-body_day__AwGNl {
    background-color: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .payment-body_headerBlock__PW4Br {
        margin-top: 0
    }
}

.payment-body_headerBlock__PW4Br button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0;
    border: none;
    background: rgba(0, 0, 0, 0);
    outline: none;
    overflow: hidden
}

.payment-body_headerBlock__PW4Br button span {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .payment-body_headerBlock__PW4Br button {
        padding: 16px
    }
}

.payment-body_headerBlock_close__6FfNl {
    right: 0;
    left: inherit
}

.payment-body_headerBlock_back__OQ73u {
    right: auto;
    left: 0
}

.payment-body_methodsBlock__pfDGU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    max-width: 800px;
    height: 100%;
    min-height: calc(100vh - 180px);
    margin-top: 20px;
    border-radius: 20px;
    background: var(--topx-color-background-ton-2);
    -webkit-transform: linear .25s;
    -ms-transform: linear .25s;
    transform: linear .25s
}

@media screen and (max-width:767px) {
    .payment-body_methodsBlock__pfDGU {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background: rgba(0, 0, 0, 0);
        overflow: hidden
    }
}

.payment-body_blockPayment__hQN1U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: calc(100vh - 110px);
    background-color: var(--topx-color-background-ton-1)
}

@media screen and (max-width:1080px) {
    .payment-body_blockPayment__hQN1U {
        padding: 0 12px
    }
}

@media screen and (max-width:767px) {
    .payment-body_blockPayment__hQN1U {
        padding: 0
    }
}

.payment-body_resolverBlock__Jmsnt {
    width: 100%;
    max-width: -webkit-fill-available;
    padding: 20px 0;
    border-left: 1px solid var(--topx-color-elements-stroke-1)
}

.payment-body_resolverBlock__Jmsnt.payment-body_invoice__yet2K {
    max-width: -webkit-fill-available;
    margin: 8px;
    border-left: 1px solid var(--topx-color-elements-stroke-1, var(--topx-color-elements-stroke-1));
    border-radius: 12px;
    background: radial-gradient(50% 50% at 50% 50%, #172032 0, var(--topx-color-not-variables-other-preloader-fill) 100%)
}

.payment-body_resolverBlock__Jmsnt.payment-body_invoice__yet2K.payment-body_day__AwGNl {
    background: var(--topx-color-background-ton-1)
}

@media screen and (max-width:767px) {
    .payment-body_resolverBlock__Jmsnt {
        position: fixed;
        z-index: 2;
        margin: 0;
        padding: 0;
        border-radius: 0;
        background-color: var(--topx-color-background-ton-1);
        inset: 0
    }
    .payment-body_resolverBlock__Jmsnt.payment-body_invoice__yet2K {
        max-width: -webkit-fill-available;
        margin: 0;
        border-left: none;
        border-radius: 0
    }
    .payment-body_resolverBlock__Jmsnt.payment-body_androidBanner__nGy9j {
        top: 64px
    }
}

.bonus-deleted-modal_container__XPIHx {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bonus-deleted-modal_block__bJxPy,
.bonus-deleted-modal_container__XPIHx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 100%
}

.bonus-deleted-modal_block__bJxPy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 350px;
    height: 100%;
    max-height: 100vh;
    padding: 0 20px 20px;
    border: 2px solid var(--topx-color-elements-stroke-1);
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.bonus-deleted-modal_block__bJxPy.bonus-deleted-modal_day__MArws {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .bonus-deleted-modal_block__bJxPy {
        max-width: 100%;
        margin-top: auto;
        border: none;
        border-radius: 16px 16px 0 0
    }
}

.bonus-deleted-modal_bottomBlock__2GXkt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media screen and (max-width:767px) {
    .bonus-deleted-modal_bottomBlock__2GXkt {
        padding: 0 0 20px
    }
}

.bonus-deleted-modal_bottomBlock_text__a7LtP {
    text-align: center;
    margin-top: -40px;
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-deleted-modal_buttonsBlock__lI5XM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.bonus-deleted-modal_buttonsBlock_button__00yLp {
    background: var(--topx-color-elements-fill-1)
}

.bonus-deleted-modal_buttonsBlock_button__00yLp,
.bonus-deleted-modal_buttonsBlock_withdrawalButton__9dlNW {
    gap: 8px;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-deleted-modal_buttonsBlock_button__00yLp,
.bonus-deleted-modal_buttonsBlock_withdrawalButton__9dlNW,
.bonus-deleted-modal_headBlock__Mbnfy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.bonus-deleted-modal_headBlock__Mbnfy {
    position: relative;
    gap: 10px;
    -ms-flex-align: center;
    padding: 16px 0
}

.bonus-deleted-modal_headBlock_close__tZAX9 {
    position: absolute;
    right: 0;
    border: none;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer
}

.bonus-deleted-modal_headBlock__Mbnfy h2 {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-deleted-modal_imageBlock__T1b3Y {
    min-height: 260px;
    margin-top: -60px
}

.bonus-deleted-modal_imageBlock_warning__MUjws {
    width: 100%;
    height: auto
}

.bonus-modal-widget-warning_container__PTnXK {
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.bonus-modal-widget-warning_block__5BZJn {
    width: 375px;
    max-height: 256px;
    padding: 0 20px 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bonus-modal-widget-warning_block__5BZJn.bonus-modal-widget-warning_day__J0rak {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .bonus-modal-widget-warning_block__5BZJn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 16px 16px 0 0
    }
}

.bonus-modal-widget-warning_block_description__UKLLZ {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    width: 100%;
    color: var(--topx-color-text-primary)
}

.bonus-modal-widget-warning_headerBlock__h7k7_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 48px;
    margin-bottom: 5px;
    color: var(--topx-color-text-primary)
}

.bonus-modal-widget-warning_headerBlock_title__EXQQa {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bonus-modal-widget-warning_headerBlock_close__I18vh {
    margin-left: auto;
    cursor: pointer
}

.bonus-modal-widget-warning_headerBlock_close__I18vh svg {
    width: 27.7px;
    height: auto
}

.bonus-modal-widget-warning_buttonsBlock__sXUpo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 8px
}

.bonus-modal-widget-warning_buttonsBlock__sXUpo button {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-money-tooltip_container__NOl1Y {
    gap: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bonus-money-tooltip_block__Tc7C1,
.bonus-money-tooltip_container__NOl1Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.bonus-money-tooltip_block__Tc7C1 {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 350px;
    height: 100%;
    max-height: 100vh;
    padding: 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .bonus-money-tooltip_block__Tc7C1 {
        max-width: 100%;
        margin-top: auto;
        border-radius: 16px 16px 0 0
    }
}

.bonus-money-tooltip_block_close__jFfDW {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: rgba(0, 0, 0, 0);
    outline: none
}

.bonus-money-tooltip_block_close__jFfDW svg {
    width: 30px;
    height: auto
}

.bonus-money-tooltip_bonusBlock__hmWRd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 70px
}

.bonus-money-tooltip_bonusBlock_image__1a4kA {
    position: absolute;
    top: -95px;
    width: 300px;
    height: 150px
}

.bonus-money-tooltip_mainBlock__V0Hpy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -o-border-image: linear-gradient(90deg, rgba(231, 236, 245, 0), rgba(231, 236, 245, .15) 12.19%, rgba(231, 236, 245, .15) 87.84%, rgba(231, 236, 245, 0));
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(231, 236, 245, 0)), color-stop(12.19%, rgba(231, 236, 245, .15)), color-stop(87.84%, rgba(231, 236, 245, .15)), to(rgba(231, 236, 245, 0)));
    border-image: linear-gradient(90deg, rgba(231, 236, 245, 0), rgba(231, 236, 245, .15) 12.19%, rgba(231, 236, 245, .15) 87.84%, rgba(231, 236, 245, 0));
    border-image-slice: 1
}

.bonus-money-tooltip_mainBlock__V0Hpy span {
    text-align: center;
    color: var(--topx-color-text-primary)
}

.bonus-money-tooltip_mainBlock__V0Hpy span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-money-tooltip_mainBlock__V0Hpy span:last-child {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    word-wrap: pre-line;
    padding: 0
}

.bonus-money-tooltip_winMoneyBottomBlock__DMk0w,
.bonus-money-tooltip_winMoneyTopBlock__dNZP1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px
}

.bonus-money-tooltip_winMoneyBottomBlock_title__f_0d0,
.bonus-money-tooltip_winMoneyTopBlock_title__ScZRT {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    padding-left: 32px;
    color: var(--topx-color-text-primary)
}

.bonus-money-tooltip_winMoneyBottomBlock_description__5TIIG,
.bonus-money-tooltip_winMoneyTopBlock_description___tw_Y {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0 0 0 32px;
    color: var(--topx-color-text-secondary)
}

.bonus-money-tooltip_winMoneyBottomBlock__DMk0w svg,
.bonus-money-tooltip_winMoneyTopBlock__dNZP1 svg {
    position: absolute;
    left: 22px
}

.bonus-money-tooltip_winMoneyTopBlock__dNZP1 {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    -o-border-image: linear-gradient(90deg, rgba(231, 236, 245, 0), rgba(231, 236, 245, .15) 12.19%, rgba(231, 236, 245, .15) 87.84%, rgba(231, 236, 245, 0));
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(231, 236, 245, 0)), color-stop(12.19%, rgba(231, 236, 245, .15)), color-stop(87.84%, rgba(231, 236, 245, .15)), to(rgba(231, 236, 245, 0)));
    border-image: linear-gradient(90deg, rgba(231, 236, 245, 0), rgba(231, 236, 245, .15) 12.19%, rgba(231, 236, 245, .15) 87.84%, rgba(231, 236, 245, 0));
    border-image-slice: 1
}

.bonus-money-tooltip_buttonsBlock__MpfHK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 16px
}

.bonus-money-tooltip_buttonsBlock__MpfHK button {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-open-game_container__dvzXQ {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .65);
    opacity: 1;
    visibility: visible;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:767px) {
    .bonus-open-game_container__dvzXQ {
        z-index: 1000
    }
}

.bonus-open-game_block__nDvZ7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 400px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2);
    color: var(--topx-color-text-primary);
    overflow: hidden
}

@media screen and (max-width:767px) {
    .bonus-open-game_block__nDvZ7 {
        width: 100%;
        max-width: none;
        max-height: none;
        margin: 0 20px
    }
}

.bonus-open-game_headerBlock__L1ihk {
    color: var(--topx-color-text-primary)
}

.bonus-open-game_closeBlock__yOLWW {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 16px 0
}

.bonus-open-game_closeBlock_close__ztB4I {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.bonus-open-game_closeBlock_close__ztB4I svg {
    width: 27.7px;
    height: auto
}

.bonus-open-game_contentBlock__XxNBx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 0 20px 20px;
    border-radius: 16px 16px 0 0;
    background: var(--topx-color-background-ton-2)
}

.bonus-open-game_contentBlock__XxNBx.bonus-open-game_day__vWqou {
    background: var(--topx-color-background-ton-3s)
}

@media screen and (max-width:767px) {
    .bonus-open-game_contentBlock__XxNBx {
        height: 100%;
        padding: 20px
    }
}

.bonus-open-game_contentBlock_image__7yvsR {
    width: 100%;
    height: auto
}

.bonus-open-game_contentBlock_title__xEN5j {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%
}

.bonus-open-game_contentBlock_description__VypGH,
.bonus-open-game_contentBlock_title__xEN5j {
    text-align: center;
    color: var(--topx-color-text-primary);
    letter-spacing: 0;
    text-decoration: none
}

.bonus-open-game_contentBlock_description__VypGH {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.render-active-widget_container__1K_L6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    padding: 12px 16px;
    color: var(--topx-color-text-primary)
}

.render-active-widget_container__1K_L6.render-active-widget_disabled__xXBW9 {
    color: var(--topx-color-text-secondary)
}

.render-active-widget_container__1K_L6 span {
    margin-right: 3px
}

.render-active-widget_counterBlock__VqbHJ {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.render-active-widget_counterBlock__VqbHJ,
.render-active-widget_counterBlock_number__DSEHu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.render-active-widget_counterBlock_number__DSEHu {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2px
}

.render-active-widget_counterBlock_number__DSEHu div {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 4px;
    border-radius: 6px;
    background: var(--topx-color-elements-fill-2);
    color: var(--topx-color-text-primary);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.active-bonuses-widget_container__JWSKx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px
}

.active-bonuses-widget_headerBlock__wJHx0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 40px
}

.active-bonuses-widget_headerBlock__wJHx0 img {
    width: 18px;
    height: 18px
}

.active-bonuses-widget_headerBlock_close__qUmnX {
    z-index: 1;
    margin-left: auto;
    cursor: pointer
}

.active-bonuses-widget_headerBlock_close__qUmnX svg {
    width: 27.7px;
    height: auto
}

.active-bonuses-widget_headerBlock_gradient__HJI_4 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 56px;
    background: var(--topx-color-not-variables-other-fast-bonus)
}

.active-bonuses-widget_headerBlock_countdown__qce5Y {
    z-index: 1
}

.active-bonuses-widget_bonusBlock__4tZxL {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 59px;
    padding: 12px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.active-bonuses-widget_bonusBlock__4tZxL.active-bonuses-widget_day__hULz9 {
    background: var(--topx-color-background-ton-3)
}

.active-bonuses-widget_bonusBlock_isBonusViewed__EX8_y {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 5;
    width: 17px;
    height: 17px;
    border: 2px solid var(--topx-color-background-ton-1);
    border-radius: 56px;
    background: var(--topx-color-accent-gradient)
}

.active-bonuses-widget_bonusBlock_isBonusViewed__EX8_y.active-bonuses-widget_day__hULz9 {
    border: 2px solid var(--topx-color-background-ton-3)
}

.active-bonuses-widget_bonusBlock__4tZxL.active-bonuses-widget_isActiveBonus__0b6pQ {
    border: 2px solid var(--topx-color-not-variables-other-green)
}

.active-bonuses-widget_bonusBlock__4tZxL:not(.active-bonuses-widget_isActiveBonus__0b6pQ):before {
    position: absolute;
    z-index: -1;
    padding: 2px 0 0;
    border-radius: 16px;
    background: var(--topx-color-elements-stroke-1);
    content: "";
    pointer-events: none;
    inset: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.active-bonuses-widget_bonusBlock__4tZxL img {
    width: 32px;
    height: 32px
}

.active-bonuses-widget_bonusBlock_button__2O8Id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 88px;
    min-width: 88px;
    height: 32px;
    border-radius: 10px;
    color: var(--topx-color-text-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.active-bonuses-widget_bonusBlock_button__2O8Id.active-bonuses-widget_isActiveBonus__0b6pQ {
    background: var(--topx-color-not-variables-other-green);
    color: var(--topx-color-not-variables-other-white)
}

.active-bonuses-widget_bonusInfoBlock__t2n_S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 4px
}

.active-bonuses-widget_bonusInfoBlock_title__khSWN {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--topx-color-text-primary)
}

.active-bonuses-widget_bonusInfoBlock_description__Hk43Z {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-secondary)
}

.active-bonuses-widget_accordionBlock__bIprR {
    position: relative;
    width: 100%
}

.active-bonuses-widget_accordionBlock__bIprR,
.active-bonuses-widget_accordionBlock_arrow__h_zGs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.active-bonuses-widget_accordionBlock_arrow__h_zGs {
    position: absolute;
    top: -5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 20px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 10px;
    background: var(--topx-color-background-ton-3)
}

.active-bonuses-widget_accordionBlock_arrow__h_zGs.active-bonuses-widget_opened__nn8My {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.active-bonuses-widget_accordionBlock_first__Bo35e,
.active-bonuses-widget_accordionBlock_second__vAiDK {
    position: absolute;
    -webkit-box-shadow: var(--topx-color-shadow-inner-1);
    box-shadow: var(--topx-color-shadow-inner-1);
    background: var(--topx-color-background-ton-3);
    opacity: .75;
    pointer-events: none
}

.active-bonuses-widget_accordionBlock_first__Bo35e {
    top: -13px;
    width: calc(100% - 32px);
    height: 10px;
    border-radius: 0 0 10px 10px
}

.active-bonuses-widget_accordionBlock_second__vAiDK {
    top: -3px;
    width: calc(100% - 52px);
    height: 8px;
    border-radius: 0 0 8px 8px
}

@media screen and (min-width:768px) {
    .bonus-widget-modal_container___f3pP {
        height: 100%
    }
}

.bonus-widget-modal_container___f3pP>div {
    max-height: calc(100vh - 80px)
}

.bonus-widget-modal_block__nBHHA {
    max-height: 100%;
    padding-top: 2px;
    border: 4px solid var(--topx-color-background-ton-3);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    overflow-x: hidden;
    -ms-overflow-style: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    scrollbar-width: none
}

@media screen and (max-width:767px) {
    .bonus-widget-modal_block__nBHHA {
        width: 100%;
        max-height: inherit;
        border: none;
        border-top: 2px solid var(--topx-color-elements-stroke-1);
        border-radius: 16px 16px 0 0
    }
}

.bonus-widget-modal_block_gradient__Hy1rN {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 56px;
    background: var(--topx-color-not-variables-other-fast-bonus)
}

.bonus-widget-modal_header__lsdKB {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 24px;
    color: var(--topx-color-text-primary)
}

.bonus-widget-modal_headerBlock__5P8S1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-widget-modal_headerBlock_close__lsNRm {
    cursor: pointer
}

.bonus-widget-modal_headerBlock_close__lsNRm svg {
    width: 27.7px;
    height: auto
}

.bonus-widget-modal_scrollableBlock__Dgr3O {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    max-height: inherit;
    padding: 14px 20px 16px;
    overflow-y: scroll
}

.bonus-widget-modal_scrollableBlock__Dgr3O::-webkit-scrollbar {
    display: none
}

@media screen and (max-width:767px) {
    .bonus-widget-modal_scrollableBlock__Dgr3O {
        padding: 14px 16px calc(16px + env(safe-area-inset-bottom))
    }
}

.bonus-widget-modal_buttonsBlock__OKzGU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 8px 0
}

.bonus-widget-modal_buttonsBlock__OKzGU button {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.bonus-wrap-with-not-visited-indicator_bonusWidget__I3Ohr {
    position: relative
}

.bonus-wrap-with-not-visited-indicator_viewedBlock__oWxpe {
    position: absolute;
    top: -5px;
    right: 0;
    z-index: 5;
    width: 17px;
    height: 17px;
    border: 2px solid var(--topx-color-background-ton-1);
    border-radius: 56px;
    background: var(--topx-color-accent-gradient)
}

.bonus-wrap-with-not-visited-indicator_viewedBlock__oWxpe.bonus-wrap-with-not-visited-indicator_day__UCg_a {
    border: 2px solid var(--topx-color-background-ton-3)
}

.bonuses_container__2ScfD {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    min-height: 59px;
    padding: 12px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2);
    overflow: hidden
}

.bonuses_container__2ScfD.bonuses_day__mr8uV {
    background: var(--topx-color-background-ton-3)
}

.bonuses_container_level__GjeyP {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 79px
}

.bonuses_container_level__GjeyP img {
    -ms-flex-item-align: center;
    align-self: center
}

.bonuses_container_button__m4iTi {
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 88px;
    min-width: 88px;
    height: 32px;
    border-radius: 10px
}

.bonuses_container__2ScfD:before {
    position: absolute;
    z-index: -1;
    padding: 2px 0 0;
    border-top: 2px solid rgba(0, 0, 0, 0);
    border-radius: 16px;
    background: var(--topx-color-elements-stroke-1);
    content: "";
    pointer-events: none;
    inset: -2px 0 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor
}

.bonuses_container__2ScfD img {
    width: 32px;
    height: 32px
}

.bonuses_progressBarBlock__NDdeh {
    width: 100%;
    height: 4px
}

.bonuses_progressBarBlock_label__ev9YX {
    margin-left: 10px
}

.bonuses_infoBlock__9YimO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 4px
}

.bonuses_infoBlock_title__VX1ja {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    gap: 4px;
    color: var(--topx-color-text-primary)
}

.bonuses_infoBlock_title__VX1ja,
.bonuses_infoBlock_title_image__RKqro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bonuses_infoBlock_title_image__RKqro {
    gap: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 31px;
    height: 17px;
    padding: 2px 4px;
    border-radius: 32px;
    background: var(--topx-color-accent-gradient);
    color: var(--topx-color-not-variables-other-white)
}

.bonuses_infoBlock_title_image__RKqro span {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.bonuses_infoBlock_description__qwkfk {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.bonuses_infoBlock_description__qwkfk,
.bonuses_infoBlock_description_text__eF3rs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bonuses_infoBlock_description_text__eF3rs {
    gap: 4px
}

.bonuses_infoBlock_description_text__eF3rs.bonuses_appliedText__xrdzY {
    color: var(--topx-color-other-colors-blue)
}

.bonuses_levelBlock__eB_Vz {
    gap: 8px
}

.bonuses_levelBlock_description__mH1bb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bonuses_levelBlock_description__mH1bb,
.bonuses_levelBlock_description_amount__JnOXR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.bonuses_levelBlock_description__mH1bb span:first-child {
    margin-right: 3px;
    color: var(--topx-color-not-variables-other-green)
}

.bonuses_levelBonusesBlock__yuOve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bonuses_levelBonusesBlock_plus__7nnGw {
    margin: 0 5px 0 10px;
    color: var(--topx-color-text-secondary)
}

.bonuses_bonusBlock__9SblA,
.bonuses_levelBonusesBlock_plus__7nnGw {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center
}

.bonuses_bonusBlock__9SblA {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 22px 2px 6px;
    border-radius: 12px;
    background: var(--topx-color-not-variables-other-green);
    color: var(--topx-color-not-variables-other-white)
}

.bonuses_bonusBlock__9SblA .bonuses_summary__PPUYR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px
}

.bonuses_bonusBlock_image__KrBBl {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 30px !important;
    height: 30px !important
}

.bonuses_freespinBlock__Gxby0 {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 22px 2px 6px;
    border-radius: 12px;
    background: var(--topx-color-not-variables-other-gold);
    color: var(--topx-color-not-variables-other-white);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.bonuses_freespinBlock__Gxby0 .bonuses_summary__PPUYR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px
}

.bonuses_freespinBlock_image__3bvYe {
    position: absolute;
    top: -4px;
    right: -8px;
    width: 30px !important;
    height: 30px !important
}

.bonuses_imageWithCountBlock__lmLqZ {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 34px
}

.bonuses_countBlock__1fXQa,
.bonuses_imageWithCountBlock__lmLqZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bonuses_countBlock__1fXQa {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.bonuses_countBlock_count__UqxJI {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    height: 3px;
    border-radius: 12px;
    background: var(--topx-color-elements-fill-2)
}

.bonuses_countBlock_count__UqxJI.bonuses_applied__idu_R {
    background: var(--topx-color-other-colors-blue)
}

.not-active-bonuses-widget_container__DXbFx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.bonuses-modal_container__6Mhkv {
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 507px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.bonuses-modal_block__tAXqg {
    width: 375px;
    max-height: calc(100% - 160px);
    padding: 0 20px 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width:767px) {
    .bonuses-modal_block__tAXqg {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: calc(100% - 80px);
        border-radius: 16px 16px 0 0
    }
}

.bonuses-modal_bonusModalBlock__xGeV5 {
    position: sticky;
    top: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 70px
}

.bonuses-modal_bonusModalBlock_image__o8d7O {
    position: absolute;
    top: -60px;
    z-index: 1020;
    width: 240px;
    height: 120px
}

.bonuses-modal_bonusModalBlock_close__qIbrD {
    position: absolute;
    top: 10px;
    right: -10px;
    z-index: 1021;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: rgba(0, 0, 0, 0);
    outline: none
}

.bonuses-modal_bonusModalBlock_close__qIbrD svg {
    width: 30px;
    height: auto
}

.bonuses-modal_mainBlock__Q36Jp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--topx-color-elements-stroke-1);
    border-image-slice: 1
}

.bonuses-modal_mainBlock__Q36Jp span {
    text-align: center;
    color: var(--topx-color-not-variables-other-black)
}

.bonuses-modal_mainBlock__Q36Jp span:first-child {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.bonuses-modal_mainBlock__Q36Jp span:last-child {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    word-wrap: pre-line;
    padding: 0;
    color: var(--topx-color-text-primary)
}

.bonuses-modal_popularBlock__Pz9V8 {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    padding: 24px 0;
    border-bottom: 1px solid var(--topx-color-elements-stroke-1);
    border-image-slice: 1;
    color: var(--topx-color-text-primary)
}

.bonuses-modal_bottomBlock__0rsW_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 24px;
    margin-bottom: 8px
}

.bonuses-modal_bottomBlock__0rsW_ button {
    width: 100%;
    min-height: 44px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.bonuses-modal_scrollablBlock__ggVFD {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.bonuses-modal_scrollablBlock__ggVFD::-webkit-scrollbar {
    display: none
}

.bonuses-modal_dep__mEHHa.bonuses-modal_isNotVisible__CgwO2 {
    display: none
}

.bonuses-modal_spanWager__FQvBH {
    margin-top: 10px;
    color: var(--topx-color-text-secondary)
}

.CashbackModal_container__WwIHE {
    width: 399px;
    height: auto;
    border: 4px solid var(--topx-color-elements-stroke-1);
    border-radius: 20px;
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .CashbackModal_container__WwIHE {
        width: 100%;
        border: unset;
        border-radius: 20px 20px 0 0
    }
}

.CashbackModal_block__iRxdu {
    width: 100%;
    height: auto;
    border-radius: 16px;
    background: var(--topx-color-other-gradients-sidemenu-balance-fill)
}

.CashbackModal_block__iRxdu.CashbackModal_day__djypo {
    background: unset
}

.CashbackModal_mainTextBlock__BvUA0 {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0
}

.CashbackModal_mainTextBlock_title__zDGk9 {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.CashbackModal_mainTextBlock_subtitle__UQqgc {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-secondary)
}

.CashbackModal_textBlock__lALiU {
    text-align: center
}

.CashbackModal_textBlock_title__NwhJz {
    font-size: 28px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.CashbackModal_textBlock_subtitle__NsPmp {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-secondary)
}

.CashbackModal_headerBlock__eHhIB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    cursor: pointer
}

.CashbackModal_headerBlock_close__OlHvP {
    width: 27.5px;
    height: 27.5px
}

.CashbackModal_headerBlock_close__OlHvP.CashbackModal_closeDay__Ztrgh path {
    fill: var(--topx-color-text-tertiary)
}

.CashbackModal_contentBlock__aosmG {
    position: relative;
    padding: 0 20px 20px
}

.CashbackModal_contentBlock_image__0vZUr {
    position: absolute;
    top: -170px;
    right: 0;
    left: 0;
    width: 240px;
    height: 170px;
    margin-inline: auto
}

.CashbackModal_cashbackBlock__g6Zr3 {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 96px;
    padding: 16px 0;
    border: 3px solid var(--topx-color-not-variables-other-green);
    border-radius: 20px;
    background: var(--topx-color-background-ton-1);
    overflow: hidden
}

.CashbackModal_cashbackBlock__g6Zr3 svg {
    fill: var(--topx-color-not-variables-other-green)
}

.CashbackModal_cashbackBlock_angleBottom__C5_Hj,
.CashbackModal_cashbackBlock_angleTop__XveE3 {
    position: absolute;
    right: 0;
    left: 0;
    width: 24px;
    height: 12px;
    margin-inline: auto
}

.CashbackModal_cashbackBlock_angleTop__XveE3 {
    top: -3px
}

.CashbackModal_cashbackBlock_angleBottom__C5_Hj {
    bottom: -3px;
    rotate: 180deg
}

.CashbackModal_cashbackBlock_separator__o4bPF {
    width: 1px;
    height: 100%;
    background: var(--topx-color-elements-stroke-gradient-vertical)
}

.CashbackModal_cashbackBlock_giftIcon___MVLH,
.CashbackModal_cashbackBlock_sevenIcon__yQLWZ {
    top: 12px;
    width: 48px;
    height: 64px
}

.CashbackModal_cashbackBlock__g6Zr3.CashbackModal_isPostponed__BbhrZ {
    border: 3px solid var(--topx-color-not-variables-other-gold)
}

.CashbackModal_cashbackBlock__g6Zr3.CashbackModal_isPostponed__BbhrZ svg {
    fill: var(--topx-color-not-variables-other-gold)
}

.CashbackModal_lockBlock__sTIyz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 182px;
    height: 22px;
    margin: 0 auto;
    padding: 2px 12px 4px;
    border-radius: 0 0 12px 12px;
    background: var(--topx-color-not-variables-other-gold);
    color: var(--topx-color-not-variables-other-white);
    fill: var(--topx-color-not-variables-other-white);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.CashbackModal_lockBlock__sTIyz>span {
    opacity: .7
}

.CashbackModal_button__3Qtn7 {
    width: 100%;
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.CashbackModal_mailBlock__cvD_X {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 48px;
    margin-bottom: 20px;
    padding: 12px;
    border: 1px dashed var(--topx-color-elements-fill-2);
    border-radius: 12px;
    color: var(--topx-color-text-primary)
}

.CashbackModal_mailBlock_prefix__N3agi {
    position: absolute;
    top: -6.5px;
    background: var(--topx-color-background-ton-2);
    color: var(--topx-color-text-secondary);
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none
}

.CashbackModal_mailBlock_mail__EcCb0 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .change-password-modal_container__vCFWT>div {
        height: 100vh;
        background-color: var(--topx-color-background-ton-1)
    }
}

.change-password-modal_headerBlock__KwPUp {
    position: relative;
    width: 100%;
    color: var(--topx-color-text-primary)
}

@media screen and (max-width:767px) {
    .change-password-modal_headerBlock__KwPUp {
        padding: 16px 0
    }
}

.change-password-modal_headerWrapperBlock__GmRdp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.change-password-modal_headerBlock_title__5lKN1,
.change-password-modal_headerWrapperBlock_title__5yTzn {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.change-password-modal_headerBlock_close__tTHvE,
.change-password-modal_headerWrapperBlock_close__YCTyg {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer
}

.change-password-modal_headerBlock_close__tTHvE svg,
.change-password-modal_headerWrapperBlock_close__YCTyg svg {
    width: 27.7px;
    height: auto
}

@media screen and (max-width:767px) {
    .change-password-modal_headerBlock_close__tTHvE,
    .change-password-modal_headerWrapperBlock_close__YCTyg {
        right: 16px
    }
}

.change-password-modal_headerBlock_back__Xfmot,
.change-password-modal_headerWrapperBlock_back__IWrGK {
    position: absolute;
    left: 16px
}

.change-password-modal_innerBlock__8mDbi {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    padding: 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.change-password-modal_innerBlock__8mDbi.change-password-modal_day__BSknd {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .change-password-modal_innerBlock__8mDbi {
        max-width: none;
        min-height: calc(100% - 51px);
        border-radius: 16px 16px 0 0
    }
}

.change-password-modal_formBlock__i1t09 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%
}

.change-password-modal_formBlock_description__Qpipq {
    text-align: center;
    width: 100%;
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.change-password-modal_formBlock_line__iRMoB {
    width: 100%;
    height: 1px;
    background: var(--topx-color-elements-stroke-1)
}

.change-password-modal_formBlock_button__g9_fS {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    background: var(--button-primary-default);
    color: var(--topx-color-not-variables-other-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.change-password-modal_inputBlock__yy1cw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.change-password-modal_inputBlock_button__lY9iR {
    text-align: center;
    margin-top: 6px;
    margin-left: auto;
    border: none;
    background: none;
    color: var(--topx-color-text-secondary);
    outline: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .code-modal_container__3iMBb>div {
        height: 100vh;
        background-color: var(--topx-color-background-ton-1)
    }
}

.code-modal_headerBlock__mq_8R {
    width: 100%;
    padding: 0;
    color: var(--topx-color-not-variables-other-white)
}

@media screen and (max-width:767px) {
    .code-modal_headerBlock__mq_8R {
        background-color: var(--topx-color-background-ton-1);
        padding: 16px 0
    }
}

.code-modal_headerWrapperBlock__qi5d9 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.code-modal_headerWrapperBlock_title__YcgOy {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.code-modal_headerWrapperBlock_close__OwyPq {
    position: absolute;
    right: 0;
    cursor: pointer
}

.code-modal_headerWrapperBlock_close__OwyPq svg {
    width: 27.7px;
    height: auto
}

@media screen and (max-width:767px) {
    .code-modal_headerWrapperBlock_close__OwyPq {
        right: 16px
    }
}

.code-modal_headerWrapperBlock_back__YyO15 {
    position: absolute;
    left: 16px
}

.code-modal_mainBlock__DB0pJ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 400px;
    height: 100%;
    margin: auto;
    padding: 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.code-modal_mainBlock__DB0pJ.code-modal_day__SWosd {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .code-modal_mainBlock__DB0pJ {
        max-width: none;
        border-radius: 16px 16px 0 0
    }
}

.code-modal_mainBlock_image__GrW5d {
    display: block;
    width: 96px;
    height: auto;
    margin: 0 auto
}

.code-modal_mainBlock_description__WjBQp {
    text-align: center;
    width: 100%;
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.code-modal_mainBlock_googleButton__iqPhi {
    text-align: center;
    gap: 4px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    background: var(--topx-color-not-variables-other-white);
    color: var(--topx-color-not-variables-other-black);
    font-size: 14px
}

.code-modal_mainBlock_button__lqtOS,
.code-modal_mainBlock_googleButton__iqPhi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    border-radius: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.code-modal_mainBlock_button__lqtOS {
    gap: 8px;
    padding: 12px;
    background: var(--topx-color-elements-stroke-1);
    font-size: 12px
}

.code-modal_mainBlock_loader__A7axX {
    height: 50px
}

.exit-modal_block__SEKl_ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1)
}

@media screen and (max-width:767px) {
    .exit-modal_block__SEKl_ {
        border: none;
        border-top: 1px solid var(--topx-color-background-ton-2);
        border-radius: 16px 16px 0 0;
        background: var(--topx-color-background-ton-2)
    }
    .exit-modal_block__SEKl_.exit-modal_day__LkLyt {
        background: var(--topx-color-background-ton-3)
    }
}

.exit-modal_block_close__DZQVR {
    position: absolute;
    top: 16px;
    right: 16px
}

.exit-modal_container__iUQfh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    max-width: 350px;
    height: 100%;
    max-height: 100vh
}

@media screen and (max-width:767px) {
    .exit-modal_container__iUQfh {
        max-width: 100%;
        margin-top: auto
    }
}

.exit-modal_titleBlock__K35to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.exit-modal_titleBlock_title__1AyaN {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.exit-modal_titleBlock_description__v8an4 {
    text-align: center;
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.exit-modal_buttonsBlock__G5X4d {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.exit-modal_buttonsBlock_button__dxIGJ {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    width: 100%;
    padding: 16px 24px
}

.free-spins-modal_container__3J29q {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    border-radius: 16px 16px 0 0;
    background: var(--topx-color-background-ton-2)
}

.free-spins-modal_container__3J29q.free-spins-modal_day__Qo_CS {
    background: var(--topx-color-background-ton-3)
}

@media screen and (min-width:768px) {
    .free-spins-modal_container__3J29q {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border: 4px solid var(--topx-color-background-ton-2);
        border-radius: 16px
    }
}

.free-spins-modal_container_lineForScroll__o7Cgt {
    position: absolute;
    top: 64px;
    width: 100%;
    height: 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(#172032), to(rgba(23, 32, 50, 0)));
    background: linear-gradient(180deg, #172032, rgba(23, 32, 50, 0));
    opacity: 1
}

.free-spins-modal_container_lineForScroll__o7Cgt.free-spins-modal_day__Qo_CS {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0))
}

.free-spins-modal_headerBlock__DJxTb {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.free-spins-modal_headerBlock_close__lLwtk {
    position: absolute;
    top: 16px;
    right: 16px
}

.free-spins-modal_headerBlock_image__VMny8 {
    width: 295px;
    height: 128px;
    margin-top: -64px
}

.free-spins-modal_titleBlock__4e1Tw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 20px
}

.free-spins-modal_titleBlock_title___vWBB {
    font-size: 16px;
    color: var(--topx-color-other-colors-gold)
}

.free-spins-modal_titleBlock_subtitle__dYWAU,
.free-spins-modal_titleBlock_title___vWBB {
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center
}

.free-spins-modal_titleBlock_subtitle__dYWAU {
    font-size: 14px;
    color: var(--topx-color-text-primary)
}

.free-spins-modal_contentBlock__AdVFF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 16px;
    border-radius: 16px 16px 0 0;
    background: var(--topx-color-background-ton-1);
    color: var(--topx-color-text-primary)
}

.free-spins-modal_contentBlock__AdVFF.free-spins-modal_day__Qo_CS {
    background: var(--topx-color-background-ton-2)
}

@media screen and (min-width:768px) {
    .free-spins-modal_contentBlock__AdVFF {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 16px
    }
}

.free-spins-modal_contentBlock_subtitle__gCand {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    color: var(--topx-color-text-primary)
}

.free-spins-modal_contentBlock_description__LHQZf {
    padding-top: 8px;
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.free-spins-modal_scrollBlock__9OOM_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-height: calc(100vh - 144px);
    overflow-y: auto
}

.free-spins-modal_scrollBlock__9OOM_::-webkit-scrollbar {
    width: 1px
}

.free-spins-modal_scrollBlock__9OOM_::-webkit-scrollbar-track {
    border-radius: 100%;
    background: rgba(34, 34, 34, .12)
}

.free-spins-modal_scrollBlock__9OOM_::-webkit-scrollbar-thumb {
    background: var(--topx-color-accent-fill)
}

.free-spins-modal_scrollBlock__9OOM_::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 34, 34, .12)
}

.free-spins-modal_gamesBlock__ecNfb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.free-spins-game-card_container__UmxGp,
.free-spins-modal_gamesBlock__ecNfb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.free-spins-game-card_container__UmxGp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid var(--topx-color-elements-stroke-1);
    border-radius: 16px;
    background: var(--topx-color-other-gradient-sidemenu-fs-fill), var(--topx-color-background-ton-2)
}

.free-spins-game-card_container__UmxGp.free-spins-game-card_day__pzHq2 {
    border: none;
    background: var(--topx-color-background-ton-3)
}

.free-spins-game-card_container_button__fpiBC {
    width: 88px;
    height: 32px;
    margin: 8px 12px;
    padding: 8px 12px;
    background: var(--topx-color-not-variables-other-gold) !important
}

.free-spins-game-card_contentBlock__cRP1j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 12px
}

.free-spins-game-card_contentBlock_image__w2FMZ {
    width: 82px;
    height: 55px;
    border-radius: 5px
}

.free-spins-game-card_textBlock__HKp5b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.free-spins-game-card_textBlock_name__iejax {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.free-spins-game-card_textBlock_amount__4_y8P {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-gold)
}

@media screen and (max-width:767px) {
    .kyc-withdrawal-modal_container__yCWfV>div {
        background-color: var(--topx-color-background-ton-1)
    }
}

.kyc-withdrawal-modal_block__8IYz3 {
    height: 100%;
    border-radius: 16px 16px 0 0;
    background-color: var(--topx-color-background-ton-2)
}

.kyc-withdrawal-modal_block__8IYz3.kyc-withdrawal-modal_day__nIK2e {
    background-color: var(--topx-color-background-ton-3)
}

@media screen and (min-width:768px) {
    .kyc-withdrawal-modal_block__8IYz3 {
        border-radius: 16px
    }
}

.kyc-withdrawal-modal_header__4VfwX {
    padding: 24px;
    color: var(--topx-color-text-primary)
}

@media screen and (max-width:767px) {
    .kyc-withdrawal-modal_header__4VfwX {
        padding: 16px
    }
}

.kyc-withdrawal-modal_headerBlock__0q9nu {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.kyc-withdrawal-modal_headerBlock__0q9nu,
.kyc-withdrawal-modal_headerBlock_title__omoz3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kyc-withdrawal-modal_headerBlock_title__omoz3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--topx-color-text-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .kyc-withdrawal-modal_headerBlock_title__omoz3 {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.kyc-withdrawal-modal_headerBlock_close__ZFX0n {
    position: absolute;
    right: 0;
    cursor: pointer
}

.kyc-withdrawal-modal_headerBlock_close__ZFX0n svg {
    width: 27.7px;
    height: auto
}

.kyc-withdrawal-modal_formBlock__AYduE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 0 24px 24px
}

@media screen and (max-width:767px) {
    .kyc-withdrawal-modal_formBlock__AYduE {
        padding: 16px
    }
}

.kyc-withdrawal-modal_buttonBlock__d6FFv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.kyc-withdrawal-modal_buttonBlock_button__RKOoe {
    width: 100%
}

.level-awards-modal_container__4bN_q {
    height: 100%
}

.level-awards-modal_container__4bN_q>div {
    max-height: 100%
}

.level-awards-modal_block__zJpox {
    width: 400px;
    max-height: 642px;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1);
    overflow-y: auto
}

.level-awards-modal_block__zJpox::-webkit-scrollbar {
    width: 1px
}

.level-awards-modal_block__zJpox::-webkit-scrollbar-track {
    border-radius: 100%;
    background: rgba(34, 34, 34, .12)
}

.level-awards-modal_block__zJpox::-webkit-scrollbar-thumb {
    background: var(--topx-color-accent-fill)
}

.level-awards-modal_block__zJpox::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 34, 34, .12)
}

@media screen and (max-width:767px) {
    .level-awards-modal_block__zJpox {
        width: 100%;
        max-height: 100%;
        border: none;
        border-radius: 0
    }
    .level-awards-modal_block__zJpox.level-awards-modal_day__vXXNt {
        background: var(--topx-color-background-ton-2)
    }
}

.level-awards-modal_header__0wsxe {
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

.level-awards-modal_headerBlock__ehw7f {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.level-awards-modal_headerBlock_title__pYU80 {
    color: var(--topx-color-text-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .level-awards-modal_headerBlock_title__pYU80 {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.level-awards-modal_headerBlock_close__WDTtV {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.level-awards-modal_headerBlock_close__WDTtV svg {
    width: 27.7px;
    height: auto
}

.level-awards-modal_levelsBlock__scA6M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 20px 48px
}

@media screen and (max-width:767px) {
    .level-awards-modal_levelsBlock__scA6M {
        padding: 0 12px 48px
    }
}

.level-awards-modal_currentLevelBlock__nXzWr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%;
    padding: 12px 12px 20px
}

.level-awards-modal_currentLevelBlock_image__SRtz2 {
    width: 64px;
    height: 64px
}

.level-awards-modal_currentLevelBlock_info__l0oyH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.level-awards-modal_currentLevelBlock_info__l0oyH span:first-child {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.level-awards-modal_currentLevelBlock_info__l0oyH span:nth-child(2) {
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .level-awards-modal_currentLevelBlock_info__l0oyH span:first-child {
        font-size: 16px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
    .level-awards-modal_currentLevelBlock_info__l0oyH span:nth-child(2) {
        font-size: 12px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.level-awards-modal_itemBlock__YH_46 {
    width: 100%
}

.level-awards-modal_itemBlock__YH_46.level-awards-modal_current__L7WSQ {
    padding: 2px;
    border-radius: 16px;
    background: var(--topx-color-not-variables-other-green-in-transparent-gradient)
}

.level-awards-modal_itemBlockInner__F8f2X {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%;
    padding: 16px;
    border-radius: 16px;
    background: var(--topx-color-promo-block-gradient-lendings)
}

.level-awards-modal_itemBlockInner__F8f2X.level-awards-modal_current__L7WSQ {
    background: var(--topx-color-background-ton-2)
}

.level-awards-modal_itemBlockInner__F8f2X.level-awards-modal_current__L7WSQ.level-awards-modal_day__vXXNt {
    background: var(--topx-color-background-ton-3)
}

.level-awards-modal_itemBlockInner_cashback__u4uDP {
    position: absolute;
    top: -6px;
    right: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3px 6px;
    border: 1px solid var(--topx-color-background-ton-1);
    border-radius: 32px;
    background: var(--topx-color-background-ton-3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.level-awards-modal_itemBlockInner_cashback__u4uDP b,
.level-awards-modal_itemBlockInner_cashback__u4uDP span {
    color: var(--topx-color-text-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.level-awards-modal_itemBlockInner_cashback__u4uDP span {
    opacity: .5
}

.level-awards-modal_itemBlockInner_cashback__u4uDP.level-awards-modal_current__L7WSQ {
    background: var(--topx-color-not-variables-other-green-gradient)
}

.level-awards-modal_itemBlockInner_cashback__u4uDP.level-awards-modal_current__L7WSQ b,
.level-awards-modal_itemBlockInner_cashback__u4uDP.level-awards-modal_current__L7WSQ span {
    color: var(--topx-color-not-variables-other-white);
    opacity: 1
}

.level-awards-modal_itemBlockInner__F8f2X .level-awards-modal_topBlock__U6nLe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.level-awards-modal_itemBlockInner__F8f2X .level-awards-modal_topBlock_image__Sy0Pb {
    width: 40px;
    height: auto
}

.level-awards-modal_topBlock__U6nLe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.level-awards-modal_topBlock_image__Sy0Pb {
    width: 40px;
    height: auto
}

.level-awards-modal_levelInfoBlock__gbawe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.level-awards-modal_levelInfoBlock_name__cB0g5 {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.level-awards-modal_levelInfoBlock_progress__rRKfm {
    width: 100%
}

.level-awards-modal_levelInfoBlock_won__6JoA_ {
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.level-awards-modal_levelInfoBlock_won__6JoA_.level-awards-modal_active__0RVps {
    color: var(--topx-color-not-variables-other-green)
}

.level-awards-modal_levelInfoBlock_won__6JoA_ b {
    color: var(--topx-color-text-secondary)
}

.level-awards-modal_bottomBlock__I4Rea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .5
}

.level-awards-modal_bottomBlock__I4Rea.level-awards-modal_active__0RVps {
    opacity: 1
}

.level-awards-modal_bottomBlock_bonus__O50yL {
    text-align: center;
    position: relative;
    gap: 10px;
    padding: 4px 32px 4px 8px;
    border-radius: 12px;
    background: var(--topx-color-not-variables-other-green-gradient);
    color: var(--topx-color-not-variables-other-white);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.level-awards-modal_bottomBlock_bonus__O50yL,
.level-awards-modal_bottomBlock_bonus_image___Fl_E {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.level-awards-modal_bottomBlock_bonus_image___Fl_E {
    position: absolute;
    top: -4px;
    right: -4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: auto
}

.level-awards-modal_bottomBlock_plus__dvcCA {
    color: hsla(0, 0%, 100%, .4)
}

.level-awards-modal_bottomBlock_freespin__1FDUs,
.level-awards-modal_bottomBlock_plus__dvcCA {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.level-awards-modal_bottomBlock_freespin__1FDUs {
    position: relative;
    gap: 10px;
    padding: 4px 32px 4px 8px;
    border-radius: 12px;
    background: var(--topx-color-not-variables-other-gold-gradient);
    color: var(--topx-color-not-variables-other-white)
}

.level-awards-modal_bottomBlock_freespin__1FDUs,
.level-awards-modal_bottomBlock_freespin_image__sNRzO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.level-awards-modal_bottomBlock_freespin_image__sNRzO {
    position: absolute;
    top: -4px;
    right: -4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: auto
}

.logout-modal_block__tmz37 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1)
}

@media screen and (max-width:767px) {
    .logout-modal_block__tmz37 {
        border: none;
        border-top: 1px solid var(--topx-color-background-ton-2);
        border-radius: 16px 16px 0 0;
        background: var(--topx-color-background-ton-2)
    }
    .logout-modal_block__tmz37.logout-modal_day___AE78 {
        background: var(--topx-color-background-ton-3)
    }
}

.logout-modal_block_close__C07wd {
    position: absolute;
    top: 16px;
    right: 16px
}

.logout-modal_container__jJJDX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    max-width: 350px;
    height: 100%;
    max-height: 100vh
}

@media screen and (max-width:767px) {
    .logout-modal_container__jJJDX {
        max-width: 100%;
        margin-top: auto
    }
}

.logout-modal_titleBlock__rzVrx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.logout-modal_titleBlock_title__0iLW0 {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    color: var(--topx-color-text-primary)
}

.logout-modal_titleBlock_description__i89gU {
    text-align: center;
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.logout-modal_buttonsBlock__6KAlR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.logout-modal_buttonsBlock_button___t_vP {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 16px 24px
}

@media screen and (max-width:767px) {
    .payment-flow-modal_container__SHR2I {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.payment-flow-modal_block__VioKi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 630px;
    max-height: 100vh;
    padding: 16px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2);
    overflow-y: auto
}

.payment-flow-modal_block__VioKi.payment-flow-modal_day__gc9j_ {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .payment-flow-modal_block__VioKi {
        max-width: 100%;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        background: var(--topx-color-background-ton-1)
    }
}

.payment-flow-modal_headerBlock__ocf5B {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 16px
}

.payment-flow-modal_headerBlock_title__rNv_5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.payment-flow-modal_headerBlock_close__MItKf {
    position: absolute;
    right: 16px
}

.payment-flow-modal_flowBlock__PqQhz {
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.h2h_howDepositBlock__O6ehG,
.payment-flow-modal_flowBlock__PqQhz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-self: stretch
}

.h2h_howDepositBlock__O6ehG {
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch
}

.h2h_howDepositBlock_text__k5KWa {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_buttonsBlock__XIdBE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.h2h_buttonsBlock_payAppButton__GhJK4 {
    background: var(--button-primary-default);
    color: var(--topx-color-not-variables-other-white);
    font-weight: 400;
    line-height: 150%
}

.h2h_buttonsBlock_payAppButton__GhJK4,
.h2h_buttonsBlock_payed__azWh_ {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_buttonsBlock_payed__azWh_ {
    background: rgba(40, 255, 126, .15) !important;
    color: #21ff7a !important;
    font-weight: 500;
    line-height: 100%
}

.h2h_moneyImage__yCoqd {
    width: 96px;
    height: auto
}

.h2h_acceptedTitle__F97UF {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_stepBlock__piYGu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    border-radius: 12px;
    background: var(--topx-color-background-ton-3)
}

.h2h_stepBlock__piYGu>div:first-child {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 100px;
    background: var(--topx-color-elements-fill-1);
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_stepBlock__piYGu>div:nth-child(2) {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_walletBlock__UwijE {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 16px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px
}

.h2h_walletBlock__UwijE,
.h2h_walletBlock_text__ChprW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.h2h_walletBlock_text__ChprW {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.h2h_walletBlock_text__ChprW span:first-child {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_walletBlock_text__ChprW span:first-child .h2h_validTill__BV1qU {
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_walletBlock_text__ChprW span:nth-child(2) {
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.h2h_copyButton__KfJrZ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--topx-color-elements-fill-1);
    color: var(--topx-color-text-primary);
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_buttonsBlock__KDnhM {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.native-confirm_buttonsBlock__KDnhM,
.native-confirm_buttonsBlock_payAppButton__YIUKS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.native-confirm_buttonsBlock_payAppButton__YIUKS {
    -ms-flex-pack: center;
    background: var(--button-primary-default);
    color: var(--topx-color-not-variables-other-white);
    font-weight: 400;
    line-height: 150%
}

.native-confirm_buttonsBlock_payAppButton__YIUKS,
.native-confirm_buttonsBlock_payed__uwW_i {
    text-align: center;
    gap: 8px;
    -webkit-box-pack: center;
    justify-content: center;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_buttonsBlock_payed__uwW_i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-pack: center;
    background: rgba(40, 255, 126, .15);
    color: #21ff7a;
    font-weight: 500;
    line-height: 100%
}

.native-confirm_moneyImage__OBFn3 {
    width: 96px;
    height: auto
}

.native-confirm_acceptedTitle__YFvUe {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_stepBlock__JYG_D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    border-radius: 12px;
    background: var(--topx-color-background-ton-3)
}

.native-confirm_stepBlock__JYG_D>div:first-child {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 100px;
    background: var(--topx-color-elements-fill-1);
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_stepBlock__JYG_D>div:nth-child(2) {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_howDepositBlock__pWPhZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.native-confirm_howDepositBlock_text__GFwLy {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_walletBlock__ZSbog {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 16px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px
}

.native-confirm_walletBlock__ZSbog,
.native-confirm_walletBlock_text__zcCvv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.native-confirm_walletBlock_text__zcCvv {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.native-confirm_walletBlock_text__zcCvv span:first-child {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_walletBlock_text__zcCvv span:first-child .native-confirm_validTill__cXppC {
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_walletBlock_text__zcCvv span:nth-child(2) {
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_copyButton__y6I8M {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--topx-color-elements-fill-1);
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%
}

.native-confirm_copyButton__y6I8M,
.native-confirm_forDepositBlock__0tRx1 {
    color: var(--topx-color-text-primary);
    letter-spacing: 0;
    text-decoration: none
}

.native-confirm_forDepositBlock__0tRx1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.native-confirm_forDepositBodyBlock__2CzPa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    width: 100%
}

.native-confirm_forDepositBodyBlock_input__uSEd1 {
    width: 100%
}

.p2p_howDepositBlock__s2gMd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.p2p_howDepositBlock_text__b5NZY {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_buttonsBlock__1Lwuj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.p2p_buttonsBlock_payAppButton__7LB_x {
    background: var(--button-primary-default);
    color: var(--topx-color-not-variables-other-white);
    font-weight: 400;
    line-height: 150%
}

.p2p_buttonsBlock_payAppButton__7LB_x,
.p2p_buttonsBlock_payed__Zcxbm {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_buttonsBlock_payed__Zcxbm {
    background: rgba(40, 255, 126, .15) !important;
    color: #21ff7a !important;
    font-weight: 500;
    line-height: 100%
}

.p2p_moneyImage__acPUt {
    width: 96px;
    height: auto
}

.p2p_acceptedTitle__H6xDc {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_stepBlock__YGBLA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    border-radius: 12px;
    background: var(--topx-color-background-ton-3)
}

.p2p_stepBlock__YGBLA>div:first-child {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    border-radius: 100px;
    background: var(--topx-color-elements-fill-1);
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_stepBlock__YGBLA>div:nth-child(2) {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_walletBlock__sx_iV {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 16px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px
}

.p2p_walletBlock__sx_iV,
.p2p_walletBlock_text__ufzO_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.p2p_walletBlock_text__ufzO_ {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p2p_walletBlock_text__ufzO_ span:first-child {
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_walletBlock_text__ufzO_ span:nth-child(2) {
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.p2p_copyButton__Wpy_Z {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--topx-color-elements-fill-1);
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%
}

.p2p_copyButton__Wpy_Z,
.p2p_forDepositBlock__ByUo3 {
    color: var(--topx-color-text-primary);
    letter-spacing: 0;
    text-decoration: none
}

.p2p_forDepositBlock__ByUo3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%
}

.CircularProgressbar {
    width: 100%;
    vertical-align: middle
}

.CircularProgressbar .CircularProgressbar-path {
    stroke: #3e98c7;
    stroke-linecap: round;
    -webkit-transition: stroke-dashoffset .5s ease 0s;
    transition: stroke-dashoffset .5s ease 0s
}

.CircularProgressbar .CircularProgressbar-trail {
    stroke: #d6d6d6;
    stroke-linecap: round
}

.CircularProgressbar .CircularProgressbar-text {
    fill: #3e98c7;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle
}

.CircularProgressbar .CircularProgressbar-background {
    fill: #d6d6d6
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
    fill: #3e98c7
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
    fill: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
    stroke: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
    stroke: transparent
}

@media screen and (max-width:767px) {
    .close-qr-modal_container__Q7oQH {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%
    }
}

.close-qr-modal_block__wAJfx {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 420px;
    padding: 20px;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1)
}

@media screen and (max-width:767px) {
    .close-qr-modal_block__wAJfx {
        width: 100%;
        border: none;
        border-radius: 16px 16px 0 0;
        background: var(--topx-color-background-ton-2)
    }
}

.close-qr-modal_block_description__KaS7K {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    max-width: 335px;
    color: var(--topx-color-text-secondary)
}

.close-qr-modal_headerBlock__2EM55 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.close-qr-modal_headerBlock_title__0vo5z {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.close-qr-modal_headerBlock_close__YSoss {
    position: absolute;
    right: 0
}

.close-qr-modal_buttonsBlock__Zv5O_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.close-qr-modal_buttonsBlock__Zv5O_ button {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.close-qr-modal_buttonsBlock_openApp__ViN1k {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 44px
}

.payment-qr-modal_modalContainer__9eprj {
    height: 100%
}

.payment-qr-modal_modalContainer__9eprj>div {
    max-height: 100%
}

.payment-qr-modal_modalBlock__KBLUY {
    width: 420px;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1)
}

@media screen and (max-width:767px) {
    .payment-qr-modal_modalBlock__KBLUY {
        width: 100%;
        height: 100vh;
        border: unset;
        border-radius: unset
    }
}

.payment-qr-modal_container__yjDwN {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: 100%;
    padding: 20px
}

@media screen and (max-width:767px) {
    .payment-qr-modal_container__yjDwN {
        height: calc(100vh - 67px);
        border: none;
        border-radius: 16px 16px 0 0;
        background: var(--topx-color-background-ton-2)
    }
    .payment-qr-modal_container__yjDwN.payment-qr-modal_isAndroidBanner__GiJJF {
        height: calc(100vh - 131px)
    }
}

.payment-qr-modal_container_restTime__9NiHi {
    width: 100%;
    max-width: 92px
}

.payment-qr-modal_container_restTime__9NiHi img {
    width: 100%;
    height: auto
}

.payment-qr-modal_downloadBlock___YJYG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 209px;
    border-radius: 12px 12px 2px 2px
}

.payment-qr-modal_downloadBlock___YJYG img {
    width: 100%;
    height: auto;
    border-radius: 12px 12px 2px 2px
}

.payment-qr-modal_downloadBlock_button__B0cnV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 2px 2px 12px 12px;
    background: var(--topx-color-not-variables-other-white)
}

.payment-qr-modal_downloadBlock_button__B0cnV span {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-black)
}

.payment-qr-modal_downloadBlockWithDescription__TCRMM {
    gap: 20px;
    height: 100%
}

.payment-qr-modal_downloadBlockWithDescription__TCRMM,
.payment-qr-modal_downloadDescription__4JJm1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-qr-modal_downloadDescription__4JJm1 {
    gap: 8px;
    width: 100%;
    max-width: 335px
}

.payment-qr-modal_downloadDescription_title__LTJwa {
    color: var(--topx-color-text-primary);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .payment-qr-modal_downloadDescription_title__LTJwa {
        font-size: 16px;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.payment-qr-modal_downloadDescription_list__6Lchj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-qr-modal_downloadDescription_list__6Lchj,
.payment-qr-modal_downloadDescription_list__6Lchj span {
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.payment-qr-modal_downloadDescription_list__6Lchj span {
    text-align: center
}

.payment-qr-modal_openAppButton__s0_M2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 44px
}

.payment-qr-modal_headerBlock__0yzRR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 16px
}

.payment-qr-modal_headerBlock_progress__jGgRN {
    width: 32px;
    height: 32px
}

.payment-qr-modal_headerBlock_close__hr1LJ {
    position: absolute;
    right: 0
}

.payment-qr-modal_headerBlock_timer__s7hk2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.payment-qr-modal_headerBlock_timer__s7hk2 span:first-child {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-secondary)
}

.payment-qr-modal_headerBlock_timer__s7hk2 span:nth-child(2) {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.payment-qr-modal_acceptedTitle__Z_HFs {
    font-style: normal;
    color: var(--topx-color-not-variables-other-white);
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.payment-qr-modal_videoBlock__8g6M3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin-top: auto;
    padding: 20px 0;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .payment-qr-modal_videoBlock__8g6M3 {
        position: fixed;
        bottom: 0
    }
}

.payment-qr-modal_videoBlock_divider__AIILI {
    width: 100%;
    height: 1px;
    background: var(--topx-color-elements-stroke-gradient)
}

.payment-qr-modal_videoBlock_button__fzaPg {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    border-radius: 12px;
    overflow: hidden
}

.payment-qr-modal_videoBlock_text__6wZ2B {
    font-style: normal;
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}