@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    src: url('/static/common/fonts/inter/Inter-Regular.woff2') format('woff2'),
        url('/static/common/fonts/inter/Inter-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    src: url('/static/common/fonts/inter/Inter-Medium.woff2') format('woff2'),
        url('/static/common/fonts/inter/Inter-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Vela Sans GX';
    font-weight: 600;
    font-style: normal;
    src: url('/static/custom/3893/giftcard/fonts/VelaSansGX/VelaSans-GX.woff2') format('woff2'),
        url('/static/custom/3893/giftcard/fonts/VelaSansGX/VelaSans-GX.woff') format('woff');
}

:root {
    --bg-bg: #fbfbfb;
    --accent-accent: #be2723;
    --text-title: #0f1b2c;
    --bg-dropDown: #f1f4f6;
    --bg-divider: #bebebe;
    --text-placeholder: #adadad;
    --accent-disable: #e2e6eb;
    --error: #8d0624;
    --text-bg: #776f84;
    /*  
    --accent-hover: #1b74c1;
    --accent-color: #565656;
   
    
    
    --vdpColor: #000;
     */

    /* --bg-bgButton: #ebebeb;
    --bg-pin: #efefef;
    --bg-letter: #ffffff;
    
    --bg-submitBtn: #1f84db;
    --bg-submitBtn-hover: #1b74c1; */
}

body {
    font-family: Inter, Arial, sans-serif;
}

.header img {
    height: 135px;
}

.page-title {
    font-size: 24px;
    line-height: 32px;
}

.amount__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.v-button:hover,
.v-button:active,
.v-button:focus {
    background-color: var(--accent-accent);
    opacity: 0.7;
}

.date__title {
    font-weight: 500;
}

.date__control {
    flex: 1;
    max-width: unset;
}

.vdpComponent.vdpWithInput {
    flex: 1;
}

.date__placeholder {
    max-width: unset;
    flex: 1;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.v-field__label {
    font-weight: 500;
}

.v-button {
    font-weight: 500;
}

.checkbox__control .body.active {
    background-color: var(--text-placeholder);
}

.checkbox__control .body.active:after {
    background-color: #fff;
    border-color: var(--text-placeholder);
}

.checkbox__control .body:after {
    background-color: #adadad;
}

.v-checkbox__icon-wrapper {
    background: var(--accent-disable);
    border-radius: none;
}

.agree__text {
    color: var(--text-title);
}

.v-checkbox__input:checked + .v-checkbox__icon-wrapper {
    border: 1px solid transparent;
}

.payment-type__item {
    border-radius: unset;
}

.payment-type__item--card {
    background: transparent;
}

.payment-type__item:not(:last-child):after {
    display: none;
}

.payment-step__total-title {
    text-transform: uppercase;
}

.step__condition {
    color: var(--text-title);
}

.payment-type__item-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: var(--accent-accent);
}

.payment-type__item--card .payment-type__item-icon {
    color: var(--accent-accent);
}

.section {
    box-shadow: unset;
}

.v-select__icon {
    display: none;
}

.v-select__list {
    display: none;
}

.v-select__wrapper {
    cursor: default;
}

.v-select__wrapper:focus,
.v-select__wrapper:active {
    box-shadow: unset;
}

.footer .link {
    color: var(--text-bg);
}

.vcard-resend__default-br {
    display: none;
}

.vcard-resend__text b {
    font-weight: 500;
}

.v-button--show-details:hover,
.v-button--show-details:focus {
    background-color: transparent;
}

.vcard__value {
    font-weight: 500;
}

.vcard-info__title {
    font-weight: 500;
}

.vcard-info__link {
    font-family: Inter, Arial, sans-serif;
}

.balance__link {
    background: #ffffff52;
}

@media (hover: hover) and (pointer: fine) {
    .amount__btn:hover {
        background-color: var(--accent-accent);
    }
}

@media screen and (min-width: 1024px) {
    .header img {
        height: 108px;
    }

    .page-title {
        font-size: 32px;
        line-height: 40px;
    }

    .section--vcard-show .vcard.vshow {
        margin-bottom: 32px;
    }
}