.ce-form{
    margin: 0 auto;
    max-width: 45rem;
    position: relative;
    background-color: #fff;
    padding: 32px;
    border-radius: 16px;
}
.ce-form h2{
	font-size: 22px;
    font-style: normal;
    line-height: normal;
	font-weight: 700;
	color: #000;
	margin-bottom: 32px;
	text-align: center;
}
.ce-form-group input[type=email], .ce-form-group input[type=password]{
    height: 52px;
    padding: 0 24px;
    background-color: #f7f7f7;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #0b121c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    outline: none;
    transition: all .3s ease-in-out;
    width: 100%;
}
.ce-form-group input[type=checkbox]{
	width: 16px;
	height: 16px;
	margin: 0 !important;
	padding: 0 !important;
}
.ce-form .form-wrap{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ce-checkbox{
	display: flex;
	gap: 14px;
	align-items: center;
}
.ce-checkbox label{
    color: #0b121c;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.ce-checkbox label a{
	color: #4486f4;
    cursor: pointer;
	text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.ce-btn-primary{
	border-radius: 8px !important;
    font-size: 16px !important;
    height: 52px !important;
    padding:0 20px !important;
	color: #fff !important;
	width: 100% !important;
	background-color: #4683df !important;
    color: #edf4fe !important;
	border: none !important;
	cursor: pointer;
}
.ce-form-links{
	margin-top: 16px;
	color: #0b121c;
    cursor: pointer;
    display: flex;
	justify-content: center;
	gap: 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.ce-form-links a{
	color: #4486f4;
    cursor: pointer;
	text-decoration: none;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
._user_nibml_8{
	position: relative;
}
._menu_nibml_11 {
    bottom: -10px;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all .3s ease-in-out;
    visibility: hidden;
}
._HeaderUserMenu_1ch1k_8 {
    background-color: #fff;
    border: 1px solid #91959c;
    border-radius: 16px;
    padding: 1.6rem;
    width: 26rem;
    z-index: 3;
}
._HeaderUserMenuEmail_19t6t_8 {
    border-bottom: 1px solid #91959c;
}
.menu-item {
    align-items: center;
    display: flex;
    gap: 8px 8px;
    padding:16px 0;
    transition: color .3s ease-in-out;
}
.menu-item:hover{
	color: #4486f4;
}
.blue {
    color: #4486f4;
}
.icon-frame {
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}
._HeaderUserMenuBottom_1p36t_8 {
    display: flex;
    flex-direction: column;
	border-top: 1px solid #91959c;
}

._user_nibml_8:hover ._HeaderUserMenu_1ch1k_8 {
	opacity: 1;
	visibility: visible;
}




/*==========Referal page=====================*/
.container {
}
.referrerPage {
}
.h2 {
}
.wrap {
    align-items: flex-start;
    display: grid;
    gap: 32px;
    grid-template-columns: 370px 1fr;
    width: 100%;
}
.box {
}
.left_block {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.balance_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    font-weight: 600;
}
.balans_count {
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    font-weight: 600;
}
.description {
    font-size: 12px;
    font-weight: 400;
    color: #91959c;
}
.form_wrap {
}
._label_14gu2_55 {
}
._icon_14gu2_68 {
}
.input_wrap {
}
.input {
}
.submit_btn {
    width: 100% !important;
    border: none !important;
    background-color: #4683df !important;
    color: #edf4fe !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    height: 52px !important;
    padding: 0 20px !important;
    margin-top: 16px;
}
.right_block {
}
.ref_link_wrap {
}
.ref_link_title {
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 8px;
    font-weight: 600;
}
.ref_link {
    align-items: center;
    display: flex;
    gap: 16px;
}
.ref_link p{
    user-select: none !important;
    margin-bottom: 0 !important;
}
.copy {
    width: 32px;
    min-width: 32px;
    background: transparent !important;
    border: none !important;
    color: #000 !important;
    cursor: pointer;
    padding: 0;

}
.copy:hover{
    color: #000;
}
.copy svg{
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.ref_count_info {
    margin: 0;
    padding: 0;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.discont {
}
.count_ref {
}
._wrap_pausm_15 {
}
._ReferralFilters_km37n_8 {
}
._btn_km37n_14 {
}
._active_km37n_18 {
}
._table_pausm_33 {
}
.bottom_block_ref{
    margin-top: 30px;
}
.main_page_title{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 32px;
}



.bank-select {
    width: 100%;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    height: 52px;
    background-color: #f7f7f7;
    font-size: 14px;
    appearance: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

._dropdown_14gu2_38 {
    position: relative;
}

.bank-select:focus {
    outline: none;
    border-color: #0073aa;
}

._icon_14gu2_68 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.input_wrap {
    position: relative;
    margin-top: 15px;
}

.input_wrap span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.input_wrap img {
    max-height: 24px;
    max-width: 24px;
    width: 24px;
    object-fit: contain;
}

.input_wrap input {
    width: 100%;
    height: 52px;
    border-radius: 8px;
    background-color: #f7f7f7;
    font-size: 14px;

}


/* Страница "Мои заявки"*/
._AccountOrderPage_8xej4_8 {
                max-width: 1200px;
                margin: 0 auto;
                padding: 20px;
            }
            
            ._AccountOrderPage_8xej4_8 ._wrap_8xej4_15 {
                display: flex;
                gap: 30px;
                margin-top: 20px;
            }
            
            ._AccountOrderPage_8xej4_8 ._sidebar_8xej4_27 {
                width: 250px;
                flex-shrink: 0;
            }
            
            ._AccountOrderPage_8xej4_8 ._wrapper_8xej4_97 {
                flex: 1;
            }
            
            ._AccountOrderPage_8xej4_8 ._trigger_8xej4_36 {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 10px;
                background: #f5f5f5;
                border-radius: 4px;
                cursor: pointer;
                margin-bottom: 10px;
            }
            
            
            ._AccountOrderPage_8xej4_8 ._filter_1jqaa_25 {
                display: flex;
                flex-direction: column;
                gap: 8px;
                margin-top: 10px;
            }
            
            ._AccountOrderPage_8xej4_8 ._VCheckbox_g4xgr_8 {
                display: flex;
                align-items: center;
                gap: 8px;
                cursor: pointer;
                font-size: 14px;
            }
            
            ._AccountOrderPage_8xej4_8 ._native_g4xgr_47 {
                display: none;
            }
            
            ._AccountOrderPage_8xej4_8 ._body_g4xgr_20 {
                width: 18px;
                height: 18px;
                border: 2px solid #ddd;
                border-radius: 3px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            ._AccountOrderPage_8xej4_8 ._native_g4xgr_47:checked + ._body_g4xgr_20 {
                background: #0073aa;
                border-color: #0073aa;
            }
            
            ._AccountOrderPage_8xej4_8 ._native_g4xgr_47:checked + ._body_g4xgr_20 svg {
                display: block;
            }
            
            ._AccountOrderPage_8xej4_8 ._body_g4xgr_20 svg {
                display: none;
                width: 12px;
                height: 12px;
            }
            
            /* Стили для списка заявок */
            ._AccountOrderPage_8xej4_8 .orders-list {
                display: flex;
                flex-direction: column;
                gap: 15px;
            }
            
            ._AccountOrderPage_8xej4_8 .order-item {
                background: #fff;
                border: 1px solid #e0e0e0;
                border-radius: 8px;
                padding: 20px;
                transition: all 0.3s ease;
            }
            
            ._AccountOrderPage_8xej4_8 .order-item:hover {
                box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            }
            
            ._AccountOrderPage_8xej4_8 .order-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 15px;
            }
            
            ._AccountOrderPage_8xej4_8 .order-number {
                font-weight: bold;
                font-size: 16px;
                color: #333;
            }
            
            ._AccountOrderPage_8xej4_8 .order-date {
                color: #666;
                font-size: 14px;
            }
            
            ._AccountOrderPage_8xej4_8 .order-info {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
                gap: 15px;
                margin-bottom: 15px;
            }
            
            ._AccountOrderPage_8xej4_8 .info-item {
                display: flex;
                flex-direction: column;
            }
            
            ._AccountOrderPage_8xej4_8 .info-label {
                font-size: 12px;
                color: #888;
                margin-bottom: 4px;
            }
            
            ._AccountOrderPage_8xej4_8 .info-value {
                font-size: 14px;
                color: #333;
                font-weight: 500;
            }
            
            ._AccountOrderPage_8xej4_8 .order-footer {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding-top: 15px;
                border-top: 1px solid #eee;
            }
            
            ._AccountOrderPage_8xej4_8 .order-status {
                padding: 4px 12px;
                border-radius: 20px;
                font-size: 12px;
                font-weight: 500;
            }
            
            ._AccountOrderPage_8xej4_8 .status-pending {
                background: #fff3cd;
                color: #856404;
            }
            
            ._AccountOrderPage_8xej4_8 .status-processing {
                background: #cce5ff;
                color: #004085;
            }
            
            ._AccountOrderPage_8xej4_8 .status-completed {
                background: #d4edda;
                color: #155724;
            }
            
            ._AccountOrderPage_8xej4_8 .status-cancelled {
                background: #f8d7da;
                color: #721c24;
            }
            
            ._AccountOrderPage_8xej4_8 .order-actions {
                display: flex;
                gap: 10px;
            }
            
            ._AccountOrderPage_8xej4_8 .ce-btn-small {
                padding: 6px 12px;
                font-size: 12px;
            }
            
            /* Модальное окно */
            .ce-modal {
                display: none;
                position: fixed;
                z-index: 1000;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,0.5);
            }
            
            .ce-modal-content {
                background-color: #fff;
                margin: 5% auto;
                padding: 0;
                border-radius: 8px;
                width: 90%;
                max-width: 600px;
                max-height: 80vh;
                overflow-y: auto;
            }
            
            .ce-modal-header {
                padding: 20px;
                border-bottom: 1px solid #eee;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            
            .ce-modal-close {
                font-size: 24px;
                cursor: pointer;
                color: #999;
            }
            
            .ce-modal-close:hover {
                color: #333;
            }
            
            .ce-modal-body {
                padding: 20px;
            }
            
            .details-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 15px;
            }
            
            .detail-item {
                padding: 10px 0;
                border-bottom: 1px solid #eee;
            }
            
            .detail-label {
                font-weight: bold;
                color: #666;
                margin-bottom: 5px;
            }
            
            .detail-value {
                color: #333;
            }
            
            .no-orders {
                text-align: center;
                padding: 40px;
                color: #666;
            }
            
            @media (max-width: 768px) {
                ._AccountOrderPage_8xej4_8 ._wrap_8xej4_15 {
                    flex-direction: column;
                }
                
                ._AccountOrderPage_8xej4_8 ._sidebar_8xej4_27 {
                    width: 100%;
                }
                
                ._AccountOrderPage_8xej4_8 .order-info {
                    grid-template-columns: 1fr;
                }
                
                ._AccountOrderPage_8xej4_8 .details-grid {
                    grid-template-columns: 1fr;
                }
            }



/* Страница "Мои карты"*/
._CardDescription_13cyi_8 {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    max-width: 37.2rem
}

@media only screen and (max-width: 1024px) {
    ._CardDescription_13cyi_8 {
        max-width:100%
    }
}

@media only screen and (max-width: 1330px) {
    ._CardDescription_13cyi_8.__full_13cyi_20 {
        flex-direction:row;
        max-width: 100%
    }
}

@media only screen and (max-width: 1024px) {
    ._CardDescription_13cyi_8.__full_13cyi_20 {
        flex-direction:column
    }
}

._CardsEmpty_1uwl0_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    padding: 2.4rem 3.2rem
}

._card_1uwl0_16 {
    background-color: #4486f4;
    border-radius: 8px;
    flex-shrink: 0;
    height: 4rem;
    position: relative;
    width: 6.4rem
}
._icon_1m5zm_74 {
    width: .6rem;
}
.__next_1m5zm_78{
    transform: rotate(180deg);
}
._card_1uwl0_16:after {
    border-radius: 50%;
    left: 8px;
    top: 8px;
    width: 8px
}

._card_1uwl0_16:after,._card_1uwl0_16:before {
    background-color: #71a6f7;
    content: "";
    height: 8px;
    position: absolute
}

._card_1uwl0_16:before {
    border-radius: 8px;
    bottom: 4px;
    right: 4px;
    width: 16px
}
._box_1m5zm_51{
    border: none !important;
}
._box_1m5zm_51 svg path{
    fill: #000;
}
._button_1uwl0_45 {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    line-height: 1.2;
    border: none !important;
    background-color: transparent !important;
    color: #000;
}
._button_1uwl0_45:hover{
    color: #000 !important;
}

._circle_1uwl0_53 {
    align-items: center;
    background-color: #4486f4;
    border-radius: 50%;
    display: flex;
    height: 2.4rem;
    justify-content: center;
    width: 2.4rem
}

._icon_1uwl0_63 {
    height: 1.6rem;
    width: 1.6rem
}

._CardsNotification_18731_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 3.2rem
}

._title_18731_17 {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700
}

.dropdown {
    display: inline-block;
    position: relative
}
._items_1m5zm_14{
    display: flex;
    justify-content: center;
}
.dropdown__trigger {
    align-items: center;
    border: 1px solid;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 8px;
    padding: 8px 16px
}

.dropdown__arrow--up {
    transform: rotate(180deg)
}

.dropdown__content {
    background-color: var(--card-bg);
    border: 1px solid var(--gray);
    border-radius: 16px;
    left: 50%;
    margin-top: 4px;
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    z-index: 1000
}

@media only screen and (max-width: 1024px) {
    .dropdown__content {
        transform:translate(-100%)
    }
}

.dropdown-enter-active,.dropdown-leave-active {
    transition: all .3s ease-in-out
}

.dropdown-enter-from,.dropdown-leave-to {
    opacity: 0;
    transform: translate(-50%) translateY(-10px)
}

@media only screen and (max-width: 1024px) {
    .dropdown-enter-from,.dropdown-leave-to {
        transform:translate(-100%) translateY(-10px)
    }
}

._button_ic6f8_8 {
    cursor: pointer;
    height: 4rem;
    width: 4rem
}

._button_ic6f8_8:hover {
    color: var(--blue)
}

._icon_ic6f8_17 {
    height: 1.4rem;
    width: 1.4rem
}

._menu_ic6f8_22 {
    padding: 1.6rem
}

._item_ic6f8_26 {
    cursor: pointer;
    padding: .8rem 0;
    text-align: left;
    width: 100%
}

._item_ic6f8_26:hover {
    color: var(--blue)
}

._CardItem_fayn4_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    padding: 2.4rem 3.2rem
}

._cont_fayn4_14 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 1024px) {
    ._cont_fayn4_14 {
        display:none
    }
}

._mob_fayn4_25 {
    display: none
}

@media only screen and (max-width: 1024px) {
    ._mob_fayn4_25 {
        display:flex;
        flex-direction: column;
        gap: 24px
    }
}

._top_fayn4_36 {
    align-items: center;
    display: flex
}

._icon_fayn4_41 {
    height: 30px;
    width: 48px
}

._icon_fayn4_41 img {
    height: 100%;
    width: 100%
}

._status_fayn4_50 {
    align-items: center;
    border-radius: 4px;
    display: flex;
    font-size: 1.2rem;
    justify-content: center;
    padding: .4rem 0;
    width: 13rem
}

._status_fayn4_50.__success_fayn4_59 {
    background-color: #49bf2b1a;
    color: #49bf2b
}

._status_fayn4_50.__danger_fayn4_63 {
    background-color: #6760fc0d;
    color: #6760fc
}

@media only screen and (max-width: 1024px) {
    ._status_fayn4_50 {
        margin-left:8px
    }

    ._item_fayn4_74:not(:last-child) {
        margin-bottom: 8px
    }
}

._menu_fayn4_79 {
    bottom: -10px;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all .3s ease-in-out
}

._menu_fayn4_79:before {
    content: "";
    height: 10px;
    position: absolute;
    top: -10px;
    width: 100%
}

._drop_fayn4_94 {
    margin-left: auto
}

._CardsList_lfcmi_8 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%
}

._AddCardForm_14tna_8 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem
}

._AddCardModal_1w7zo_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    padding: 3.2rem;
    width: 45rem
}

@media only screen and (max-width: 1024px) {
    ._AddCardModal_1w7zo_8 {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0;
        width: 100%
    }
}

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

._form_1w7zo_27 {
    margin-top: 3.2rem
}

._CardVerificationModal_hboa1_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    padding: 4rem 4.4rem;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    ._CardVerificationModal_hboa1_8 {
        border-bottom-left-radius:0;
        border-bottom-right-radius: 0
    }
}

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

._DeleteCardModal_uujxw_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 3.2rem;
    position: relative;
    width: 48rem
}

._icon_uujxw_19 {
    color: var(--gray);
    cursor: pointer;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    width: 2.4rem
}

._text_uujxw_28 {
    text-align: center
}

._buttons_uujxw_32 {
    display: flex;
    gap: 1.6rem
}

._DetachCardModal_1j7dp_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    padding: 3.2rem;
    position: relative;
    width: 48rem
}

._icon_1j7dp_19 {
    color: var(--gray);
    cursor: pointer;
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    width: 2.4rem
}

._text_1j7dp_28 {
    text-align: center
}

._buttons_1j7dp_32 {
    display: flex;
    gap: 1.6rem
}

._AccountCardsPage_156mg_8 {
    position: relative
}

._container_156mg_12 {
    display: flex;
    gap: 3.2rem;
    margin-top: 3.2rem;
    width: 100%
}

@media only screen and (max-width: 1330px) {
    ._container_156mg_12 {
        margin-top:24px
    }
}

@media only screen and (max-width: 1024px) {
    ._container_156mg_12 {
        flex-direction:column
    }
}

@media only screen and (max-width: 1330px) {
    ._container_156mg_12.__hasCards_156mg_29 {
        flex-direction:column
    }
}

._content_156mg_34 {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    width: 100%
}

._activate_156mg_41 {
    margin-top: 3.2rem
}
._overlay_gn96g_8 {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: #161821d9;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch
}

._overlay_gn96g_8.__overflow_gn96g_20 {
    overflow-y: auto
}

._overlay_gn96g_8.overlay-appear-enter-active {
    transition: all .4s
}

._overlay_gn96g_8.overlay-appear-leave-active {
    opacity: 0;
    transition: all .2s
}

._overlay_gn96g_8.overlay-appear-enter-from {
    opacity: 0
}
._ModalWrapper_dvm01_8 {
    display: flex;
    justify-content: center;
    left: 50%;
    max-width: 59.2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 22
}

@media only screen and (max-width: 1024px) {
    ._ModalWrapper_dvm01_8 {
        bottom:0;
        left: 0;
        top: unset;
        transform: unset;
        width: 100%
    }
}

._ModalWrapper_dvm01_8.__verify_dvm01_28 {
    max-width: 79.3rem
}
._ModalWrapper_dvm01_8 {
    display: flex;
    justify-content: center;
    left: 50%;
    max-width: 59.2rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 22
}

@media only screen and (max-width: 1024px) {
    ._ModalWrapper_dvm01_8 {
        bottom:0;
        left: 0;
        top: unset;
        transform: unset;
        width: 100%
    }
}

._ModalWrapper_dvm01_8.__verify_dvm01_28 {
    max-width: 79.3rem
}
._AddCardModal_1w7zo_8 {
    background-color: var(--card-bg);
    border-radius: 16px;
    padding: 3.2rem;
    width: 45rem;
}
._content_1w7zo_22 {
    display: flex;
    flex-direction: column;
}
.v-combobox-input__icon svg {
    display: block;
    height: 1rem;
    width: 1rem;
}
.v-combobox-input__currency {
    height: auto;
    left: 1.7rem;
    position: absolute;
    width: 2.6rem;
}