.currency-select_container__rt4pV {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

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

.currency-select_container_title__oNBxY.currency-select_day__Q2h_t {
    background: var(--topx-color-background-ton-3)
}

.currency-select_container__rt4pV.currency-select_active__RBwZP {
    border: 1px solid var(--topx-color-elements-fill-4)
}

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

.currency-select_container_arrow__P56dt {
    margin-left: auto;
    color: var(--topx-color-text-secondary);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.currency-select_container_arrow__P56dt>div {
    width: 100%;
    height: 100%
}

.currency-select_container_arrow__P56dt>div>div {
    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%
}

.currency-select_container_arrow__P56dt>div>div>svg {
    width: 100%;
    height: 100%
}

.currency-select_container_arrow__P56dt.currency-select_active__RBwZP {
    color: var(--topx-color-not-variables-other-white);
    rotate: x 180deg
}

.currency-select_optionsBlock__EMUpH {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 2;
    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%;
    height: auto;
    max-height: 0;
    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);
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow-y: hidden;
    scrollbar-width: none
}

.currency-select_optionsBlock__EMUpH::-webkit-scrollbar {
    display: none
}

.currency-select_optionsBlock__EMUpH.currency-select_active__RBwZP {
    max-height: 270px;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow-y: auto
}

.currency-select_optionBlock__nSx8M {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12.5px 12px
}

.currency-select_optionBlock__nSx8M.currency-select_selected__Hknnb {
    background: var(--topx-color-elements-fill-2)
}

.currency-select_optionBlock_value__3OAMZ {
    font-size: 11px;
    line-height: 12px;
    padding: 4px 6px;
    border-radius: 24px;
    background-color: var(--topx-color-elements-fill-1)
}

.currency-select_optionBlock_label__NFQtJ,
.currency-select_optionBlock_value__3OAMZ {
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary)
}

.currency-select_optionBlock_label__NFQtJ {
    font-size: 14px;
    line-height: 150%
}

.currency-select_optionBlock_separator__wfWVd {
    position: absolute;
    right: 18px;
    width: 12px;
    height: 12px
}

.currency-select_valueBlock__nyDeP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.currency-select_valueBlock_text__QKncx {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 24px;
    background-color: var(--topx-color-elements-fill-1);
    color: var(--topx-color-text-primary)
}

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

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

.dropdown_container__KTxJT.dropdown_default__zfrbC {
    padding: 0
}

.dropdown_container__KTxJT.dropdown_inBlock__2Ocgc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px;
    border-radius: 16px;
    background: var(--topx-color-background-ton-2)
}

.dropdown_container__KTxJT.dropdown_inBlock__2Ocgc.dropdown_day__5ej_1 {
    background: var(--topx-color-background-ton-3)
}

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

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

.dropdown_headerBlock_title__12iFf.dropdown_inBlock__2Ocgc {
    color: var(--topx-color-text-primary)
}

.dropdown_headerBlock_arrow__dIsef,
.dropdown_headerBlock_arrow__dIsef.dropdown_opened__vkt_e {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

.dropdown_headerBlock_arrow__dIsef.dropdown_opened__vkt_e {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown_iconBlock__QrB4V.dropdown_inBlock__2Ocgc {
    padding: 10px 10px 7px;
    border-radius: 10px;
    background: var(--topx-color-elements-fill-1)
}

.dropdown_iconBlock_arrow__PGda9,
.dropdown_iconBlock_arrow__PGda9.dropdown_opened__vkt_e {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

.dropdown_iconBlock_arrow__PGda9.dropdown_opened__vkt_e {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown_hiddenBlock__LJcqI {
    max-height: 0;
    padding-top: 12px;
    -webkit-transition: max-height .25s linear;
    transition: max-height .25s linear;
    overflow-y: hidden
}

.dropdown_hiddenBlock__LJcqI.dropdown_inBlock__2Ocgc {
    padding-top: 0
}

.dropdown_hiddenBlock__LJcqI.dropdown_opened__vkt_e {
    max-height: 700px;
    -webkit-transition: max-height .35s linear;
    transition: max-height .35s linear
}

.dropdown-lang_headerBlock__tabQ1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dropdown-lang_headerBlock_arrow__1_m7a,
.dropdown-lang_headerBlock_arrow__1_m7a.dropdown-lang_opened__sd1h_ {
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.dropdown-lang_headerBlock_arrow__1_m7a.dropdown-lang_opened__sd1h_ {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown-lang_headerBlock__tabQ1.dropdown-lang_hidden__NchL7 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dropdown-lang_container__kMT4f {
    position: relative;
    width: 100%;
    padding: 0;
    color: var(--topx-color-text-primary);
    cursor: pointer
}

.dropdown-lang_hiddenBlock__s76bb {
    position: absolute;
    top: inherit;
    bottom: calc(100% + 10px);
    left: -10px;
    z-index: 4;
    width: 216px;
    max-height: 0;
    padding: 0 4px;
    border-radius: 12px;
    -webkit-box-shadow: var(--topx-color-shadow-dropdown);
    box-shadow: var(--topx-color-shadow-dropdown);
    background: var(--topx-color-background-ton-3);
    -webkit-transition: max-height .15s linear;
    transition: max-height .15s linear
}

.dropdown-lang_hiddenBlock__s76bb.dropdown-lang_opened__sd1h_ {
    max-height: 320px;
    padding: 4px 12px 4px 4px
}

.dropdown-lang_hiddenBlock__s76bb.dropdown-lang_hidden__NchL7 {
    bottom: calc(100% + 18px)
}

.dropdown-lang_scrollBlock__Nz5UY {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 208px;
    height: 100%;
    max-height: 0;
    padding-right: 4px;
    -webkit-transition: max-height .15s linear;
    transition: max-height .15s linear;
    overflow: hidden scroll
}

.dropdown-lang_scrollBlock__Nz5UY.dropdown-lang_opened__sd1h_ {
    max-height: 312px
}

.dropdown-lang_scrollBlock__Nz5UY::-webkit-scrollbar {
    width: 4px;
    height: 120px;
    margin-right: 4px
}

.dropdown-lang_scrollBlock__Nz5UY::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--topx-color-background-ton-2)
}

.dropdown-lang_buttonBlock__aZ7TF {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    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: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0);
    color: var(--topx-color-text-primary);
    outline: none;
    cursor: pointer
}

.dropdown-lang_buttonBlock__aZ7TF.dropdown-lang_selected__qsVrK,
.dropdown-lang_buttonBlock__aZ7TF:hover {
    background: var(--topx-color-elements-fill-1)
}

.dropdown-lang_buttonBlock_check__OMYVx {
    margin-left: auto
}

.dropdown-lang_textBlock__zc__l {
    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: start
}

@media screen and (max-width:767px) {
    .dropdown-lang_textBlock__zc__l {
        gap: 4px
    }
}

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

@media screen and (min-width:768px) {
    .dropdown-lang_textBlock_name__jxuby {
        font-size: 14px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.dropdown-lang_textBlock_engName__buRc2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--main-tertiary)
}

.dropdown-lang_currentLangBlock__hujC_ {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px
}

.dropdown-lang_currentLangBlock__hujC_,
.favorite-icon_container__TSvh8 {
    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
}

.favorite-icon_container__TSvh8 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 32px;
    height: 32px;
    padding: 4px;
    border: none;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.favorite-icon_container__TSvh8 svg {
    fill: var(--topx-color-elements-fill-3)
}

.favorite-icon_container__TSvh8.favorite-icon_selected__8dt_M svg {
    fill: var(--topx-color-not-variables-other-gold)
}

.ripple_container__wLUAI {
    position: absolute;
    z-index: 0;
    inset: 0
}

.ripple_container__wLUAI span {
    position: absolute;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation-name: ripple_ripple__P0GaK;
    animation-name: ripple_ripple__P0GaK
}

@-webkit-keyframes ripple_ripple__P0GaK {
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes ripple_ripple__P0GaK {
    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.form-error_container__ez_AR {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    text-align: left;
    position: relative;
    margin-top: 8px;
    margin-bottom: 0;
    color: #d32f2f
}

.free-spins-amount-widget_container__ZdGt2 {
    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;
    border-style: solid;
    border-color: var(--topx-color-elements-stroke-1);
    background: var(--topx-color-background-ton-3)
}

.free-spins-amount-widget_container__ZdGt2.free-spins-amount-widget_day__bms87 {
    background: var(--topx-color-elements-fill-1)
}

.free-spins-amount-widget_container__ZdGt2.free-spins-amount-widget_default__H6eVN {
    gap: 4px;
    padding: 4px;
    border-width: 1px;
    border-radius: 8px
}

.free-spins-amount-widget_container__ZdGt2.free-spins-amount-widget_large__eSzv7 {
    gap: 8px;
    padding: 8px;
    border-width: 2px;
    border-radius: 12px
}

.free-spins-amount-widget_container_text__PQRTo {
    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;
    padding: 0 4px;
    background: var(--topx-color-not-variables-other-gold-gradient)
}

.free-spins-amount-widget_container_text__PQRTo.free-spins-amount-widget_default__H6eVN {
    width: 18px;
    height: 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none
}

.free-spins-amount-widget_container_text__PQRTo.free-spins-amount-widget_large__eSzv7 {
    width: 32px;
    height: 38px;
    border-radius: 8px;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 2%;
    text-decoration: none
}

.free-spins-amount-widget_container_text__PQRTo span {
    text-align: center;
    color: var(--topx-color-not-variables-other-white)
}

.hamburger_burger__zoCT_ {
    position: relative;
    width: 24px;
    height: 24px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

.hamburger_burger__zoCT_,
.hamburger_burger__zoCT_ span {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.hamburger_burger__zoCT_ span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 9px;
    background: var(--topx-color-text-primary);
    opacity: 1;
    -webkit-transition: transform .25s ease-in-out, opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
    transition: transform .25s ease-in-out, opacity .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hamburger_burger__zoCT_ span:first-child {
    top: 10px;
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0)
}

.hamburger_burger__zoCT_ span:nth-child(2) {
    top: 10px;
    right: 3px;
    left: inherit;
    width: 70%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hamburger_burger__zoCT_ span:nth-child(3) {
    top: 10px;
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0)
}

.hamburger_burger__zoCT_.hamburger_open__p1ebq span:first-child {
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: translateZ(0) rotate(45deg)
}

.hamburger_burger__zoCT_.hamburger_open__p1ebq span:nth-child(2) {
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0)
}

.hamburger_burger__zoCT_.hamburger_open__p1ebq span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: translateZ(0) rotate(-45deg)
}

.image-with-fadein_container__1EtFI {
    position: relative
}

.image-with-fadein_container_fadeIn__BQrhn {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.image-with-fadein_container_fadeIn__BQrhn.image-with-fadein_loaded__Rjbgo {
    opacity: 1
}

.input_container__KznGE {
    position: relative;
    width: 100%
}

.input_container__KznGE input::-webkit-input-placeholder {
    opacity: 0
}

.input_container__KznGE input::-moz-placeholder {
    opacity: 0
}

.input_container__KznGE input:-ms-input-placeholder {
    opacity: 0
}

.input_container__KznGE input::-ms-input-placeholder {
    opacity: 0
}

.input_container__KznGE input::placeholder {
    opacity: 0
}

.input_container__KznGE input {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    width: 100%;
    height: 48px;
    padding: 10px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0);
    color: var(--topx-color-text-primary);
    outline: none
}

.input_container__KznGE input:disabled {
    opacity: .5
}

.input_container__KznGE input:focus {
    border: 1px solid var(--topx-color-elements-fill-4)
}

.input_container__KznGE label {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: 12px;
    background: var(--topx-color-background-ton-2);
    color: var(--topx-color-text-secondary);
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input_container__KznGE label.input_day__4xsKm {
    background: var(--topx-color-background-ton-3)
}

.input_container__KznGE.input_placeholder__RpMOc input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary);
    opacity: .3
}

.input_container__KznGE.input_placeholder__RpMOc input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary);
    opacity: .3
}

.input_container__KznGE.input_placeholder__RpMOc input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary);
    opacity: .3
}

.input_container__KznGE.input_placeholder__RpMOc input::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-text-primary);
    opacity: .3
}

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

.input_container__KznGE.input_error__kh3ri input {
    border: 1px solid var(--topx-color-status-invalid)
}

.input_container__KznGE.input_error__kh3ri input:focus {
    border: 1px solid var(--topx-color-status-invalid)
}

.input_container__KznGE input:not(:-moz-placeholder-shown)+label {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    top: 0;
    padding: 2px;
    opacity: 1
}

.input_container__KznGE input:not(:-ms-input-placeholder)+label {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    top: 0;
    padding: 2px;
    opacity: 1
}

.input_container__KznGE input:focus+label,
.input_container__KznGE input:not(:placeholder-shown)+label,
.input_container__KznGE.input_placeholder__RpMOc input+label {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    top: 0;
    padding: 2px;
    opacity: 1
}

.input_container__KznGE.input_error__kh3ri input:not(:-moz-placeholder-shown)+label {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    top: 0;
    padding: 2px;
    color: var(--topx-color-status-invalid);
    opacity: 1
}

.input_container__KznGE.input_error__kh3ri input:not(:-ms-input-placeholder)+label {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    top: 0;
    padding: 2px;
    color: var(--topx-color-status-invalid);
    opacity: 1
}

.input_container__KznGE.input_error__kh3ri input:focus+label,
.input_container__KznGE.input_error__kh3ri input:not(:placeholder-shown)+label,
.input_container__KznGE.input_error__kh3ri.input_placeholder__RpMOc input+label {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    top: 0;
    padding: 2px;
    color: var(--topx-color-status-invalid);
    opacity: 1
}

.input_button___k15q {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.invoice-bonus-progress_container__ociTB {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px
}

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

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

.invoice-bonus-progress_progressBlock__rwvRE {
    position: relative;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    padding: 16px 32px 48px
}

.invoice-bonus-progress_block__SYVBA,
.invoice-bonus-progress_progressBlock__rwvRE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-self: stretch
}

.invoice-bonus-progress_block__SYVBA {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: stretch;
    height: 8px;
    border-radius: 8px;
    background: var(--topx-color-background-ton-1)
}

.invoice-bonus-progress_block__SYVBA.invoice-bonus-progress_authModal__iw2Es {
    background: var(--topx-color-background-ton-2)
}

@media screen and (max-width:767px) {
    .invoice-bonus-progress_block__SYVBA {
        background: var(--topx-color-background-ton-2)
    }
}

.invoice-bonus-progress_block__SYVBA.invoice-bonus-progress_regStepCompleted__QSk4N:before {
    position: absolute;
    width: calc(50% - 40px);
    height: 8px;
    background-image: url(/assets/img/invoice-bonus-progress-pattern.webp);
    content: "";
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.invoice-bonus-progress_block__SYVBA.invoice-bonus-progress_firstStepCompleted__Cyxma:before {
    position: absolute;
    width: calc(50% - 40px);
    height: 8px;
    background: var(--topx-color-not-variables-other-green);
    content: ""
}

.invoice-bonus-progress_block__SYVBA.invoice-bonus-progress_firstStepCompleted__Cyxma:after {
    position: absolute;
    left: 50%;
    width: calc(50% - 40px);
    height: 8px;
    background-image: url(/assets/img/invoice-bonus-progress-pattern.webp);
    content: "";
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.invoice-bonus-progress_infoBlock___JGr2 {
    position: absolute;
    top: 0;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding-top: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.invoice-bonus-progress_infoBlock___JGr2,
.invoice-bonus-progress_infoBlock_number___Q8Gu {
    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
}

.invoice-bonus-progress_infoBlock_number___Q8Gu {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 2px solid var(--topx-color-background-ton-1);
    border-radius: 12px;
    background: var(--topx-color-background-ton-1);
    color: var(--topx-color-text-primary);
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none
}

.invoice-bonus-progress_infoBlock_number___Q8Gu.invoice-bonus-progress_authModal__iw2Es {
    border: 2px solid var(--topx-color-background-ton-2);
    background: var(--topx-color-background-ton-2)
}

.invoice-bonus-progress_infoBlock_number___Q8Gu.invoice-bonus-progress_selected__3OUv_ {
    background: var(--topx-color-not-variables-other-green-gradient)
}

@media screen and (max-width:767px) {
    .invoice-bonus-progress_infoBlock_number___Q8Gu {
        border: 2px solid var(--topx-color-background-ton-2);
        background: var(--topx-color-background-ton-2)
    }
}

.invoice-bonus-progress_infoBlock_info__0yCcb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.invoice-bonus-progress_infoBlock_info__0yCcb span:first-child {
    text-align: center;
    color: var(--topx-color-text-primary);
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none
}

.invoice-bonus-progress_infoBlock_info__0yCcb span:nth-child(2) {
    text-align: center;
    color: var(--topx-color-text-secondary);
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none
}

.invoice-bonus-progress_infoBlock_info__0yCcb span.invoice-bonus-progress_isActive__TlLGy {
    color: var(--topx-color-not-variables-other-green)
}

.invoice-bonus-progress_infoBlock_image__lpq16 {
    position: relative;
    top: -3px;
    width: 40px;
    height: auto
}

.invoice-bonus-progress_firstDepBlock__L7CKP {
    left: 50%
}

.invoice-bonus-progress_secondDepBlock__r5D6Z {
    top: 24px;
    right: -3px;
    left: auto;
    gap: 8px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal_container__gdhiJ {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    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;
    min-height: 100%;
    max-height: 100vh;
    background: var(--topx-color-not-variables-other-overlay);
    pointer-events: auto
}

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

.modal_container__gdhiJ.modal_androidBanner__tgdwz {
    top: 64px;
    height: calc(100% - 64px);
    min-height: 0
}

@media screen and (max-width:767px) {
    .modal_container__gdhiJ.modal_isVisibleHeader__BkfuC {
        top: 106px;
        z-index: 1501;
        height: calc(100vh - 106px);
        min-height: 0
    }
}

.modal_container__gdhiJ.modal_story__I0ZTC {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px
}

.modal_buttonNext__lvOyq,
.modal_buttonPrev__FGLww {
    width: 32px;
    height: 32px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--topx-color-text-secondary);
    cursor: pointer;
    aspect-ratio: 1
}

.modal_buttonNext__lvOyq>svg path,
.modal_buttonPrev__FGLww>svg path {
    fill: var(--topx-color-background-ton-1)
}

.modal_buttonPrev__FGLww {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modal_buttonNext__lvOyq {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.modal_block__h1u74 {
    z-index: 99999;
    width: 100%;
    max-width: 375px;
    max-height: 100vh;
    padding: 80px 0;
    -webkit-animation: modal_scale-up__F9jw_ .2s ease-out !important;
    animation: modal_scale-up__F9jw_ .2s ease-out !important
}

@media screen and (max-width:767px) {
    .modal_block__h1u74 {
        max-width: 100%;
        max-height: 90vh;
        padding: 0
    }
    .modal_block__h1u74.modal_fillAvailable__jMAAt {
        max-height: 100vh
    }
    .modal_block__h1u74.modal_fitContentHeight__AntZg {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }
}

.modal_storyBlock__0RG7d {
    z-index: 99999;
    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: 375px;
    height: 100%;
    max-height: 740px;
    border-radius: 16px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: modal_scale-up__F9jw_ .2s ease-out !important;
    animation: modal_scale-up__F9jw_ .2s ease-out !important;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .modal_storyBlock__0RG7d {
        max-height: 100vh;
        border-radius: 16px 16px 0 0
    }
}

@media screen and (min-width:550px)and (max-width:767px) {
    .modal_storyBlock__0RG7d {
        background-size: contain
    }
}

@media screen and (min-width:768px) {
    .modal_storyBlock__0RG7d {
        background-size: contain
    }
}

.modal_contentBlock__NKTpD {
    position: relative;
    width: 100%;
    height: 650px;
    max-height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

@media screen and (max-width:767px) {
    .modal_contentBlock__NKTpD {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%
    }
}

.modal_contentBlock_story__HhBuW {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.modal_contentBlock__NKTpD .modal_isActive__5I232 {
    display: block;
    opacity: 1;
    visibility: visible
}

.modal_clickableBlock__jlyb3 {
    position: absolute;
    bottom: 0;
    z-index: 10002;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.modal_clickableBlock_switch__q4KXs {
    z-index: 10002;
    width: 100px;
    height: 100%
}

.modal_clickableBlock_pause__z4s2J {
    z-index: 10002;
    width: 100%;
    height: 100%
}

.modal_storyLineBlock__UR9tz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    width: 100%;
    padding: 4px 8px
}

.modal_itemsBlock__WWR_u {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.modal_itemsBlock_item__kSiUj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: .5
}

.modal_itemsBlock_item__kSiUj,
.modal_itemsBlock_loader__SM1e5 {
    height: 2px;
    border-radius: 1px;
    background-color: var(--topx-color-not-variables-other-white)
}

.modal_itemsBlock_loader__SM1e5 {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    -webkit-animation: modal_grow__bc5vy 10s linear;
    animation: modal_grow__bc5vy 10s linear;
    will-change: transform
}

.modal_itemsBlock__WWR_u .modal_isActive__5I232 {
    display: block;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.modal_itemsBlock__WWR_u .modal_isFulfilled__lJfPB {
    opacity: 1
}

.modal_itemsBlock__WWR_u .modal_isPause__vzTxB {
    display: block;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.modal_headerBlock__ZVFJu {
    position: relative;
    height: 48px;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal_headerBlock_close__5bA7t {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100000;
    padding: 16px;
    cursor: pointer
}

@-webkit-keyframes modal_scale-up__F9jw_ {
    0% {
        opacity: 0;
        -webkit-transform: translateY(300%);
        transform: translateY(300%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes modal_scale-up__F9jw_ {
    0% {
        opacity: 0;
        -webkit-transform: translateY(300%);
        transform: translateY(300%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes modal_grow__bc5vy {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes modal_grow__bc5vy {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.notification-container_container__Fsw0J {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    -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;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.notification-container_container_close__AYTIK {
    z-index: 999;
    margin-bottom: auto;
    margin-left: auto;
    cursor: pointer
}

.notification-container_container_close__AYTIK svg {
    width: 25px;
    height: auto
}

.notification-container_container_close__AYTIK svg path {
    fill-opacity: .6
}

.notification-container_container_close__AYTIK.notification-container_absolute__CDS5i {
    position: absolute;
    top: 0;
    right: 0
}

.page-preloader_container__FW1JP {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--topx-color-not-variables-other-preloader-fill);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.page-preloader_container__FW1JP.page-preloader_active__EqRNO {
    opacity: 1;
    visibility: visible
}

.page-preloader_container__FW1JP svg {
    width: 188px;
    height: auto
}

.page-preloader_ringSpiner__PwEG_,
.page-preloader_ringSpiner__PwEG_ div {
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page-preloader_ringSpiner__PwEG_ {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px
}

.page-preloader_ringSpiner__PwEG_ div {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border: 5px solid rgba(0, 0, 0, 0);
    border-top-color: red;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: page-preloader_ringSpiner__PwEG_ 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: page-preloader_ringSpiner__PwEG_ 1.2s cubic-bezier(.5, 0, .5, 1) infinite
}

.page-preloader_ringSpiner__PwEG_ div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.page-preloader_ringSpiner__PwEG_ div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.page-preloader_ringSpiner__PwEG_ div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes page-preloader_ringSpiner__PwEG_ {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes page-preloader_ringSpiner__PwEG_ {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.phone-input_container__ezrsH {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 13.5px 12px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0);
    color: var(--topx-color-text-primary)
}

.phone-input_container__ezrsH.phone-input_error__DPQjM {
    border-color: var(--topx-color-status-invalid)
}

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

.phone-input_container_title__iOsHR.phone-input_day__veJts {
    background: var(--topx-color-background-ton-3)
}

.phone-input_container_select__iAoI7 {
    width: 92px
}

.phone-input_container_separator__e3xAX {
    position: absolute;
    left: 115px;
    width: 1px;
    height: 16px;
    background: var(--topx-color-elements-fill-1)
}

.phone-input_container_text__Vdk4k {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    width: 100%;
    margin-left: 10px;
    border: none;
    border-radius: 0;
    background: none;
    color: var(--topx-color-text-primary);
    outline: none
}

.phone-input_container_text__Vdk4k:disabled {
    color: var(--topx-color-text-tertiary);
    cursor: not-allowed
}

@-webkit-keyframes preloader_rotating__UT7Gb {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

@keyframes preloader_rotating__UT7Gb {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(1turn);
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.preloader_container__HdGMn {
    position: relative;
    width: 100%;
    height: 330px
}

@media screen and (max-width:767px) {
    .preloader_container__HdGMn {
        height: 350px
    }
}

.preloader_container__HdGMn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-image: url(/assets/svg/canvas-preloader.svg);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: preloader_rotating__UT7Gb 1s linear infinite forwards;
    animation: preloader_rotating__UT7Gb 1s linear infinite forwards;
    content: "";
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.preloader_container__HdGMn.preloader_white__WzYVL:after {
    background-image: url(/assets/svg/canvas-preloader-white.svg)
}

.progress-bar_container__bwt3N {
    width: calc(100% - 30px);
    height: 6px;
    border-radius: 50px;
    background-color: var(--topx-color-background-ton-3)
}

.progress-bar_container__bwt3N.progress-bar_day__DRLcM {
    background-color: var(--topx-color-elements-fill-1)
}

.progress-bar_container__bwt3N.progress-bar_desktop__zThHI {
    background-color: var(--topx-color-background-ton-3)
}

.progress-bar_container__bwt3N.progress-bar_sidebarOpened__Enm65 {
    width: 100%;
    height: 8px
}

.progress-bar_container__bwt3N.progress-bar_sidebarOpened__Enm65 span {
    display: none
}

.progress-bar_fillerBlock__o4bCf {
    text-align: right;
    position: relative;
    height: 100%;
    border-radius: inherit;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, #0dd414), to(#0dd414));
    background: linear-gradient(#0dd414 65%, #0dd414)
}

.progress-bar_fillerBlock_label__ujzWl {
    font-weight: 700;
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    height: 4px;
    margin: auto 0;
    padding: 4px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 8px 0 rgba(29, 152, 78, .749);
    box-shadow: 0 0 8px 0 rgba(29, 152, 78, .749);
    background: var(--topx-color-not-variables-other-green)
}

.bg-image-fade_container__jW1U_ {
    position: relative;
    z-index: 2;
    border-radius: 8px;
    background-color: var(--topx-color-background-ton-2);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover
}

.bg-image-fade_container__jW1U_.bg-image-fade_loaded__Ns0Ld {
    opacity: 1
}

.bg-image-fade_container__jW1U_.bg-image-fade_default__1o673 {
    background-color: var(--topx-color-background-ton-2);
    background-size: 30%
}

.provider-game-card_container__pGaWt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.provider-game-card_container__pGaWt.provider-game-card_adaptive__WNITp {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.provider-game-card_dimensionsFixed__WMnJq {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 200px;
    height: 150px
}

@media screen and (max-width:1080px) {
    .provider-game-card_dimensionsFixed__WMnJq {
        width: 160px;
        height: 120px
    }
}

@media screen and (max-width:767px) {
    .provider-game-card_dimensionsFixed__WMnJq {
        width: 146px;
        height: 110px
    }
}

.provider-game-card_dimensionsAdaptive__2FGq9 {
    min-width: 200px;
    aspect-ratio: 4/3
}

@media screen and (max-width:1080px) {
    .provider-game-card_dimensionsAdaptive__2FGq9 {
        min-width: 160px
    }
}

@media screen and (max-width:767px) {
    .provider-game-card_dimensionsAdaptive__2FGq9 {
        min-width: 146px
    }
}

.provider-game-card_gameBlock__s7P5P {
    position: relative;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.provider-game-card_gameBlock__s7P5P.provider-game-card_modalCardView__EecoC {
    min-width: 160px;
    aspect-ratio: 4/3
}

@media screen and (max-width:1080px) {
    .provider-game-card_gameBlock__s7P5P.provider-game-card_modalCardView__EecoC {
        min-width: 160px
    }
}

@media screen and (max-width:767px) {
    .provider-game-card_gameBlock__s7P5P.provider-game-card_modalCardView__EecoC {
        min-width: 146px
    }
}

@media screen and (min-width:768px) {
    .provider-game-card_gameBlock__s7P5P:hover .provider-game-card_coverBlock__PUWY5 {
        z-index: 4;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .1s linear;
        transition: opacity .1s linear
    }
}

.provider-game-card_coverBlock__PUWY5 {
    position: absolute;
    z-index: 0;
    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;
    padding: 0;
    border-radius: 8px;
    background-color: rgba(19, 27, 45, .9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear;
    inset: 0
}

.provider-game-card_coverBlock__PUWY5.provider-game-card_modalCardView__EecoC {
    min-width: 160px;
    aspect-ratio: 4/3
}

@media screen and (max-width:1080px) {
    .provider-game-card_coverBlock__PUWY5.provider-game-card_modalCardView__EecoC {
        min-width: 160px
    }
}

@media screen and (max-width:767px) {
    .provider-game-card_coverBlock__PUWY5.provider-game-card_modalCardView__EecoC {
        min-width: 146px
    }
}

.provider-game-card_coverBlock__PUWY5.provider-game-card_isGameCoverActive__qpXyR {
    z-index: 4;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.provider-game-card_buttonsBlock__NuDyI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px
}

.provider-game-card_buttonsBlock_button__Fs0AB {
    width: 100%;
    height: 40px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.provider-game-card_buttonsBlock_demo__xoA7O {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    padding: 8px 16px;
    background: rgba(0, 0, 0, 0) !important
}

.provider-game-card_gameInfoWrapperBlock__rBwiw {
    position: relative;
    padding: 6px;
    cursor: default
}

.provider-game-card_gameInfoWrapperBlock_name__iWIaP {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    width: 80%;
    margin-bottom: 4px;
    color: var(--topx-color-text-primary);
    overflow: hidden
}

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

.provider-game-card_bonusGameIndicatorBlock__iILtN,
.provider-game-card_freeSpinsIndicatorBlock__XtsDE {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: left;
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    min-width: 80px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 12px 4px rgba(0, 0, 0, .502);
    box-shadow: 0 1px 12px 4px rgba(0, 0, 0, .502);
    background: var(--topx-color-not-variables-other-green-gradient);
    color: var(--topx-color-not-variables-other-white)
}

.provider-game-card_freeSpinsIndicatorBlock__XtsDE {
    background: var(--topx-color-not-variables-other-gold)
}

.scroll-top-arrow_container__rhpCA {
    position: fixed;
    right: 10px;
    bottom: 151px;
    z-index: 99;
    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: 48px;
    height: 48px;
    padding: 6px;
    border-radius: 50%;
    -webkit-box-shadow: var(--topx-color-shadow-button-1);
    box-shadow: var(--topx-color-shadow-button-1);
    background: var(--topx-color-not-variables-other-white);
    opacity: 0;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:767px) {
    .scroll-top-arrow_container__rhpCA {
        bottom: 80px;
        left: 12px
    }
}

.scroll-top-arrow_container__rhpCA.scroll-top-arrow_active__3kOIo {
    opacity: 1;
    visibility: visible
}

.search-nothing-find_container__GsDEY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding: 16px
}

.search-nothing-find_container_image__qqsk6 {
    width: 96px;
    height: auto
}

.search-nothing-find_container_text__9sZxv {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    margin-top: 16px;
    color: #6d7380
}

@media screen and (max-width:767px) {
    .search-nothing-find_container_text__9sZxv {
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.select_container__8t3cu {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    border: 1px solid rgba(231, 236, 245, .078);
    border-radius: 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.select_container__8t3cu.select_active__EbTqI {
    border-color: var(--topx-color-text-secondary)
}

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

.select_controlBlock_arrow__m7he_ {
    width: 16px;
    height: 16px;
    margin-left: auto;
    color: var(--topx-color-text-secondary);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.select_controlBlock_arrow__m7he_>div {
    width: 100%;
    height: 100%
}

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

.select_controlBlock_arrow__m7he_>div>div>svg {
    width: 100%;
    height: 100%
}

.select_controlBlock_arrow__m7he_.select_active__EbTqI {
    color: var(--topx-color-not-variables-other-white);
    rotate: x 180deg
}

.select_controlBlock_value__Z9a3q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

.select_optionsBlock__vXOzN {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 2;
    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%;
    height: auto;
    max-height: 0;
    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);
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow-y: hidden;
    scrollbar-width: none
}

.select_optionsBlock__vXOzN::-webkit-scrollbar {
    display: none
}

.select_optionsBlock__vXOzN.select_active__EbTqI {
    max-height: 270px;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow-y: auto
}

.select_optionBlock___CmNm {
    padding: 12px
}

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

.select_optionBlock_selected__RZqOv {
    position: absolute;
    right: 12px
}

.drop-down_container__hdjZM {
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 48px;
    margin: 0 auto
}

.drop-down_container__hdjZM,
.drop-down_titleBlock__Z0UD8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.drop-down_titleBlock__Z0UD8 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.drop-down_titleBlock_line__fThzP {
    width: 1px;
    height: 18px;
    background-color: var(--topx-color-elements-stroke-1)
}

.drop-down_titleBlock_arrow__vBBrr {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear
}

.drop-down_titleBlock_arrow__vBBrr path {
    fill: var(--topx-color-text-primary)
}

.drop-down_titleBlock_arrow__vBBrr.drop-down_opened__f6xSd {
    -webkit-transition: -webkit-transform .25s linear;
    transition: -webkit-transform .25s linear;
    transition: transform .25s linear;
    transition: transform .25s linear, -webkit-transform .25s linear;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drop-down_optionsBlock__gUN7w {
    position: absolute;
    top: 52px;
    right: -9px;
    z-index: 999;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    max-height: 0;
    border-radius: 12px;
    background: var(--topx-color-background-ton-3);
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    overflow-y: hidden
}

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

.drop-down_optionsBlock__gUN7w.drop-down_opened__f6xSd {
    max-height: 225px;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    overflow: auto
}

.social-login-btns_container___R3XV {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    -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: 44px;
    min-height: 44px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none
}

.social-login-btns_container_text__85RG2 {
    padding-left: 5px;
    color: var(--topx-color-not-variables-other-black)
}

.social-login-btns_googleButton__jhZVc,
.social-login-btns_telegramButton__eWRuR {
    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;
    height: 48px;
    border-radius: 12px;
    cursor: pointer
}

.social-login-btns_googleButton__jhZVc {
    width: 100%;
    background: var(--topx-color-not-variables-other-white)
}

.social-login-btns_googleButton__jhZVc.social-login-btns_day__VU7pC {
    border: 1px solid var(--topx-color-elements-stroke-1)
}

.social-login-btns_telegramButton__eWRuR {
    width: 159px;
    background: -webkit-gradient(linear, left top, left bottom, from(#59cbfd), to(#1eaae7));
    background: linear-gradient(180deg, #59cbfd, #1eaae7);
    color: var(--topx-color-not-variables-other-white)
}

.social-login-btns_dividerBlock__K5X05 {
    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%;
    max-width: 920px
}

.social-login-btns_dividerBlock_left__G0FC1 {
    width: 100%;
    height: 1px;
    margin-right: 20px;
    background: var(--topx-color-elements-stroke-1)
}

.social-login-btns_dividerBlock_right__VWY3T {
    width: 100%;
    height: 1px;
    margin-left: 20px;
    background: var(--topx-color-elements-stroke-1)
}

.social-login-btns_dividerBlock_text__a5PHU {
    text-align: center;
    color: var(--topx-color-text-secondary);
    word-break: keep-all;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.telegram-banner-desktop_container__K1fy7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 280px;
    height: 280px;
    padding: 12px;
    border-radius: 12px;
    background-position: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.telegram-banner-desktop_container_button___HeTf {
    padding: 16px 24px;
    border-radius: 12px;
    background-color: var(--topx-color-not-variables-in-accent-primary);
    color: var(--topx-color-other-blue-tg);
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0;
    text-decoration: none
}

.telegram-banner-desktop_container_button___HeTf:hover {
    background-color: var(--topx-color-not-variables-other-light-gray)
}

@media screen and (max-width:1080px) {
    .telegram-banner-desktop_container__K1fy7 {
        width: 100%;
        height: 66px
    }
}

.telegram-banner-desktop_block__ucmKF {
    gap: 12px
}

.telegram-banner-desktop_block__ucmKF,
.telegram-banner-desktop_contentBlock__hn2BP {
    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%
}

.telegram-banner-desktop_contentBlock__hn2BP {
    gap: 4px
}

.telegram-banner-desktop_contentBlock_subtitle__ya5_T {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white);
    opacity: .6
}

.telegram-banner-desktop_appliedBlock__3b2yi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px;
    border-radius: 20px;
    background-color: var(--topx-color-not-variables-other-white-25);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

@media screen and (max-width:1080px) {
    .telegram-banner-desktop_appliedBlock__3b2yi {
        margin-top: 6px
    }
}

.telegram-banner-desktop_appliedBlock_text__XTB0m {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white)
}

.telegram-banner-desktop_appliedBlock_icon__qjicR {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background-color: var(--topx-color-not-variables-other-white)
}

.telegram-banner-desktop_appliedBlock_icon__qjicR,
.telegram-banner-desktop_appliedTitleBlock__Gl_Xe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.telegram-banner-desktop_appliedTitleBlock__Gl_Xe {
    gap: 8px
}

.telegram-banner-desktop_appliedTitleBlock_title__l3eFZ {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white)
}

.switch-theme-toggle_container__nNVR_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.switch-theme-toggle_textBlock___6nPH {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

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

@media screen and (max-width:767px) {
    .switch-theme-toggle_textBlock_text__8FC14 {
        font-size: 14px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none
    }
}

.switch-theme-toggle_checkboxBlock__WTDQH {
    position: relative;
    width: 44px;
    height: 24px;
    padding: 2px;
    border-radius: 16px;
    background-color: var(--topx-color-elements-fill-1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (max-width:767px) {
    .switch-theme-toggle_checkboxBlock__WTDQH {
        background-color: var(--topx-color-background-ton-1)
    }
}

.switch-theme-toggle_checkboxBlock__WTDQH.switch-theme-toggle_day__I_tN_ {
    background-color: var(--topx-color-background-ton-2)
}

.switch-theme-toggle_checkboxBlock__WTDQH.switch-theme-toggle_day__I_tN_:before {
    left: 20px;
    background: url(/_next/static/media/sun.14fdf1a6.svg), var(--topx-color-not-variables-other-white);
    background-position: 50%;
    background-repeat: no-repeat
}

.switch-theme-toggle_checkboxBlock__WTDQH:before {
    position: absolute;
    left: 4px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 16px;
    background: url(/_next/static/media/moon.e9be2815.svg), var(--topx-color-not-variables-other-blue);
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    content: ""
}

.switch-theme-toggle_icon__djqX4 {
    width: 21px;
    height: 21px
}

@media screen and (max-width:767px) {
    .switch-theme-toggle_icon__djqX4 {
        margin-right: 12px
    }
}

.switch-theme-toggle_hide__leevP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.input-dropdown_container__OySJP {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    border: 1px solid var(--topx-color-elements-stroke-1);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0);
    cursor: pointer
}

.input-dropdown_container__OySJP,
.input-dropdown_titleBlock__a_flS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-dropdown_titleBlock__a_flS {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 14px;
    color: var(--topx-color-text-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.input-dropdown_titleBlock_label__O_DKh {
    position: absolute;
    top: 50%;
    left: 12px;
    background: var(--topx-color-background-ton-2);
    color: var(--topx-color-text-secondary);
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-dropdown_titleBlock_label__O_DKh.input-dropdown_day__1ctH_ {
    background: var(--topx-color-background-ton-3)
}

.input-dropdown_titleBlock_label__O_DKh.input-dropdown_moved__YZM9F {
    top: 0;
    padding: 2px;
    color: var(--topx-color-text-secondary);
    opacity: 1;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none
}

.input-dropdown_headerBlock__pQOy3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.input-dropdown_headerBlock_arrow__9Ri59,
.input-dropdown_headerBlock_arrow__9Ri59.input-dropdown_opened__uMHjT {
    -webkit-transition: -webkit-transform .15s linear;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.input-dropdown_headerBlock_arrow__9Ri59.input-dropdown_opened__uMHjT {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.input-dropdown_hiddenBlock__aUdhg {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 3;
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 200px;
    max-height: 0;
    border-radius: 12px;
    -webkit-box-shadow: var(--topx-color-shadow-dropdown);
    box-shadow: var(--topx-color-shadow-dropdown);
    background: var(--topx-color-background-ton-3);
    -webkit-transition: max-height .15s linear;
    transition: max-height .15s linear;
    overflow-y: auto
}

.input-dropdown_hiddenBlock__aUdhg::-webkit-scrollbar {
    width: 1px
}

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

.input-dropdown_hiddenBlock__aUdhg::-webkit-scrollbar-thumb {
    background: var(--topx-color-accent-fill)
}

.input-dropdown_hiddenBlock__aUdhg::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 34, 34, .12)
}

.input-dropdown_hiddenBlock__aUdhg.input-dropdown_day__1ctH_ {
    background: var(--topx-color-background-ton-2)
}

.input-dropdown_hiddenBlock_button__1_dos {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 12px;
    border: none;
    background: rgba(0, 0, 0, 0);
    color: var(--topx-color-text-primary);
    outline: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none
}

.input-dropdown_hiddenBlock_button_check__bNt4X {
    margin-left: auto
}

.input-dropdown_hiddenBlock_button__1_dos.input-dropdown_selected__k6bYa,
.input-dropdown_hiddenBlock_button__1_dos:hover {
    background: var(--topx-color-elements-fill-1)
}

.input-dropdown_hiddenBlock__aUdhg.input-dropdown_opened__uMHjT {
    max-height: 180px;
    -webkit-transition: max-height .15s linear;
    transition: max-height .15s linear
}

.custom-toaster_toastClass__x4gP8 {
    z-index: 100003 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 8px !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
    width: 100% !important;
    max-width: 363px !important;
    padding: 8px !important;
    border: 1px solid var(--topx-color-elements-stroke-1) !important;
    border-radius: 16px !important;
    -webkit-box-shadow: 0 0 64px 0 rgba(0, 0, 0, .5) !important;
    box-shadow: 0 0 64px 0 rgba(0, 0, 0, .5) !important;
    background: var(--topx-color-background-ton-3) !important
}

@media screen and (max-width:767px) {
    .custom-toaster_toastClass__x4gP8 {
        max-width: 100% !important
    }
}

.custom-toaster_toastClass__x4gP8>div {
    margin: 0 !important
}

.tooltip_container__P1Xfq {
    display: inline-block
}

.tooltip_tooltipBlock__uikDt {
    position: fixed;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.tooltip_tooltipBlock__uikDt.tooltip_visible__0aBXl {
    opacity: 1;
    visibility: visible
}

.telegram-banner_block__ImlQo {
    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: start;
    width: 100%;
    max-width: 470px;
    padding: 12px 140px 12px 12px;
    border-radius: 12px;
    background-position: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    white-space: nowrap
}

@media screen and (max-width:1080px) {
    .telegram-banner_block__ImlQo {
        gap: 6px;
        max-width: unset;
        white-space: unset
    }
}

.telegram-banner_block_subtitle__NdIDu {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white);
    opacity: .6
}

.telegram-banner_container__Tj3Uu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.telegram-banner_appliedBlock__WfTNO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 20px;
    background-color: var(--topx-color-not-variables-other-white-25);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

@media screen and (max-width:1080px) {
    .telegram-banner_appliedBlock__WfTNO {
        margin-top: 6px
    }
}

.telegram-banner_appliedBlock_text__ke0_W {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white)
}

.telegram-banner_appliedBlock_icon__9ySoy {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    background-color: var(--topx-color-not-variables-other-white)
}

.telegram-banner_appliedBlock_icon__9ySoy,
.telegram-banner_appliedTitleBlock__Sq2VX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.telegram-banner_appliedTitleBlock__Sq2VX {
    gap: 8px
}

.telegram-banner_appliedTitleBlock_title__72b7q {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0;
    text-decoration: none;
    color: var(--topx-color-not-variables-other-white)
}