.referral-level-awards-modal_container__X6zMN {
    height: 100%
}

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

.referral-level-awards-modal_header__eW_l8 {
    padding: 16px 0;
    color: var(--top-color-text-primary)
}

.referral-level-awards-modal_headerBlock__ANC_e {
    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%
}

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

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

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

.referral-level-awards-modal_block__9NOZp {
    height: 100%;
    border-radius: 16px;
    background: var(--topx-color-background-ton-1)
}

@media screen and (max-width:767px) {
    .referral-level-awards-modal_block__9NOZp {
        width: 100%;
        max-height: 100%;
        border-radius: 0
    }
}

.referral-level-awards-modal_description__p8v22 {
    text-align: center;
    gap: 10px;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 20px 20px;
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.referral-level-awards-modal_description__p8v22,
.referral-level-awards-modal_levelsBlock__0oKhI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.referral-level-awards-modal_levelsBlock__0oKhI {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    width: 100%;
    max-height: 85%;
    padding: 8px 0 48px;
    border-radius: 16px 16px 0 0;
    background: var(--topx-color-background-ton-2);
    overflow-y: auto
}

.referral-level-awards-modal_levelsBlock__0oKhI.referral-level-awards-modal_day__xqF1g {
    background: var(--topx-color-background-ton-3)
}

.referral-level-awards-modal_levelsBlock_title__Q_wSG {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 20px;
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .referral-level-awards-modal_levelsBlock__0oKhI {
        height: calc(100% - 160px);
        max-height: 100%
    }
    .referral-level-awards-modal_levelsBlock__0oKhI::-webkit-scrollbar {
        width: 1px
    }
    .referral-level-awards-modal_levelsBlock__0oKhI::-webkit-scrollbar-thumb,
    .referral-level-awards-modal_levelsBlock__0oKhI::-webkit-scrollbar-track {
        background: var(--topx-color-elements-fill-1)
    }
    .referral-level-awards-modal_levelsBlock__0oKhI::-webkit-scrollbar-thumb:hover {
        background: var(--topx-color-elements-fill-1)
    }
}

.referral-level-awards-modal_itemBlock__iSQeV {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 16px 20px
}

.referral-level-awards-modal_itemBlock__iSQeV:after {
    position: absolute;
    right: 20px;
    bottom: 0;
    width: 74.4%;
    height: 1px;
    background: var(--topx-color-elements-stroke-1);
    content: ""
}

.referral-level-awards-modal_leftBlock__sDq_D {
    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: center;
    -ms-flex-align: center;
    align-items: center
}

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

.referral-level-awards-modal_textBlock__174Jx {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    white-space: nowrap
}

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

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

.referral-level-awards-modal_rightBlock__SWDJc {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.referral-level-awards-modal_rightBlock__SWDJc span:first-child {
    text-align: center;
    color: var(--topx-color-status-success);
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.reset-pass-modal_header__MEmtL {
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

@media screen and (min-width:768px) {
    .reset-pass-modal_header__MEmtL {
        border-radius: 16px 16px 0 0;
        background: var(--topx-color-background-ton-2)
    }
    .reset-pass-modal_header__MEmtL.reset-pass-modal_day__Bk_hE {
        background: var(--topx-color-background-ton-3)
    }
}

.reset-pass-modal_headerBlock__eT_m8 {
    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%
}

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

.reset-pass-modal_headerBlock_close__NoAvS {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.reset-pass-modal_headerBlock_close__NoAvS svg {
    width: 27.7px;
    height: auto
}

.reset-pass-modal_container__ik1PG {
    height: 100%
}

@media screen and (max-width:767px) {
    .reset-pass-modal_container__ik1PG {
        background: var(--topx-color-background-ton-1)
    }
}

@media screen and (max-width:767px) {
    .reset-pass-modal_container__ik1PG>div {
        height: 100%
    }
}

.reset-pass-modal_contentBlock__iyh5c {
    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%;
    padding: 0 20px 20px;
    border-radius: 0 0 16px 16px;
    background: var(--topx-color-background-ton-2)
}

.reset-pass-modal_contentBlock__iyh5c.reset-pass-modal_day__Bk_hE {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .reset-pass-modal_contentBlock__iyh5c {
        height: 100%;
        padding: 20px;
        border-radius: 16px
    }
}

.reset-pass-modal_form__rv7yu {
    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
}

.reset-pass-modal_button__lcqra {
    width: 100%;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

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

.reset-pass-modal_successBlock__Q_6uZ {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 12px
}

.reset-pass-modal_successBlock_image__uHYqa {
    width: 96px;
    height: auto
}

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

.reset-pass-modal_emailHelpDropDown__jfQ7I {
    position: absolute;
    top: calc(100% + 5px);
    z-index: 9;
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: var(--topx-color-shadow-popup);
    box-shadow: var(--topx-color-shadow-popup);
    background: var(--topx-color-background-ton-3);
    opacity: 1
}

.reset-pass-modal_emailHelpDropDown_item__waKVC {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    gap: 10px;
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    color: var(--topx-color-text-primary);
    cursor: pointer
}

.reset-pass-modal_emailHelpDropDown_item__waKVC,
.reset-pass-modal_tabsBlock__qM3Mq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.reset-pass-modal_tabsBlock__qM3Mq {
    position: relative;
    -ms-flex-align: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: inherit;
    height: 44px;
    min-height: 44px;
    padding: 4px;
    border-radius: 12px;
    background: var(--topx-color-background-ton-1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.reset-pass-modal_tabsBlock_tab__MGfr_ {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    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: 100%;
    padding: 8px;
    background: rgba(0, 0, 0, 0);
    color: var(--topx-color-text-secondary);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .reset-pass-modal_tabsBlock_tab__MGfr_ {
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.reset-pass-modal_tabsBlock_tab__MGfr_.reset-pass-modal_active__8XxxJ {
    color: var(--topx-color-text-primary);
    -webkit-transition: .15s linear;
    transition: .15s linear
}

.reset-pass-modal_tabsBlock__qM3Mq:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 8px);
    height: calc(100% - 8px);
    border-radius: 8px;
    background: var(--topx-color-background-ton-3);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    content: ""
}

.reset-pass-modal_tabsBlock__qM3Mq.reset-pass-modal_phone__7ec7Z:after {
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateX(calc(100% + 8px));
    -ms-transform: translateX(calc(100% + 8px));
    transform: translateX(calc(100% + 8px))
}

.reset-pass-modal_inputBlock__hM_30 {
    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%
}

.reset-pass-modal_inputBlock__hM_30.reset-pass-modal_hidden__9Dm9q {
    display: none
}

.reset-pass-modal_googleBtn__S7NyE {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -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: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px;
    background: var(--topx-color-not-variables-other-white);
    color: var(--topx-color-not-variables-other-black)
}

.wagering-games-modal_container___53RJ {
    height: 100%
}

@media screen and (max-width:767px) {
    .wagering-games-modal_container___53RJ {
        padding-top: 80px
    }
}

@media screen and (max-width:767px) {
    .wagering-games-modal_container___53RJ>div {
        height: 100%
    }
}

.wagering-games-modal_block__Nm8Pi {
    height: 100%;
    border-radius: 16px 16px 0 0;
    background-color: var(--topx-color-background-ton-2)
}

.wagering-games-modal_block__Nm8Pi.wagering-games-modal_day__3mlSU {
    background-color: var(--topx-color-background-ton-3)
}

@media screen and (min-width:768px) {
    .wagering-games-modal_block__Nm8Pi {
        border-radius: 16px
    }
}

.wagering-games-modal_block_description__diNfD {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px 20px 20px;
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.wagering-games-modal_header__NumXw {
    color: var(--topx-color-text-primary)
}

.wagering-games-modal_headerBlock__AjJS1 {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.wagering-games-modal_headerBlock__AjJS1,
.wagering-games-modal_headerBlock_title__emoFO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wagering-games-modal_headerBlock_title__emoFO {
    -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) {
    .wagering-games-modal_headerBlock_title__emoFO {
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.wagering-games-modal_headerBlock_title_image__twCA6 {
    margin-top: -64px
}

.wagering-games-modal_headerBlock_title_image__twCA6>img {
    width: 240px;
    height: 120px
}

.wagering-games-modal_headerBlock_close__TYxkm {
    position: absolute;
    top: 14px;
    right: 16px;
    cursor: pointer
}

.wagering-games-modal_headerBlock_close__TYxkm svg {
    width: 27.7px;
    height: auto
}

.wagering-games-modal_gamesBlock__hBNn7 {
    max-height: calc(100% - 175px);
    padding: 6px;
    overflow: hidden auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 8px;
    place-items: stretch stretch
}

@media screen and (max-width:1080px) {
    .wagering-games-modal_gamesBlock__hBNn7 {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr))
    }
}

@media screen and (max-width:767px) {
    .wagering-games-modal_gamesBlock__hBNn7 {
        grid-template-columns: repeat(auto-fill, minmax(146px, 1fr))
    }
}

.wagering-games-modal_gamesBlock__hBNn7::-webkit-scrollbar {
    width: 1px
}

.wagering-games-modal_gamesBlock__hBNn7::-webkit-scrollbar-track {
    border-radius: 100%;
    background: rgba(34, 34, 34, .12)
}

.wagering-games-modal_gamesBlock__hBNn7::-webkit-scrollbar-thumb {
    background: var(--topx-color-accent-fill)
}

.wagering-games-modal_gamesBlock__hBNn7::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 34, 34, .12)
}

.withdrawal-blocked-modal_container__qybuR {
    gap: 20px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.withdrawal-blocked-modal_block__v99ah,
.withdrawal-blocked-modal_container__qybuR {
    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%
}

.withdrawal-blocked-modal_block__v99ah {
    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;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

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

.withdrawal-blocked-modal_header__yF5tK {
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

.withdrawal-blocked-modal_headerBlock__biNMd {
    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%
}

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

.withdrawal-blocked-modal_headerBlock_close__2f4lA {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.withdrawal-blocked-modal_headerBlock_close__2f4lA svg {
    width: 27.7px;
    height: auto
}

.withdrawal-blocked-modal_contentBlock__1IfOz {
    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%;
    padding: 0 20px 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.withdrawal-blocked-modal_contentBlock__1IfOz.withdrawal-blocked-modal_day__80zcz {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .withdrawal-blocked-modal_contentBlock__1IfOz {
        height: 100%;
        padding: 20px 20px 40px
    }
}

.withdrawal-blocked-modal_contentBlock_button__F8PZG {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    width: 100%;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px
}

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

.withdrawal-blocked-modal_contentBlock_description__NXs1n a {
    color: var(--topx-color-accent-fill)
}

.withdrawal-email-confirm_container__pxA02 {
    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) {
    .withdrawal-email-confirm_container__pxA02 {
        max-width: 100%;
        margin-top: auto
    }
}

.withdrawal-email-confirm_block__3m6LP {
    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-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .withdrawal-email-confirm_block__3m6LP {
        padding-bottom: 200px;
        border-radius: 16px 16px 0 0
    }
}

.withdrawal-email-confirm_block__3m6LP.withdrawal-email-confirm_day__USxGj {
    background: var(--topx-color-background-ton-3)
}

.withdrawal-email-confirm_block_close___M454 {
    position: absolute;
    top: 16px;
    right: 16px
}

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

.withdrawal-email-confirm_formBlock__YhB6t {
    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
}

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

.withdrawal-email-confirm_formBlock__YhB6t form {
    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
}

.withdrawal-email-confirm_formBlock_button__khCTa,
.withdrawal-email-confirm_formBlock_submit__S8DAq {
    height: 48px
}

.withdrawal-email-confirm_formBlock_disabledButton__BDKN2 {
    background: var(--topx-color-elements-fill-2) !important;
    color: var(--topx-color-text-primary) !important
}

.withdrawal-email-confirm_formBlock_text__6mY_Z {
    text-align: center;
    word-wrap: break-word;
    color: var(--topx-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.withdrawal-info-modal_container__Wso0i {
    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: 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) {
    .withdrawal-info-modal_container__Wso0i {
        max-width: 100%;
        margin-top: auto
    }
}

.withdrawal-info-modal_header__yr8Wy {
    padding-bottom: 16px;
    color: var(--topx-color-text-primary)
}

.withdrawal-info-modal_headerBlock__iGgzV {
    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%
}

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

.withdrawal-info-modal_headerBlock_close__FW_Wx {
    position: absolute;
    top: 16px;
    right: 10px;
    cursor: pointer
}

.withdrawal-info-modal_headerBlock_close__FW_Wx svg {
    width: 27.7px;
    height: auto
}

.withdrawal-info-modal_contentBlock__h5C12 {
    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%
}

.withdrawal-info-modal_contentBlock_button__CSDyO {
    width: 100%;
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.withdrawal-info-modal_contentBlock_description__iVpX1 {
    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;
    color: var(--topx-color-text-primary)
}

.withdrawal-info-modal_contentBlock_description__iVpX1,
.withdrawal-info-modal_contentBlock_description__iVpX1 span {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .withdrawal-info-modal_contentBlock__h5C12 {
        height: 100%
    }
}

.withdrawal-info-modal_block__nAFc1 {
    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) {
    .withdrawal-info-modal_block__nAFc1 {
        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)
    }
    .withdrawal-info-modal_block__nAFc1.withdrawal-info-modal_day__70Kmr {
        background: var(--topx-color-background-ton-3)
    }
}

.withdrawal-limit_container__gDNjC {
    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: 375px;
    height: 100%;
    max-height: 100vh
}

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

.withdrawal-limit_container_button__G62sS {
    padding: 16px 24px
}

.withdrawal-limit_block__t63_n {
    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: 16px 20px 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.withdrawal-limit_block__t63_n.withdrawal-limit_day__89xAb {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .withdrawal-limit_block__t63_n {
        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)
    }
}

.withdrawal-limit_block_close__Oe_Wc {
    position: absolute;
    top: 16px;
    right: 16px
}

.withdrawal-limit_titleBlock__0ctRr {
    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
}

.withdrawal-limit_titleBlock_title__WkFEr {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    max-width: calc(100% - 65px)
}

.withdrawal-limit_titleBlock_description__Wp6FD,
.withdrawal-limit_titleBlock_title__WkFEr {
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    color: var(--topx-color-text-primary)
}

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

.withdrawal-phone-confirm_container__b5wgK {
    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) {
    .withdrawal-phone-confirm_container__b5wgK {
        max-width: 100%;
        margin-top: auto
    }
}

.withdrawal-phone-confirm_block__IRdt7 {
    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-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .withdrawal-phone-confirm_block__IRdt7 {
        padding-bottom: 240px;
        border-radius: 16px 16px 0 0
    }
}

.withdrawal-phone-confirm_block__IRdt7.withdrawal-phone-confirm_day__N7U_q {
    background: var(--topx-color-background-ton-3)
}

.withdrawal-phone-confirm_block_close__bIo1W {
    position: absolute;
    top: 16px;
    right: 16px
}

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

.withdrawal-phone-confirm_formBlock__kkISd,
.withdrawal-phone-confirm_formBlock__kkISd form {
    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
}

.withdrawal-phone-confirm_formBlock_description__czHfY {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.withdrawal-phone-confirm_formBlock_button__wuswz {
    height: 48px
}

@media screen and (max-width:767px) {
    .stories_container__3G6tF {
        -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: 100%
    }
}

@media screen and (max-width:767px) {
    .stories_container__3G6tF>div {
        max-width: 100%;
        height: 100%
    }
}

.FirstStory_container__7J4db {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 16px
}

.FirstStory_container__7J4db,
.FirstStory_headerBlock__MCwAA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.FirstStory_headerBlock__MCwAA {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__Xzikr {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description__YPMjG {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__vc8xo {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story__0mqIV {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory__mkStl {
    color: var(--topx-color-not-variables-other-black)
}

.story-button_button__OdP2w {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    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;
    min-height: 44px;
    padding: 12px 10px;
    border-radius: 8px;
    color: var(--topx-color-not-variables-other-white);
    -webkit-transition: font-size .2s ease-in-out;
    transition: font-size .2s ease-in-out;
    cursor: pointer;
    overflow: hidden
}

.story-button_button__OdP2w.story-button_default__HBSbN,
.story-button_button__OdP2w.story-button_primary__460lF {
    background: var(--button-primary-story);
    color: var(--topx-color-background-ton-1)
}

.story-button_button__OdP2w.story-button_secondary__buqQe {
    background: var(--button-secondary-story)
}

.story-button_button__OdP2w.story-button_clicked__Z1hGU {
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.story-button_button__OdP2w.story-button_clicked__Z1hGU.story-button_default__HBSbN,
.story-button_button__OdP2w.story-button_clicked__Z1hGU.story-button_primary__460lF {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#caceda));
    background: linear-gradient(180deg, #fff, #caceda);
    opacity: .9
}

.story-button_button__OdP2w.story-button_clicked__Z1hGU.story-button_secondary__buqQe {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 236, 245, .4)));
    background: linear-gradient(rgba(231, 236, 245, .4))
}

.story-navigation-button_button__7Jenq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    max-height: 36px;
    padding: 6px 6px 6px 12px;
    border-radius: 12px;
    background: rgba(231, 236, 245, .25);
    color: var(--topx-color-not-variables-other-white);
    cursor: pointer;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_container__JAeBx {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__JAeBx,
.SecondStory_headerBlock__Lrcm7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock__Lrcm7 {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__KqaG9 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__GWy2_ {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_buttonsBlock__02pY7 {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__J5Kbc {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__texlH {
    color: var(--topx-color-not-variables-other-black)
}

.ThirdStory_container__COTvc {
    gap: 32px;
    width: 100%;
    padding: 16px
}

.ThirdStory_container__COTvc,
.ThirdStory_headerBlock__s_gbG {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%
}

.ThirdStory_headerBlock__s_gbG {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.ThirdStory_headerBlock_title__Y7kgg {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.ThirdStory_headerBlock_description__weJdc {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.ThirdStory_buttonsBlock__nrtVO {
    z-index: 100003;
    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;
    width: 100%
}

.ThirdStory_buttonsBlock_specialStory__ujAEJ {
    color: var(--topx-color-not-variables-other-black)
}

.FirstStory_container__XHrM6 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 16px
}

.FirstStory_container__XHrM6,
.FirstStory_headerBlock__38FI0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.FirstStory_headerBlock__38FI0 {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__e57QT {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description__F5GcT {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__PH17S {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story__zt_fc {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory__KM9uf {
    color: var(--topx-color-not-variables-other-black)
}

.SecondStory_container__NPGd0 {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__NPGd0,
.SecondStory_headerBlock__UdEk3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock__UdEk3 {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__vGlSt {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__oVRij {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_buttonsBlock__9rbrG {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__rBj8d {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__uQZ3P {
    color: var(--topx-color-not-variables-other-black)
}

.ThirdStory_container__VdQSw {
    gap: 32px;
    width: 100%;
    padding: 16px
}

.ThirdStory_container__VdQSw,
.ThirdStory_headerBlock__OEXI2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ThirdStory_headerBlock__OEXI2 {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.ThirdStory_headerBlock_title__iRm4a {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.ThirdStory_headerBlock_description__1VAeD {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.ThirdStory_buttonsBlock__vb0zu {
    z-index: 100003;
    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;
    width: 100%
}

.ThirdStory_buttonsBlock_specialStory__Sy5f0 {
    color: var(--topx-color-not-variables-other-black)
}

.FirstStory_container__7aWWU {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px
}

.FirstStory_container__7aWWU,
.FirstStory_headerBlock__pbc0_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.FirstStory_headerBlock__pbc0_ {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__grllh {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description__NeAIY {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__MIe5b {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story__RCTzn {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory__veTqv {
    color: var(--topx-color-not-variables-other-black)
}

.SecondStory_container__dFdmJ {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__dFdmJ,
.SecondStory_headerBlock__bQzR5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock__bQzR5 {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__p54i_ {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__s81hB {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_buttonsBlock__KToAx {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__UWk96 {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__Bl8tb {
    color: var(--topx-color-not-variables-other-black)
}

.ThirdStory_container__XINTr {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.ThirdStory_container__XINTr,
.ThirdStory_headerBlock__bqsUW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ThirdStory_headerBlock__bqsUW {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.ThirdStory_headerBlock_title__ZXBdf {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.ThirdStory_headerBlock_description__3I_e4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.ThirdStory_buttonsBlock__JWtAq {
    z-index: 100003;
    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;
    width: 100%
}

.ThirdStory_buttonsBlock_specialStory__9MGht {
    color: var(--topx-color-not-variables-other-black)
}

.FirstStory_container__FgsRm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px
}

.FirstStory_container__FgsRm,
.FirstStory_headerBlock__CcQKt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.FirstStory_headerBlock__CcQKt {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__UVtfX {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description__FKbiL {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__JJwk5 {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story__upSIh {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory___Gb65 {
    color: var(--topx-color-not-variables-other-black)
}

.SecondStory_container__xKXXP {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__xKXXP,
.SecondStory_headerBlock__9_Dfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock__9_Dfo {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__YOui0 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__XgFZ1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_buttonsBlock__kFIJq {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__mvN_e {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__8zAhs {
    color: var(--topx-color-not-variables-other-black)
}

.FirstStory_container__Sehga {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px
}

.FirstStory_container__Sehga,
.FirstStory_headerBlock__QVHVm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.FirstStory_headerBlock__QVHVm {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__4as_y {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description___gbyX {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__BQN4T {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story__ZgzS9 {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory__SjrWn {
    color: var(--topx-color-not-variables-other-black)
}

.FirstStory_buttonsBlock_text__MQTQn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.SecondStory_container__t5pUi {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__t5pUi,
.SecondStory_headerBlock___8KyX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock___8KyX {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__N1ktj {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__oMZB_ {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_buttonsBlock__s26eK {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__RuP58 {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__R_fUD {
    color: var(--topx-color-not-variables-other-black)
}

.SecondStory_buttonsBlock_text___W8hy,
.list-item_container__cgxGc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-item_container__cgxGc {
    width: 100%
}

.list-item_container_title__zGi4b {
    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;
    min-width: 20px;
    height: 21px;
    padding: auto;
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: linear-gradient(180deg, var(--topx-color-not-variables-other-white) 0, #caceda 100%);
    color: var(--topx-color-background-ton-1);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.list-item_container_description__hksD_ {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_container__bmLvI {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px
}

.FirstStory_container__bmLvI,
.FirstStory_headerBlock__D_a_C {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.FirstStory_headerBlock__D_a_C {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__63us6 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description__8RXif {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__HJeSe {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story__wrwf2 {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory__qmavL {
    color: var(--topx-color-not-variables-other-black)
}

.SecondStory_container__RDQYu {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__RDQYu,
.SecondStory_headerBlock__dASQE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock__dASQE {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__YoT85 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__p8d5p,
.SecondStory_headerBlock_secondaryTitle__7Wjxz {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_headerBlock_line__ItHkq {
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: var(--topx-color-elements-stroke-1)
}

.SecondStory_buttonsBlock__R_Pn7 {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__WhsxW {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__XiNGP {
    color: var(--topx-color-not-variables-other-black)
}

.ThirdStory_container__NBfUB {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.ThirdStory_container__NBfUB,
.ThirdStory_headerBlock__VRLAU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ThirdStory_headerBlock__VRLAU {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.ThirdStory_headerBlock_title__tetA2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.ThirdStory_headerBlock_description__YjaxI {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.ThirdStory_buttonsBlock__y2W7U {
    z-index: 100003;
    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;
    width: 100%
}

.ThirdStory_buttonsBlock_specialStory__4A94N {
    color: var(--topx-color-not-variables-other-black)
}

.FirstStory_container__FVq_9 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 16px
}

.FirstStory_container__FVq_9,
.FirstStory_headerBlock__m5oZ9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.FirstStory_headerBlock__m5oZ9 {
    gap: 12px;
    color: var(--topx-color-not-variables-other-white)
}

.FirstStory_headerBlock_title__pEkKH {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.FirstStory_headerBlock_description__oYFmJ {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.FirstStory_buttonsBlock__RNsIP {
    z-index: 100003;
    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;
    width: 100%
}

.FirstStory_buttonsBlock_story___piJc {
    margin-left: auto
}

.FirstStory_buttonsBlock_specialStory__I0NPy {
    color: var(--topx-color-not-variables-other-black)
}

.SecondStory_container__Oc6Kq {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.SecondStory_container__Oc6Kq,
.SecondStory_headerBlock___Mqfr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.SecondStory_headerBlock___Mqfr {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.SecondStory_headerBlock_title__29C_k {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.SecondStory_headerBlock_description__m5EBA,
.SecondStory_headerBlock_secondaryTitle__9VgKO {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.SecondStory_headerBlock_line__nMG3_ {
    width: 100%;
    height: 1px;
    margin: 2px 0;
    background: var(--topx-color-elements-stroke-1)
}

.SecondStory_buttonsBlock__poC0d {
    z-index: 100003;
    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;
    width: 100%
}

.SecondStory_buttonsBlock_story__KttGg {
    margin-left: auto
}

.SecondStory_buttonsBlock_specialStory__RKoFP {
    color: var(--topx-color-not-variables-other-black)
}

.ThirdStory_container__bHcbo {
    gap: 16px;
    width: 100%;
    padding: 16px
}

.ThirdStory_container__bHcbo,
.ThirdStory_headerBlock__aDzDE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ThirdStory_headerBlock__aDzDE {
    gap: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: var(--topx-color-not-variables-other-white)
}

.ThirdStory_headerBlock_title__BsF49 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.ThirdStory_headerBlock_description__23RQd {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.ThirdStory_buttonsBlock__OEyoV {
    z-index: 100003;
    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;
    width: 100%
}

.ThirdStory_buttonsBlock_specialStory__d6Kc_ {
    color: var(--topx-color-not-variables-other-black)
}

.win-streak-modal_container__I0J81 {
    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: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border-radius: 16px 16px 0 0;
    background-color: var(--topx-color-background-ton-2)
}

.win-streak-modal_container__I0J81.win-streak-modal_day__hffy8 {
    background-color: var(--topx-color-background-ton-3)
}

@media screen and (min-width:768px) {
    .win-streak-modal_container__I0J81 {
        border-radius: 16px
    }
}

.win-streak-modal_textBlock__1JuWt {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px 40px
}

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

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

.win-streak-modal_image__si88u {
    z-index: 1;
    width: 235px;
    height: 177px;
    margin-top: -115px
}

.win-streak-modal_background__1lDrE {
    position: absolute;
    top: 0;
    width: 100%;
    height: 48px;
    border-radius: 16px 16px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#26344e), to(rgba(38, 52, 78, 0)));
    background: linear-gradient(180deg, #26344e, rgba(38, 52, 78, 0))
}

.auth-modal_container__oibHW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 1280px;
    margin: 16px;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 20px;
    -webkit-box-shadow: var(--topx-color-shadow-popup);
    box-shadow: var(--topx-color-shadow-popup);
    background: var(--topx-color-background-ton-2);
    color: var(--topx-color-not-variables-other-white);
    overflow: hidden
}

.auth-modal_container__oibHW.auth-modal_isTopXGo__o161a {
    max-width: 400px;
    border-radius: 16px
}

@media screen and (max-width:767px) {
    .auth-modal_container__oibHW.auth-modal_isTopXGo__o161a {
        max-width: 100%;
        border-radius: 0
    }
    .auth-modal_container__oibHW {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        height: 100%;
        margin: 0;
        border: none;
        border-radius: 0;
        background: var(--topx-color-background-ton-1);
        overflow-y: auto;
        scrollbar-width: none
    }
}

@media screen and (max-width:767px) {
    .auth-modal_container__oibHW::-webkit-scrollbar {
        display: none
    }
}

.auth-modal_headerBlock__Dl5_D {
    background: var(--topx-color-background-ton-1)
}

.auth-modal_headerBlockInner__qBvGM {
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

.auth-modal_titleBlock__5FGrP {
    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%
}

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

.auth-modal_titleBlock_close__b_Z1B {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.auth-modal_titleBlock_close__b_Z1B svg {
    width: 27.7px;
    height: auto
}

.auth-modal_hidden__A6rS_ {
    display: none
}

.auth-modal_tabsBlock__UtvM6 {
    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%;
    padding: 20px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.auth-modal_tabsBlock__UtvM6.auth-modal_day__HTrPz {
    background: var(--topx-color-background-ton-3)
}

.auth-modal_tabsBlock__UtvM6.auth-modal_fullHeight__RNI2k {
    height: 100%
}

.auth-modal_tabsBlock__UtvM6.auth-modal_autoHeight__nC6Mi {
    height: auto
}

.auth-modal_tabsBlock__UtvM6 .auth-modal_tabList__uMfpi {
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.auth-modal_tabsBlock__UtvM6.auth-modal_isTopXGo__o161a {
    height: auto
}

.auth-modal_tabPanelContent__M5W_F {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.auth-modal_formBlock__dObwL,
.auth-modal_formBlock_buttons__uXuF0 {
    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
}

.auth-modal_formBlock_buttons__uXuF0 {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.auth-modal_button__sga4y {
    height: 48px;
    padding: 16px 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.auth-modal_signInBlock__kv8V4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    background: var(--topx-color-elements-fill-1)
}

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

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

.auth-modal_supportBlock__7rMvG {
    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;
    margin-top: 12px
}

@media screen and (max-width:767px) {
    .auth-modal_supportBlock__7rMvG {
        margin-top: auto;
        margin-bottom: 30px
    }
}

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

@media screen and (max-width:767px) {
    .auth-modal_supportBlock_title__LAnHK {
        margin-top: 10px
    }
}

.auth-modal_supportBlock_buttons__oke_q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.auth-modal_supportBlock_buttons_button__y8hWW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: var(--topx-color-elements-fill-1);
    color: var(--topx-color-text-primary)
}

.auth-modal_supportBlock_buttons_button__y8hWW svg {
    min-width: 21px;
    height: auto
}

.auth-modal_block__a_qqg {
    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;
    max-height: 750px;
    overflow-y: auto
}

.auth-modal_block__a_qqg::-webkit-scrollbar {
    width: 1px
}

.auth-modal_block__a_qqg.auth-modal_isTopXGo__o161a {
    max-height: 680px;
    overflow-y: auto
}

@media screen and (max-width:767px) {
    .auth-modal_block__a_qqg {
        max-height: unset;
        max-width: 100%
    }
    .auth-modal_block__a_qqg.auth-modal_isTopXGo__o161a {
        overflow-y: auto
    }
}

.auth-modal_item__A1yfU.auth-modal_active__3YIDH .auth-modal_itemName__WZ8GO {
    color: var(--topx-color-not-variables-other-white);
    -webkit-transition: color .24s cubic-bezier(0, 0, .2, 1);
    transition: color .24s cubic-bezier(0, 0, .2, 1)
}

.auth-modal_bar__j9PpP {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 2px;
    border-radius: 1px 1px 0 0;
    background: var(--topx-color-accent-fill);
    -webkit-transition: all .35s cubic-bezier(.15, .3, .25, 1);
    transition: all .35s cubic-bezier(.15, .3, .25, 1);
    -webkit-transform: translateX(var(--offset));
    -ms-transform: translateX(var(--offset));
    transform: translateX(var(--offset));
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    will-change: transform
}

.auth-modal_emailBlock__00gso {
    position: relative
}

.auth-modal_dropdownBlock__Adnru {
    position: absolute;
    top: calc(100% + 5px);
    z-index: 9;
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: var(--topx-color-shadow-popup);
    box-shadow: var(--topx-color-shadow-popup);
    background: var(--topx-color-background-ton-3);
    opacity: 1
}

.auth-modal_dropdownBlock_item__bAtwG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    color: var(--topx-color-text-primary);
    cursor: pointer
}

.auth-modal_dropdownBlock_item__bAtwG,
.auth-modal_dropdownBlock_item__bAtwG .auth-modal_text__sdLn_ {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.auth-modal_dropdownBlock_item__bAtwG .auth-modal_text__sdLn_ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.auth-modal_termsandcondLink__Xzk8O {
    text-decoration: underline
}

.auth-modal_preloader__fTUgp {
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px
}

.bonus-banner_container__8U32o {
    padding: 0 20px
}

.bonus-banner_bonusBlock__xwmel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 80px;
    margin: 16px 0;
    padding: 12px 12px 12px 0;
    border-radius: 12px;
    background-color: var(--topx-color-background-ton-2);
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.bonus-banner_bonusBlock_check__6ur_u {
    position: absolute;
    top: -14px;
    right: -12px
}

.bonus-banner_bonusBlock__xwmel.bonus-banner_day__DeRRl {
    background: var(--topx-color-background-ton-3)
}

.bonus-banner_bonusBlock__xwmel:before {
    position: absolute;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 12px;
    background: linear-gradient(150deg, #2edb73, rgba(46, 219, 115, .251)) border-box;
    content: " ";
    inset: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.bonus-banner_bonusBlock_icon__jU_fm {
    position: relative;
    top: -4px;
    width: auto;
    height: 84px
}

.bonus-banner_contentBlock__onuS9 {
    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
}

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

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

.modals_container___SuGm {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    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;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: .3s;
    transition: .3s
}

.modals_container___SuGm.modals_androidBanner__9vXkK {
    top: 64px;
    height: calc(100vh - 64px)
}

.modals_container___SuGm.modals_signUp__LAyYA {
    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
}

@media screen and (max-width:767px) {
    .modals_container___SuGm.modals_visibleHeader__RWeEF {
        z-index: 1501
    }
}

.modals_container___SuGm.modals_active__dr4DE {
    z-index: 1002;
    background: rgba(0, 0, 0, .65);
    opacity: 1;
    visibility: visible
}

.modals_block__oNS3j {
    position: absolute;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    will-change: transform
}

.modals_block__oNS3j,
.modals_block__oNS3j.modals_signIn__uTXlO {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition: .3s;
    transition: .3s
}

.modals_block__oNS3j.modals_signIn__uTXlO {
    right: 20px;
    left: auto;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media screen and (max-width:767px) {
    .modals_block__oNS3j.modals_signIn__uTXlO {
        right: 0
    }
}

.modals_block__oNS3j.modals_signUp__LAyYA {
    top: auto;
    left: auto;
    -webkit-transition: .3s;
    transition: .3s
}

.modals_block__oNS3j.modals_active__dr4DE {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:767px) {
    .modals_block__oNS3j {
        top: 0;
        left: 0;
        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%
    }
}

.sign-in-modal_container__bV2Ur {
    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%;
    padding-top: 84px
}

@media screen and (max-width:767px) {
    .sign-in-modal_container__bV2Ur {
        padding-top: 0
    }
}

.sign-in-modal_block__CktEm {
    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;
    width: 375px;
    padding: 20px;
    border-radius: 12px;
    background: var(--topx-color-background-ton-2)
}

.sign-in-modal_block__CktEm.sign-in-modal_day__ld63B {
    background: var(--topx-color-background-ton-3)
}

@media screen and (max-width:767px) {
    .sign-in-modal_block__CktEm {
        width: auto;
        border-radius: 0
    }
}

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

.sign-in-modal_inputBlock__2JZq5 {
    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%
}

.sign-in-modal_inputBlock__2JZq5.sign-in-modal_hidden__cCVYJ {
    display: none
}

.sign-in-modal_submitButtonBlock__iJLIx {
    width: 100%
}

.sign-in-modal_submitButtonBlock_button__Q_k5f {
    width: 100%;
    height: 48px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_forgotPassButton__VCOWo {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-left: auto;
    border: none;
    background: none;
    color: var(--topx-color-text-primary);
    outline: none;
    cursor: pointer;
    font-size: 12px
}

.sign-in-modal_forgotPassButton__VCOWo,
.sign-in-modal_regBlock__1kjYR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_regBlock__1kjYR {
    -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;
    color: var(--topx-color-text-secondary);
    font-size: 14px
}

.sign-in-modal_regBlock__1kjYR>button {
    margin-left: 5px;
    border: none;
    background: none;
    color: var(--topx-color-text-primary);
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_tabsBlock__GD4mG {
    position: relative;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: -webkit-fill-available;
    height: 44px;
    min-height: 44px;
    padding: 4px;
    border-radius: 12px;
    background: var(--topx-color-background-ton-1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.sign-in-modal_tabsBlock__GD4mG,
.sign-in-modal_tabsBlock_tab__WmCzW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sign-in-modal_tabsBlock_tab__WmCzW {
    text-align: center;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 8px;
    background: rgba(0, 0, 0, 0);
    color: var(--topx-color-text-secondary);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .sign-in-modal_tabsBlock_tab__WmCzW {
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.sign-in-modal_tabsBlock_tab__WmCzW.sign-in-modal_active__JdCZo {
    color: var(--topx-color-text-primary);
    -webkit-transition: .15s linear;
    transition: .15s linear
}

.sign-in-modal_tabsBlock__GD4mG:after {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 8px);
    height: calc(100% - 8px);
    border-radius: 8px;
    background: var(--topx-color-background-ton-3);
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    content: ""
}

.sign-in-modal_tabsBlock__GD4mG.sign-in-modal_second__DEeFj:after {
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: translateX(calc(100% + 8px));
    -ms-transform: translateX(calc(100% + 8px));
    transform: translateX(calc(100% + 8px))
}

.sign-in-modal_emailHelpBlock__6cRcl {
    position: absolute;
    top: calc(100% + 5px);
    z-index: 9;
    width: 100%;
    border-radius: 12px;
    -webkit-box-shadow: var(--topx-color-shadow-popup);
    box-shadow: var(--topx-color-shadow-popup);
    background: var(--topx-color-background-ton-3);
    opacity: 1
}

.sign-in-modal_emailHelpBlock_item__6NvdX {
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    color: var(--topx-color-text-primary);
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_emailHelpBlock_item__6NvdX .sign-in-modal_text__18BES {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    text-overflow: ellipsis;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    white-space: nowrap
}

.sign-in-modal_forgotPassBlock__hKZbd {
    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: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 12px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px;
    background: var(--topx-color-background-ton-2)
}

.sign-in-modal_forgotPassBlock__hKZbd.sign-in-modal_day__ld63B {
    background: var(--topx-color-background-ton-3)
}

.sign-in-modal_forgotPassBlock_image__KjdOx {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: auto
}

.sign-in-modal_forgotPassBlock_text__vwJMO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 241px
}

.sign-in-modal_forgotPassBlock_text__vwJMO span:first-child {
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_forgotPassBlock_text__vwJMO span:nth-child(2) {
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_forgotPassBlock_buttons__1dp8t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sign-in-modal_forgotPassBlock_buttons_restore__TjRE9 {
    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;
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    background: var(--topx-color-elements-fill-1)
}

.sign-in-modal_forgotPassBlock_buttons_close__pO_5f,
.sign-in-modal_forgotPassBlock_buttons_restore__TjRE9 {
    color: var(--topx-color-text-primary);
    outline: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.sign-in-modal_forgotPassBlock_buttons_close__pO_5f {
    border: none;
    background: none
}

.sign-in-modal_buttonsBlock__POek_ {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -ms-flex-pack: center;
    width: 100%
}

.sign-in-modal_buttonsBlock__POek_,
.sign-in-modal_headerBlock__ifWKH {
    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;
    justify-content: center
}

.sign-in-modal_headerBlock__ifWKH {
    gap: 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -ms-flex-pack: center
}

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

.sign-in-modal_headerBlock_close__ftlHx {
    position: absolute;
    right: 0;
    border: none;
    background: none;
    outline: none
}

.cashback-rules-modal_container__QhQWx {
    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
}

.cashback-rules-modal_container__QhQWx.cashback-rules-modal_day__GeXNT {
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .cashback-rules-modal_container__QhQWx {
        width: 100%;
        max-height: 100vh;
        border: none;
        border-radius: 0
    }
}

.cashback-rules-modal_block__VbFiq {
    position: fixed;
    z-index: 3;
    width: 100%;
    max-height: 100vh;
    border-radius: 16px;
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    overflow-y: auto;
    inset: 0
}

@media screen and (max-width:767px) {
    .cashback-rules-modal_block__VbFiq {
        border-radius: 0
    }
}

.cashback-rules-modal_block__VbFiq::-webkit-scrollbar {
    width: 1px
}

.cashback-rules-modal_block__VbFiq::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

.cashback-rules-modal_block__VbFiq::-webkit-scrollbar-thumb {
    background: var(--topx-color-elements-stroke-1)
}

.cashback-rules-modal_block__VbFiq::-webkit-scrollbar-thumb:hover {
    background: var(--topx-color-elements-stroke-1)
}

.cashback-rules-modal_block__VbFiq.cashback-rules-modal_opened__QXELX {
    -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    transition: transform .6s cubic-bezier(.19, 1, .22, 1) 0s, -webkit-transform .6s cubic-bezier(.19, 1, .22, 1) 0s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.cashback-rules-modal_header__CvQL6 {
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

.cashback-rules-modal_headerBack__L3dza {
    position: absolute;
    left: 16px
}

.cashback-rules-modal_headerBlock__dup6a {
    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%
}

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

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

.cashback-rules-modal_headerBlock_close__NbqAz {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.cashback-rules-modal_headerBlock_close__NbqAz svg {
    width: 27.7px;
    height: auto
}

.cashback-rules-modal_cashbackBlock___863N {
    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: 2px 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)
}

.cashback-rules-modal_cashbackBlock___863N.cashback-rules-modal_day__GeXNT {
    border: 2px solid var(--topx-color-background-ton-1)
}

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

.cashback-rules-modal_cashbackBlock___863N.cashback-rules-modal_current__Son8E {
    border-radius: 12px;
    background: var(--topx-color-accent-gradient)
}

.cashback-rules-modal_cashbackBlock___863N.cashback-rules-modal_current__Son8E b,
.cashback-rules-modal_cashbackBlock___863N.cashback-rules-modal_current__Son8E span {
    color: var(--topx-color-not-variables-in-accent-primary);
    opacity: 1
}

.cashback-rules-modal_infoBlock__Z4Sr6 {
    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: 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%
}

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

.cashback-rules-modal_infoBlock_won__9yT_E {
    color: var(--topx-color-text-secondary);
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.cashback-rules-modal_infoBlock_won__9yT_E.cashback-rules-modal_active__4UCTz {
    color: var(--topx-color-not-variables-other-green)
}

.cashback-rules-modal_itemTopBlock__q30Il {
    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%;
    padding: 16px
}

.cashback-rules-modal_itemTopBlock_image__u3C_5 {
    width: 40px;
    height: auto
}

.cashback-rules-modal_itemTopBlock_shevron__idqED {
    position: relative;
    top: 15px;
    width: 25px;
    height: auto;
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cashback-rules-modal_itemTopBlock_shevron__idqED.cashback-rules-modal_opened__QXELX {
    -webkit-transition: .15s linear;
    transition: .15s linear;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.cashback-rules-modal_itemTopBlock_shevron__idqED.cashback-rules-modal_opened__QXELX path {
    fill: var(--topx-color-not-variables-other-white)
}

.cashback-rules-modal_levelsBlock__OH3pV {
    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) {
    .cashback-rules-modal_levelsBlock__OH3pV {
        padding: 0 12px 48px
    }
}

.cashback-rules-modal_levelsBlock_item__bEWiL {
    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%;
    border-radius: 16px;
    cursor: pointer
}

.cashback-rules-modal_levelsBlock_item__bEWiL,
.cashback-rules-modal_levelsBlock_item__bEWiL.cashback-rules-modal_current__Son8E {
    background: var(--topx-color-promo-block-gradient-lendings);
    -webkit-transition: all .3s;
    transition: all .3s
}

.cashback-rules-modal_bottomBlock__Xp5ut {
    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;
    height: auto;
    max-height: 0;
    padding: 0 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow-y: hidden
}

.cashback-rules-modal_bottomBlock_divider__TDN28 {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    width: 100%;
    height: 1px;
    background: var(--topx-color-elements-stroke-1)
}

.cashback-rules-modal_bottomBlock__Xp5ut.cashback-rules-modal_opened__QXELX {
    max-height: 270px;
    padding: 16px;
    border-top: 1px solid var(--topx-color-elements-stroke-1);
    -webkit-transition: all .3s;
    transition: all .3s
}

.cashback-rules-modal_bottomBlock_info__8acsZ {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cashback-rules-modal_bottomBlock_info__8acsZ:last-child {
    margin-bottom: 16px
}

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

.cashback-rules-modal_bottomBlock_info__8acsZ span:nth-child(2) {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.license-modal_container__S34Hs {
    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;
    width: 100vw;
    height: 100vh;
    background: var(--topx-color-not-variables-other-overlay)
}

@media screen and (max-width:767px) {
    .license-modal_container__S34Hs {
        -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%
    }
}

.license-modal_block__cPQ0P {
    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%;
    max-width: 650px;
    max-height: 90%
}

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

.license-modal_bodyBlock__adAlU {
    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: 100%;
    padding: 25px 16px;
    border: 4px solid var(--topx-color-background-ton-2);
    border-radius: 16px;
    background: var(--topx-color-background-ton-1);
    overflow-y: auto;
    scrollbar-width: none
}

.license-modal_bodyBlock__adAlU::-webkit-scrollbar {
    display: none
}

@media screen and (max-width:767px) {
    .license-modal_bodyBlock__adAlU {
        border: none;
        border-radius: 16px 16px 0 0;
        background: var(--topx-color-background-ton-2)
    }
}

.license-modal_bodyBlock_close__bETz3 {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer
}

.promocode-modal_container__28wXF {
    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;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .promocode-modal_container__28wXF {
        border-radius: 0;
        background: var(--topx-color-background-ton-1)
    }
}

.promocode-modal_block__7cZQw {
    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%;
    max-width: 400px;
    max-height: 270px;
    border-radius: 16px
}

@media screen and (max-width:767px) {
    .promocode-modal_block__7cZQw {
        max-width: none;
        max-height: none;
        border-radius: 0
    }
}

.promocode-modal_header__zpuv3 {
    width: 100%;
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

.promocode-modal_headerBlock__ctvf0 {
    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%
}

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

.promocode-modal_headerBlock_close__LxWhB {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.promocode-modal_headerBlock_close__LxWhB svg {
    width: 27.7px;
    height: auto
}

.promocode-modal_formBlock__slcbC {
    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: 100%;
    padding: 20px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.promocode-modal_formBlock__slcbC.promocode-modal_day__tpaBx {
    background: var(--topx-color-background-ton-3)
}

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

.promocode-modal_formBlock_button__U7ycT {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    min-height: 48px
}

.referral_container__6MrOZ {
    width: 100%;
    max-height: 100vh;
    background: var(--topx-color-background-ton-2);
    overflow-y: auto
}

.referral_container__6MrOZ.referral_desktop__eovux {
    max-width: 800px;
    margin: auto;
    border-radius: 20px;
    background: var(--topx-color-background-ton-2);
    overflow-y: hidden
}

@media screen and (max-width:1080px) {
    .referral_container__6MrOZ.referral_desktop__eovux {
        max-width: 730px;
        margin: 0 12px
    }
}

@media screen and (max-width:767px) {
    .referral_container__6MrOZ.referral_desktop__eovux {
        margin: 0
    }
}

.referral_header__wwURn {
    width: 100%;
    padding: 16px 0;
    color: var(--topx-color-text-primary)
}

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

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

.referral_headerBlock_close__xU19h {
    position: absolute;
    right: 16px;
    cursor: pointer
}

.referral_headerBlock_close__xU19h svg {
    width: 27.7px;
    height: auto
}

.referral_dataBlock__PLa8Z {
    width: 100%;
    height: 100%
}

.referral_dataBlock__PLa8Z,
.referral_dataBlock_inner__UYkXX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.referral_dataBlock_inner__UYkXX {
    padding: 0 12px
}

.referral_bodyBlock__9QEFa {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.referral_bodyBlock__9QEFa,
.referral_mainBlock__wd_iA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    width: 100%
}

.referral_mainBlock__wd_iA {
    -webkit-box-orient: vertical;
    -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;
    min-width: 424px;
    padding-bottom: 24px;
    border-right: 1px solid var(--topx-color-elements-stroke-1)
}

@media screen and (max-width:767px) {
    .referral_mainBlock__wd_iA {
        min-width: -webkit-fill-available;
        padding-bottom: 0;
        border-right: none
    }
}

.referral-link_container__4S3Pj {
    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;
    border-top: 1px solid var(--topx-color-elements-stroke-1, var(--topx-color-elements-stroke-1))
}

.referral-link_inputBlock__l4aUU {
    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: 6px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 8px
}

.referral-link_inputBlock__l4aUU.referral-link_disabled__Q8OQe {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

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

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

.referral-link_inputBlock_copy__j7FfK {
    position: absolute;
    right: 0;
    cursor: pointer
}

.referral-list_container__VtktU {
    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%;
    height: 100%;
    padding: 12px 0;
    border-radius: 16px 16px 0 0;
    background: var(--topx-color-background-ton-2)
}

.referral-list_container__VtktU.referral-list_day__FWeoH {
    background: var(--topx-color-background-ton-3)
}

.referral-list_block__h4hpV {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.referral-list_block__h4hpV,
.referral-list_block_title__ASH_h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.referral-list_block_title__ASH_h {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    gap: 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 8px 20px;
    color: var(--topx-color-text-secondary)
}

.referral-list_emptyBlock__AKnYN {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.referral-list_emptyBlock_title__I5eDM {
    font-size: 14px;
    color: var(--topx-color-text-primary)
}

.referral-list_emptyBlock_description__kMuCh,
.referral-list_emptyBlock_title__I5eDM {
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center
}

.referral-list_emptyBlock_description__kMuCh {
    color: var(--topx-color-text-secondary);
    font-size: 12px
}

.referral-list_listBlock__dblsG {
    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%
}

.referral-list_itemBlock__CH2p2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 12px 20px
}

.referral-list_itemBlock__CH2p2,
.referral-list_leftBlock__UyYeY {
    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: center;
    -ms-flex-align: center;
    align-items: center
}

.referral-list_leftBlock_image__0koh1 {
    width: 40px;
    height: auto
}

.referral-list_rightBlock__Rmw7h {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.referral-list_rightBlock__Rmw7h span:first-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    color: var(--topx-color-status-success)
}

.referral-list_rightBlock__Rmw7h span:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    color: var(--topx-color-text-tertiary)
}

.referral-list_textBlock__6yq8u {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.referral-list_textBlock__6yq8u,
.referral-list_textBlock_info__aniOH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    gap: 4px
}

.referral-list_textBlock_info__aniOH {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--topx-color-text-primary)
}

.referral-list_textBlock__6yq8u .referral-list_date__I33zP {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    color: var(--topx-color-text-secondary)
}

.referral-list_textBlock__6yq8u .referral-list_rewardUserId__gac7S {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 16px;
    padding: 2px 4px;
    border-radius: 5px;
    background: var(--topx-color-background-ton-3);
    color: var(--topx-color-text-secondary)
}

.referral-list_textBlock__6yq8u .referral-list_rewardUserId__gac7S,
.withdrawal_container__YAUr4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.withdrawal_container__YAUr4 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 8px
}

.withdrawal_container_button__A2ivA {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    height: 40px;
    padding: 16px 24px;
    border-radius: 12px
}

.withdrawal_refBalanceBlock__Gpbd4 {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start
}

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

.withdrawal_refBalanceBlock_allTime__ABrnc {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--topx-color-text-tertiary)
}