:root {
    /* RT */
    /* color */
    --brand-primary: var(--brand-orange);
    --brand-quaternary: var(--neutral-600);
    --brand-secondary: var(--brand-purple);
    --brand-tertiary: var(--brand-lavander);
    --divider-primary: var(--neutral-200);
    --divider-primary-invert: var(--neutral-700);
    --error-primary: var(--service-red);
    --error-secondary: var(--service-light-red);
    --error-tertiary: var(--service-extra-light-red);
    --success-primary: var(--service-green);
    --success-secondary: var(--service-light-green);
    --success-tertiary: var(--service-extra-light-green);
    --surface-primary: var(--neutral-50);
    --surface-primary-invert: var(--neutral-700);
    --surface-primary-tonal: var(--tonal-black-005);
    --surface-primary-tonal-invert: var(--tonal-white-020);
    --surface-secondary: var(--neutral-0);
    --text-primary: var(--neutral-800);
    --text-primary-invert: var(--neutral-0);
    --text-secondary: var(--neutral-600);
    --text-secondary-invert: var(--tonal-white-060);
    --text-tertiary: var(--neutral-500);
    --brand-rt-light-blue: #749fd6;
    --brand-deep-blue: #0b71ff;
    --brand-lavander: #e8d2ed;
    --brand-light-blue: #e7efff;
    --brand-orange: #ff7d12;
    --brand-purple: #7700ff;
    --brand-red: #ff0032;
    --brand-yellow: #ffc800;
    --neutral-0: #ffffff;
    --neutral-100: #f7f7f8;
    --neutral-1000: #18181c;
    --neutral-1100: #0b0b0c;
    --neutral-200: #eeeff1;
    --neutral-300: #d6d7dc;
    --neutral-400: #c5c6ce;
    --neutral-50: #fafafb;
    --neutral-500: #a4a6b1;
    --neutral-600: #6b6d80;
    --neutral-700: #5a5d72;
    --neutral-800: #414352;
    --neutral-900: #2c2e37;
    --service-extra-light-green: #1ca15e14;
    --service-extra-light-red: #e32f2514;
    --service-green: #1ca15e;
    --service-light-green: #d1f9e5;
    --service-light-red: #f9d3d1;
    --service-light-yellow: #f4dca8;
    --service-red: #e32f25;
    --service-yellow: #e3a725;
    --tonal-accent: #0b71ff1f;
    --tonal-black-005: #5a5d720d;
    --tonal-black-010: #5a5d721a;
    --tonal-black-020: #5a5d7233;
    --tonal-white-020: #ffffff33;
    --tonal-white-060: #ffffff99;
    /* rt */
    --btn-icon-btn-md-border-radius: var(--px-8);
    --btn-icon-btn-md-padding: var(--px-12);
    --btn-icon-btn-sm-border-radius: var(--px-0);
    --btn-icon-btn-sm-padding: var(--px-8);
    --btn-lg-border-radius: var(--px-8);
    --btn-lg-bottom: var(--px-12);
    --btn-lg-top: var(--px-12);
    --btn-lg-left: var(--px-40);
    --btn-lg-right: var(--px-40);
    --btn-md-border-radius: var(--px-8);
    --btn-md-bottom: var(--px-12);
    --btn-md-top: var(--px-12);
    --btn-md-left: var(--px-28);
    --btn-md-right: var(--px-28);
    --btn-radiobtn-gap: var(--px-4);
    --btn-radiobtn-border-radius: var(--px-8);
    --btn-radiobtn-padding: var(--px-12);
    --btn-sm-border-radius: var(--px-8);
    --btn-sm-bottom: var(--px-8);
    --btn-sm-top: var(--px-8);
    --btn-sm-left: var(--px-20);
    --btn-sm-right: var(--px-20);
    --btn-txt-border-radius: var(--px-0);
    --btn-txt-gap: var(--px-8);
    --btn-txt-bottom: var(--px-12);
    --btn-txt-top: var(--px-12);
    --btn-txt-left: var(--px-16);
    --btn-txt-right: var(--px-16);
    --card-lg-desktop-gap-md: var(--px-12);
    --card-lg-desktop-gap-sm: var(--px-12);
    --card-lg-desktop-border-radius: var(--px-20);
    --card-lg-desktop-padding: var(--px-28);
    --card-lg-desktop-gap-xxlg: var(--px-40);
    --card-lg-desktop-gap-xxxlg: var(--px-60);
    --card-lg-mobile-border-radius: var(--px-16);
    --card-lg-mobile-padding: var(--px-16);
    --card-sm-desktop-gap-sm: var(--px-8);
    --card-sm-desktop-padding: var(--px-8);
    --card-sm-desktop-gap-md: var(--px-12);
    --card-sm-desktop-border-radius-inside: var(--px-20);
    --card-sm-desktop-border-radius-outside: var(--px-28);
    --card-sm-mobile-border-radius-inside: var(--px-16);
    --card-sm-mobile-border-radius-outside: var(--px-20);
    --card-tariff-desktop-gap-xsm: var(--px-4);
    --card-tariff-desktop-gap-sm: var(--px-8);
    --card-tariff-desktop-padding-sm: var(--px-12);
    --card-tariff-desktop-gap-md: var(--px-16);
    --card-tariff-desktop-padding-lg: var(--px-16);
    --card-tariff-desktop-border-radius-inside: var(--px-20);
    --card-tariff-desktop-border-radius-outside: var(--px-20);
    --card-tariff-mobile-border-radius-inside: var(--px-16);
    --card-tariff-mobile-border-radius-outside: var(--px-16);
    --policy-message-border-radius: var(--px-16);
    --policy-message-padding: var(--px-20);
    --policy-message-gap-sm: var(--px-12);
    --policy-message-gap-md: var(--px-28);
    --promo-card-page-desktop-gap: var(--px-16);
    --promo-card-page-desktop-border-radius: var(--px-28);
    --promo-card-page-desktop-padding: var(--px-28);
    --promo-card-page-mobile-gap: var(--px-8);
    --promo-card-page-mobile-border-radius: var(--px-16);
    --promo-card-page-mobile-padding: var(--px-16);
    --row-desktop-gap-xsm: var(--px-4);
    --row-desktop-gap-sm: var(--px-8);
    --row-desktop-padding-sm: var(--px-8);
    --row-desktop-gap-md: var(--px-12);
    --row-desktop-gap-lg: var(--px-16);
    --row-desktop-padding-lg: var(--px-16);
    --spacing-xsm: var(--px-4);
    --spacing-sm: var(--px-8);
    --spacing-md: var(--px-12);
    --spacing-lg: var(--px-16);
    --spacing-xlg: var(--px-28);
    --spacing-xxlg: var(--px-40);
    --spacing-xxxlg: var(--px-60);
    --spacing-section: var(--px-100);
    --tab-border-radius: var(--px-9999);
    --tab-padding-bottom: var(--px-12);
    --tab-padding-top: var(--px-12);
    --tab-padding-left: var(--px-32);
    --tab-padding-right: var(--px-32);
    --txt-fields-margin: var(--px-4);
    --txt-fields-border-radius: var(--px-8);
    --txt-fields-gap-sm: var(--px-8);
    --txt-fields-padding: var(--px-12);
    --txt-fields-gap-lg: var(--px-16);
}

@font-face {
    font-family: "Regular";
    src: url('../../RuTelecom/Fonts/RostelecomBasisMedium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "Wide";
    font-weight: 500;
    src: url('../../RuTelecom/Fonts/RostelecomBasisMedium.woff') format('woff');
    font-display: swap;
}

.banners-wrap {
    padding-bottom: var(--size-lg);
}

.header-wrap.main-page, .banners-wrap, .footer {
    background-color: #F9F1FF;
}

.banner-item {
    background-color: #fff;
}

.tariff-filters {
    padding: 2px;
    border-radius: var(--size-full);
    position: relative;
    background-color: var(--surface-primary-tonal);
}

.tariff-filter {
    cursor: pointer;
    display: flex;
    padding: 10px 20px;
    white-space: nowrap;
    z-index: 2;
    color: var(--text-tertiary);
}

    .tariff-filter.active {
        color: var(--text-primary-invert);
        cursor: default;
    }

.tariff-filter_animator {
    background-color: var(--brand-primary);
    height: 100%;
    top: 0;
}

.tariff.rt {
    background-color: var(--surface-primary-tonal);
    padding: 0;
    gap: 0;
    border-radius: var(--card-tariff-desktop-border-radius-inside);
    border: 1px solid var(--surface-primary-tonal);
}

.tariff-header {
    padding: var(--card-tariff-desktop-padding-lg) var(--card-tariff-desktop-padding-lg) var(--card-tariff-desktop-padding-sm);
}

.tariff-body {
    padding: 0 var(--card-tariff-desktop-padding-lg) var(--card-tariff-desktop-padding-sm);
}

.tariff-content {
    grid-template-rows: 1fr min-content;
    flex: 1;
}

.tariff-label {
    background-color: var(--brand-tertiary);
    color: var(--text-primary);
}

.tariff-footer_wrap {
    background-color: var(--surface-secondary);
    border-radius: var(--card-tariff-desktop-border-radius-inside) var(--card-tariff-desktop-border-radius-inside) calc(var(--card-tariff-desktop-border-radius-outside) - 1px) calc(var(--card-tariff-desktop-border-radius-outside) - 1px);
    padding: var(--card-tariff-desktop-padding-sm) var(--card-tariff-desktop-padding-lg) var(--card-tariff-desktop-padding-lg);
}

.header-panel [data-popup_open="order"] {
    background-color: var(--brand-secondary);
}

.header-panel [data-popup_toggle="menu"] {
    background-color: var(--surface-primary-tonal);
}

.burger span {
    background-color: var(--neutral-800);
    width: 18px;
}

    .burger span:nth-of-type(2) {
        left: 16px;
    }

.footer .footer-pages .color-text-primary_invert {
    color: var(--text-primary);
}

.footer-connect {
    color: var(--brand-secondary);
}

    .footer-connect .link-arrow path {
        fill: var(--brand-secondary);
    }

.footer-bottom {
    border-color: var(--divider-primary);
}

.form-agreement_checkbox {
    border-radius: 4px;
}