@keyframes fadeIn {
    0% {
        opacity: 0
    }
}

@keyframes fadeInDown {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes fadeInDownSmall {
    0% {
        transform: translateY(-20%);
        opacity: 0
    }
}

@keyframes fadeInUp {
    0% {
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform: initial
    }
}

@keyframes fadeInUpSmall {
    0% {
        transform: translateY(20%);
        opacity: 0
    }
}

@keyframes slideInLeft {
    0% {
        transform: translateX(100%)
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(-100%)
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(180deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes opacity-animation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

html:root {
    --shadow-2dp: 0 8px 16px rgba(0, 0, 0, 0.08);
    --shadow-1dp: 0 2px 8px rgba(0, 0, 0, 0.16);
    --shadow-header: 0 4px 8px rgba(0, 0, 0, 0.04);
    --shadow-bar-bottom: 0 -2px 8px rgba(0, 0, 0, 0.04);
    --shadow-floating-modal: 0 -8px 24px rgba(0, 0, 0, 0.08);
    --shadow-hidden-header-scrolling: 0 4px 12px rgba(0, 0, 0, 0.04);
    --shadow-cards: 0 1px 0 #eee;
    --shadow-side-page: -8px 0 8px rgba(0, 0, 0, 0.06);
    --shadow-bottom-panel: 0 -8px 24px rgba(0, 0, 0, 0.06);
    --shadow-action-button: 0 1px 0 rgba(0, 0, 0, 0.04);
    --color-shadow: rgba(0, 0, 0, 0.06);
    --center: 1440px;
    --color-accent: #c62828;
    --color-accent-light: #f44336;
    --color-accent-dark: #ac1c1c;
    --color-text: #0d0d0d;
    --color-text-secondary: #5c5c5c;
    --color-text-tertiary: #a6a6a6;
    --color-text-disable: #bebebe;
    --color-link: #548fe6;
    --color-link-hover: #385bb7;
    --color-text-contrast: #fff;
    --color-text-secondary-contrast: #f0f0f0;
    --color-text-tertiary-contrast: #8c8c8c;
    --color-bg-primary: #fff;
    --color-bg-secondary: #f7f7f7;
    --color-bg-tertiary: #f0f0f0;
    --color-bg-primary-contrast: #404040;
    --color-bg-secondary-contrast: #333;
    --color-bg-link: #f7f7f7;
    --color-bg-popup: rgba(0, 0, 0, 0.36);
    --color-bg-disable: #f5f5f5;
    --color-bg-destructive-hover: #fd6155;
    --color-bg-destructive-pressed: #db3225;
    --color-success: #67b16a;
    --color-success-hover: #84c686;
    --color-warning: #ffae00;
    --color-info: #61a5ca;
    --color-error: #f44336;
    --color-info-light: #f0f6fa;
    --color-info-light-hover: #e4ecf1;
    --color-selected: #ffee54;
    --color-line: #f0f0f0;
    --color-line-border: #dfdfdf;
    --color-line-border-hover: #8c8c8c;
    --color-line-active: #454545;
    --color-line-contrast: #8c8c8c;
    --color-text-border: rgba(51, 51, 51, 0.3);
    --color-text-secondary-border: rgba(64, 64, 64, 0.3);
    --color-text-tertiary-border: rgba(166, 166, 166, 0.3);
    --color-link-border: rgba(84, 143, 230, 0.3);
    --color-link-hover-border: rgba(56, 91, 183, 0.3);
    --color-line-control: #c9c9c9;
    --color-line-alfa-5: rgba(0, 0, 0, 0.05);
    --color-line-alfa-12: rgba(0, 0, 0, 0.12);
    --border-radius: 8px;
    --color-status-red-bg: rgba(244, 100, 54, 0.1);
    --color-status-red-text: #bd0b0b;
    --color-status-green-bg: rgba(113, 178, 102, 0.1);
    --color-status-green-text: #468a76;
    --color-status-yellow-bg: rgba(231, 180, 0, 0.1);
    --color-status-yellow-text: #af4a11;
    --color-status-blue-bg: rgba(97, 165, 202, 0.1);
    --color-status-blue-text: #465682;
    --color-status-gray-bg: rgba(94, 94, 94, 0.1);
    --color-status-gray-text: #686868;
    --font-main: 'Roboto';
    --font-secondary: 'Roboto';
    --font-family-main: 'Roboto', 'Arial', sans-serif;
    --font-family-secondary: 'Roboto', 'Arial', sans-serif;
    --container-shift: 16px
}

@font-face {
    font-weight: 400;
    font-family: "Roboto";
    font-style: normal;
    src: url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-regular.woff2)format("woff2"), url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-regular.woff)format("woff");
    font-display: swap
}

@font-face {
    font-weight: 500;
    font-family: "Roboto";
    font-style: normal;
    src: url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-500.woff2)format("woff2"), url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-500.woff)format("woff");
    font-display: swap
}

@font-face {
    font-weight: 700;
    font-family: "Roboto";
    font-style: normal;
    src: url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-700.woff2)format("woff2"), url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-700.woff)format("woff");
    font-display: swap
}

@font-face {
    font-weight: 400;
    font-family: "Roboto";
    font-style: italic;
    src: url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-italic.woff2)format("woff2"), url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-italic.woff)format("woff");
    font-display: swap
}

@font-face {
    font-weight: 700;
    font-family: "Roboto";
    font-style: italic;
    src: url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-700italic.woff2)format("woff2"), url(/_syscss/fonts/roboto/roboto-v15-latin_cyrillic-700italic.woff)format("woff");
    font-display: swap
}

@media all {
    .m-0 {
        margin: 0
    }
    .m-1 {
        margin: 4px
    }
    .m-2 {
        margin: 8px
    }
    .m-3 {
        margin: 12px
    }
    .m-4 {
        margin: 16px
    }
    .m-5 {
        margin: 20px
    }
    .m-6 {
        margin: 24px
    }
    .m-7 {
        margin: 28px
    }
    .m-8 {
        margin: 32px
    }
    .m-9 {
        margin: 36px
    }
    .m-10 {
        margin: 40px
    }
    .m-11 {
        margin: 44px
    }
    .m-12 {
        margin: 48px
    }
    .m-13 {
        margin: 52px
    }
    .m-14 {
        margin: 56px
    }
    .m-15 {
        margin: 60px
    }
    .m-16 {
        margin: 64px
    }
    .m-17 {
        margin: 68px
    }
    .m-18 {
        margin: 72px
    }
    .m-19 {
        margin: 76px
    }
    .m-20 {
        margin: 80px
    }
    .m-auto {
        margin: auto
    }
    .mx-0 {
        margin-inline: 0
    }
    .mx-1 {
        margin-inline: 4px
    }
    .mx-2 {
        margin-inline: 8px
    }
    .mx-3 {
        margin-inline: 12px
    }
    .mx-4 {
        margin-inline: 16px
    }
    .mx-5 {
        margin-inline: 20px
    }
    .mx-6 {
        margin-inline: 24px
    }
    .mx-7 {
        margin-inline: 28px
    }
    .mx-8 {
        margin-inline: 32px
    }
    .mx-9 {
        margin-inline: 36px
    }
    .mx-10 {
        margin-inline: 40px
    }
    .mx-11 {
        margin-inline: 44px
    }
    .mx-12 {
        margin-inline: 48px
    }
    .mx-13 {
        margin-inline: 52px
    }
    .mx-14 {
        margin-inline: 56px
    }
    .mx-15 {
        margin-inline: 60px
    }
    .mx-16 {
        margin-inline: 64px
    }
    .mx-17 {
        margin-inline: 68px
    }
    .mx-18 {
        margin-inline: 72px
    }
    .mx-19 {
        margin-inline: 76px
    }
    .mx-20 {
        margin-inline: 80px
    }
    .mx-auto {
        margin-inline: auto
    }
    .my-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .my-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .my-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }
    .my-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }
    .my-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .my-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .my-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }
    .my-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }
    .my-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .my-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }
    .my-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .my-11 {
        margin-top: 44px;
        margin-bottom: 44px
    }
    .my-12 {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .my-13 {
        margin-top: 52px;
        margin-bottom: 52px
    }
    .my-14 {
        margin-top: 56px;
        margin-bottom: 56px
    }
    .my-15 {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .my-16 {
        margin-top: 64px;
        margin-bottom: 64px
    }
    .my-17 {
        margin-top: 68px;
        margin-bottom: 68px
    }
    .my-18 {
        margin-top: 72px;
        margin-bottom: 72px
    }
    .my-19 {
        margin-top: 76px;
        margin-bottom: 76px
    }
    .my-20 {
        margin-top: 80px;
        margin-bottom: 80px
    }
    .my-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .mt-0 {
        margin-top: 0
    }
    .mt-1 {
        margin-top: 4px
    }
    .mt-2 {
        margin-top: 8px
    }
    .mt-3 {
        margin-top: 12px
    }
    .mt-4 {
        margin-top: 16px
    }
    .mt-5 {
        margin-top: 20px
    }
    .mt-6 {
        margin-top: 24px
    }
    .mt-7 {
        margin-top: 28px
    }
    .mt-8 {
        margin-top: 32px
    }
    .mt-9 {
        margin-top: 36px
    }
    .mt-10 {
        margin-top: 40px
    }
    .mt-11 {
        margin-top: 44px
    }
    .mt-12 {
        margin-top: 48px
    }
    .mt-13 {
        margin-top: 52px
    }
    .mt-14 {
        margin-top: 56px
    }
    .mt-15 {
        margin-top: 60px
    }
    .mt-16 {
        margin-top: 64px
    }
    .mt-17 {
        margin-top: 68px
    }
    .mt-18 {
        margin-top: 72px
    }
    .mt-19 {
        margin-top: 76px
    }
    .mt-20 {
        margin-top: 80px
    }
    .mt-auto {
        margin-top: auto
    }
    .mr-0 {
        margin-inline-end: 0
    }
    .mr-1 {
        margin-inline-end: 4px
    }
    .mr-2 {
        margin-inline-end: 8px
    }
    .mr-3 {
        margin-inline-end: 12px
    }
    .mr-4 {
        margin-inline-end: 16px
    }
    .mr-5 {
        margin-inline-end: 20px
    }
    .mr-6 {
        margin-inline-end: 24px
    }
    .mr-7 {
        margin-inline-end: 28px
    }
    .mr-8 {
        margin-inline-end: 32px
    }
    .mr-9 {
        margin-inline-end: 36px
    }
    .mr-10 {
        margin-inline-end: 40px
    }
    .mr-11 {
        margin-inline-end: 44px
    }
    .mr-12 {
        margin-inline-end: 48px
    }
    .mr-13 {
        margin-inline-end: 52px
    }
    .mr-14 {
        margin-inline-end: 56px
    }
    .mr-15 {
        margin-inline-end: 60px
    }
    .mr-16 {
        margin-inline-end: 64px
    }
    .mr-17 {
        margin-inline-end: 68px
    }
    .mr-18 {
        margin-inline-end: 72px
    }
    .mr-19 {
        margin-inline-end: 76px
    }
    .mr-20 {
        margin-inline-end: 80px
    }
    .mr-auto {
        margin-inline-end: auto
    }
    .mb-0 {
        margin-bottom: 0
    }
    .mb-1 {
        margin-bottom: 4px
    }
    .mb-2 {
        margin-bottom: 8px
    }
    .mb-3 {
        margin-bottom: 12px
    }
    .mb-4 {
        margin-bottom: 16px
    }
    .mb-5 {
        margin-bottom: 20px
    }
    .mb-6 {
        margin-bottom: 24px
    }
    .mb-7 {
        margin-bottom: 28px
    }
    .mb-8 {
        margin-bottom: 32px
    }
    .mb-9 {
        margin-bottom: 36px
    }
    .mb-10 {
        margin-bottom: 40px
    }
    .mb-11 {
        margin-bottom: 44px
    }
    .mb-12 {
        margin-bottom: 48px
    }
    .mb-13 {
        margin-bottom: 52px
    }
    .mb-14 {
        margin-bottom: 56px
    }
    .mb-15 {
        margin-bottom: 60px
    }
    .mb-16 {
        margin-bottom: 64px
    }
    .mb-17 {
        margin-bottom: 68px
    }
    .mb-18 {
        margin-bottom: 72px
    }
    .mb-19 {
        margin-bottom: 76px
    }
    .mb-20 {
        margin-bottom: 80px
    }
    .mb-auto {
        margin-bottom: auto
    }
    .ml-0 {
        margin-inline-start: 0
    }
    .ml-1 {
        margin-inline-start: 4px
    }
    .ml-2 {
        margin-inline-start: 8px
    }
    .ml-3 {
        margin-inline-start: 12px
    }
    .ml-4 {
        margin-inline-start: 16px
    }
    .ml-5 {
        margin-inline-start: 20px
    }
    .ml-6 {
        margin-inline-start: 24px
    }
    .ml-7 {
        margin-inline-start: 28px
    }
    .ml-8 {
        margin-inline-start: 32px
    }
    .ml-9 {
        margin-inline-start: 36px
    }
    .ml-10 {
        margin-inline-start: 40px
    }
    .ml-11 {
        margin-inline-start: 44px
    }
    .ml-12 {
        margin-inline-start: 48px
    }
    .ml-13 {
        margin-inline-start: 52px
    }
    .ml-14 {
        margin-inline-start: 56px
    }
    .ml-15 {
        margin-inline-start: 60px
    }
    .ml-16 {
        margin-inline-start: 64px
    }
    .ml-17 {
        margin-inline-start: 68px
    }
    .ml-18 {
        margin-inline-start: 72px
    }
    .ml-19 {
        margin-inline-start: 76px
    }
    .ml-20 {
        margin-inline-start: 80px
    }
    .ml-auto {
        margin-inline-start: auto
    }
}

@media only screen and (max-width:1279px) {
    .m-md-0 {
        margin: 0
    }
    .m-md-1 {
        margin: 4px
    }
    .m-md-2 {
        margin: 8px
    }
    .m-md-3 {
        margin: 12px
    }
    .m-md-4 {
        margin: 16px
    }
    .m-md-5 {
        margin: 20px
    }
    .m-md-6 {
        margin: 24px
    }
    .m-md-7 {
        margin: 28px
    }
    .m-md-8 {
        margin: 32px
    }
    .m-md-9 {
        margin: 36px
    }
    .m-md-10 {
        margin: 40px
    }
    .m-md-11 {
        margin: 44px
    }
    .m-md-12 {
        margin: 48px
    }
    .m-md-13 {
        margin: 52px
    }
    .m-md-14 {
        margin: 56px
    }
    .m-md-15 {
        margin: 60px
    }
    .m-md-16 {
        margin: 64px
    }
    .m-md-17 {
        margin: 68px
    }
    .m-md-18 {
        margin: 72px
    }
    .m-md-19 {
        margin: 76px
    }
    .m-md-20 {
        margin: 80px
    }
    .m-md-auto {
        margin: auto
    }
    .mx-md-0 {
        margin-inline: 0
    }
    .mx-md-1 {
        margin-inline: 4px
    }
    .mx-md-2 {
        margin-inline: 8px
    }
    .mx-md-3 {
        margin-inline: 12px
    }
    .mx-md-4 {
        margin-inline: 16px
    }
    .mx-md-5 {
        margin-inline: 20px
    }
    .mx-md-6 {
        margin-inline: 24px
    }
    .mx-md-7 {
        margin-inline: 28px
    }
    .mx-md-8 {
        margin-inline: 32px
    }
    .mx-md-9 {
        margin-inline: 36px
    }
    .mx-md-10 {
        margin-inline: 40px
    }
    .mx-md-11 {
        margin-inline: 44px
    }
    .mx-md-12 {
        margin-inline: 48px
    }
    .mx-md-13 {
        margin-inline: 52px
    }
    .mx-md-14 {
        margin-inline: 56px
    }
    .mx-md-15 {
        margin-inline: 60px
    }
    .mx-md-16 {
        margin-inline: 64px
    }
    .mx-md-17 {
        margin-inline: 68px
    }
    .mx-md-18 {
        margin-inline: 72px
    }
    .mx-md-19 {
        margin-inline: 76px
    }
    .mx-md-20 {
        margin-inline: 80px
    }
    .mx-md-auto {
        margin-inline: auto
    }
    .my-md-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .my-md-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .my-md-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }
    .my-md-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }
    .my-md-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .my-md-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .my-md-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }
    .my-md-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }
    .my-md-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .my-md-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }
    .my-md-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .my-md-11 {
        margin-top: 44px;
        margin-bottom: 44px
    }
    .my-md-12 {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .my-md-13 {
        margin-top: 52px;
        margin-bottom: 52px
    }
    .my-md-14 {
        margin-top: 56px;
        margin-bottom: 56px
    }
    .my-md-15 {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .my-md-16 {
        margin-top: 64px;
        margin-bottom: 64px
    }
    .my-md-17 {
        margin-top: 68px;
        margin-bottom: 68px
    }
    .my-md-18 {
        margin-top: 72px;
        margin-bottom: 72px
    }
    .my-md-19 {
        margin-top: 76px;
        margin-bottom: 76px
    }
    .my-md-20 {
        margin-top: 80px;
        margin-bottom: 80px
    }
    .my-md-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .mt-md-0 {
        margin-top: 0
    }
    .mt-md-1 {
        margin-top: 4px
    }
    .mt-md-2 {
        margin-top: 8px
    }
    .mt-md-3 {
        margin-top: 12px
    }
    .mt-md-4 {
        margin-top: 16px
    }
    .mt-md-5 {
        margin-top: 20px
    }
    .mt-md-6 {
        margin-top: 24px
    }
    .mt-md-7 {
        margin-top: 28px
    }
    .mt-md-8 {
        margin-top: 32px
    }
    .mt-md-9 {
        margin-top: 36px
    }
    .mt-md-10 {
        margin-top: 40px
    }
    .mt-md-11 {
        margin-top: 44px
    }
    .mt-md-12 {
        margin-top: 48px
    }
    .mt-md-13 {
        margin-top: 52px
    }
    .mt-md-14 {
        margin-top: 56px
    }
    .mt-md-15 {
        margin-top: 60px
    }
    .mt-md-16 {
        margin-top: 64px
    }
    .mt-md-17 {
        margin-top: 68px
    }
    .mt-md-18 {
        margin-top: 72px
    }
    .mt-md-19 {
        margin-top: 76px
    }
    .mt-md-20 {
        margin-top: 80px
    }
    .mt-md-auto {
        margin-top: auto
    }
    .mr-md-0 {
        margin-inline-end: 0
    }
    .mr-md-1 {
        margin-inline-end: 4px
    }
    .mr-md-2 {
        margin-inline-end: 8px
    }
    .mr-md-3 {
        margin-inline-end: 12px
    }
    .mr-md-4 {
        margin-inline-end: 16px
    }
    .mr-md-5 {
        margin-inline-end: 20px
    }
    .mr-md-6 {
        margin-inline-end: 24px
    }
    .mr-md-7 {
        margin-inline-end: 28px
    }
    .mr-md-8 {
        margin-inline-end: 32px
    }
    .mr-md-9 {
        margin-inline-end: 36px
    }
    .mr-md-10 {
        margin-inline-end: 40px
    }
    .mr-md-11 {
        margin-inline-end: 44px
    }
    .mr-md-12 {
        margin-inline-end: 48px
    }
    .mr-md-13 {
        margin-inline-end: 52px
    }
    .mr-md-14 {
        margin-inline-end: 56px
    }
    .mr-md-15 {
        margin-inline-end: 60px
    }
    .mr-md-16 {
        margin-inline-end: 64px
    }
    .mr-md-17 {
        margin-inline-end: 68px
    }
    .mr-md-18 {
        margin-inline-end: 72px
    }
    .mr-md-19 {
        margin-inline-end: 76px
    }
    .mr-md-20 {
        margin-inline-end: 80px
    }
    .mr-md-auto {
        margin-inline-end: auto
    }
    .mb-md-0 {
        margin-bottom: 0
    }
    .mb-md-1 {
        margin-bottom: 4px
    }
    .mb-md-2 {
        margin-bottom: 8px
    }
    .mb-md-3 {
        margin-bottom: 12px
    }
    .mb-md-4 {
        margin-bottom: 16px
    }
    .mb-md-5 {
        margin-bottom: 20px
    }
    .mb-md-6 {
        margin-bottom: 24px
    }
    .mb-md-7 {
        margin-bottom: 28px
    }
    .mb-md-8 {
        margin-bottom: 32px
    }
    .mb-md-9 {
        margin-bottom: 36px
    }
    .mb-md-10 {
        margin-bottom: 40px
    }
    .mb-md-11 {
        margin-bottom: 44px
    }
    .mb-md-12 {
        margin-bottom: 48px
    }
    .mb-md-13 {
        margin-bottom: 52px
    }
    .mb-md-14 {
        margin-bottom: 56px
    }
    .mb-md-15 {
        margin-bottom: 60px
    }
    .mb-md-16 {
        margin-bottom: 64px
    }
    .mb-md-17 {
        margin-bottom: 68px
    }
    .mb-md-18 {
        margin-bottom: 72px
    }
    .mb-md-19 {
        margin-bottom: 76px
    }
    .mb-md-20 {
        margin-bottom: 80px
    }
    .mb-md-auto {
        margin-bottom: auto
    }
    .ml-md-0 {
        margin-inline-start: 0
    }
    .ml-md-1 {
        margin-inline-start: 4px
    }
    .ml-md-2 {
        margin-inline-start: 8px
    }
    .ml-md-3 {
        margin-inline-start: 12px
    }
    .ml-md-4 {
        margin-inline-start: 16px
    }
    .ml-md-5 {
        margin-inline-start: 20px
    }
    .ml-md-6 {
        margin-inline-start: 24px
    }
    .ml-md-7 {
        margin-inline-start: 28px
    }
    .ml-md-8 {
        margin-inline-start: 32px
    }
    .ml-md-9 {
        margin-inline-start: 36px
    }
    .ml-md-10 {
        margin-inline-start: 40px
    }
    .ml-md-11 {
        margin-inline-start: 44px
    }
    .ml-md-12 {
        margin-inline-start: 48px
    }
    .ml-md-13 {
        margin-inline-start: 52px
    }
    .ml-md-14 {
        margin-inline-start: 56px
    }
    .ml-md-15 {
        margin-inline-start: 60px
    }
    .ml-md-16 {
        margin-inline-start: 64px
    }
    .ml-md-17 {
        margin-inline-start: 68px
    }
    .ml-md-18 {
        margin-inline-start: 72px
    }
    .ml-md-19 {
        margin-inline-start: 76px
    }
    .ml-md-20 {
        margin-inline-start: 80px
    }
    .ml-md-auto {
        margin-inline-start: auto
    }
}

@media only screen and (max-width:767px) {
    .m-sm-0 {
        margin: 0
    }
    .m-sm-1 {
        margin: 4px
    }
    .m-sm-2 {
        margin: 8px
    }
    .m-sm-3 {
        margin: 12px
    }
    .m-sm-4 {
        margin: 16px
    }
    .m-sm-5 {
        margin: 20px
    }
    .m-sm-6 {
        margin: 24px
    }
    .m-sm-7 {
        margin: 28px
    }
    .m-sm-8 {
        margin: 32px
    }
    .m-sm-9 {
        margin: 36px
    }
    .m-sm-10 {
        margin: 40px
    }
    .m-sm-11 {
        margin: 44px
    }
    .m-sm-12 {
        margin: 48px
    }
    .m-sm-13 {
        margin: 52px
    }
    .m-sm-14 {
        margin: 56px
    }
    .m-sm-15 {
        margin: 60px
    }
    .m-sm-16 {
        margin: 64px
    }
    .m-sm-17 {
        margin: 68px
    }
    .m-sm-18 {
        margin: 72px
    }
    .m-sm-19 {
        margin: 76px
    }
    .m-sm-20 {
        margin: 80px
    }
    .m-sm-auto {
        margin: auto
    }
    .mx-sm-0 {
        margin-inline: 0
    }
    .mx-sm-1 {
        margin-inline: 4px
    }
    .mx-sm-2 {
        margin-inline: 8px
    }
    .mx-sm-3 {
        margin-inline: 12px
    }
    .mx-sm-4 {
        margin-inline: 16px
    }
    .mx-sm-5 {
        margin-inline: 20px
    }
    .mx-sm-6 {
        margin-inline: 24px
    }
    .mx-sm-7 {
        margin-inline: 28px
    }
    .mx-sm-8 {
        margin-inline: 32px
    }
    .mx-sm-9 {
        margin-inline: 36px
    }
    .mx-sm-10 {
        margin-inline: 40px
    }
    .mx-sm-11 {
        margin-inline: 44px
    }
    .mx-sm-12 {
        margin-inline: 48px
    }
    .mx-sm-13 {
        margin-inline: 52px
    }
    .mx-sm-14 {
        margin-inline: 56px
    }
    .mx-sm-15 {
        margin-inline: 60px
    }
    .mx-sm-16 {
        margin-inline: 64px
    }
    .mx-sm-17 {
        margin-inline: 68px
    }
    .mx-sm-18 {
        margin-inline: 72px
    }
    .mx-sm-19 {
        margin-inline: 76px
    }
    .mx-sm-20 {
        margin-inline: 80px
    }
    .mx-sm-auto {
        margin-inline: auto
    }
    .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0
    }
    .my-sm-1 {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .my-sm-2 {
        margin-top: 8px;
        margin-bottom: 8px
    }
    .my-sm-3 {
        margin-top: 12px;
        margin-bottom: 12px
    }
    .my-sm-4 {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .my-sm-5 {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .my-sm-6 {
        margin-top: 24px;
        margin-bottom: 24px
    }
    .my-sm-7 {
        margin-top: 28px;
        margin-bottom: 28px
    }
    .my-sm-8 {
        margin-top: 32px;
        margin-bottom: 32px
    }
    .my-sm-9 {
        margin-top: 36px;
        margin-bottom: 36px
    }
    .my-sm-10 {
        margin-top: 40px;
        margin-bottom: 40px
    }
    .my-sm-11 {
        margin-top: 44px;
        margin-bottom: 44px
    }
    .my-sm-12 {
        margin-top: 48px;
        margin-bottom: 48px
    }
    .my-sm-13 {
        margin-top: 52px;
        margin-bottom: 52px
    }
    .my-sm-14 {
        margin-top: 56px;
        margin-bottom: 56px
    }
    .my-sm-15 {
        margin-top: 60px;
        margin-bottom: 60px
    }
    .my-sm-16 {
        margin-top: 64px;
        margin-bottom: 64px
    }
    .my-sm-17 {
        margin-top: 68px;
        margin-bottom: 68px
    }
    .my-sm-18 {
        margin-top: 72px;
        margin-bottom: 72px
    }
    .my-sm-19 {
        margin-top: 76px;
        margin-bottom: 76px
    }
    .my-sm-20 {
        margin-top: 80px;
        margin-bottom: 80px
    }
    .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto
    }
    .mt-sm-0 {
        margin-top: 0
    }
    .mt-sm-1 {
        margin-top: 4px
    }
    .mt-sm-2 {
        margin-top: 8px
    }
    .mt-sm-3 {
        margin-top: 12px
    }
    .mt-sm-4 {
        margin-top: 16px
    }
    .mt-sm-5 {
        margin-top: 20px
    }
    .mt-sm-6 {
        margin-top: 24px
    }
    .mt-sm-7 {
        margin-top: 28px
    }
    .mt-sm-8 {
        margin-top: 32px
    }
    .mt-sm-9 {
        margin-top: 36px
    }
    .mt-sm-10 {
        margin-top: 40px
    }
    .mt-sm-11 {
        margin-top: 44px
    }
    .mt-sm-12 {
        margin-top: 48px
    }
    .mt-sm-13 {
        margin-top: 52px
    }
    .mt-sm-14 {
        margin-top: 56px
    }
    .mt-sm-15 {
        margin-top: 60px
    }
    .mt-sm-16 {
        margin-top: 64px
    }
    .mt-sm-17 {
        margin-top: 68px
    }
    .mt-sm-18 {
        margin-top: 72px
    }
    .mt-sm-19 {
        margin-top: 76px
    }
    .mt-sm-20 {
        margin-top: 80px
    }
    .mt-sm-auto {
        margin-top: auto
    }
    .mr-sm-0 {
        margin-inline-end: 0
    }
    .mr-sm-1 {
        margin-inline-end: 4px
    }
    .mr-sm-2 {
        margin-inline-end: 8px
    }
    .mr-sm-3 {
        margin-inline-end: 12px
    }
    .mr-sm-4 {
        margin-inline-end: 16px
    }
    .mr-sm-5 {
        margin-inline-end: 20px
    }
    .mr-sm-6 {
        margin-inline-end: 24px
    }
    .mr-sm-7 {
        margin-inline-end: 28px
    }
    .mr-sm-8 {
        margin-inline-end: 32px
    }
    .mr-sm-9 {
        margin-inline-end: 36px
    }
    .mr-sm-10 {
        margin-inline-end: 40px
    }
    .mr-sm-11 {
        margin-inline-end: 44px
    }
    .mr-sm-12 {
        margin-inline-end: 48px
    }
    .mr-sm-13 {
        margin-inline-end: 52px
    }
    .mr-sm-14 {
        margin-inline-end: 56px
    }
    .mr-sm-15 {
        margin-inline-end: 60px
    }
    .mr-sm-16 {
        margin-inline-end: 64px
    }
    .mr-sm-17 {
        margin-inline-end: 68px
    }
    .mr-sm-18 {
        margin-inline-end: 72px
    }
    .mr-sm-19 {
        margin-inline-end: 76px
    }
    .mr-sm-20 {
        margin-inline-end: 80px
    }
    .mr-sm-auto {
        margin-inline-end: auto
    }
    .mb-sm-0 {
        margin-bottom: 0
    }
    .mb-sm-1 {
        margin-bottom: 4px
    }
    .mb-sm-2 {
        margin-bottom: 8px
    }
    .mb-sm-3 {
        margin-bottom: 12px
    }
    .mb-sm-4 {
        margin-bottom: 16px
    }
    .mb-sm-5 {
        margin-bottom: 20px
    }
    .mb-sm-6 {
        margin-bottom: 24px
    }
    .mb-sm-7 {
        margin-bottom: 28px
    }
    .mb-sm-8 {
        margin-bottom: 32px
    }
    .mb-sm-9 {
        margin-bottom: 36px
    }
    .mb-sm-10 {
        margin-bottom: 40px
    }
    .mb-sm-11 {
        margin-bottom: 44px
    }
    .mb-sm-12 {
        margin-bottom: 48px
    }
    .mb-sm-13 {
        margin-bottom: 52px
    }
    .mb-sm-14 {
        margin-bottom: 56px
    }
    .mb-sm-15 {
        margin-bottom: 60px
    }
    .mb-sm-16 {
        margin-bottom: 64px
    }
    .mb-sm-17 {
        margin-bottom: 68px
    }
    .mb-sm-18 {
        margin-bottom: 72px
    }
    .mb-sm-19 {
        margin-bottom: 76px
    }
    .mb-sm-20 {
        margin-bottom: 80px
    }
    .mb-sm-auto {
        margin-bottom: auto
    }
    .ml-sm-0 {
        margin-inline-start: 0
    }
    .ml-sm-1 {
        margin-inline-start: 4px
    }
    .ml-sm-2 {
        margin-inline-start: 8px
    }
    .ml-sm-3 {
        margin-inline-start: 12px
    }
    .ml-sm-4 {
        margin-inline-start: 16px
    }
    .ml-sm-5 {
        margin-inline-start: 20px
    }
    .ml-sm-6 {
        margin-inline-start: 24px
    }
    .ml-sm-7 {
        margin-inline-start: 28px
    }
    .ml-sm-8 {
        margin-inline-start: 32px
    }
    .ml-sm-9 {
        margin-inline-start: 36px
    }
    .ml-sm-10 {
        margin-inline-start: 40px
    }
    .ml-sm-11 {
        margin-inline-start: 44px
    }
    .ml-sm-12 {
        margin-inline-start: 48px
    }
    .ml-sm-13 {
        margin-inline-start: 52px
    }
    .ml-sm-14 {
        margin-inline-start: 56px
    }
    .ml-sm-15 {
        margin-inline-start: 60px
    }
    .ml-sm-16 {
        margin-inline-start: 64px
    }
    .ml-sm-17 {
        margin-inline-start: 68px
    }
    .ml-sm-18 {
        margin-inline-start: 72px
    }
    .ml-sm-19 {
        margin-inline-start: 76px
    }
    .ml-sm-20 {
        margin-inline-start: 80px
    }
    .ml-sm-auto {
        margin-inline-start: auto
    }
}

@media all {
    .p-0 {
        padding: 0
    }
    .p-1 {
        padding: 4px
    }
    .p-2 {
        padding: 8px
    }
    .p-3 {
        padding: 12px
    }
    .p-4 {
        padding: 16px
    }
    .p-5 {
        padding: 20px
    }
    .p-6 {
        padding: 24px
    }
    .p-7 {
        padding: 28px
    }
    .p-8 {
        padding: 32px
    }
    .p-9 {
        padding: 36px
    }
    .p-10 {
        padding: 40px
    }
    .p-11 {
        padding: 44px
    }
    .p-12 {
        padding: 48px
    }
    .p-13 {
        padding: 52px
    }
    .p-14 {
        padding: 56px
    }
    .p-15 {
        padding: 60px
    }
    .p-16 {
        padding: 64px
    }
    .p-17 {
        padding: 68px
    }
    .p-18 {
        padding: 72px
    }
    .p-19 {
        padding: 76px
    }
    .p-20 {
        padding: 80px
    }
    .px-0 {
        padding-inline: 0
    }
    .px-1 {
        padding-inline: 4px
    }
    .px-2 {
        padding-inline: 8px
    }
    .px-3 {
        padding-inline: 12px
    }
    .px-4 {
        padding-inline: 16px
    }
    .px-5 {
        padding-inline: 20px
    }
    .px-6 {
        padding-inline: 24px
    }
    .px-7 {
        padding-inline: 28px
    }
    .px-8 {
        padding-inline: 32px
    }
    .px-9 {
        padding-inline: 36px
    }
    .px-10 {
        padding-inline: 40px
    }
    .px-11 {
        padding-inline: 44px
    }
    .px-12 {
        padding-inline: 48px
    }
    .px-13 {
        padding-inline: 52px
    }
    .px-14 {
        padding-inline: 56px
    }
    .px-15 {
        padding-inline: 60px
    }
    .px-16 {
        padding-inline: 64px
    }
    .px-17 {
        padding-inline: 68px
    }
    .px-18 {
        padding-inline: 72px
    }
    .px-19 {
        padding-inline: 76px
    }
    .px-20 {
        padding-inline: 80px
    }
    .py-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .py-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }
    .py-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .py-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }
    .py-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .py-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .py-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .py-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }
    .py-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }
    .py-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }
    .py-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .py-11 {
        padding-top: 44px;
        padding-bottom: 44px
    }
    .py-12 {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .py-13 {
        padding-top: 52px;
        padding-bottom: 52px
    }
    .py-14 {
        padding-top: 56px;
        padding-bottom: 56px
    }
    .py-15 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .py-16 {
        padding-top: 64px;
        padding-bottom: 64px
    }
    .py-17 {
        padding-top: 68px;
        padding-bottom: 68px
    }
    .py-18 {
        padding-top: 72px;
        padding-bottom: 72px
    }
    .py-19 {
        padding-top: 76px;
        padding-bottom: 76px
    }
    .py-20 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .pt-0 {
        padding-top: 0
    }
    .pt-1 {
        padding-top: 4px
    }
    .pt-2 {
        padding-top: 8px
    }
    .pt-3 {
        padding-top: 12px
    }
    .pt-4 {
        padding-top: 16px
    }
    .pt-5 {
        padding-top: 20px
    }
    .pt-6 {
        padding-top: 24px
    }
    .pt-7 {
        padding-top: 28px
    }
    .pt-8 {
        padding-top: 32px
    }
    .pt-9 {
        padding-top: 36px
    }
    .pt-10 {
        padding-top: 40px
    }
    .pt-11 {
        padding-top: 44px
    }
    .pt-12 {
        padding-top: 48px
    }
    .pt-13 {
        padding-top: 52px
    }
    .pt-14 {
        padding-top: 56px
    }
    .pt-15 {
        padding-top: 60px
    }
    .pt-16 {
        padding-top: 64px
    }
    .pt-17 {
        padding-top: 68px
    }
    .pt-18 {
        padding-top: 72px
    }
    .pt-19 {
        padding-top: 76px
    }
    .pt-20 {
        padding-top: 80px
    }
    .pr-0 {
        padding-inline-end: 0
    }
    .pr-1 {
        padding-inline-end: 4px
    }
    .pr-2 {
        padding-inline-end: 8px
    }
    .pr-3 {
        padding-inline-end: 12px
    }
    .pr-4 {
        padding-inline-end: 16px
    }
    .pr-5 {
        padding-inline-end: 20px
    }
    .pr-6 {
        padding-inline-end: 24px
    }
    .pr-7 {
        padding-inline-end: 28px
    }
    .pr-8 {
        padding-inline-end: 32px
    }
    .pr-9 {
        padding-inline-end: 36px
    }
    .pr-10 {
        padding-inline-end: 40px
    }
    .pr-11 {
        padding-inline-end: 44px
    }
    .pr-12 {
        padding-inline-end: 48px
    }
    .pr-13 {
        padding-inline-end: 52px
    }
    .pr-14 {
        padding-inline-end: 56px
    }
    .pr-15 {
        padding-inline-end: 60px
    }
    .pr-16 {
        padding-inline-end: 64px
    }
    .pr-17 {
        padding-inline-end: 68px
    }
    .pr-18 {
        padding-inline-end: 72px
    }
    .pr-19 {
        padding-inline-end: 76px
    }
    .pr-20 {
        padding-inline-end: 80px
    }
    .pb-0 {
        padding-bottom: 0
    }
    .pb-1 {
        padding-bottom: 4px
    }
    .pb-2 {
        padding-bottom: 8px
    }
    .pb-3 {
        padding-bottom: 12px
    }
    .pb-4 {
        padding-bottom: 16px
    }
    .pb-5 {
        padding-bottom: 20px
    }
    .pb-6 {
        padding-bottom: 24px
    }
    .pb-7 {
        padding-bottom: 28px
    }
    .pb-8 {
        padding-bottom: 32px
    }
    .pb-9 {
        padding-bottom: 36px
    }
    .pb-10 {
        padding-bottom: 40px
    }
    .pb-11 {
        padding-bottom: 44px
    }
    .pb-12 {
        padding-bottom: 48px
    }
    .pb-13 {
        padding-bottom: 52px
    }
    .pb-14 {
        padding-bottom: 56px
    }
    .pb-15 {
        padding-bottom: 60px
    }
    .pb-16 {
        padding-bottom: 64px
    }
    .pb-17 {
        padding-bottom: 68px
    }
    .pb-18 {
        padding-bottom: 72px
    }
    .pb-19 {
        padding-bottom: 76px
    }
    .pb-20 {
        padding-bottom: 80px
    }
    .pl-0 {
        padding-inline-start: 0
    }
    .pl-1 {
        padding-inline-start: 4px
    }
    .pl-2 {
        padding-inline-start: 8px
    }
    .pl-3 {
        padding-inline-start: 12px
    }
    .pl-4 {
        padding-inline-start: 16px
    }
    .pl-5 {
        padding-inline-start: 20px
    }
    .pl-6 {
        padding-inline-start: 24px
    }
    .pl-7 {
        padding-inline-start: 28px
    }
    .pl-8 {
        padding-inline-start: 32px
    }
    .pl-9 {
        padding-inline-start: 36px
    }
    .pl-10 {
        padding-inline-start: 40px
    }
    .pl-11 {
        padding-inline-start: 44px
    }
    .pl-12 {
        padding-inline-start: 48px
    }
    .pl-13 {
        padding-inline-start: 52px
    }
    .pl-14 {
        padding-inline-start: 56px
    }
    .pl-15 {
        padding-inline-start: 60px
    }
    .pl-16 {
        padding-inline-start: 64px
    }
    .pl-17 {
        padding-inline-start: 68px
    }
    .pl-18 {
        padding-inline-start: 72px
    }
    .pl-19 {
        padding-inline-start: 76px
    }
    .pl-20 {
        padding-inline-start: 80px
    }
}

@media only screen and (max-width:1279px) {
    .p-md-0 {
        padding: 0
    }
    .p-md-1 {
        padding: 4px
    }
    .p-md-2 {
        padding: 8px
    }
    .p-md-3 {
        padding: 12px
    }
    .p-md-4 {
        padding: 16px
    }
    .p-md-5 {
        padding: 20px
    }
    .p-md-6 {
        padding: 24px
    }
    .p-md-7 {
        padding: 28px
    }
    .p-md-8 {
        padding: 32px
    }
    .p-md-9 {
        padding: 36px
    }
    .p-md-10 {
        padding: 40px
    }
    .p-md-11 {
        padding: 44px
    }
    .p-md-12 {
        padding: 48px
    }
    .p-md-13 {
        padding: 52px
    }
    .p-md-14 {
        padding: 56px
    }
    .p-md-15 {
        padding: 60px
    }
    .p-md-16 {
        padding: 64px
    }
    .p-md-17 {
        padding: 68px
    }
    .p-md-18 {
        padding: 72px
    }
    .p-md-19 {
        padding: 76px
    }
    .p-md-20 {
        padding: 80px
    }
    .px-md-0 {
        padding-inline: 0
    }
    .px-md-1 {
        padding-inline: 4px
    }
    .px-md-2 {
        padding-inline: 8px
    }
    .px-md-3 {
        padding-inline: 12px
    }
    .px-md-4 {
        padding-inline: 16px
    }
    .px-md-5 {
        padding-inline: 20px
    }
    .px-md-6 {
        padding-inline: 24px
    }
    .px-md-7 {
        padding-inline: 28px
    }
    .px-md-8 {
        padding-inline: 32px
    }
    .px-md-9 {
        padding-inline: 36px
    }
    .px-md-10 {
        padding-inline: 40px
    }
    .px-md-11 {
        padding-inline: 44px
    }
    .px-md-12 {
        padding-inline: 48px
    }
    .px-md-13 {
        padding-inline: 52px
    }
    .px-md-14 {
        padding-inline: 56px
    }
    .px-md-15 {
        padding-inline: 60px
    }
    .px-md-16 {
        padding-inline: 64px
    }
    .px-md-17 {
        padding-inline: 68px
    }
    .px-md-18 {
        padding-inline: 72px
    }
    .px-md-19 {
        padding-inline: 76px
    }
    .px-md-20 {
        padding-inline: 80px
    }
    .py-md-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .py-md-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }
    .py-md-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .py-md-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }
    .py-md-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .py-md-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .py-md-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .py-md-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }
    .py-md-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }
    .py-md-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }
    .py-md-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .py-md-11 {
        padding-top: 44px;
        padding-bottom: 44px
    }
    .py-md-12 {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .py-md-13 {
        padding-top: 52px;
        padding-bottom: 52px
    }
    .py-md-14 {
        padding-top: 56px;
        padding-bottom: 56px
    }
    .py-md-15 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .py-md-16 {
        padding-top: 64px;
        padding-bottom: 64px
    }
    .py-md-17 {
        padding-top: 68px;
        padding-bottom: 68px
    }
    .py-md-18 {
        padding-top: 72px;
        padding-bottom: 72px
    }
    .py-md-19 {
        padding-top: 76px;
        padding-bottom: 76px
    }
    .py-md-20 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .pt-md-0 {
        padding-top: 0
    }
    .pt-md-1 {
        padding-top: 4px
    }
    .pt-md-2 {
        padding-top: 8px
    }
    .pt-md-3 {
        padding-top: 12px
    }
    .pt-md-4 {
        padding-top: 16px
    }
    .pt-md-5 {
        padding-top: 20px
    }
    .pt-md-6 {
        padding-top: 24px
    }
    .pt-md-7 {
        padding-top: 28px
    }
    .pt-md-8 {
        padding-top: 32px
    }
    .pt-md-9 {
        padding-top: 36px
    }
    .pt-md-10 {
        padding-top: 40px
    }
    .pt-md-11 {
        padding-top: 44px
    }
    .pt-md-12 {
        padding-top: 48px
    }
    .pt-md-13 {
        padding-top: 52px
    }
    .pt-md-14 {
        padding-top: 56px
    }
    .pt-md-15 {
        padding-top: 60px
    }
    .pt-md-16 {
        padding-top: 64px
    }
    .pt-md-17 {
        padding-top: 68px
    }
    .pt-md-18 {
        padding-top: 72px
    }
    .pt-md-19 {
        padding-top: 76px
    }
    .pt-md-20 {
        padding-top: 80px
    }
    .pr-md-0 {
        padding-inline-end: 0
    }
    .pr-md-1 {
        padding-inline-end: 4px
    }
    .pr-md-2 {
        padding-inline-end: 8px
    }
    .pr-md-3 {
        padding-inline-end: 12px
    }
    .pr-md-4 {
        padding-inline-end: 16px
    }
    .pr-md-5 {
        padding-inline-end: 20px
    }
    .pr-md-6 {
        padding-inline-end: 24px
    }
    .pr-md-7 {
        padding-inline-end: 28px
    }
    .pr-md-8 {
        padding-inline-end: 32px
    }
    .pr-md-9 {
        padding-inline-end: 36px
    }
    .pr-md-10 {
        padding-inline-end: 40px
    }
    .pr-md-11 {
        padding-inline-end: 44px
    }
    .pr-md-12 {
        padding-inline-end: 48px
    }
    .pr-md-13 {
        padding-inline-end: 52px
    }
    .pr-md-14 {
        padding-inline-end: 56px
    }
    .pr-md-15 {
        padding-inline-end: 60px
    }
    .pr-md-16 {
        padding-inline-end: 64px
    }
    .pr-md-17 {
        padding-inline-end: 68px
    }
    .pr-md-18 {
        padding-inline-end: 72px
    }
    .pr-md-19 {
        padding-inline-end: 76px
    }
    .pr-md-20 {
        padding-inline-end: 80px
    }
    .pb-md-0 {
        padding-bottom: 0
    }
    .pb-md-1 {
        padding-bottom: 4px
    }
    .pb-md-2 {
        padding-bottom: 8px
    }
    .pb-md-3 {
        padding-bottom: 12px
    }
    .pb-md-4 {
        padding-bottom: 16px
    }
    .pb-md-5 {
        padding-bottom: 20px
    }
    .pb-md-6 {
        padding-bottom: 24px
    }
    .pb-md-7 {
        padding-bottom: 28px
    }
    .pb-md-8 {
        padding-bottom: 32px
    }
    .pb-md-9 {
        padding-bottom: 36px
    }
    .pb-md-10 {
        padding-bottom: 40px
    }
    .pb-md-11 {
        padding-bottom: 44px
    }
    .pb-md-12 {
        padding-bottom: 48px
    }
    .pb-md-13 {
        padding-bottom: 52px
    }
    .pb-md-14 {
        padding-bottom: 56px
    }
    .pb-md-15 {
        padding-bottom: 60px
    }
    .pb-md-16 {
        padding-bottom: 64px
    }
    .pb-md-17 {
        padding-bottom: 68px
    }
    .pb-md-18 {
        padding-bottom: 72px
    }
    .pb-md-19 {
        padding-bottom: 76px
    }
    .pb-md-20 {
        padding-bottom: 80px
    }
    .pl-md-0 {
        padding-inline-start: 0
    }
    .pl-md-1 {
        padding-inline-start: 4px
    }
    .pl-md-2 {
        padding-inline-start: 8px
    }
    .pl-md-3 {
        padding-inline-start: 12px
    }
    .pl-md-4 {
        padding-inline-start: 16px
    }
    .pl-md-5 {
        padding-inline-start: 20px
    }
    .pl-md-6 {
        padding-inline-start: 24px
    }
    .pl-md-7 {
        padding-inline-start: 28px
    }
    .pl-md-8 {
        padding-inline-start: 32px
    }
    .pl-md-9 {
        padding-inline-start: 36px
    }
    .pl-md-10 {
        padding-inline-start: 40px
    }
    .pl-md-11 {
        padding-inline-start: 44px
    }
    .pl-md-12 {
        padding-inline-start: 48px
    }
    .pl-md-13 {
        padding-inline-start: 52px
    }
    .pl-md-14 {
        padding-inline-start: 56px
    }
    .pl-md-15 {
        padding-inline-start: 60px
    }
    .pl-md-16 {
        padding-inline-start: 64px
    }
    .pl-md-17 {
        padding-inline-start: 68px
    }
    .pl-md-18 {
        padding-inline-start: 72px
    }
    .pl-md-19 {
        padding-inline-start: 76px
    }
    .pl-md-20 {
        padding-inline-start: 80px
    }
}

@media only screen and (max-width:767px) {
    .p-sm-0 {
        padding: 0
    }
    .p-sm-1 {
        padding: 4px
    }
    .p-sm-2 {
        padding: 8px
    }
    .p-sm-3 {
        padding: 12px
    }
    .p-sm-4 {
        padding: 16px
    }
    .p-sm-5 {
        padding: 20px
    }
    .p-sm-6 {
        padding: 24px
    }
    .p-sm-7 {
        padding: 28px
    }
    .p-sm-8 {
        padding: 32px
    }
    .p-sm-9 {
        padding: 36px
    }
    .p-sm-10 {
        padding: 40px
    }
    .p-sm-11 {
        padding: 44px
    }
    .p-sm-12 {
        padding: 48px
    }
    .p-sm-13 {
        padding: 52px
    }
    .p-sm-14 {
        padding: 56px
    }
    .p-sm-15 {
        padding: 60px
    }
    .p-sm-16 {
        padding: 64px
    }
    .p-sm-17 {
        padding: 68px
    }
    .p-sm-18 {
        padding: 72px
    }
    .p-sm-19 {
        padding: 76px
    }
    .p-sm-20 {
        padding: 80px
    }
    .px-sm-0 {
        padding-inline: 0
    }
    .px-sm-1 {
        padding-inline: 4px
    }
    .px-sm-2 {
        padding-inline: 8px
    }
    .px-sm-3 {
        padding-inline: 12px
    }
    .px-sm-4 {
        padding-inline: 16px
    }
    .px-sm-5 {
        padding-inline: 20px
    }
    .px-sm-6 {
        padding-inline: 24px
    }
    .px-sm-7 {
        padding-inline: 28px
    }
    .px-sm-8 {
        padding-inline: 32px
    }
    .px-sm-9 {
        padding-inline: 36px
    }
    .px-sm-10 {
        padding-inline: 40px
    }
    .px-sm-11 {
        padding-inline: 44px
    }
    .px-sm-12 {
        padding-inline: 48px
    }
    .px-sm-13 {
        padding-inline: 52px
    }
    .px-sm-14 {
        padding-inline: 56px
    }
    .px-sm-15 {
        padding-inline: 60px
    }
    .px-sm-16 {
        padding-inline: 64px
    }
    .px-sm-17 {
        padding-inline: 68px
    }
    .px-sm-18 {
        padding-inline: 72px
    }
    .px-sm-19 {
        padding-inline: 76px
    }
    .px-sm-20 {
        padding-inline: 80px
    }
    .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }
    .py-sm-1 {
        padding-top: 4px;
        padding-bottom: 4px
    }
    .py-sm-2 {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .py-sm-3 {
        padding-top: 12px;
        padding-bottom: 12px
    }
    .py-sm-4 {
        padding-top: 16px;
        padding-bottom: 16px
    }
    .py-sm-5 {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .py-sm-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .py-sm-7 {
        padding-top: 28px;
        padding-bottom: 28px
    }
    .py-sm-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }
    .py-sm-9 {
        padding-top: 36px;
        padding-bottom: 36px
    }
    .py-sm-10 {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .py-sm-11 {
        padding-top: 44px;
        padding-bottom: 44px
    }
    .py-sm-12 {
        padding-top: 48px;
        padding-bottom: 48px
    }
    .py-sm-13 {
        padding-top: 52px;
        padding-bottom: 52px
    }
    .py-sm-14 {
        padding-top: 56px;
        padding-bottom: 56px
    }
    .py-sm-15 {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .py-sm-16 {
        padding-top: 64px;
        padding-bottom: 64px
    }
    .py-sm-17 {
        padding-top: 68px;
        padding-bottom: 68px
    }
    .py-sm-18 {
        padding-top: 72px;
        padding-bottom: 72px
    }
    .py-sm-19 {
        padding-top: 76px;
        padding-bottom: 76px
    }
    .py-sm-20 {
        padding-top: 80px;
        padding-bottom: 80px
    }
    .pt-sm-0 {
        padding-top: 0
    }
    .pt-sm-1 {
        padding-top: 4px
    }
    .pt-sm-2 {
        padding-top: 8px
    }
    .pt-sm-3 {
        padding-top: 12px
    }
    .pt-sm-4 {
        padding-top: 16px
    }
    .pt-sm-5 {
        padding-top: 20px
    }
    .pt-sm-6 {
        padding-top: 24px
    }
    .pt-sm-7 {
        padding-top: 28px
    }
    .pt-sm-8 {
        padding-top: 32px
    }
    .pt-sm-9 {
        padding-top: 36px
    }
    .pt-sm-10 {
        padding-top: 40px
    }
    .pt-sm-11 {
        padding-top: 44px
    }
    .pt-sm-12 {
        padding-top: 48px
    }
    .pt-sm-13 {
        padding-top: 52px
    }
    .pt-sm-14 {
        padding-top: 56px
    }
    .pt-sm-15 {
        padding-top: 60px
    }
    .pt-sm-16 {
        padding-top: 64px
    }
    .pt-sm-17 {
        padding-top: 68px
    }
    .pt-sm-18 {
        padding-top: 72px
    }
    .pt-sm-19 {
        padding-top: 76px
    }
    .pt-sm-20 {
        padding-top: 80px
    }
    .pr-sm-0 {
        padding-inline-end: 0
    }
    .pr-sm-1 {
        padding-inline-end: 4px
    }
    .pr-sm-2 {
        padding-inline-end: 8px
    }
    .pr-sm-3 {
        padding-inline-end: 12px
    }
    .pr-sm-4 {
        padding-inline-end: 16px
    }
    .pr-sm-5 {
        padding-inline-end: 20px
    }
    .pr-sm-6 {
        padding-inline-end: 24px
    }
    .pr-sm-7 {
        padding-inline-end: 28px
    }
    .pr-sm-8 {
        padding-inline-end: 32px
    }
    .pr-sm-9 {
        padding-inline-end: 36px
    }
    .pr-sm-10 {
        padding-inline-end: 40px
    }
    .pr-sm-11 {
        padding-inline-end: 44px
    }
    .pr-sm-12 {
        padding-inline-end: 48px
    }
    .pr-sm-13 {
        padding-inline-end: 52px
    }
    .pr-sm-14 {
        padding-inline-end: 56px
    }
    .pr-sm-15 {
        padding-inline-end: 60px
    }
    .pr-sm-16 {
        padding-inline-end: 64px
    }
    .pr-sm-17 {
        padding-inline-end: 68px
    }
    .pr-sm-18 {
        padding-inline-end: 72px
    }
    .pr-sm-19 {
        padding-inline-end: 76px
    }
    .pr-sm-20 {
        padding-inline-end: 80px
    }
    .pb-sm-0 {
        padding-bottom: 0
    }
    .pb-sm-1 {
        padding-bottom: 4px
    }
    .pb-sm-2 {
        padding-bottom: 8px
    }
    .pb-sm-3 {
        padding-bottom: 12px
    }
    .pb-sm-4 {
        padding-bottom: 16px
    }
    .pb-sm-5 {
        padding-bottom: 20px
    }
    .pb-sm-6 {
        padding-bottom: 24px
    }
    .pb-sm-7 {
        padding-bottom: 28px
    }
    .pb-sm-8 {
        padding-bottom: 32px
    }
    .pb-sm-9 {
        padding-bottom: 36px
    }
    .pb-sm-10 {
        padding-bottom: 40px
    }
    .pb-sm-11 {
        padding-bottom: 44px
    }
    .pb-sm-12 {
        padding-bottom: 48px
    }
    .pb-sm-13 {
        padding-bottom: 52px
    }
    .pb-sm-14 {
        padding-bottom: 56px
    }
    .pb-sm-15 {
        padding-bottom: 60px
    }
    .pb-sm-16 {
        padding-bottom: 64px
    }
    .pb-sm-17 {
        padding-bottom: 68px
    }
    .pb-sm-18 {
        padding-bottom: 72px
    }
    .pb-sm-19 {
        padding-bottom: 76px
    }
    .pb-sm-20 {
        padding-bottom: 80px
    }
    .pl-sm-0 {
        padding-inline-start: 0
    }
    .pl-sm-1 {
        padding-inline-start: 4px
    }
    .pl-sm-2 {
        padding-inline-start: 8px
    }
    .pl-sm-3 {
        padding-inline-start: 12px
    }
    .pl-sm-4 {
        padding-inline-start: 16px
    }
    .pl-sm-5 {
        padding-inline-start: 20px
    }
    .pl-sm-6 {
        padding-inline-start: 24px
    }
    .pl-sm-7 {
        padding-inline-start: 28px
    }
    .pl-sm-8 {
        padding-inline-start: 32px
    }
    .pl-sm-9 {
        padding-inline-start: 36px
    }
    .pl-sm-10 {
        padding-inline-start: 40px
    }
    .pl-sm-11 {
        padding-inline-start: 44px
    }
    .pl-sm-12 {
        padding-inline-start: 48px
    }
    .pl-sm-13 {
        padding-inline-start: 52px
    }
    .pl-sm-14 {
        padding-inline-start: 56px
    }
    .pl-sm-15 {
        padding-inline-start: 60px
    }
    .pl-sm-16 {
        padding-inline-start: 64px
    }
    .pl-sm-17 {
        padding-inline-start: 68px
    }
    .pl-sm-18 {
        padding-inline-start: 72px
    }
    .pl-sm-19 {
        padding-inline-start: 76px
    }
    .pl-sm-20 {
        padding-inline-start: 80px
    }
}

@media (min-width:768px) and (max-width:1279px) {
    html:root {
        --container-shift: 40px
    }
}

.fade-enter-active {
    animation: fadeIn .15s
}

.fade-leave-active {
    animation: fadeIn .15s reverse
}

.fade-slow-enter-active {
    animation: fadeIn .3s
}

.fade-slow-leave-active {
    animation: fadeIn .3s reverse
}

.fade-down-enter-active {
    animation: fadeInDown .3s
}

.fade-down-leave-active {
    animation: fadeInDown .3s reverse
}

.fade-down-small-enter-active {
    animation: fadeInDownSmall .3s
}

.fade-down-small-leave-active {
    animation: fadeInDownSmall .3s reverse
}

.fade-up-enter-active {
    animation: fadeInUp .3s
}

.fade-up-leave-active {
    animation: fadeInUp .3s reverse
}

.fade-up-small-enter-active {
    animation: fadeInUpSmall .3s
}

.fade-up-small-leave-active {
    animation: fadeInUpSmall .3s reverse
}

.slide-left-enter-active {
    animation: slideInLeft .3s
}

.slide-left-leave-active {
    animation: slideInLeft .3s reverse
}

.slide-right-enter-active {
    animation: slideInRight .3s
}

.slide-right-leave-active {
    animation: slideInRight .3s reverse
}

[hidden],
[v-cloak],
template {
    display: none !important
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%)
}

body {
    margin: 0;
    font-family: var(--font-family-main)
}

body * {
    margin: 0;
    padding: 0
}

a:active,
a:focus,
a:hover {
    color: var(--color-accent);
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto
}

input[type=password],
input[type=text],
select {
    border-radius: var(--border-radius)
}

[data-line-clamp] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

[data-line-clamp="1"] {
    -webkit-line-clamp: 1
}

[data-line-clamp="2"] {
    -webkit-line-clamp: 2
}

[data-line-clamp="3"] {
    -webkit-line-clamp: 3
}

[data-line-clamp="4"] {
    -webkit-line-clamp: 4
}

[data-line-clamp="5"] {
    -webkit-line-clamp: 5
}

.accordion-tabs:not(.loaded) .accordion-tabs__list {
    display: none
}

.ar_addLink {
    display: block;
    min-height: 18px;
    padding: 2px 0;
    padding-inline: 24px 0;
    line-height: 1;
    text-decoration: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c62828'%3E%3Cpath d='M16.7 11H13V7.3h-2V11H7.3v2H11v3.7h2V13h3.7v-2zm2.4-6.1C15.2 1 8.8 1 4.9 4.9S1 15.2 4.9 19.1s10.2 3.9 14.1 0 4-10.3.1-14.2zM6.3 17.7c-3.1-3.1-3.1-8.2 0-11.3s8.2-3.1 11.3 0 3.1 8.2 0 11.3-8.1 3.1-11.3 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 18px 18px
}

.ar_addLink--loading {
    background: url(/images/add_basket_loader.gif);
    background-repeat: no-repeat;
    background-size: 18px
}

.auth-menu {
    display: flex;
    list-style: none
}

@media only screen and (max-width:767px) {
    .auth-menu {
        display: none
    }
}

.auth-user {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--color-text-tertiary-contrast);
    font-size: 14px;
    text-align: start;
    vertical-align: middle;
    cursor: pointer
}

.auth-user:hover {
    background-color: var(--color-bg-tertiary)
}

@media only screen and (max-width:1279px) {
    .auth-user:hover .user-menu {
        visibility: visible;
        opacity: 1
    }
}

.auth-user:disabled {
    color: var(--color-text-disable);
    background-color: var(--color-bg-primary)
}

@media only screen and (max-width:767px) {
    .auth-user {
        display: none
    }
}

.auth-user_active .user-menu {
    visibility: visible;
    opacity: 1
}

.auth-user__hello {
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.auth-user__icon {
    width: 16px;
    height: 16px
}

.auth-user__login-name {
    color: var(--color-text)
}

.auth-user .header-select__icon {
    stroke: none
}

.auth-user {
    min-width: 0;
    min-height: 0;
    padding: 4px 12px;
    padding-inline-start: 10px;
    background-color: var(--color-bg-primary);
    border-radius: var(--border-radius)
}

@media only screen and (max-width:1279px) {
    .auth-user {
        display: none
    }
}

.auth-user__hello {
    display: inline-flex;
    align-items: center;
    gap: 2px
}

.auth-user__login-name {
    max-width: 102px;
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.auth-user__user-menu {
    border: 1px solid var(--color-line-border)
}

.auth-user .auth-user__user-menu-item--last::before,
.auth-user .auth-user__user-menu-item[data-separator=yes]::after {
    content: none
}

.auth-user__icon {
    fill: var(--color-text)
}

.baron {
    overflow: visible !important
}

.baron._scrollbar {
    position: relative;
    box-sizing: content-box;
    padding-bottom: 16px
}

.baron__clipper {
    position: relative;
    overflow: hidden
}

.baron__scroller {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    border: 0;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch
}

.baron__scroller::-webkit-scrollbar {
    width: 0;
    height: 0
}

.baron__h-scroll {
    position: sticky;
    top: 45px;
    inset-inline: 0;
    margin: 0 0 2px;
    background-color: rgba(223, 223, 223, .6)
}

@media only screen and (min-width:768px) {
    .baron__h-scroll {
        top: 70px
    }
}

.baron._scrollbar .baron__h-scroll {
    z-index: 9;
    display: block
}

.baron__bar {
    position: relative;
    inset-inline: 0;
    z-index: 1;
    width: 10px;
    height: 14px;
    background: var(--color-text-tertiary-contrast);
    cursor: pointer;
    opacity: .6;
    transition: opacity .2s linear
}

.baron__bar::after,
.baron__bar::before {
    position: absolute;
    top: 50%;
    inset-inline-start: 3px;
    display: block;
    width: 8px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg data-name='%26%23x421;%26%23x43B;%26%23x43E;%26%23x439; 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.99 12' fill='%23eee'%3E%3Ctitle%3Earrow%3C/title%3E%3Cpath class='cls-1' d='M7 1.41L2.67 6 7 10.59 5.66 12 0 6l5.66-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    content: ""
}

.baron__bar::after {
    inset-inline: auto 3px;
    transform: translateY(-50%) rotate(180deg)
}

.baron__bar:hover {
    opacity: .8
}

@media only screen and (min-width:1280px) {
    .baron__bar {
        display: none
    }
}

.baron._scrolling .baron__bar {
    background: var(--color-text-tertiary-contrast)
}

.baron._scrollbar .baron__bar {
    display: block
}

.base-body {
    scrollbar-color: rgba(0, 0, 0, .16) rgba(0, 0, 0, .04);
    scrollbar-width: thin
}

.base-body::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.base-body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .04)
}

.base-body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .16);
    border-radius: 2px
}

@media only screen and (max-width:767px) {
    .base-body {
        padding: 24px 16px
    }
}

.base-body.base-body--out {
    overflow: auto
}

#basket-info .unified {
    display: flex
}

#basket-info .unified #basket-info .unified__currency-link {
    justify-content: flex-end
}

#basket-info .unified__currency-sum,
#basket-info .unified__currency-unit {
    color: var(--color-bg-primary-contrast)
}

.basket-info {
    position: relative;
    height: 100%
}

.basket-info .basket-info__currency-link {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end
}

.basket-info__currency-unit {
    font-weight: 700
}

.basket-info {
    display: flex
}

.basket-info__currency-sum,
.basket-info__currency-unit {
    color: var(--color-bg-primary-contrast)
}

.basket-info-summary,
.basket-info-summary__count {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-text-contrast)
}

.basket-info-summary {
    position: relative;
    gap: 8px;
    font-size: 14px;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    transition: background-color 200ms
}

.basket-info-summary__count {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    border-radius: 10px
}

.basket-info-summary__svg {
    width: 24px;
    height: 24px;
    fill: var(--color-text-tertiary)
}

html[dir=rtl] .basket-info-summary__svg {
    transform: rotateY(180deg)
}

.basket-info-summary__caption,
.basket-info-summary__currency,
.basket-info-summary__empty,
.basket-info-summary__sum {
    font-size: 16px;
    line-height: 24px
}

.basket-info-summary {
    padding: 12px 16px;
    padding-inline-end: 20px;
    background-color: var(--color-bg-secondary);
    border-radius: var(--border-radius)
}

.basket-info-summary:active,
.basket-info-summary:focus,
.basket-info-summary:hover {
    color: var(--color-text);
    background-color: var(--color-bg-tertiary)
}

.basket-info-summary__count {
    position: absolute;
    top: 4px;
    min-width: 24px;
    height: 18px;
    background-color: var(--color-accent);
    border: 2px solid var(--color-bg-primary);
    inset-inline-start: 6px
}

.basket-info-summary__caption,
.basket-info-summary__currency,
.basket-info-summary__empty,
.basket-info-summary__sum {
    color: var(--color-text)
}

.basket-info-summary__data {
    white-space: nowrap
}

.basket-page__empty {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    height: 40vh
}

@media only screen and (min-width:768px) {
    .basket-page__empty {
        align-content: center;
        height: 30vh
    }
}

.basket-page__empty-slogan,
.basket-page__empty-text {
    text-align: center
}

.basket-page__empty-slogan,
.content-page .basket-page__empty-slogan {
    width: 100%;
    margin-bottom: 10px
}

.basket-page__empty-link,
.content-page .basket-page__empty-link {
    position: relative;
    color: var(--color-link);
    text-decoration: none;
    border: 0;
    font-size: 14px;
    line-height: 20px
}

.basket-page__empty-link::after,
.c-checkbox__caption a::after,
.content-page .basket-page__empty-link::after {
    position: absolute;
    bottom: -1px;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 1px solid transparent
}

.basket-page__empty-link:focus,
.content-page .basket-page__empty-link:focus {
    color: var(--color-link);
    background-color: var(--color-status-blue-bg)
}

.basket-page__empty-link:active,
.basket-page__empty-link:hover,
.content-page .basket-page__empty-link:active,
.content-page .basket-page__empty-link:hover {
    color: var(--color-link-hover);
    background-color: transparent
}

.basket-page__empty-link:active::after,
.basket-page__empty-link:hover::after,
.c-checkbox__caption a:active::after,
.c-checkbox__caption a:hover::after,
.content-page .basket-page__empty-link:active::after,
.content-page .basket-page__empty-link:hover::after {
    border-color: var(--color-link-hover-border)
}

.basket-page__empty-link::after,
.c-checkbox__caption a::after,
.content-page .basket-page__empty-link::after {
    border-color: var(--color-link-border)
}

.basket-page__empty-link:focus::after,
.c-checkbox__caption a:focus::after,
.content-page .basket-page__empty-link:focus::after {
    border-color: var(--color-link-border)
}

@media only screen and (min-width:768px) {
    .basket-page__empty-link,
    .content-page .basket-page__empty-link {
        font-size: 18px;
        line-height: 24px
    }
}

.basket-page__empty-text,
.content-page .basket-page__empty-text {
    width: 100%;
    margin-bottom: 30px;
    color: var(--color-text)
}

@media only screen and (min-width:768px) {
    .basket-page__empty-text,
    .content-page .basket-page__empty-text {
        margin-bottom: 50px
    }
}

.best-offers-card {
    display: grid;
    grid-template-rows: repeat(2, min-content) 1fr min-content;
    grid-template-columns: 1fr min-content;
    grid-template-areas: "header header header""detail detail detail""term   amount amount""price  favorites btn";
    grid-gap: 8px;
    gap: 8px
}

@media only screen and (min-width:768px) {
    .best-offers-card {
        grid-template-rows: min-content 0 1fr min-content;
        grid-template-columns: 10fr repeat(3, 1fr);
        grid-template-areas: "header header header header""spacer spacer spacer spacer""detail detail term term""price  amount favorites btn";
        gap: 8px
    }
}

.best-offers-card_with-image {
    grid-template-columns: 80px 1fr min-content;
    grid-template-areas: "image header header header""image detail detail detail""image term   amount amount""price price  favorites btn"
}

@media only screen and (min-width:768px) {
    .best-offers-card_with-image {
        grid-template-columns: 72px 0 1fr repeat(3, min-content);
        grid-template-areas: "header header header header header header""spacer spacer spacer spacer spacer spacer""image  spacer2 detail detail term term""image  spacer2 price  amount favorites btn"
    }
}

@media only screen and (max-width:767px) {
    body {
        padding-bottom: calc(env(safe-area-inset-bottom, 0) + 0);
        padding-bottom: calc(env(safe-area-inset-bottom, 0) + var(--tap-bar-height, 0))
    }
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-group.open .dropdown-toggle,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    background-color: var(--color-bg-primary);
    border-color: var(--color-line-border);
    box-shadow: none
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 0 0 10px !important
}

.content-page select {
    border: 1px solid var(--color-line-border);
    border-radius: 0
}

.caret {
    border-top: 4px solid
}

.content-page .dropdown-menu ul li,
.modal-body {
    padding: 0
}

.modal--show-content .modal-body {
    padding: 20px
}

.modal-content {
    min-height: 300px;
    border: 0;
    border-radius: 0
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: baseline;
    font-size: 14px;
    line-height: 16px;
    list-style: none
}

@media only screen and (max-width:767px) {
    .breadcrumbs {
        font-size: 12px
    }
}

@media only screen and (min-width:1280px) {
    .breadcrumbs {
        gap: 8px
    }
}

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

.breadcrumbs__item a {
    color: var(--color-text-tertiary)
}

.breadcrumbs__item:last-child a {
    color: var(--color-text-disable);
    pointer-events: none
}

.breadcrumbs__item-end {
    color: var(--color-text-tertiary);
    font-size: 14px;
    line-height: 16px
}

@media only screen and (max-width:767px) {
    .breadcrumbs__item-end {
        font-size: 12px
    }
}

.breadcrumbs__separator {
    display: flex
}

.breadcrumbs__separator:not(:last-child) {
    margin-inline-start: 8px
}

.breadcrumbs__separator-icon {
    width: 16px;
    height: 16px;
    fill: var(--color-text-disable)
}

html[dir=rtl] .breadcrumbs__separator-icon {
    transform: rotateY(180deg)
}

.brief-table {
    width: 100%;
    color: var(--color-text);
    border-collapse: collapse
}

.brief-table__header {
    background-color: var(--color-text)
}

.brief-table__filter .bootstrap-select .dropdown-toggle,
.brief-table__filter input[type=text],
.brief-table__filter select,
.brief-table__row .bootstrap-select .dropdown-toggle,
.brief-table__row input[type=text],
.brief-table__row select,
.content-page .brief-table__filter .bootstrap-select .dropdown-toggle,
.content-page .brief-table__filter input[type=text],
.content-page .brief-table__filter select,
.content-page .brief-table__row .bootstrap-select .dropdown-toggle,
.content-page .brief-table__row input[type=text],
.content-page .brief-table__row select {
    height: 36px
}

.brief-tablerow:last-child {
    background-color: transparent;
    border-top: 1px solid var(--color-line-border)
}

.brief-table__col {
    padding: 4px 3px;
    vertical-align: middle
}

.brief-table__col:first-child {
    padding-inline-start: 5px
}

.brief-table__col:last-child {
    padding-inline: 5px 10px
}

.brief-table__col .btn,
.brief-table__col input {
    height: 30px
}

.brief-table__col .btn,
.brief-table__col .submitButton {
    padding: 4px 10px
}

.brief-table__total {
    background: var(--color-line-border);
    border-top: 1px solid var(--color-text-tertiary-contrast)
}

.brief-table__col_type_total {
    padding: 10px 5px;
    padding-inline-end: 3%;
    font-weight: 500;
    font-size: 15px;
    text-align: end
}

.brief-table__col_type_head {
    padding: 8px 2px;
    color: var(--color-text-tertiary-contrast)
}

.brief-table__col_type_head a {
    color: var(--color-text-tertiary-contrast);
    text-decoration: underline
}

.brief-table__col_type_head a:hover {
    text-decoration: none
}

.brief-table__col_type_filter {
    background-color: var(--color-line-border)
}

.brief-table__filter-cell {
    display: flex
}

.brief-table__empty-message {
    padding: 10px 5px;
    text-align: center;
    border-bottom: 1px solid var(--color-line-border)
}

.brief-table__empty-message::first-letter {
    text-transform: uppercase
}

.brief-table__paid_status_not {
    color: var(--color-error)
}

@media only screen and (max-width:1279px) {
    .brief-table.orders .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 120px
    }
}

.brief-table__row:nth-child(even) {
    background-color: var(--color-bg-secondary)
}

.brief-table__empty-message {
    font-weight: 400;
    font-size: 14px
}

.brief-table__col {
    font-size: 14px
}

.brief-table__col_type_head {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 11px 20px;
    color: var(--color-text-contrast);
    font-weight: 400;
    text-shadow: 0 1px 2px var(--color-shadow);
    background-color: var(--color-accent);
    border: 1px solid var(--color-accent);
    border-radius: var(--border-radius);
    outline: 0;
    cursor: pointer;
    transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn:focus,
.btn:hover {
    color: var(--color-text-contrast);
    background-color: var(--color-accent-light);
    border-color: var(--color-accent-light);
    outline: 0
}

.btn:active {
    box-shadow: inset 0 3px 5px var(--color-shadow);
    transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear
}

.btn:active:focus {
    outline: 0
}

.btn__icon {
    width: 1.2em;
    height: 1.2em;
    margin-inline-end: .4em;
    fill: currentColor
}

.btn_size_small {
    padding: 4px 15px
}

@media only screen and (min-width:768px) {
    .btn_size_small {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.btn_size_big {
    padding: 8px 25px
}

@media only screen and (min-width:768px) {
    .btn_size_big {
        padding: 12px 35px
    }
}

.btn_view_common {
    color: var(--color-text);
    font-weight: 500;
    text-shadow: none;
    background-color: var(--color-bg-link);
    border-color: var(--color-bg-link)
}

.btn_view_pseudo {
    color: var(--color-text);
    background-color: transparent;
    border-color: var(--color-line)
}

.btn_view_pseudo:focus,
.btn_view_pseudo:hover {
    color: var(--color-accent);
    background-color: var(--color-bg-tertiary);
    border-color: var(--color-line)
}

.btn_view_pseudo.btn_icon_x {
    padding-inline-start: 45px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%230d0d0d'%3E%3Cpath data-name='delete %26%23x43A;%26%23x43E;%26%23x43F;%26%23x438;%26%23x44F;' class='cls-1' d='M12.59 6L10 8.59 7.41 6 6 7.41 8.59 10 6 12.59 7.41 14 10 11.41 12.59 14 14 12.59 11.41 10 14 7.41zM10 0a10 10 0 1 0 10 10A9.991 9.991 0 0 0 10 0zm0 18a8 8 0 1 1 8-8 8.011 8.011 0 0 1-8 8z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 20px
}

.btn_view_pseudo.btn_icon_x:focus,
.btn_view_pseudo.btn_icon_x:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23c62828'%3E%3Cpath data-name='delete %26%23x43A;%26%23x43E;%26%23x43F;%26%23x438;%26%23x44F;' class='cls-1' d='M12.59 6L10 8.59 7.41 6 6 7.41 8.59 10 6 12.59 7.41 14 10 11.41 12.59 14 14 12.59 11.41 10 14 7.41zM10 0a10 10 0 1 0 10 10A9.991 9.991 0 0 0 10 0zm0 18a8 8 0 1 1 8-8 8.011 8.011 0 0 1-8 8z'/%3E%3C/svg%3E")
}

html[dir=rtl] .btn_view_pseudo.btn_icon_x {
    background-position: right 15px center
}

.btn_view_pseudo.btn_icon_doc {
    padding-inline-start: 45px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='%230d0d0d'%3E%3Cpath class='cls-1' d='M1.37 0A1.383 1.383 0 0 0 .01 1.4L0 12.6A1.385 1.385 0 0 0 1.37 14h8.25A1.394 1.394 0 0 0 11 12.6V4.2L6.87 0h-5.5zm4.82 4.9V1.05L9.97 4.9H6.19z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 15px
}

.btn_view_pseudo.btn_icon_doc:focus,
.btn_view_pseudo.btn_icon_doc:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='%23c62828'%3E%3Cpath class='cls-1' d='M1.37 0A1.383 1.383 0 0 0 .01 1.4L0 12.6A1.385 1.385 0 0 0 1.37 14h8.25A1.394 1.394 0 0 0 11 12.6V4.2L6.87 0h-5.5zm4.82 4.9V1.05L9.97 4.9H6.19z'/%3E%3C/svg%3E")
}

html[dir=rtl] .btn_view_pseudo.btn_icon_doc {
    background-position: right 15px center
}

.btn_view_pseudo.btn_icon_add {
    padding-inline-start: 45px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d0d0d'%3E%3Cpath d='M16.7 11H13V7.3h-2V11H7.3v2H11v3.7h2V13h3.7v-2zm2.4-6.1C15.2 1 8.8 1 4.9 4.9S1 15.2 4.9 19.1s10.2 3.9 14.1 0 4-10.3.1-14.2zM6.3 17.7c-3.1-3.1-3.1-8.2 0-11.3s8.2-3.1 11.3 0 3.1 8.2 0 11.3-8.1 3.1-11.3 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 20px
}

.btn_view_pseudo.btn_icon_add:focus,
.btn_view_pseudo.btn_icon_add:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c62828'%3E%3Cpath d='M16.7 11H13V7.3h-2V11H7.3v2H11v3.7h2V13h3.7v-2zm2.4-6.1C15.2 1 8.8 1 4.9 4.9S1 15.2 4.9 19.1s10.2 3.9 14.1 0 4-10.3.1-14.2zM6.3 17.7c-3.1-3.1-3.1-8.2 0-11.3s8.2-3.1 11.3 0 3.1 8.2 0 11.3-8.1 3.1-11.3 0z'/%3E%3C/svg%3E")
}

html[dir=rtl] .btn_view_pseudo.btn_icon_add {
    background-position: right 15px center
}

.btn_view_pseudo.btn_icon_save {
    padding-inline-start: 36px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%230d0d0d'%3E%3Cpath class='cls-1' d='M19.96 0H6v.008L4.01 2H4v.009L.01 6H0v14h20V0h-.04zM6 2.839l.84-.837H14v4H6V2.839zM14 18H6v-4h8v4zm4 0h-2v-6H4v6H2V6.839l2-2V8h12V2h2v16zM6.88 3h2v2h-2V3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 14px
}

.btn_view_pseudo.btn_icon_save:focus,
.btn_view_pseudo.btn_icon_save:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23c62828'%3E%3Cpath class='cls-1' d='M19.96 0H6v.008L4.01 2H4v.009L.01 6H0v14h20V0h-.04zM6 2.839l.84-.837H14v4H6V2.839zM14 18H6v-4h8v4zm4 0h-2v-6H4v6H2V6.839l2-2V8h12V2h2v16zM6.88 3h2v2h-2V3z'/%3E%3C/svg%3E")
}

html[dir=rtl] .btn_view_pseudo.btn_icon_save {
    background-position: right 15px center
}

.btn_view_pseudo.btn_icon_loading {
    padding-inline-start: 45px;
    background-image: url(/images/add_basket_loader.gif);
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 18px
}

.btn_new-theme,
.btn_no-bg {
    line-height: 24px;
    border-radius: var(--border-radius)
}

.btn_new-theme {
    padding: 8px 16px;
    font-size: 16px
}

.btn_no-bg {
    color: var(--color-bg-primary-contrast);
    font-weight: 400;
    font-size: 18px;
    background-color: transparent;
    border-width: 2px
}

.btn_no-bg:focus,
.btn_no-bg:hover {
    color: var(--color-bg-primary-contrast);
    background-color: transparent
}

.btn {
    font-size: 14px
}

.btn .btn--add-comment,
.btn .btn--add-review {
    font-weight: 400;
    font-size: 16px
}

.btn .btn--basket-added,
.btn .btn--basket-added:focus {
    background-color: var(--color-text-secondary);
    border-color: var(--color-text-secondary)
}

.btn_size_small {
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width:768px) {
    .btn_size_small {
        font-size: 14px;
        line-height: 20px
    }
}

.btn_size_big {
    font-size: 14px;
    line-height: 16px
}

@media only screen and (min-width:768px) {
    .btn_size_big {
        font-size: 18px;
        line-height: 24px
    }
}

.btn .btn_no-bg:hover {
    border-color: #ac1c1c
}

.btn .btn_no-bg:focus {
    box-shadow: 0 0 0 1px var(--color-link)
}

.btn.auth-menu__button-entry {
    padding: 4px 12px;
    color: var(--color-text-secondary);
    font-size: 16px;
    line-height: 24px;
    text-shadow: none;
    background-color: var(--color-text-contrast);
    border: 0;
    border-radius: var(--border-radius);
    box-shadow: none
}

.btn.auth-menu__button-entry:hover {
    background-color: var(--color-bg-tertiary)
}

.btn.auth-menu__button-entry:active {
    background-color: var(--color-bg-primary)
}

.btn.auth-menu__button-entry:disabled {
    color: var(--color-text-disable);
    background-color: var(-color-bg-primary)
}

.btn.auth-menu__link-reg {
    display: none
}

.btn_view_common {
    width: 100px;
    height: 32px;
    padding: 0;
    border-radius: 4px
}

.btn_view_common:focus,
.btn_view_common:hover {
    color: var(--color-text-contrast)
}

.btn-default {
    color: var(--color-text);
    text-shadow: none;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-line-border);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.btn-default:focus,
.btn-default:hover {
    color: var(--color-text);
    background-color: var(--color-bg-primary);
    border-color: var(--color-text-tertiary-contrast)
}

.btn-mobile {
    position: relative;
    z-index: 20;
    width: 24px;
    height: 24px;
    background: 0 0;
    border: 0
}

@media only screen and (min-width:768px) {
    .btn-mobile {
        width: 32px;
        height: 32px
    }
}

.btn-mobile-user,
.btn-mobile__svg {
    width: 24px;
    height: 24px
}

.btn-mobile-user {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-inline: 15px;
    background-color: transparent;
    border: 0
}

@media only screen and (min-width:768px) {
    .btn-mobile-user {
        display: none
    }
}

.btn-mobile-user__svg {
    width: 16px;
    height: 18px
}

.btn-mobile-user:hover .btn-mobile-user__svg,
.btn-mobile-user__svg {
    transition: fill .25s linear
}

.btn-mobile-user {
    margin-inline-end: 22px;
    padding: 0
}

.btn-mobile-user__svg {
    fill: var(--color-text-secondary)
}

@media only screen and (max-width:767px) {
    .btn-mobile-user {
        margin-inline-end: 0
    }
}

@media only screen and (min-width:768px) {
    .btn-mobile-user {
        display: block;
        width: 100%;
        height: 100%
    }
}

@media only screen and (min-width:1280px) {
    .btn-mobile-user {
        display: none
    }
}

.btn-mobile-user__login-name {
    display: none;
    padding: 4px 12px;
    background-color: var(--color-bg-primary);
    border: 1px solid transparent;
    border-radius: var(--border-radius)
}

@media (min-width:768px) and (max-width:1279px) {
    .btn-mobile-user__login-name {
        display: block
    }
}

.btn-mobile-user__login-name:hover {
    color: var(--color-text);
    background-color: var(--color-bg-tertiary)
}

.btn-mobile-user__login-name:active,
.btn-mobile-user__login-name:focus {
    color: var(--color-text);
    background-color: var(--color-bg-primary)
}

@media (min-width:768px) and (max-width:1279px) {
    .btn-mobile-user__svg {
        display: none
    }
}

.c-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer
}

.c-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%)
}

.c-checkbox svg,
.c-checkbox__box {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.c-checkbox__box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-line-control);
    border: var(--w-checkbox-border-width, 1px) solid var(--color-line-control);
    border-radius: 4px;
    border-radius: var(--w-checkbox-border-radius, 4px);
    transition: background-color .15s ease-in-out
}

@media only screen and (min-width:1280px) {
    .c-checkbox__box:hover {
        background-color: var(--color-bg-secondary)
    }
}

.c-checkbox svg {
    display: none
}

.c-checkbox__input:checked+.c-checkbox__box {
    background-color: var(--color-bg-primary);
    background-color: var(--w-checkbox-active-bg, var(--color-bg-primary));
    border-color: var(--color-line-control);
    border-color: var(--w-checkbox-active-border, var(--color-line-control))
}

@media only screen and (min-width:1280px) {
    .c-checkbox__input:checked+.c-checkbox__box:hover {
        background-color: var(--color-bg-secondary);
        background-color: var(--w-checkbox-active-bg-hover, var(--color-bg-secondary));
        border-color: var(--color-line-control);
        border-color: var(--w-checkbox-active-border-hover, var(--color-line-control))
    }
}

.c-checkbox__input:checked+.c-checkbox__box svg {
    display: block;
    fill: var(--color-accent);
    fill: var(--w-checkbox-mark-color, var(--color-accent))
}

.c-checkbox__caption {
    display: inline-block;
    margin-inline-start: 4px;
    font-weight: 400;
    font-size: 13px;
    line-height: 21px
}

@media only screen and (min-width:768px) {
    .c-checkbox__caption {
        font-size: 14px
    }
}

.c-checkbox__caption a {
    display: inline-block;
    position: relative;
    color: var(--color-link);
    text-decoration: none;
    border: 0
}

.c-checkbox__caption a:focus {
    color: var(--color-link);
    background-color: var(--color-status-blue-bg)
}

.c-checkbox__caption a:active,
.c-checkbox__caption a:hover {
    color: var(--color-link-hover);
    background-color: transparent
}

.c-checkbox__input:disabled~.c-checkbox__caption {
    opacity: .65
}

.c-checkbox__input:disabled~.c-checkbox__box {
    background-color: var(--color-bg-disable);
    background-color: var(--w-checkbox-disabled-color, var(--color-bg-disable));
    border-color: var(--color-bg-disable);
    border-color: var(--w-checkbox-disabled-color, var(--color-bg-disable));
    cursor: auto;
    pointer-events: none
}

.c-checkbox__input:disabled~.c-checkbox__box svg {
    fill: var(--color-text-disable)
}

#c-input .default {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .1s linear, box-shadow .1s linear
}

#c-input .default:focus {
    border-color: var(--color-line-border-hover);
    outline: 0;
    box-shadow: 0 0 0 1px var(--color-line-border-hover) inset
}

#c-input .default:hover {
    border-color: var(--color-line-border-hover)
}

.c-input,
input[type=password]:not([class]),
input[type=text]:not([class]) {
    transition: border-color .1s linear, box-shadow .1s linear;
    padding: 9px 8px;
    color: var(--color-bg-primary-contrast);
    border: 1px solid var(--color-line-border);
    font-size: 14px;
    line-height: 17px
}

.c-input:focus,
input[type=password]:not([class]):focus,
input[type=text]:not([class]):focus {
    border-color: var(--color-line-border-hover);
    outline: 0;
    box-shadow: 0 0 0 1px var(--color-line-border-hover) inset
}

.c-input:hover,
input[type=password]:not([class]):hover,
input[type=text]:not([class]):hover {
    border-color: var(--color-line-border-hover)
}

@media only screen and (min-width:1280px) {
    .c-input,
    input[type=password]:not([class]),
    input[type=text]:not([class]) {
        padding: 13px 8px
    }
}

.c-select-list {
    display: inline-block;
    padding: 8px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: var(--shadow-2dp);
    -webkit-overflow-scrolling: touch
}

.c-select-list__item {
    list-style: none
}

.c-select-list__link {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-align: start;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: background-color .15s ease-in-out, color .15s ease-in-out
}

.c-select-list {
    border: 1px solid var(--color-line)
}

.c-select-list__link {
    padding: 5px 15px;
    font-size: 16px;
    line-height: 24px
}

.c-select-list__link:focus,
.c-select-list__link:hover {
    background: var(--color-bg-secondary)
}

.c-select-list__link:hover {
    color: var(--color-bg-primary-contrast)
}

.click-comment {
    position: relative
}

@media only screen and (max-width:767px) {
    .click-comment {
        width: 100%
    }
}

.click-comment__show-area {
    display: none;
    min-width: 300px;
    max-height: 0;
    overflow: hidden;
    color: var(--color-text-contrast);
    font-size: 13px;
    line-height: 18px;
    text-align: start;
    word-break: break-all;
    visibility: hidden;
    opacity: 0;
    transition: visibility, opacity .3s ease-in-out
}

.click-comment__show-area--show {
    z-index: 12;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: visible;
    visibility: visible;
    opacity: 1
}

.click-comment textarea,
.click-comment__text {
    width: 100%;
    min-width: 150px;
    padding: 5px;
    font-size: 14px;
    resize: none
}

@media only screen and (max-width:767px) {
    .click-comment textarea,
    .click-comment__text {
        min-height: 80px
    }
}

.click-comment__controls {
    display: flex;
    justify-content: space-between;
    padding-top: 8px
}

.click-comment__btn {
    color: var(--color-bg-primary-contrast);
    font-weight: 500;
    font-size: 14px;
    background: 0 0
}

@media only screen and (min-width:768px) {
    .click-comment__btn {
        padding: 0 8px
    }
}

.click-comment__btn:active,
.click-comment__btn:focus,
.click-comment__btn:hover,
.click-comment__btn_colors:active {
    color: var(--color-bg-primary-contrast);
    background-color: var(--color-bg-secondary)
}

.click-comment__btn_colors:active {
    color: var(--color-accent-dark)
}

.click-comment__preview {
    display: none;
    flex-direction: column
}

.click-comment__preview textarea {
    height: auto;
    min-height: 40px;
    overflow: hidden;
    border: 0
}

.click-comment__preview_show {
    display: flex
}

.click-comment__title {
    color: var(--color-text)
}

.click-comment__desc_prew {
    padding: 0;
    color: var(--color-text-secondary)
}

.click-comment__description {
    color: var(--color-link);
    font-size: 13px;
    line-height: 18px;
    background: 0 0;
    border: 0;
    border-bottom: 1px dashed var(--color-link)
}

.click-comment__description:hover {
    color: var(--color-link-hover);
    border-color: var(--color-link-hover)
}

.click-comment__description_hide {
    display: none
}

.click-comment__svg-icon {
    position: relative;
    z-index: 2;
    width: 1em;
    height: 1em;
    fill: currentColor;
    transition: color .15s linear
}

.click-comment__show-area {
    inset-inline: 0 auto
}

.click-comment__btn {
    padding: 4px 8px
}

.click-comment__btn:focus,
.click-comment__btn:hover {
    background-color: transparent;
    border-color: var(--color-accent-light)
}

.click-comment__btn_colors {
    color: var(--color-text-contrast);
    background-color: var(--color-accent);
    border-color: var(--color-accent)
}

.click-comment__btn_colors:focus,
.click-comment__btn_colors:hover {
    color: var(--color-text-contrast);
    background-color: var(--color-accent-light);
    border-color: var(--color-accent-light)
}

.click-comment__svg-icon {
    display: block;
    color: var(--color-text-secondary)
}

.click-comment__svg-icon:focus,
.click-comment__svg-icon:hover {
    color: var(--color-text)
}

.collapse-table {
    overflow: hidden;
    transition: height .2s ease-in-out
}

.collapsible-block__toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 0
}

.collapsible-block__toggle-caption {
    color: var(--color-text)
}

@media only screen and (min-width:768px) {
    .collapsible-block__toggle-caption {
        font-size: 16px;
        line-height: 20px
    }
}

.collapsible-block__area-wrapper {
    width: 100%;
    overflow: hidden;
    transition: height .15s ease-in
}

.collapsible-block__area-wrapper_collapsed {
    display: none !important
}

.collapsible-block {
    margin-bottom: 30px
}

.collapsible-block__toggle {
    padding: 12px 15px;
    color: var(--color-text);
    background-color: var(--color-bg-secondary)
}

.collapsible-block__toggle-indicate {
    position: relative;
    width: 16px;
    height: 16px
}

.collapsible-block__toggle-indicate::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 7px;
    display: block;
    width: 2px;
    height: 16px;
    margin-top: -8px;
    background-color: #000;
    transform: rotate(0deg);
    transition: transform .15s ease-in-out;
    content: ""
}

.collapsible-block__toggle-indicate::before {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    display: block;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    background-color: #000;
    content: ""
}

.collapsible-block__toggle[aria-expanded=true] .collapsible-block__toggle-indicate::after {
    transform: rotate(-90deg)
}

.collapsible-block__toggle-icon {
    display: none
}

.collapsible-block__toggle-caption {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px
}

.collapsible-block__toggle:focus {
    outline: 0
}

.collapsible-block__toggle:focus .collapsible-block__toggle-indicate {
    box-shadow: 0 0 2px 0 var(--color-shadow)
}

.collapsible-block__area-wrapper {
    background-color: var(--color-bg-secondary)
}

.collapsible-block__area {
    padding: 25px
}

.collapsible-block__area_type_bordered {
    border-top: 1px solid var(--color-line-border)
}

.contact-details {
    display: flex;
    align-items: center;
    color: var(--color-text-secondary);
    white-space: normal
}

.contact-details__item {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center
}

.contact-details__item:not(:last-child) {
    margin-inline-end: 16px
}

.contact-details__item_type_messengers,
.footer__menu-title span {
    margin-inline-end: 8px
}

.contact-details__link,
.contact-details__messengers {
    display: flex;
    align-items: center
}

.contact-details__icon:not(:last-child),
.contact-details__link:not(:last-child) {
    margin-inline-end: 12px
}

.contact-details__icon {
    align-self: center;
    width: 16px;
    height: 16px
}

.contact-details__value {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

.contact-details__value a {
    color: inherit
}

a.contact-details__item:active .contact-details__value,
a.contact-details__item:focus .contact-details__value,
a.contact-details__item:hover .contact-details__value {
    color: inherit;
    text-decoration: underline
}

.contact-details_top {
    color: var(--color-text-secondary)
}

.contact-details_footer .contact-details__link:not(:last-child),
.contact-details_top .contact-details__link:not(:last-child) {
    margin-inline-end: 8px
}

.contact-details_top .contact-details__icon {
    fill: var(--color-text-tertiary)
}

.contact-details_footer {
    flex-direction: column;
    color: var(--color-text-tertiary-contrast)
}

.contact-details_footer .contact-details__value {
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin-inline-end: 8px
}

@media only screen and (min-width:1280px) {
    .contact-details_footer .contact-details__item_type_phone,
    .contact-details_footer.contact-details__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px
    }
}

.contact-details_footer .contact-details__item {
    width: 100%;
    margin-inline-end: 0
}

.contact-details_footer .contact-details__item.contact-details__item_type_messengers {
    margin-bottom: 0
}

.contact-details_footer .contact-details__icon {
    fill: var(--color-text-secondary)
}

@media only screen and (min-width:768px) {
    .contact-details_mobile-menu .contact-details__icon {
        width: 24px;
        height: 24px
    }
}

.contact-details__item_type_address .contact-details__icon,
.content-page .dropdown-menu ul li::before {
    display: none
}

.contact-details__value,
.contact-details__value a {
    color: var(--color-text-secondary)
}

.contact-details_footer .contact-details__item_type_phone,
.contact-details_footer.contact-details__item {
    display: flex;
    padding-inline-start: 0
}

.contact-details_footer .contact-details__item_type_email .contact-details__value:hover,
.contact-details_footer .contact-details__item_type_phone .contact-details__value:hover {
    color: var(--color-text-tertiary);
    cursor: pointer
}

.contact-details_footer .contact-details__value {
    color: var(--color-text)
}

.content {
    flex-grow: 1
}

.content__breadcrumbs-line {
    margin-bottom: 32px
}

@media only screen and (max-width:767px) {
    .content__breadcrumbs-line {
        margin-bottom: 8px
    }
}

.content__subtitle {
    margin-top: -16px;
    margin-bottom: 24px;
    color: var(--color-text-secondary);
    font-size: 18px;
    line-height: 32px
}

@media only screen and (max-width:767px) {
    .content__subtitle {
        margin-top: -8px
    }
}

.content__h1 {
    word-break: break-word
}

.content {
    padding: 16px 0 40px
}

@media only screen and (max-width:767px) {
    .content {
        padding-top: 12px
    }
}

@media only screen and (min-width:768px) {
    .content_type_main {
        padding: 40px 0 80px
    }
}

@media only screen and (max-width:767px) {
    .content_type_main {
        padding-top: 16px
    }
}

.content__h1_type_main {
    margin-bottom: 56px;
    padding-top: 16px
}

@media only screen and (max-width:767px) {
    .content__h1_type_main {
        margin-bottom: 16px;
        padding-top: 0
    }
}

.content_type_main .content__subtitle {
    margin-top: -40px;
    margin-bottom: 56px
}

@media only screen and (max-width:767px) {
    .content_type_main .content__subtitle {
        margin-top: 0;
        margin-bottom: 16px
    }
}

.content-body,
.content-page {
    position: relative
}

.content-body_type_static li,
.content-body_type_static p {
    margin-bottom: 8px;
    color: var(--color-text-secondary)
}

.content-body_type_static a:not([class]) {
    color: var(--color-accent);
    text-decoration: underline
}

.content-body_type_static a:not([class]):hover {
    color: var(--color-text-secondary);
    text-decoration: none
}

.content-body_type_static ol,
.content-body_type_static ul {
    padding-inline-start: 2em
}

.content-body_type_static ol li::before {
    margin-inline-end: .8em;
    font-size: 15px
}

.content-body_type_static h1 {
    margin-bottom: 16px
}

@media only screen and (max-width:767px) {
    .content-body_type_static h1 {
        margin-bottom: 24px
    }
}

.content-body_type_static h2 {
    margin-bottom: 8px
}

@media only screen and (max-width:767px) {
    .content-body_type_static h2 {
        margin-bottom: 8px
    }
}

.content-body_type_static figure {
    margin: 24px 0
}

@media only screen and (max-width:767px) {
    .content-body_type_static figure {
        margin: 16px 0
    }
}

.content-body_type_static img {
    max-width: 100%
}

.content-body_type_static h1 {
    font-size: 33px;
    line-height: 40px
}

@media only screen and (max-width:767px) {
    .content-body_type_static h1 {
        font-size: 26px;
        line-height: 28px
    }
}

.content-body_type_static h2 {
    font-size: 19px;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .content-body_type_static h2 {
        font-size: 16px;
        line-height: 20px
    }
}

.content-body_type_static p,
.content-body_type_static ul {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:767px) {
    .content-body_type_static p,
    .content-body_type_static ul {
        font-size: 14px;
        line-height: 20px
    }
}

.content-page ul:not([class]) li:not([class]) {
    position: relative;
    padding-inline-start: 2.5em;
    list-style-type: none
}

.content-page ul:not([class]) li:not([class])::before {
    position: absolute;
    top: .5em;
    inset-inline-start: 1.5em;
    display: block;
    width: .5em;
    height: .5em;
    background-color: var(--color-accent);
    border-radius: 1em;
    content: ""
}

.content-page ol:not([class]) {
    list-style: none;
    counter-reset: li
}

.content-page ol:not([class]) li:not([class]) {
    position: relative;
    padding-inline-start: 2.5em;
    counter-increment: li
}

.content-page ol:not([class]) li:not([class])::before {
    position: absolute;
    display: inline-block;
    width: 1em;
    margin-inline: -1.5em .5em;
    color: var(--color-accent);
    font-weight: 500;
    text-align: end;
    content: counter(li)
}

.content-page p {
    margin-bottom: .8em
}

.content-page [data-youtube-video] {
    max-width: 100% !important;
    overflow: hidden
}

.content-page__content-block {
    overflow: hidden
}

.content-page a {
    text-decoration: underline
}

.cookie-policy-modal {
    position: relative
}

.cookie-policy-modal .dialog-modal__header {
    margin-bottom: 0;
    padding: 16px;
    box-shadow: var(--shadow-2dp)
}

@media only screen and (min-width:768px) {
    .cookie-policy-modal .dialog-modal__content {
        max-width: 600px;
        padding: 16px 48px;
        overflow-y: auto
    }
}

.dialog-modal__window.cookie-policy-modal__window {
    padding: 0
}

.cookie-policy-modal__footer {
    padding: 16px;
    box-shadow: var(--shadow-2dp)
}

.cookie-policy-modal__btn {
    border-radius: 4px
}

@media only screen and (max-width:767px) {
    .copyright-company {
        width: 100%
    }
}

.copyright-our {
    color: var(--color-text-tertiary);
    white-space: nowrap
}

.copyright-our a,
.copyright-our__link {
    color: var(--color-text-secondary)
}

.copyright-our a:hover {
    color: var(--color-text)
}

@media only screen and (max-width:767px) {
    .copyright-our {
        width: 100%
    }
}

.counter-trackers {
    display: block;
    font-size: 0;
    line-height: 0
}

.counter-trackers__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: top
}

.counter-trackers__item img {
    margin: 0 0 10px;
    margin-inline-end: 5px
}

@media only screen and (min-width:768px) {
    .counter-trackers__item img {
        margin: 0 0 10px;
        margin-inline-end: 10px
    }
}

.counter-trackers {
    text-align: start
}

.dialog-modal {
    position: fixed;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 1050;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.dialog-modal_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%)
}

.dialog-modal__window {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: auto;
    overflow: auto;
    background: var(--color-bg-primary);
    transform: none;
    opacity: 1;
    transition: opacity .4s ease-in-out, transform .1s ease-in-out
}

@media only screen and (min-width:768px) {
    .dialog-modal__window {
        width: auto;
        min-width: 200px;
        max-width: 94vw;
        height: auto;
        min-height: 50px;
        max-height: 94vh;
        padding: 40px
    }
}

@media only screen and (max-width:767px) {
    .dialog-modal__window_type_frame {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        padding: 0
    }
}

.dialog-modal_hidden .dialog-modal__window {
    transform: translateY(-100%);
    opacity: 0
}

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

@media only screen and (max-width:767px) {
    .dialog-modal__header {
        padding: 16px;
        border-bottom: .5px solid var(--color-line-border)
    }
}

.dialog-modal__header_empty {
    display: none
}

.dialog-modal__content {
    scrollbar-color: rgba(0, 0, 0, .16) rgba(0, 0, 0, .04);
    scrollbar-width: thin;
    width: 100%;
    height: 100%;
    overflow: auto
}

.dialog-modal__content::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.dialog-modal__content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .04)
}

.dialog-modal__content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .16);
    border-radius: 2px
}

@media only screen and (max-width:767px) {
    .dialog-modal__content:not(.dialog-modal__content_type_frame) {
        padding: 24px 16px
    }
    .dialog-modal__wrapper,
    .dialog-modal__wrapper iframe {
        width: 100%;
        height: 100%
    }
}

.dialog-modal__subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 24px
}

.dialog-modal__close {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    width: 14px;
    height: 14px;
    margin-inline-start: auto;
    padding: 8px;
    overflow: hidden;
    line-height: 1;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .dialog-modal__close {
        top: 12px
    }
}

.dialog-modal__close-icon {
    width: 14px;
    height: 14px;
    fill: var(--color-text-tertiary)
}

.dialog-modal__content-image {
    max-width: 100%
}

.web-table .bootstrap-select .dropdown-toggle,
.web-table input[type=text],
.web-table select {
    height: 36px
}

.web-table .btn {
    padding-top: 6.5px;
    padding-bottom: 6.5px
}

.caption_filter,
.web-table__wrapper_documents .web-table-header__col,
.web-table__wrapper_documents .web-table__col_dcm_datetime,
.web-table__wrapper_documents .web-table__col_dct_id,
.web-table__wrapper_documents .web-table__col_order_num {
    text-align: center
}

.web-table__wrapper_documents .web-table__col_dcm_summ,
.web-table__wrapper_documents .web-table__col_nc_summ {
    padding-inline-end: 3%;
    text-align: end
}

.web-table__wrapper_vin_requests .web-table__col__col_edit {
    text-align: center
}

.documents-dialog__row {
    display: flex;
    flex-direction: column-reverse
}

.documents-dialog__col,
.message__text p {
    margin-bottom: 10px
}

.documents-dialog__col:nth-child(1) {
    order: 1
}

@media only screen and (min-width:768px) {
    .documents-dialog__row {
        flex-direction: row;
        margin: 0-15px
    }
    .documents-dialog__col {
        flex-grow: 1;
        padding: 0 15px
    }
    .documents-dialog__col:nth-child(1) {
        order: 0
    }
    .documents-dialog__col:nth-child(2) {
        min-width: 400px
    }
}

.documents-dialog__back {
    margin-bottom: 30px;
    border-color: var(--color-line)
}

@media only screen and (min-width:1280px) {
    .documents-dialog .tile-filter__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

.documents-dialog__back:hover {
    background-color: var(--color-bg-tertiary);
    border-color: var(--color-line)
}

.ellipsis-list::after {
    content: "";
    display: block;
    flex: 1;
    height: 14px;
    margin: 0 8px;
    background-image: linear-gradient(to right, var(--color-bg-popup) 10%, transparent 0%);
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 10px 1px
}

.favorites-btn {
    position: relative;
    margin-bottom: 22px;
    color: var(--color-text-secondary);
    font-size: 16px;
    line-height: 24px;
    background-color: transparent;
    border: 0
}

.favorites-btn__card {
    outline: 0
}

.favorites-btn__card.focus-visible {
    outline: 1px solid var(--color-line-active)
}

.favorites-btn__card:focus-visible {
    outline: 1px solid var(--color-line-active)
}

.favorites-btn__card::before {
    top: 5px
}

.favorites-btn_added use {
    fill: var(--color-accent)
}

.favorites-btn__popular-goods {
    align-self: center;
    height: 20px;
    margin: 0;
    margin-inline-end: 12px;
    outline: 0
}

@media only screen and (min-width:1280px) {
    .favorites-btn__popular-goods {
        position: absolute;
        top: 20px;
        inset-inline-start: 20px;
        width: 32px;
        height: 32px;
        border: 2px solid transparent;
        border-radius: 4px
    }
    .favorites-btn__popular-goods:hover {
        border: 2px solid var(--color-line-border-hover)
    }
}

.favorites-btn__popular-goods.focus-visible {
    outline: 1px solid var(--color-line-active)
}

.favorites-btn__popular-goods:focus-visible {
    outline: 1px solid var(--color-line-active)
}

.favorites-btn__svg {
    width: 28px;
    height: 28px;
    pointer-events: none;
    fill: var(--color-text-tertiary)
}

.favorites-btn__svg_small {
    width: 18px;
    height: 18px;
    margin-inline-end: 8px
}

.favorites-btn__text-content {
    pointer-events: none
}

.feedback-message__container {
    max-width: 488px
}

@media only screen and (max-width:1279px) {
    .feedback-message__container {
        max-width: 100%
    }
}

.feedback-message .form-gr__label {
    display: none
}

.feedback-message .form-gr__control,
.footer {
    width: 100%
}

.feedback-message .form-gr__control textarea {
    padding: 12px 20px
}

@media only screen and (min-width:1280px) {
    .feedback-message .form-gr__control-hc-group {
        width: 100%
    }
}

.feedback-message .form-gr__control--hc {
    flex-grow: 1;
    max-width: 277px
}

@media only screen and (min-width:1280px) {
    .feedback-message .form-gr__control--hc {
        width: 100%;
        max-width: 100%
    }
}

.feedback-message .form-gr__tooltip--hc {
    width: auto
}

.footer {
    background-color: var(--color-bg-secondary)
}

.footer__container {
    display: grid;
    grid-gap: 24px;
    gap: 24px;
    padding-top: 24px;
    grid-template-areas: "logo""contacts""menu""payment""copyright"
}

@media only screen and (min-width:768px) {
    .footer__container {
        grid-template-areas: "logo payment""contacts contacts""menu menu""copyright copyright";
        padding-top: 40px
    }
}

@media only screen and (min-width:1280px) {
    .footer__container {
        align-items: start;
        grid-template-rows: 84px;
        grid-template-areas: "logo menu""contacts menu""contacts menu""copyright payment";
        padding-top: 64px;
        row-gap: 0
    }
}

.footer__info-contacts {
    grid-area: contacts
}

.footer__logo {
    grid-area: logo;
    display: block;
    max-width: 100%
}

.footer__menu {
    grid-area: menu
}

@media only screen and (min-width:768px) {
    .footer__menu {
        padding: 32px 0 20px;
        border-top: 1px solid var(--color-text-tertiary-border);
        border-bottom: 1px solid var(--color-text-tertiary-border)
    }
}

@media only screen and (min-width:1280px) {
    .footer__menu {
        padding: 0;
        border-top: none;
        border-bottom: none
    }
}

@media only screen and (min-width:768px) {
    .footer__menu-container {
        display: grid;
        grid-template-areas: "title""list"
    }
}

@media only screen and (min-width:1280px) {
    .footer__menu-container {
        margin-bottom: 104px;
        -moz-column-gap: 74px;
        column-gap: 74px
    }
}

.footer__menu-list {
    list-style: none
}

.footer__menu-title {
    color: var(--color-text);
    grid-row-start: title
}

.footer__menu-title.accordion-tabs__link {
    justify-content: start;
    font-size: 16px
}

.footer__menu-title.accordion-tabs__link--active {
    color: inherit
}

@media only screen and (max-width:767px) {
    .footer__menu-title.accordion-tabs__link {
        letter-spacing: normal;
        text-transform: none
    }
    .footer__menu-title:not(:first-child) {
        margin-top: 8px
    }
}

@media only screen and (min-width:768px) {
    .footer__menu-title {
        color: var(--color-text-disable)
    }
}

@media only screen and (min-width:1280px) {
    .footer__menu-title {
        white-space: nowrap
    }
}

@media only screen and (min-width:768px) {
    .footer__menu-title .user-info__arrow-icon {
        display: none
    }
}

.footer__menu-item {
    grid-area: item
}

.footer__menu-link {
    color: var(--color-text-secondary)
}

@media only screen and (min-width:768px) {
    .footer__menu-link {
        color: var(--color-text)
    }
}

.footer__menu-link:active,
.footer__menu-link:focus,
.footer__menu-link:hover {
    color: var(--color-text-tertiary)
}

.footer__payment {
    color: var(--color-text-tertiary);
    grid-area: payment
}

@media only screen and (min-width:1280px) {
    .footer__payment {
        padding-top: 16px;
        border-top: 1px solid var(--color-line-alfa-5)
    }
}

.footer__content {
    display: none
}

@media only screen and (min-width:768px) {
    .footer__content {
        display: block
    }
}

.footer__payments,
.form-gr__tooltip--hc img,
.gm-style .cluster img,
.modal-dialog iframe {
    max-width: 100%
}

.footer__info-content {
    align-items: center
}

@media only screen and (min-width:768px) {
    .footer__info-content {
        align-items: flex-start
    }
}

.footer__bottom {
    background-color: var(--color-bg-secondary)
}

.footer__copyright {
    flex-grow: 1;
    padding: 20px 0 0;
    color: var(--color-text-tertiary);
    border-top: 1px solid var(--color-line-alfa-5);
    grid-area: copyright
}

@media only screen and (max-width:767px) {
    .footer__copyright {
        margin: 0-16px;
        padding-inline: 16px
    }
}

@media only screen and (min-width:768px) {
    .footer__copyright {
        display: flex;
        flex-direction: column;
        padding-top: 0;
        gap: 8px;
        border-top: none
    }
}

@media only screen and (min-width:1280px) {
    .footer__copyright {
        align-self: center;
        max-width: 100%;
        padding: 24px 0;
        border-top: 1px solid var(--color-line-alfa-5)
    }
}

.footer__copyright-item_slash {
    display: none
}

@media only screen and (min-width:1280px) {
    .footer__copyright-item_slash {
        display: block;
        margin: 0 8px
    }
}

@media only screen and (min-width:768px) {
    .footer__info-content {
        width: 340px
    }
}

@media only screen and (min-width:1280px) {
    .footer__info-content {
        min-width: 340px
    }
}

@media only screen and (min-width:768px) {
    .footer__content {
        flex-grow: 1
    }
}

#form-gr #cube-and-future {
    flex-direction: column;
    align-items: flex-start
}

#form-gr #cube-and-future_horizontal_center {
    align-items: stretch
}

#form-gr #cube-and-future--column {
    margin-bottom: 15px
}

#form-gr #cube-and-future--column:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:768px) {
    #form-gr #cube-and-future--column {
        margin-bottom: 20px
    }
    #form-gr #cube-and-future__control {
        width: 100%
    }
}

#form-gr #cube-and-future__control input[type=password],
#form-gr #cube-and-future__control input[type=text] {
    height: auto;
    border: 1px solid var(--color-line-border)
}

#form-gr #cube-and-future__control input[type=password]:focus,
#form-gr #cube-and-future__control input[type=text]:focus {
    border-color: var(--color-accent)
}

#form-gr #cube-and-future__control--hc {
    margin-inline-end: 4%
}

@media only screen and (min-width:768px) {
    #form-gr #cube-and-future__control--hc {
        flex-grow: 0;
        width: calc(100%/3 - 20px)
    }
}

#form-gr #cube-and-future__subtitle {
    font-weight: 600
}

@media only screen and (min-width:768px) {
    #form-gr #cube-and-future__subtitle {
        width: auto;
        margin-inline-end: 0
    }
    #form-gr #cube-and-future--column #form-gr #cube-and-future__label,
    #form-gr #cube-and-future__label {
        width: 100%;
        margin: 0;
        padding: 0
    }
    #form-gr #cube-and-future__tooltip {
        display: block
    }
}

#form-gr #cube-and-future__tooltip--hc {
    width: 56%
}

#form-gr #cube-and-future__tooltip--hc img {
    height: 35px
}

#form-gr #cube-and-future__notice {
    margin-inline-start: auto;
    font-size: 12px
}

.form-gr {
    display: flex;
    flex-wrap: wrap
}

.form-gr_no_input {
    min-height: 44px
}

.form-gr_full-width-control .form-gr__control {
    width: 100%;
    margin-inline-end: 0
}

.form-gr_full-width-control .form-gr__label {
    display: none
}

.form-gr__subtitle {
    display: block;
    margin-bottom: 20px
}

@media only screen and (min-width:768px) {
    .form-gr__subtitle {
        margin-bottom: 0
    }
}

.form-gr__headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.form-gr__label {
    width: 100%;
    margin-bottom: 4px;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .form-gr__label {
        font-size: 14px
    }
}

@media only screen and (min-width:1280px) {
    .form-gr__label {
        font-size: 16px;
        line-height: 18px
    }
}

.form-gr__notice {
    white-space: nowrap
}

.form-gr__submit {
    width: 100%
}

.form-gr__control {
    position: relative;
    flex-grow: 1;
    width: 100%
}

.form-gr__control--hc {
    width: 38%
}

@media only screen and (min-width:768px) {
    .form-gr__control {
        flex: none;
        width: 79%
    }
    .form-gr__control--tooltip {
        width: 48%;
        margin-inline-end: 3%
    }
    .form-gr__control--tooltip .c-checkbox {
        align-items: flex-start
    }
    .form-gr__control--tooltip .c-checkbox__box {
        margin-top: 4px
    }
}

.form-gr__control input[type=password],
.form-gr__control input[type=text] {
    width: 100%;
    padding: 0 20px;
    border-radius: var(--border-radius);
    outline: 0
}

.form-gr__control input[type=password]:not(.validation-failed):not(.validation-passed):hover,
.form-gr__control input[type=text]:not(.validation-failed):not(.validation-passed):hover {
    border: 1px solid var(--color-text-tertiary-contrast)
}

.form-gr__control input[type=password] {
    padding-inline-end: 32px
}

.form-gr__control .bootstrap-select,
.form-gr__control .bootstrap-select>.btn {
    width: 100% !important
}

.form-gr__control select,
.form-gr__control textarea {
    width: 100%;
    border-radius: var(--border-radius)
}

.form-gr__control-hc-group {
    display: flex;
    width: 100%
}

@media only screen and (min-width:768px) {
    .form-gr__control-hc-group .form-gr__control--hc {
        width: 60%
    }
    .form-gr__control-hc-group .form-gr__tooltip--hc {
        width: 37%
    }
}

@media only screen and (max-width:767px) {
    .form-gr--column {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:768px) {
    .form-gr--secondw .form-gr__label {
        width: 32%;
        margin-inline-end: 2%
    }
    .form-gr--secondw .form-gr__control {
        width: 66%
    }
    .form-gr--secondw .form-gr__control--tooltip {
        width: 36%;
        margin-inline-end: 2%
    }
    .form-gr--secondw .form-gr__tooltip {
        width: 28%
    }
    .form-gr--secondw .form-gr__control--hc {
        width: 34%;
        margin-inline-end: 2%
    }
    .form-gr--secondw .form-gr__tooltip--hc {
        width: 30%
    }
}

.form-gr--secondw .form-gr__control-hc-group {
    display: flex;
    width: 100%
}

@media only screen and (min-width:768px) {
    .form-gr--secondw .form-gr__control-hc-group {
        width: 66%
    }
    .form-gr--secondw .form-gr__control-hc-group .form-gr__control--hc {
        width: 52%
    }
    .form-gr--secondw .form-gr__control-hc-group .form-gr__tooltip--hc {
        width: 46%
    }
}

.form-gr--column .form-gr__control,
.form-gr--column .form-gr__label,
.form-gr--column .form-gr__tooltip {
    width: 100%
}

.form-gr--column .form-gr__label {
    margin-bottom: 4px
}

.form-gr .attachment-input .attachment-input__button_add {
    padding: 8px 0
}

@media only screen and (min-width:768px) {
    .form-gr .attachment-input .attachment-input__button_add {
        padding: 7px 0
    }
}

@media only screen and (min-width:1280px) {
    .form-gr .attachment-input .attachment-input__button_add {
        padding: 10px 0
    }
}

.form-gr .attachment-input .attachment-input__image-wrap {
    top: 4px
}

@media only screen and (min-width:768px) {
    .form-gr .attachment-input .attachment-input__image-wrap {
        top: 4px;
        width: 28px;
        height: 28px
    }
}

@media only screen and (min-width:1280px) {
    .form-gr .attachment-input .attachment-input__image-wrap {
        top: 6px;
        width: 32px;
        height: 32px
    }
}

.form-gr .attachment-input .required {
    background-image: none;
    border-color: var(--color-line-border);
    box-shadow: none
}

@media only screen and (min-width:768px) {
    .form-gr {
        flex-direction: row
    }
    .form-gr_horizontal_center {
        align-items: center
    }
}

@media only screen and (min-width:768px) {
    .form-gr__subtitle {
        width: 19%;
        margin-inline-end: 2%;
        margin-bottom: 0;
        font-size: 14px
    }
}

.form-gr__label {
    color: var(--color-text)
}

@media only screen and (min-width:768px) {
    .form-gr__label {
        width: 19%;
        margin-inline-end: 2%;
        margin-bottom: 0;
        padding-top: 2px;
        line-height: 16px
    }
    .form-gr__control-hc-group {
        width: 79%
    }
}

.form-gr__control input[type=password],
.form-gr__control input[type=text] {
    height: 36px;
    border: 1px solid var(--color-line-border)
}

@media only screen and (min-width:1280px) {
    .form-gr__control input[type=password],
    .form-gr__control input[type=text] {
        height: 44px
    }
}

.form-gr__control input[type=password]:not(.validation-failed):not(.validation-passed):focus,
.form-gr__control input[type=text]:not(.validation-failed):not(.validation-passed):focus {
    border: 1px solid var(--color-text-tertiary-contrast);
    box-shadow: 0 0 0 1px var(--color-text-tertiary-contrast) inset
}

.form-gr__control .bootstrap-select,
.form-gr__control .bootstrap-select>.btn,
.form-gr__tooltip--hc img {
    height: 36px
}

@media only screen and (min-width:1280px) {
    .form-gr__control .bootstrap-select,
    .form-gr__control .bootstrap-select>.btn {
        height: 44px
    }
}

.form-gr__control--required::after {
    position: absolute;
    top: -2px;
    inset-inline-end: -2px;
    z-index: 2;
    width: 6px;
    height: 6px;
    background: var(--color-error);
    border-radius: 6px;
    content: ""
}

.form-gr__control--hc {
    margin-inline-end: 2%
}

@media only screen and (min-width:768px) {
    .form-gr__control--hc,
    .form-gr__control--tooltip {
        width: 48%;
        margin-inline-end: 3%
    }
}

.form-gr__tooltip {
    color: var(--color-text-tertiary-contrast);
    font-size: 13px;
    line-height: 16px
}

@media only screen and (min-width:768px) {
    .form-gr__tooltip {
        display: block;
        width: 28%
    }
}

.form-gr__tooltip--hc {
    display: block;
    width: 60%;
    text-align: end
}

@media only screen and (min-width:768px) {
    .form-gr__tooltip--hc {
        display: block;
        width: 28%
    }
}

@media only screen and (min-width:1280px) {
    .form-gr__tooltip--hc img {
        height: 46px
    }
}

.form-gr__subtitle {
    font-size: 14px;
    line-height: 18px
}

.form-gr--column .form-gr__label,
.form-gr__label {
    font-size: 13px;
    line-height: 18px
}

@media only screen and (min-width:768px) {
    .form-gr--column .form-gr__label,
    .form-gr__label {
        font-size: 15px;
        line-height: 20px
    }
}

.form-gr--column {
    flex-direction: column
}

.form-gr__control input[type=password],
.form-gr__control input[type=text] {
    font-size: 14px;
    line-height: 19px
}

.form-radio-buttons_mode_button {
    display: flex;
    font-size: 0
}

.form-radio-buttons_mode_button input[type=radio],
.form-radio-buttons_mode_button input[type=radio]+label::after,
.form-radio-buttons_mode_button input[type=radio]+label::before {
    display: none
}

.form-radio-buttons_mode_button input[type=radio]+label {
    flex-grow: 1;
    margin: 0;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    background-color: var(--color-bg-secondary);
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .form-radio-buttons_mode_button input[type=radio]+label {
        padding: 12px
    }
}

.form-radio-buttons_mode_button input[type=radio]:checked+label {
    color: #fff;
    background-color: var(--color-accent)
}

.form-radio-buttons_mode_button input[type=radio]:checked+label::after,
.form-radio-buttons_mode_button input[type=radio]:checked+label::before {
    display: none
}

.gm-style .cluster {
    display: flex;
    align-items: center;
    font-size: 13px
}

.header {
    position: relative;
    display: none
}

@media only screen and (min-width:768px) {
    .header {
        display: block
    }
}

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

.header__contact-wrapper {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    white-space: nowrap
}

.header__right-wrapper {
    display: flex
}

@media only screen and (min-width:1280px) {
    .header__user-info {
        display: flex
    }
}

.header__reg-button {
    color: var(--color-text-tertiary-contrast);
    font-weight: 400
}

.header {
    z-index: 51;
    background-color: var(--color-bg-secondary)
}

.header__wrapper {
    height: 48px;
    border-bottom: 1px solid var(--color-line-border)
}

.header__contact-wrapper {
    padding: 0
}

.header__user-info {
    display: none
}

.header__right-wrapper {
    gap: 16px
}

@media only screen and (max-width:1279px) {
    .header__right-wrapper {
        display: none
    }
}

.header_lite .contact-details__value,
.print-dialog p {
    font-size: 14px
}

.header_lite .contact-details__item_type_address,
.header_lite .contact-details__item_type_phone .contact-details__icon,
.orders-link.header-catalog__orders-link {
    display: none
}

@media only screen and (max-width:767px) {
    .header-catalog {
        display: none
    }
}

.header-catalog__wrapper {
    display: flex;
    align-items: center
}

@media only screen and (min-width:768px) {
    .header-catalog__wrapper {
        gap: 16px
    }
}

@media only screen and (max-width:767px) {
    .header-catalog__menu {
        display: none
    }
}

.header-catalog__search-form {
    flex-grow: 1
}

.header-catalog__right {
    display: flex;
    justify-content: flex-end;
    height: 48px;
    gap: 16px;
    margin-inline-start: auto
}

.header-catalog__basket {
    height: 100%
}

@media only screen and (min-width:768px) {
    .orders-link.header-catalog__orders-link {
        display: flex
    }
}

.header-catalog__wrapper {
    height: 45px
}

@media only screen and (min-width:768px) {
    .header-catalog__wrapper {
        min-height: 70px
    }
}

@media only screen and (max-width:767px) {
    .header-catalog__wrapper {
        height: 40px;
        padding: 0
    }
}

@media only screen and (max-width:1279px) {
    .header-catalog__menu {
        display: none
    }
}

.header-catalog__panel {
    background-color: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-line-border)
}

.header-nav {
    position: relative;
    flex: 0 0 auto;
    height: 100%
}

.header-nav__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%
}

.header-nav__menu {
    display: none;
    width: 100%
}

@media (min-width:768px) and (max-width:1279px) {
    .header-nav__menu {
        position: relative;
        flex-grow: 1;
        margin-top: 30px;
        padding-top: 30px
    }
    .header-nav__menu::after {
        position: absolute;
        top: 0;
        display: block;
        height: 1px;
        background-color: var(--color-bg-secondary);
        content: ""
    }
}

@media only screen and (min-width:768px) {
    .header-nav__menu {
        display: block
    }
}

.header-nav__user-info {
    display: none;
    font-size: 0
}

@media (min-width:768px) and (max-width:1279px) {
    .header-nav__user-info {
        display: block
    }
}

.header-nav__logo {
    padding-inline-end: 20px
}

.header-nav__picture {
    display: block
}

.header-nav__img,
.header-nav__picture {
    max-width: 270px;
    max-height: 50px
}

@media only screen and (min-width:1280px) {
    .header-nav__img,
    .header-nav__picture {
        max-height: 75px
    }
}

@media only screen and (max-width:767px) {
    .header-nav__basket {
        display: none
    }
}

.header-nav_lite .auth-menu__button-entry,
.header-nav_lite .auth-user {
    background-color: transparent
}

.header-nav {
    padding: 10px 0;
    z-index: 50;
    background-color: var(--color-bg-secondary)
}

@media (min-width:768px) and (max-width:1279px) {
    .header-nav {
        padding: 30px 0 20px
    }
}

@media only screen and (min-width:1280px) {
    .header-nav {
        padding: 40px 0
    }
}

@media (min-width:768px) and (max-width:1279px) {
    .header-nav__wrapper {
        flex-wrap: wrap
    }
    .header-nav__menu {
        flex-grow: 1;
        width: auto
    }
    .header-nav__menu::after {
        inset-inline: -15px
    }
}

@media only screen and (min-width:1280px) {
    .header-nav__menu::after {
        display: none
    }
}

.header-nav__btn-mobile {
    order: 2
}

@media only screen and (max-width:767px) {
    .header-nav__user-info {
        display: block
    }
}

.header-nav__btn-user {
    order: 1
}

@media only screen and (min-width:1280px) {
    .header-nav {
        display: flex;
        align-items: center;
        height: 88px;
        padding: 0
    }
}

.header-nav__user-info_mobile {
    display: block
}

@media only screen and (max-width:1279px) {
    .header-nav__user-info_mobile {
        margin-inline-end: 8px
    }
}

@media (min-width:768px) and (max-width:1279px) {
    .header-nav__btn-user_log-in {
        display: none
    }
}

.header-nav__btn-mobile {
    width: 24px
}

@media (min-width:768px) and (max-width:1279px) {
    .header-nav__btn-mobile {
        width: 32px;
        padding: 4px;
        background-color: var(--color-bg-primary);
        border-radius: var(--border-radius)
    }
}

@media only screen and (min-width:1280px) {
    .header-nav__btn-mobile {
        display: none
    }
}

@media only screen and (max-width:1279px) {
    .header-nav__menu {
        display: none
    }
}

.header-nav_lite .auth-menu__button-entry:hover {
    color: var(--color-text-secondary);
    background-color: transparent
}

.header-nav_lite .header-nav__btn-mobile {
    display: none
}

.header-nav_lite .header-nav__user-info {
    margin-inline-end: 0
}

.header-select {
    position: relative
}

.header-select__open {
    display: flex;
    justify-content: center;
    gap: 4px;
    align-items: center;
    outline: 0
}

@media only screen and (max-width:767px) {
    .header-select__open {
        width: 100%
    }
}

.header-select__open-caption {
    color: var(--color-text-tertiary);
    white-space: nowrap
}

.header-select__list-wrapper {
    position: absolute;
    top: 100%;
    z-index: 2;
    display: none;
    width: auto
}

@media only screen and (max-width:767px) {
    .header-select__list-wrapper {
        top: auto;
        bottom: 100%
    }
}

.header-select:hover .header-select__list-wrapper,
.header-select[focus-within] .header-select__list-wrapper {
    display: block
}

.header-select:focus-within .header-select__list-wrapper,
.header-select:hover .header-select__list-wrapper {
    display: block
}

.header-select__list {
    z-index: 1;
    min-width: 100%;
    max-height: 240px;
    padding: 8px 0;
    border-radius: var(--border-radius)
}

.header-select__svg {
    width: 16px;
    height: 16px;
    fill: var(--color-text-tertiary)
}

.header-select__highlight {
    font-weight: 700
}

.header-select__icon {
    fill: currentColor
}

.header-select__list-wrapper {
    inset-inline-end: 0
}

.header-select__open {
    color: var(--color-text);
    font-weight: 400;
    font-size: 15px;
    background-color: transparent;
    border: 0;
    transition: background-color .15s ease-in-out
}

@media only screen and (min-width:768px) {
    .header-select__open:focus,
    .header-select__open:hover {
        color: var(--color-accent);
        background-color: var(--color-line-border)
    }
}

.header-select__icon {
    display: inline-block;
    vertical-align: middle
}

.header-select__open-caption {
    font-size: 16px;
    line-height: 24px
}

.header-select:focus .header-select__open-caption,
.header-select:hover .header-select__open-caption {
    color: var(--color-text)
}

.header-select:focus .header-select__icon,
.header-select:focus .header-select__svg,
.header-select:hover .header-select__icon,
.header-select:hover .header-select__svg {
    fill: var(--color-text)
}

@media only screen and (max-width:1279px) {
    .header-select:focus .header-select__list-wrapper,
    .header-select:hover .header-select__list-wrapper {
        display: none
    }
}

.header-select__open {
    padding: 0
}

.header-select__open:focus,
.header-select__open:hover {
    color: var(--color-text);
    background: 0 0
}

.header-select__icon {
    width: 16px;
    height: 16px;
    margin: 0;
    fill: var(--color-text-tertiary)
}

.info-box {
    width: 100%;
    padding: 24px;
    border-radius: var(--border-radius)
}

@media only screen and (max-width:1279px) {
    .info-box {
        display: none
    }
}

.info-box__content_multi-currency {
    display: flex;
    justify-content: space-between
}

.info-box__content_multi-currency:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-line-border)
}

.info-box__content_single-currency {
    margin-bottom: 16px
}

.info-box__title {
    color: var(--color-text)
}

.info-box__currency-amount {
    color: var(--color-status-red-text)
}

.info-box {
    background-color: var(--color-bg-secondary)
}

.input-numcontrol {
    position: relative
}

.input-numcontrol__input {
    height: 100%;
    min-height: 36px;
    text-align: center;
    border: 1px solid var(--color-line-border);
    border-radius: var(--border-radius)
}

@media only screen and (min-width:1280px) {
    .input-numcontrol__input {
        min-height: 43px
    }
}

.input-numcontrol__decrement,
.input-numcontrol__increment {
    position: absolute;
    top: 3px;
    bottom: 3px;
    width: 18px;
    border: 0;
    border-radius: var(--border-radius)
}

@media only screen and (min-width:1280px) {
    .input-numcontrol__decrement,
    .input-numcontrol__increment {
        top: 6px;
        bottom: 6px
    }
}

.input-numcontrol__decrement::after,
.input-numcontrol__increment::after {
    display: block;
    width: 100%;
    color: var(--color-text-tertiary-contrast);
    font-size: 18px;
    line-height: 1
}

.input-numcontrol__decrement::after {
    content: "-"
}

.input-numcontrol__increment::after {
    content: "+"
}

.input-numcontrol__decrement,
.input-numcontrol__increment {
    background-color: var(--color-bg-secondary)
}

.input-numcontrol__decrement {
    inset-inline-start: 3px
}

@media only screen and (min-width:1280px) {
    .input-numcontrol__decrement {
        inset-inline-start: 6px
    }
}

.input-numcontrol__increment {
    inset-inline-end: 3px
}

@media only screen and (min-width:1280px) {
    .input-numcontrol__increment {
        inset-inline-end: 6px
    }
}

.input-numcontrol__input {
    width: auto;
    padding-inline: 22px 25px;
    max-width: 100%
}

input.validation-passed:-webkit-autofill {
    -webkit-animation-name: autofill_success;
    -webkit-animation-fill-mode: forwards
}

input.validation-failed:-webkit-autofill {
    -webkit-animation-name: autofill_error;
    -webkit-animation-fill-mode: forwards
}

.content_type_secondary textarea {
    min-height: 57px;
    max-height: 200px;
    padding: 9px 11px;
    padding: var(--w-input-padding-md, 9px 11px);
    color: var(--color-bg-primary-contrast);
    font-size: 14px;
    font-family: var(--font-family-main);
    line-height: 16px;
    border: 1px solid var(--color-line-border);
    border-radius: var(--border-radius);
    resize: vertical;
    transition: border-color .1s linear, box-shadow .1s linear
}

@media only screen and (min-width:1280px) {
    .content_type_secondary textarea {
        padding: 11px 15px;
        padding: var(--w-input-padding-md, 11px 15px)
    }
}

.content_type_secondary textarea:focus {
    border-color: var(--color-line-border-hover);
    outline: 0;
    box-shadow: 0 0 0 1px var(--color-line-border-hover) inset
}

.content_type_secondary textarea:hover {
    border-color: var(--color-line-border-hover)
}

.content_type_secondary select {
    padding-inline: 8px 25px;
    color: var(--color-bg-primary-contrast);
    font-size: 14px;
    font-family: var(--font-family-main);
    line-height: 16px;
    border: 1px solid var(--color-line-border)
}

@media only screen and (min-width:1280px) {
    .content_type_secondary select {
        padding-inline-end: 35px
    }
}

input::-ms-clear {
    display: none
}

.content-page input.validation-passed,
input.validation-passed {
    border-color: var(--color-success);
    outline: 0;
    box-shadow: 0 0 0 1px var(--color-success) inset
}

.bootstrap-select>.validation-passed {
    outline: 0;
    box-shadow: 0 0 0 1px var(--color-success) inset
}

.bootstrap-select>.validation-failed,
.content-page input.validation-failed,
.content-page input.validation-failed:focus,
.content-page textarea.validation-failed,
.content-page textarea.validation-failed:focus,
input.validation-failed,
input.validation-failed:focus,
textarea.validation-failed,
textarea.validation-failed:focus {
    border-color: var(--color-error);
    outline: 0;
    box-shadow: 0 0 0 1px var(--color-error) inset
}

.content-page .select-box a {
    padding: 12px 0;
    padding-inline: 15px 20px
}

input[type=checkbox]:not(.c-checkbox__input)+label a {
    text-decoration: underline
}

input[type=checkbox]:not(.c-checkbox__input),
input[type=radio] {
    padding: 0
}

input[type=checkbox]:not(.c-checkbox__input) {
    width: 14px;
    height: 14px;
    margin-inline: 2px 11px
}

input[type=radio] {
    width: 14px;
    height: 14px;
    margin: 0 2px;
    outline: 0
}

.content-page input,
.content-page label {
    vertical-align: middle
}

input[type=radio]+label {
    position: relative;
    margin-inline: 10px 20px;
    color: var(--color-text);
    color: var(--w-radio-color-label, var(--color-text));
    font-weight: 400;
    cursor: pointer
}

input[type=checkbox]:not(.c-checkbox__input)+label {
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer
}

input[type=radio]+label::before {
    top: 0;
    inset-inline-start: -28px;
    width: 18px;
    height: 18px;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-line-control);
    border: var(--w-radio-border-width, 1px) solid var(--color-line-control);
    border-radius: 18px;
    position: absolute;
    display: block;
    content: ""
}

input[type=radio]+label:hover::before {
    background-color: var(--color-bg-secondary);
    border-color: var(--color-line-control)
}

input[type=radio]+label::after {
    position: absolute;
    content: ""
}

input[type=checkbox]:not(.c-checkbox__input)+label::before {
    position: absolute;
    top: 2px;
    inset-inline-start: -30px;
    z-index: 1;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    transition: background .15s ease;
    content: ""
}

input[type=checkbox]:not(.c-checkbox__input).validation-failed+label::before {
    border-color: var(--color-error)
}

input[type=checkbox]:not(.c-checkbox__input):checked+label::before {
    background-color: var(--color-accent)
}

input[type=radio]+label::after {
    top: 4px;
    inset-inline-start: -24px;
    display: none;
    width: 10px;
    height: 10px;
    background-color: var(--color-accent);
    border-radius: 10px
}

input[type=radio]:checked+label::after {
    display: block
}

input[type=radio]:checked+label::before {
    background-color: var(--color-bg-primary);
    background-color: var(--w-radio-active-bg, var(--color-bg-primary));
    border-color: var(--color-line-control);
    border-color: var(--w-radio-active-border, var(--color-line-control))
}

input[type=radio]:checked+label:hover::before {
    background-color: var(--color-bg-secondary);
    background-color: var(--w-radio-active-bg-hover, var(--color-bg-secondary));
    border-color: var(--color-line-control);
    border-color: var(--w-radio-active-border-hover, var(--color-line-control))
}

.datetime,
.is-required {
    position: relative
}

.is-required::after {
    position: absolute;
    top: 3px;
    inset-inline-end: -2px;
    width: 6px;
    height: 6px;
    background: var(--color-error);
    border-radius: 6px;
    content: ""
}

.datetime__input {
    width: 100%;
    padding-inline-end: 20px
}

.datetime input[type=text] .datetime__input {
    min-width: 96px;
    padding-inline-end: 30px
}

.datetime__close {
    display: none
}

.datetime__control {
    position: absolute;
    top: 50%;
    display: flex;
    inset-inline-end: 10px;
    transform: translateY(-50%);
    cursor: pointer
}

.datetime__control--remove .datetime__close {
    display: block
}

.datetime__control--remove .datetime__calendar,
.mc-select li.mc-select__item::before {
    display: none
}

.datetime__control svg {
    width: 20px;
    height: 20px;
    fill: var(--color-text-tertiary)
}

@media only screen and (min-width:768px) {
    .datetime__control svg {
        width: 24px;
        height: 24px
    }
}

.datepicker_dashboard .days .selected,
.datepicker_dashboard .days .week .day:hover,
.datepicker_dashboard .days .week .selected,
.datepicker_dashboard .header .titleText {
    color: #d41a31 !important
}

.bootstrap-select>.validation-failed {
    background-image: none
}

input[type=checkbox]:not(.c-checkbox__input)+label::before {
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-line-border);
    border-radius: 2px
}

input[type=checkbox]:not(.c-checkbox__input):checked+label::before {
    background: var(--color-bg-secondary);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M4.136 7.89L1.051 4.779L0 5.84L4.136 10L13.015 1.05L11.964 0L4.136 7.89Z'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--color-line-border)
}

.loader {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    color: var(--color-accent);
    font-size: 0;
    text-align: center
}

.loader_inline {
    height: auto
}

.loader_block {
    height: 100%
}

.loader__item {
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-inline-start: -35px;
    background: 0 0;
    border: 4px solid var(--color-accent);
    border-bottom-color: transparent;
    border-radius: 100%;
    animation: loader 1s linear infinite
}

.loader_inline .loader__item {
    position: static;
    margin: 0
}

.logo-list {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.logo-list__text-decoration {
    margin-top: 35px;
    margin-bottom: 35px
}

.logo-list__item {
    margin-bottom: 25px
}

@media only screen and (max-width:767px) {
    .logo-list__item {
        width: 100%
    }
    .logo-list__item--big {
        width: 50%
    }
}

.logo-list__icon-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    margin-inline-end: 0;
    margin-bottom: 10px;
    text-align: center;
    border: 1px dashed var(--color-bg-tertiary)
}

.logo-list__icon-svg {
    position: relative;
    width: 100%;
    height: auto;
    max-height: 50px;
    fill-rule: evenodd
}

.logo-list__title {
    color: var(--color-text-secondary);
    font-size: 16px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .logo-list__title {
        min-height: 45px
    }
}

.logo-list__descr,
.logo-list__link:hover {
    color: var(--color-text-secondary)
}

.logo-list__link {
    color: var(--color-accent);
    text-decoration: underline
}

.logo-list__link:hover {
    text-decoration: none
}

.logo-list--big .logo-list__title {
    padding-top: 10px;
    padding-bottom: 10px;
    color: var(--color-text);
    font-weight: 500
}

@media only screen and (max-width:767px) {
    .logo-list--big {
        display: flex;
        flex-wrap: wrap
    }
    .logo-list--big .logo-list__item {
        width: 50%
    }
}

.main-logo {
    display: block;
    flex-shrink: 0
}

.main-logo_foreign {
    max-width: 236px
}

.main-logo {
    margin-inline-end: auto
}

.main-logo__img {
    max-height: 32px
}

@media only screen and (min-width:768px) {
    .main-logo__img {
        max-height: 48px
    }
}

.make-order-module {
    margin-bottom: -40px
}

.mc-select {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding-bottom: 20px
}

.mc-select__label {
    padding-inline-end: 10px
}

.mc-select__list {
    position: absolute;
    z-index: 10;
    display: none;
    width: 180px;
    padding: 10px;
    list-style-type: none;
    background: var(--color-bg-primary);
    box-shadow: var(--shadow-2dp)
}

.mc-select__list--show {
    display: block
}

.mc-select__selected {
    width: 180px;
    min-height: 40px;
    padding: 10px 15px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-line);
    cursor: pointer
}

.mc-select__items {
    position: relative
}

.mc-select__link {
    display: block;
    width: 100%
}

.mc-select__item:hover {
    background: var(--color-line)
}

.mc-select__item:hover .mc-select__link {
    color: var(--color-accent)
}

.mc-select li.mc-select__item {
    padding: 2px 10px
}

.mc-select__icon {
    position: absolute;
    top: 18px;
    inset-inline-end: 10px;
    display: inline-block;
    width: 7px;
    height: 4px
}

.mc-select__control:not(:last-child) {
    margin-inline-end: 20px
}

.mc-switch {
    display: inline-flex;
    align-items: center
}

.mc-switch__label {
    margin-inline-end: 20px;
    font-weight: 600;
    font-size: 16px
}

.mc-switch__toggle {
    display: inline-flex
}

.mc-switch__item {
    font-weight: 600
}

.mc-switch__item:hover .mc-switch__item-text {
    border: 0
}

.mc-switch {
    padding: 15px 30px;
    background-color: var(--color-line)
}

.mc-switch__item {
    margin-inline-end: 5px;
    padding: 10px 20px;
    background-color: var(--color-text-contrast)
}

.mc-switch__item_active {
    color: var(--color-text-contrast);
    background-color: var(--color-accent)
}

.mc-switch__item:not(.mc-switch__item_active):focus,
.mc-switch__item:not(.mc-switch__item_active):hover {
    background-color: var(--color-line-border)
}

.mc-switch__item-text {
    border-bottom: 1px dashed var(--color-accent)
}

.menu-catalog {
    position: relative;
    min-width: 144px;
    height: 48px
}

.menu-catalog__list {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-start: 0;
    z-index: 4;
    min-width: 285px;
    margin: 0;
    list-style: none;
    background-color: var(--color-bg-primary);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: 200ms
}

.menu-catalog__close-svg {
    display: none
}

.menu-catalog__item {
    border-bottom: 1px solid var(--color-line-border)
}

.menu-catalog__item:last-child {
    border-bottom: none
}

.menu-catalog__item:hover .menu-catalog-sub {
    display: flex;
    flex-direction: column;
    max-height: 400px
}

@media (min-width:768px) and (max-width:1279px) {
    .menu-catalog__item:hover .menu-catalog-sub {
        max-width: 460px !important
    }
}

@media only screen and (max-width:767px) {
    .menu-catalog__item:hover .menu-catalog-sub {
        max-width: 250px !important
    }
}

.menu-catalog__btn {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 65px;
    height: 100%;
    border: 0;
    outline: 0;
    cursor: pointer;
    gap: 10px
}

@media only screen and (min-width:1280px) {
    .menu-catalog__btn {
        padding: 10px 0
    }
}

.menu-catalog--show .menu-catalog__btn {
    z-index: 101
}

.menu-catalog--show .menu-catalog__list {
    z-index: 101;
    visibility: visible;
    opacity: 1
}

.menu-catalog--show .menu-catalog__close-svg {
    display: block
}

.menu-catalog--show .menu-catalog__menu-svg {
    display: none
}

.menu-catalog__link {
    position: relative;
    display: block;
    padding: 25px 50px;
    color: var(--color-text-secondary);
    font-weight: 500;
    font-size: 16px;
    transition: background .15s linear
}

.menu-catalog__link--sub::before {
    background: linear-gradient(to top right, var(--color-bg-secondary) 50%, transparent 51%)
}

.menu-catalog__link--sub::after {
    background: linear-gradient(to bottom right, var(--color-bg-secondary) 50%, transparent 51%)
}

.menu-catalog__link:hover {
    color: var(--color-accent);
    text-decoration: none;
    background-color: var(--color-bg-secondary)
}

.menu-catalog__arrow {
    position: absolute;
    top: 50%;
    inset-inline-end: 18px;
    width: 9px;
    height: 9px;
    transform: translateY(-50%);
    fill: currentColor;
    stroke: currentColor
}

html[dir=rtl] .menu-catalog__arrow {
    transform: translateY(-50%) rotate(180deg)
}

.menu-catalog--show .menu-catalog__btn {
    background-color: var(--color-accent)
}

.menu-catalog--show .menu-catalog__btn-title,
.menu-catalog__btn:hover .menu-catalog__btn-title {
    color: var(--color-text-contrast)
}

.menu-catalog--show .menu-catalog__close-svg,
.menu-catalog__btn:hover svg,
.mobile-menu-sub__item_colored>.mobile-menu__button>.mobile-menu-sub__icon {
    fill: var(--color-bg-primary)
}

.menu-catalog__btn {
    width: 100%;
    min-height: 0;
    color: var(--color-text);
    font-size: 16px;
    background-color: var(--color-bg-primary);
    border: 2px solid var(--color-accent);
    border-radius: var(--border-radius);
    transition: background-color 200ms
}

@media only screen and (min-width:1280px) {
    .menu-catalog__btn {
        padding: 12px 20px;
        padding-inline-start: 12px
    }
}

.menu-catalog__btn:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent)
}

.menu-catalog__btn-title {
    color: var(--color-text);
    font-size: 16px;
    line-height: 24px
}

.menu-catalog-sub {
    scrollbar-color: rgba(0, 0, 0, .16) rgba(0, 0, 0, .04);
    scrollbar-width: thin;
    position: absolute;
    top: 0;
    inset-inline-start: 100%;
    display: none;
    width: 100%;
    min-height: 100%;
    padding-top: 32px;
    padding-bottom: 16px;
    padding-inline: 40px 0;
    overflow-y: auto;
    list-style: none;
    background-color: var(--color-bg-primary);
    border-inline-start: 1px solid var(--color-line-border)
}

.menu-catalog-sub::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.menu-catalog-sub::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .04)
}

.menu-catalog-sub::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .16);
    border-radius: 2px
}

.menu-catalog-sub__item {
    box-sizing: border-box;
    width: 210px;
    height: auto;
    margin-bottom: 15px;
    padding-inline-end: 40px
}

.menu-catalog-sub__link {
    color: var(--color-text-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    word-break: break-word;
    transition: background .15s linear
}

.menu-catalog-sub__link:hover {
    color: var(--color-accent);
    text-decoration: underline
}

.message,
.message a {
    color: var(--color-text-contrast)
}

.message {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    transition: opacity .3s ease-in-out
}

.message a {
    text-decoration: underline;
    cursor: pointer
}

.message__title {
    padding: 16px 18px;
    font-weight: 500;
    font-size: 18px
}

.message__text {
    position: relative;
    margin: 0;
    padding: 18px
}

.message__text p:last-of-type {
    margin-bottom: 0
}

.message_hide {
    bottom: -100%;
    visibility: hidden;
    opacity: 0
}

.message {
    line-height: 20px
}

.message_type_error,
.message_type_error a,
.message_type_error a:hover,
.message_type_info,
.message_type_info a,
.message_type_info a:hover,
.message_type_success,
.message_type_success a,
.message_type_success a:hover {
    color: var(--color-bg-primary)
}

.message_type_success {
    background-color: var(--color-success)
}

.message_type_info {
    background-color: var(--color-info)
}

.message_type_error {
    background-color: var(--color-error)
}

.message_type_warning {
    background-color: var(--color-warning)
}

.message_view_outline {
    padding: 0;
    font-size: 14px;
    background: var(--color-bg-primary);
    border-width: 2px;
    border-style: solid
}

.message_view_outline,
.message_view_outline a,
.message_view_outline a:hover {
    color: var(--color-text)
}

.message_view_outline.message_type_error {
    border-color: var(--color-error)
}

.message_view_outline.message_type_success {
    border-color: var(--color-success)
}

.message_view_outline.message_type_info {
    border-color: var(--color-info)
}

.message_view_outline.message_type_warning {
    border-color: var(--color-warning)
}

@media only screen and (min-width:768px) {
    .message {
        font-size: 15px
    }
}

.message_lb.message_type_error {
    padding: 12px;
    background-color: #f44336;
    background-image: none;
    border-inline-start: 6px solid #c62828
}

.message_lb.message_center {
    position: fixed;
    bottom: 0;
    inset-inline-start: 50%;
    z-index: 1000;
    margin: 0;
    transform: translateX(-50%)
}

@media only screen and (max-width:1279px) {
    .message_lb.message_center {
        width: 100%
    }
}

.message_lb.message_center::after,
.mobile-nav__item .user-menu__item[data-separator=yes]::after {
    display: none
}

.message__title.message__title_lg {
    margin-bottom: 8px;
    padding: 0;
    color: var(--color-text-contrast);
    font-size: 18px;
    line-height: 24px
}

.message__text.message__text_lg {
    padding: 0;
    color: var(--color-text-contrast);
    font-size: 16px;
    line-height: 18px
}

.mobile-menu {
    flex-grow: 2;
    list-style: none
}

.mobile-menu__item {
    padding: 0 16px;
    border-bottom: 1px solid var(--color-line)
}

.mobile-menu__item-descr {
    color: var(--color-text-tertiary)
}

.mobile-menu .mobile-menu__item-info_start-align {
    justify-content: start
}

.mobile-menu__item-caption {
    overflow: hidden;
    color: var(--color-text);
    text-align: start;
    text-overflow: ellipsis
}

.mobile-menu__item-caption_phone {
    border-bottom: 1px dashed var(--color-text-border)
}

.mobile-menu__item-caption_phone:hover {
    color: var(--color-link-hover);
    border-bottom: 1px dashed var(--color-link-hover-border)
}

.mobile-menu__button,
.mobile-menu__item-info,
.mobile-menu__link {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    color: var(--color-text);
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
    background-color: transparent;
    border: 0
}

.mobile-menu__button_contacts-mode,
.mobile-menu__item-info_contacts-mode,
.mobile-menu__link_contacts-mode {
    display: flex;
    width: initial;
    gap: 4px;
    padding: 0
}

.mobile-menu__button-manager>.mobile-menu__item-descr {
    margin-inline-end: 8px
}

.mobile-menu__link:hover,
.no-found__info a {
    color: var(--color-accent)
}

.mobile-menu__icon {
    flex-shrink: 0;
    width: 18px;
    height: 20px;
    margin-inline-end: 3px;
    fill: var(--color-accent)
}

.mobile-menu__info-wrapper {
    display: flex;
    align-items: center;
    gap: 4px
}

.mobile-menu-sub {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 1;
    display: grid;
    height: 100%;
    overflow: hidden;
    list-style: none;
    background-color: var(--color-bg-primary);
    transform: translateX(calc(100% + 30px));
    visibility: hidden;
    opacity: 0;
    transition: transform .2s ease-in, visibility 0s linear .2s, opacity 0s linear .2s;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr
}

.mobile-menu-sub_forward {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    transition: transform .2s ease-out
}

.mobile-menu-sub__list {
    list-style: none
}

.mobile-menu-sub__item {
    padding: 0 16px;
    border-bottom: 1px solid var(--color-line)
}

.mobile-menu-sub__item_colored {
    background-color: var(--color-accent)
}

.mobile-menu-sub__item_colored>.mobile-menu__button {
    color: var(--color-text-contrast)
}

.mobile-menu-sub>ul,
.mobile-nav__item .mobile-nav__menu {
    overflow-y: auto
}

.mobile-menu-sub__button,
.mobile-menu-sub__link {
    padding: 16px 0;
    white-space: normal;
    text-align: start;
    background-color: transparent;
    border: 0
}

.mobile-menu-sub__link {
    display: block;
    color: var(--color-text);
    font-size: 14px;
    line-height: 16px
}

.mobile-menu-sub__button {
    display: flex;
    align-items: center;
    width: 100%
}

.mobile-menu-sub__button_back {
    display: flex;
    padding: 16px;
    color: var(--color-text-tertiary);
    border-bottom: 1px solid var(--color-line);
    gap: 4px
}

.mobile-menu-sub__icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    transform: rotate(-90deg)
}

.mobile-menu-sub__icon_back {
    transform: rotate(90deg);
    fill: var(--color-text-tertiary)
}

.mobile-nav {
    height: calc(1vh*100);
    height: calc(var(--vh, 1vh)*100);
    white-space: nowrap;
    transform: translate(0);
    transition: transform 500ms
}

.mobile-nav__item {
    position: absolute;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-top: 1px solid transparent;
    transform: translateX(100%);
    visibility: hidden;
    opacity: 0
}

.mobile-nav__title {
    position: relative;
    padding: 16px;
    overflow: hidden;
    color: var(--color-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid var(--color-line)
}

.mobile-nav__btn-account {
    width: 100%
}

.mobile-nav__actions {
    display: flex
}

.mobile-nav__btn {
    flex-grow: 1
}

.mobile-nav__btn-back {
    position: relative;
    display: block;
    width: 230px;
    margin: 10px auto;
    padding: 10px 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    background-color: var(--color-bg-secondary)
}

.mobile-nav__btn-back::after {
    position: absolute;
    top: 50%;
    inset-inline-start: 77px;
    width: 14px;
    height: 7px;
    margin-top: -3.5px;
    background-image: url(/images/template/ico-arrow-back.png);
    background-repeat: no-repeat;
    content: ""
}

.mobile-nav__btn-back:active,
.mobile-nav__btn-back:focus,
.mobile-nav__btn-back:hover {
    text-decoration: none
}

.modal__img {
    margin: auto
}

.modal-open .sticky-header__panel_fixed,
.modal_opened .sticky-header__panel_fixed {
    position: static
}

.close,
button.close {
    position: absolute;
    top: 10px;
    inset-inline-end: 15px;
    display: block;
    width: 24px;
    height: 24px;
    opacity: 1
}

.modal-dialog {
    display: table;
    width: auto;
    margin-top: 50px
}

@media only screen and (min-width:1280px) {
    .modal-dialog {
        margin-top: 100px
    }
}

@media only screen and (min-width:1600px) {
    .modal-dialog {
        margin-top: 150px
    }
}

.modal-dialog .close,
.modal-dialog button.close,
.modal-dialog__close {
    position: absolute;
    top: -12px;
    inset-inline-end: -12px;
    display: block;
    opacity: 1
}

.multisearch-btn {
    display: none;
    min-width: 48px;
    height: 48px;
    margin-inline-start: 8px;
    background-color: var(--color-bg-secondary);
    border: 0;
    border-radius: var(--border-radius);
    transition: background-color 200ms
}

.multisearch-btn__svg {
    width: 20px;
    height: 20px;
    fill: var(--color-text-secondary)
}

@media only screen and (min-width:768px) {
    .multisearch-btn {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.multisearch-btn:hover {
    background-color: var(--color-bg-tertiary)
}

.my-address__form {
    margin-top: 2px
}

.navbar-push {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    z-index: 105;
    height: 100vh;
    overflow: hidden;
    transition: transform .5s ease
}

html:not([dir=rtl]) .navbar-push {
    transform: translateX(100%)
}

html[dir=rtl] .navbar-push {
    transform: translateX(-100%)
}

@media only screen and (min-width:1280px) {
    .navbar-push {
        display: none
    }
}

.navbar-push__inner {
    position: relative;
    z-index: 10;
    width: 320px;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-text-contrast)
}

.navbar-push__close {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    z-index: 1;
    display: flex;
    background-color: transparent;
    border: 0
}

.navbar-push__close svg {
    fill: var(--color-text-tertiary)
}

.no-found {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 50px;
    text-align: center
}

.no-found__logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 350px;
    margin-bottom: 50px
}

.no-found__logo-item {
    color: var(--color-accent);
    font-weight: 700;
    font-size: 206px;
    line-height: 1.1;
    letter-spacing: .02em
}

.no-found__logo-item_view_zero {
    width: 150px;
    height: 150px;
    background-color: var(--color-accent);
    border-radius: 50%
}

.no-found__logo-item_type_background {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 5;
    background-image: url(/images/template/no-found-tire.png);
    background-repeat: no-repeat;
    background-position: 62% 20%
}

.no-found__h1 {
    padding-bottom: 25px
}

.no-found__text {
    margin-bottom: 35px;
    font-size: 20px;
    line-height: 30px
}

.no-found__to-main {
    display: inline-block;
    margin-bottom: 40px;
    padding: 15px 20px;
    font-size: 18px;
    text-decoration: none
}

.no-found__info {
    padding-top: 25px;
    color: var(--color-text-tertiary-contrast);
    font-size: 16px;
    border-top: 1px solid var(--color-line-border)
}

.no-found__bg {
    background-image: url(/images/template/no-found/default-no-found.png)
}

.no-found__info a:hover {
    color: var(--color-bg-secondary-contrast)
}

.notice-page {
    display: flex;
    flex-direction: column;
    align-items: center
}

.content .notice-page__text {
    max-width: 512px;
    text-align: center
}

.main-request-vin .notice-page__text {
    max-width: 512px;
    margin-bottom: 24px;
    text-align: center
}

.notice-page__icon {
    display: block;
    width: 72px;
    height: 72px;
    margin-bottom: 12px;
    background-color: rgba(113, 178, 102, .1);
    background-repeat: no-repeat;
    background-position: center 40%;
    border-radius: 50%
}

.notice-page__icon_ok {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg id='ok' width='37' height='37' viewBox='0 0 37 37' xmlns='http://www.w3.org/2000/svg' fill='%2367b16a'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.0211 10.8165C35.8022 11.5976 35.8022 12.8639 35.0211 13.6449L12.231 36.435L1.5859 25.7899C0.804856 25.0088 0.804857 23.7425 1.5859 22.9615C2.36695 22.1804 3.63328 22.1804 4.41433 22.9615L12.231 30.7782L32.1927 10.8165C32.9737 10.0355 34.2401 10.0355 35.0211 10.8165Z'/%3E %3C/svg%3E")
}

.notice-page__icon_error {
    background-color: rgba(244, 100, 54, .1);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='38' viewBox='0 0 6 38' xmlns='http://www.w3.org/2000/svg' fill='%23f44336'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 2C5 0.895431 4.10457 0 3 0C1.89543 0 0.999999 0.895431 0.999999 2L1 25C1 26.1046 1.89543 27 3 27C4.10457 27 5 26.1046 5 25L5 2ZM3 38C4.65685 38 6 36.6569 6 35C6 33.3431 4.65685 32 3 32C1.34315 32 0 33.3431 0 35C0 36.6569 1.34315 38 3 38Z'/%3E %3C/svg%3E")
}

.notice-page__icon_info {
    background-color: #ecf3f9;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='38' viewBox='0 0 6 38' xmlns='http://www.w3.org/2000/svg' fill='%2361a5ca'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 2C5 0.895431 4.10457 0 3 0C1.89543 0 0.999999 0.895431 0.999999 2L1 25C1 26.1046 1.89543 27 3 27C4.10457 27 5 26.1046 5 25L5 2ZM3 38C4.65685 38 6 36.6569 6 35C6 33.3431 4.65685 32 3 32C1.34315 32 0 33.3431 0 35C0 36.6569 1.34315 38 3 38Z'/%3E %3C/svg%3E");
    transform: rotate(180deg)
}

.notice-page__icon_warning {
    width: 80px;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='84' height='72' viewBox='0 0 84 72' xmlns='http://www.w3.org/2000/svg' fill='%23ffae00'%3E %3Cpath opacity='0.12' d='M41.5692 0L83.1384 72H0L41.5692 0Z'/%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42 24C43.1046 24 44 24.8954 44 26L44 49C44 50.1046 43.1046 51 42 51C40.8954 51 40 50.1046 40 49L40 26C40 24.8954 40.8954 24 42 24Z'/%3E %3Ccircle cx='42' cy='59' r='3'/%3E %3C/svg%3E");
    border-radius: 0
}

.order-success__warning {
    margin-bottom: 32px
}

.order-success__wrapper {
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 16px
}

@media only screen and (min-width:768px) {
    .order-success__wrapper {
        font-size: 16px;
        line-height: 24px
    }
}

.order-success__wrapper_bg {
    max-width: 430px;
    padding: 56px;
    background-color: var(--color-bg-secondary)
}

.order-success__wrapper_bg .form-gr__control {
    width: 100%
}

.order-success__wrapper .universal-form__row {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px
}

.order-success__wrapper .universal-form__row:nth-child(2) {
    margin-bottom: 24px
}

.order-success__wrapper .form-gr__label {
    width: 60%;
    margin-bottom: 8px;
    color: var(--color-text-tertiary);
    font-size: 12px;
    line-height: 16px
}

.order-success__wrapper .dropdown-toggle,
.order-success__wrapper input[type=text],
.order-success__wrapper textarea {
    border-radius: var(--border-radius)
}

.content-page .order-success__notification,
.order-success__info {
    margin-bottom: 32px
}

.content-page .order-success__notification_bg {
    padding: 16px 24px;
    background-color: rgba(97, 165, 202, .1);
    border-radius: var(--border-radius)
}

@media only screen and (max-width:767px) {
    .content-page .order-success__notification_bg {
        margin-bottom: 24px
    }
    .content-page .order-success__notification_center {
        text-align: center
    }
}

.order-success__row {
    display: flex;
    width: 100%
}

.order-success__row_hidden {
    display: none
}

.order-success__row:not(:last-child) {
    margin-bottom: 16px
}

.order-success__row_collapse {
    align-items: flex-start
}

.order-success__map .personal-container__sidebar {
    display: none
}

.order-success__collapse-wrapper {
    max-width: 52%;
    max-height: 24px;
    overflow: hidden
}

.order-success__collapse-wrapper.wrapper_grow {
    margin-inline-end: 16px
}

.order-success__collapse-wrapper.wrapper_grow.open {
    flex: 3;
    margin-inline-end: 0;
    text-align: end
}

.order-success__collapse-btn {
    display: flex;
    gap: 2px;
    align-items: center;
    align-self: flex-start;
    color: var(--color-link);
    background: 0 0;
    border: 0
}

.order-success__collapse-btn.open {
    display: none
}

.order-success__collapse-btn svg {
    fill: currentColor
}

.order-success__text {
    text-align: end
}

.orders-link {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 12px;
    padding-inline-end: 20px;
    color: var(--color-text);
    font-size: 16px;
    line-height: 24px;
    background-color: var(--color-bg-secondary);
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: background-color 200ms
}

.orders-link:active,
.orders-link:focus,
.orders-link:hover {
    color: var(--color-text);
    background-color: var(--color-bg-tertiary)
}

.orders-link svg {
    fill: var(--color-text-tertiary)
}

.paginator {
    display: flex;
    justify-content: center
}

.paginator__item {
    display: flex;
    margin: 1px;
    padding: 8px 10px;
    text-align: center;
    cursor: pointer;
    transition: background-color .15s linear
}

.paginator__item:hover {
    background-color: var(--color-line-border)
}

.paginator__item--active {
    color: #fff
}

.paginator__item--disabled:hover {
    cursor: not-allowed
}

@media only screen and (min-width:768px) {
    .paginator__item {
        padding: 8px 16px
    }
}

.paginator__item.paginator__next svg,
.paginator__item.paginator__prev svg,
.paginator__next svg,
.paginator__prev svg {
    fill: var(--color-text-tertiary-contrast)
}

html[dir=rtl] .paginator__next,
html[dir=rtl] .paginator__prev {
    transform: rotate(180deg)
}

.paginator__prev {
    margin-inline-end: 10px
}

@media only screen and (min-width:768px) {
    .paginator__prev {
        margin-inline-end: 20px
    }
}

.paginator__next {
    margin-inline-start: 10px
}

@media only screen and (min-width:768px) {
    .paginator__next {
        margin-inline-start: 20px
    }
}

.paginator__item {
    background-color: var(--color-line)
}

.paginator__item--active,
.paginator__item--active:hover {
    background-color: var(--color-bg-secondary-contrast)
}

.paginator__item {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px
}

.paginator-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.paginator-dc {
    margin-bottom: 50px
}

.paginator-limit {
    display: flex;
    align-items: center
}

.paginator-limit__label {
    display: inline-block;
    margin-inline-end: 10px;
    padding: 8px 10px
}

.paginator-limit__title {
    display: inline-block;
    margin-inline-end: 10px;
    font-size: 13px;
    vertical-align: middle
}

.paginator-limit__buttons {
    vertical-align: middle
}

.paginator-limit a.paginator-limit__button,
.paginator-limit__button {
    display: inline-block;
    margin: 0 4px;
    padding: 0 4px;
    color: var(--color-bg-primary-contrast);
    text-decoration: none;
    background: 0 0;
    border: 0
}

.paginator-limit a.paginator-limit__button--active,
.paginator-limit__button--active {
    position: relative
}

.paginator-limit a.paginator-limit__button--active::after,
.paginator-limit__button--active::after {
    position: absolute;
    inset-inline: 0;
    bottom: -2px;
    display: block;
    height: 2px;
    background-color: var(--color-accent);
    content: ""
}

.paginator-limit__label {
    background-color: var(--color-bg-secondary)
}

.payment-info {
    display: table;
    width: 100%;
    border-top: 1px solid var(--color-line-border-hover);
    border-collapse: collapse
}

.payment-info__img {
    display: table-cell;
    width: 280px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle
}

.payment-info__descr {
    display: table-cell;
    padding: 30px 0;
    padding-inline-end: 20px;
    vertical-align: middle
}

@media only screen and (max-width:767px) {
    .payment-info__img {
        display: block;
        margin: 0 auto
    }
    .payment-info__descr {
        display: block
    }
}

.payment-methods {
    display: flex;
    font-size: 0;
    line-height: 0
}

@media only screen and (min-width:768px) {
    .payment-methods {
        justify-content: end
    }
}

.payment-methods__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin: 0 0-4px;
    margin-inline-end: -4px
}

.payment-methods__item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
    padding: 4px;
    background-color: transparent
}

.payment-methods__logo {
    fill: currentColor;
    fill-rule: evenodd
}

.payment-methods__item {
    width: 46px;
    height: 38px
}

.payment-methods__logo {
    max-width: 100%;
    max-height: 60%
}

.payment-online__data {
    margin-bottom: 32px
}

@media only screen and (min-width:768px) {
    .payment-online__data {
        margin-bottom: 48px
    }
}

.payment-online__warning {
    margin-bottom: 15px
}

.payment-online__btn-back {
    margin-bottom: 20px
}

.content-page .payment-online__group,
.payment-online__group {
    display: flex;
    align-items: center;
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .content-page .payment-online__group,
    .payment-online__group {
        flex-direction: column
    }
}

.btn.payment-online__button {
    width: 100%;
    margin-bottom: 16px;
    padding: 12px 24px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    border-radius: var(--border-radius)
}

@media only screen and (min-width:768px) {
    .btn.payment-online__button {
        width: auto;
        margin-inline-end: 32px;
        margin-bottom: 0
    }
}

.payment-online__link {
    color: var(--color-link);
    border-bottom: 1px solid var(--color-link)
}

.payment-online__link:focus,
.payment-online__link:hover {
    color: var(--color-link);
    border-color: var(--color-link-hover)
}

.payment-online__notification {
    margin-bottom: 32px
}

.payment-online__notification:last-child {
    max-width: 80%;
    margin-bottom: 0;
    text-align: center
}

@media only screen and (min-width:768px) {
    .payment-online__notification:last-child {
        max-width: 300px;
        text-align: start
    }
}

.payment-online__row {
    display: flex;
    width: 100%
}

.payment-online__row:not(:last-child) {
    margin-bottom: 16px
}

.payment-online__row_collapse {
    align-items: flex-start
}

@media only screen and (max-width:767px) {
    .payment-online__send-payment {
        width: 100%
    }
}

.payment-online__btn-sum {
    margin-inline-end: 4px
}

.payment-online__info {
    margin-bottom: 28px
}

@media only screen and (min-width:768px) {
    .payment-online__info {
        margin-bottom: 32px
    }
}

.universal-form__subgroup.payment-online__subgroup .form-gr__control {
    width: 100%
}

.content-page .payment-online__commision-message,
.content-page .payment-online__commision-notice,
.payment-online__commision,
.payment-online__notification,
.payment-online__sum-commision {
    font-size: 14px;
    line-height: 17px
}

.payment-online__btn-sum {
    margin: 0;
    padding-inline: 8px
}

.payment-online__btn-back {
    display: inline-flex;
    padding-inline-start: 0;
    background-image: none;
    border-bottom: 1px dashed var(--color-text)
}

.payment-online__btn-back:hover {
    border-bottom: 1px dashed var(--color-accent)
}

.payment-online__wrapper {
    max-width: 450px
}

.payment-online__form {
    color: var(--color-text-secondary)
}

.payment-online__form_bg {
    padding: 56px;
    background-color: var(--color-bg-secondary)
}

@media only screen and (max-width:767px) {
    .payment-online__form_bg {
        padding: 24px
    }
}

.payment-online__form .universal-form__row {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px
}

.payment-online__form .universal-form__subgroup {
    margin-bottom: 0
}

.payment-online__form .form-gr__label {
    width: 60%;
    margin-bottom: 8px;
    color: var(--color-text-tertiary)
}

.payment-online__form .dropdown-toggle,
.payment-online__form input[type=text],
.payment-online__form textarea {
    border-radius: 4px
}

.payment-online__footer {
    max-width: 66%
}

@media only screen and (max-width:767px) {
    .payment-online__footer {
        max-width: 100%
    }
}

.payment-online-info {
    padding-top: 16px;
    font-size: 12px;
    line-height: 16px;
    border-top: 1px solid var(--color-line)
}

.payment-online-info__description {
    margin-bottom: 16px;
    overflow: hidden;
    color: var(--color-text-tertiary)
}

.payment-online-info__collapse-btn {
    display: flex;
    align-items: center;
    color: var(--color-text-secondary);
    background: 0 0;
    border: 0
}

.payment-online-info__collapse-btn.open {
    display: none
}

.payment-online-info .block-collapsed {
    position: relative
}

.payment-online-info .block-collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 16px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0)0, #fff 100%)
}

.payment-online-info__img img {
    max-width: 300px;
    max-height: 100px;
    margin-bottom: 8px
}

@media only screen and (min-width:768px) {
    .personal-container {
        display: flex;
        flex-direction: row-reverse
    }
}

@media only screen and (max-width:767px) {
    .personal-container_full_width {
        margin: 0-15px
    }
    .personal-container__sidebar {
        display: none
    }
}

@media only screen and (min-width:1280px) {
    .personal-container__sidebar {
        margin-inline-end: 30px
    }
}

@media only screen and (max-width:1279px) {
    .personal-container__sidebar_hidden {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .personal-container__content {
        flex-grow: 1;
        max-width: 100%
    }
}

@media only screen and (max-width:1279px) {
    .personal-container__content_favorites {
        overflow: visible
    }
}

.personal-navigation,
.personal-navigation__list li::before {
    display: none
}

@media only screen and (min-width:1280px) {
    .personal-navigation {
        position: sticky;
        top: 3px;
        display: block
    }
}

.personal-navigation__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 280px;
    margin-bottom: 20px;
    padding: 20px 0;
    list-style: none;
    border: 1px solid var(--color-line);
    border-radius: var(--border-radius)
}

.content-page .personal-navigation__item {
    margin: 0;
    padding-inline-start: 0
}

.personal-navigation__link {
    position: relative;
    display: block;
    padding: 4px 24px;
    color: var(--color-text);
    transition: color .15s linear
}

.personal-navigation__link::before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 3px;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s linear, visibility .15s linear;
    content: ""
}

.personal-navigation__link:focus,
.personal-navigation__link:hover {
    color: var(--color-text);
    transition: color .15s linear
}

.personal-navigation__link:focus::before,
.personal-navigation__link:hover::before {
    background-color: var(--color-text-tertiary)
}

.personal-navigation__link--active,
.personal-navigation__link--active:hover {
    color: var(--color-accent)
}

.personal-navigation__link--active::before,
.personal-navigation__link--active:hover::before {
    background-color: var(--color-accent)
}

.personal-navigation__link--active::before,
.personal-navigation__link:focus::before,
.personal-navigation__link:hover::before {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s linear, visibility .15s linear
}

.personal-navigation__info {
    width: 280px;
    padding: 24px 24px 12px;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-line);
    border-radius: var(--border-radius)
}

.personal-navigation__info-title {
    color: var(--color-text-tertiary);
    font-size: 13px;
    line-height: 16px
}

.personal-navigation__info-text {
    color: var(--color-text);
    font-size: 16px;
    line-height: 24px
}

.personal-navigation__info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

.personal-navigation__info-mailto {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    fill: var(--color-link)
}

.personal-navigation__info-icon {
    width: 24px;
    height: 24px
}

@media only screen and (min-width:1280px) {
    .personal-navigation {
        top: 70px
    }
}

@media only screen and (max-width:767px) {
    .print-dialog {
        padding: 24px 16px
    }
}

.print-dialog__caption {
    margin-bottom: 20px;
    font-size: 26px
}

.print-dialog__inner {
    display: flex;
    padding-top: 15px
}

.print-dialog__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none
}

@media only screen and (max-width:767px) {
    .print-dialog__list {
        width: 100%
    }
}

.print-dialog__item {
    flex-grow: 1
}

.print-dialog__item:not(:last-child) {
    margin-bottom: 18px
}

.print-dialog__btn {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-inline-start: 15px;
    text-align: start;
    text-decoration: none;
    border-color: var(--color-line-border)
}

@media only screen and (max-width:767px) {
    .print-dialog__btn {
        padding: 6px;
        white-space: initial
    }
}

.print-dialog__icon {
    width: 22px;
    height: 22px;
    margin-inline-end: 12px;
    fill: #000
}

@media only screen and (max-width:767px) {
    .print-dialog__icon {
        width: 17px;
        height: 17px;
        margin-inline-end: 6px
    }
}

.producer-info {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start
}

@media only screen and (max-width:1279px) {
    .producer-info {
        flex-direction: column
    }
}

.producer-info__filter {
    position: relative;
    flex-shrink: 0;
    width: 30%;
    margin-inline-end: 30px;
    background-color: var(--color-bg-tertiary)
}

@media only screen and (max-width:1279px) {
    .producer-info__filter {
        width: 100%;
        margin-inline-end: 0;
        margin-bottom: 30px
    }
}

.producer-info .producer-info__select {
    width: 100%;
    height: 250px;
    padding: 9px 8px
}

.producer-info .producer-info__select option {
    overflow: hidden;
    text-overflow: ellipsis
}

.producer-info__spec {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 10px 20px 6px;
    background-color: var(--color-bg-tertiary)
}

@media only screen and (min-width:768px) {
    .producer-info__spec {
        flex-wrap: nowrap;
        padding: 20px 20px 16px
    }
}

.producer-info__spec-list {
    font-size: 0
}

.producer-info__link a,
.producer-info__spec-link {
    display: inline-block;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
    transition-property: background-color, color
}

.producer-info__spec-link {
    min-width: 24px;
    margin-inline-end: 4px;
    margin-bottom: 4px;
    padding: 2px 6px;
    color: var(--color-bg-primary-contrast);
    font-size: 13px;
    text-align: center;
    background-color: var(--color-bg-primary)
}

.producer-info__spec-link:hover {
    color: var(--color-text-contrast);
    background-color: var(--color-accent-light)
}

.producer-info__spec-title {
    margin-bottom: 8px;
    padding-inline-end: 15px;
    color: var(--color-text-secondary);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px
}

.producer-info__img {
    float: left;
    max-width: 50%;
    margin-inline-end: 10px;
    margin-bottom: 10px
}

@media only screen and (max-width:1279px) {
    .producer-info__img {
        max-width: 100%
    }
}

.producer-info__content {
    flex-grow: 1
}

@media only screen and (max-width:1279px) {
    .producer-info__content {
        width: 100%
    }
    .producer-info__content table {
        width: 100% !important
    }
}

.producer-info__section {
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-line-border)
}

@media only screen and (min-width:768px) {
    .producer-info__section {
        padding: 20px
    }
}

.producer-info__label {
    position: relative;
    margin-bottom: 10px;
    font-size: 16px
}

@media only screen and (min-width:768px) {
    .producer-info__label {
        margin-bottom: 20px
    }
}

.producer-info__label::after {
    position: absolute;
    top: 0;
    inset-inline-start: -20px;
    display: block;
    width: 3px;
    height: 20px;
    background: var(--color-accent);
    content: ""
}

.producer-info__item .bootstrap-select {
    width: 100% !important
}

.producer-info__footer {
    padding: 10px 20px
}

@media only screen and (min-width:768px) {
    .producer-info__footer {
        padding: 20px
    }
}

.producer-info__btn {
    width: 115px;
    margin-inline-end: 2px;
    margin-bottom: 5px;
    padding: 8px 20px
}

.producer-info__reset {
    background-color: var(--color-bg-secondary-contrast);
    border-color: var(--color-bg-secondary-contrast)
}

.producer-info__filter-symbol {
    margin-bottom: 20px;
    padding: 10px 20px 7px;
    background-color: var(--color-bg-tertiary)
}

@media only screen and (min-width:768px) {
    .producer-info__filter-symbol {
        margin-bottom: 50px;
        padding: 20px 20px 17px
    }
}

.producer-info__table-wrapper {
    padding: 0 30px
}

.producer-info__list {
    -moz-column-count: 4;
    column-count: 4
}

.producer-info__link a {
    padding-inline: 12px;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 30px
}

.producer-info__link a:hover {
    color: var(--color-accent);
    background-color: var(--color-bg-disable)
}

.real-currency {
    width: 13px;
    padding: 0 2px;
    color: var(--color-text-contrast);
    background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E %3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384.962 384.962' style='enable-background:new 0 0 384.962 384.962;' xml:space='preserve' fill='%23000'%3E %3Cg%3E %3Cg id='Double_Arrow_Left_x2F_Right'%3E %3Cpath d='M40.942,156.619h187.589c6.641,0,12.03-5.438,12.03-12.151c0-6.713-5.39-12.151-12.03-12.151H40.942l62.558-63.46 c4.704-4.752,4.704-12.439,0-17.179c-4.704-4.752-12.319-4.752-17.011,0l-82.997,84.2c-4.632,4.68-4.68,12.512,0,17.191 l83.009,84.2c4.704,4.752,12.319,4.74,17.011,0c4.704-4.74,4.704-12.439,0-17.179L40.942,156.619z'/%3E %3Cpath d='M381.472,231.904l-83.009-84.2c-4.704-4.752-12.319-4.74-17.011,0c-4.704,4.74-4.704,12.439,0,17.179l62.558,63.46 H156.421c-6.641,0-12.03,5.438-12.03,12.151c0,6.713,5.39,12.151,12.03,12.151H344.01l-62.558,63.46 c-4.704,4.752-4.704,12.439,0,17.179c4.704,4.752,12.319,4.752,17.011,0l82.997-84.2 C386.104,244.416,386.152,236.584,381.472,231.904z'/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 12px
}

.recovery-form__warning {
    margin-bottom: 25px
}

.search-brands {
    display: flex
}

.search-brands__link {
    display: block;
    min-width: 24px;
    margin-bottom: 3px;
    padding: 0 6px;
    font-weight: 500;
    font-size: 16px;
    text-align: center
}

.search-brands__link--active {
    color: var(--color-text-contrast);
    background-color: var(--color-accent)
}

.search-brands__link:hover {
    color: var(--color-accent);
    background-color: var(--color-text-contrast)
}

.search-brands__list {
    display: inline-block
}

.search-brands__common {
    display: inline-block;
    margin-inline-end: 8px
}

.search-brands__item {
    display: inline-block
}

.search-cell {
    padding-inline: 4px
}

.search-cell_left {
    justify-self: start
}

.search-cell_center {
    justify-self: center
}

.search-cell_right {
    justify-self: end
}

.search-cell_sort-active,
.sub-more .top-nav__item .top-nav__link:hover {
    color: var(--color-text-secondary)
}

.search-cell:first-child {
    padding-inline-start: 0
}

.search-cell:last-child {
    padding-inline-end: 0
}

.search-cell.search-cell_overflow_visible {
    overflow: visible
}

.search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px
}

@media only screen and (min-width:768px) {
    .search-empty {
        max-width: 75%;
        margin: 0 auto
    }
}

.search-empty__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 88px;
    margin-bottom: 16px
}

@media only screen and (min-width:768px) {
    .search-empty__img {
        width: 120px;
        height: 120px;
        margin-bottom: 32px
    }
}

.search-empty__img img {
    max-width: 100%;
    max-height: 100%
}

.search-empty__title {
    margin-bottom: 8px;
    color: var(--color-text);
    font-weight: 700;
    font-size: 19px;
    line-height: 24px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .search-empty__title {
        font-size: 26px;
        line-height: 32px
    }
}

.search-empty__subtitle {
    margin-bottom: 24px;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 16px;
    text-align: center
}

@media only screen and (min-width:768px) {
    .search-empty__subtitle {
        margin-bottom: 32px;
        font-size: 16px;
        line-height: 24px
    }
}

.search-empty__buttons {
    text-align: center
}

.search-empty__reset-btn {
    display: inline-flex;
    align-items: center;
    margin: 0 8px 16px;
    padding: 3px;
    padding-inline-end: 23px;
    color: #333;
    font-size: 13px;
    line-height: 16px;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-line-border);
    border-radius: 0
}

.search-empty__reset-btn svg {
    width: 24px;
    height: 24px;
    fill: var(--color-text-tertiary)
}

@media only screen and (min-width:768px) {
    .search-empty__reset-btn {
        padding: 7px;
        padding-inline-end: 11px;
        font-size: 16px;
        line-height: 24px;
        background-position: left 16px center
    }
}

.search-empty__reset-btn_all {
    color: var(--color-bg-primary);
    background-color: var(--color-bg-secondary-contrast);
    border-color: var(--color-bg-secondary-contrast)
}

.search-empty__reset-btn_all svg {
    fill: var(--color-text-contrast)
}

.search-filter {
    padding: 16px 0
}

.search-filter:not(:last-child) {
    border-bottom: 1px solid var(--color-line-border)
}

@media only screen and (min-width:1280px) {
    .search-filter {
        padding: 24px 16px;
        background-color: var(--color-bg-secondary)
    }
}

.search-filter__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

@media only screen and (min-width:1280px) {
    .search-filter__header {
        margin-bottom: 16px;
        cursor: auto
    }
}

.search-filter__title {
    overflow: hidden;
    color: var(--color-text);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis
}

.search-filter__title_with-margin {
    margin-bottom: 16px
}

.search-filter__postfix {
    color: var(--color-text-tertiary)
}

.search-filter__reset-btn {
    display: none
}

@media only screen and (min-width:1280px) {
    .search-filter__reset-btn {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--color-text-tertiary);
        font-size: 13px;
        line-height: 16px;
        background: 0 0;
        border: 0
    }
    .search-filter__reset-btn svg {
        fill: currentColor
    }
}

.search-filter__collapsible {
    padding-top: 16px
}

@media only screen and (min-width:1280px) {
    .search-filter__collapsible {
        padding-top: 0
    }
}

.search-filter__collapsible_collapsed {
    display: none
}

@media only screen and (min-width:1280px) {
    .search-filter__collapsible_collapsed {
        display: block
    }
}

.search-filter__preset {
    display: flex;
    gap: 8px
}

.search-filter__match-item:not(:last-child),
.search-filter__preset:not(:last-child) {
    margin-bottom: 8px
}

.search-filter__toggle-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-inline-end: 16px;
    color: var(--color-accent);
    font-size: 16px;
    line-height: 24px;
    background: 0 0;
    border: 0
}

.search-filter__toggle-btn svg {
    fill: currentColor
}

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

.search-filter__range:not(:last-child) {
    margin-bottom: 16px
}

.search-filter__range_rtl {
    direction: rtl
}

.search-filter__range .search-filter__input {
    flex: 1 1 auto;
    width: 0
}

.search-filter__range-separator {
    margin-inline: 2px
}

.search-form {
    position: relative;
    display: flex
}

.search-form__container {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--color-bg-primary);
    transition: box-shadow .1s ease-in-out, border .1s linear
}

@media only screen and (min-width:768px) {
    .search-form_focus .search-form__container {
        border-color: transparent;
        outline: 0;
        box-shadow: inset 0 0 0 2px var(--color-text-secondary)
    }
}

.search-form__input {
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0
}

.search-form_theme_white .search-form__input {
    color: var(--color-text-tertiary-contrast)
}

.search-form__input:focus,
.search-form__input:hover {
    border: 0;
    box-shadow: none
}

.search-form__input::-moz-placeholder {
    color: var(--color-text-tertiary-contrast);
    font-size: 16px;
    line-height: 24px
}

.search-form__input:-ms-input-placeholder {
    color: var(--color-text-tertiary-contrast);
    font-size: 16px;
    line-height: 24px
}

.search-form__input::placeholder {
    color: var(--color-text-tertiary-contrast);
    font-size: 16px;
    line-height: 24px
}

.search-form__history {
    background: 0 0;
    border: 0
}

.search-form__actions-buttons {
    display: flex;
    align-items: center
}

.search-form__live {
    position: absolute;
    top: 100%;
    inset-inline: 0;
    z-index: 10;
    max-height: 70vh;
    overflow-y: auto
}

.search-form__submit {
    display: flex;
    flex: none;
    justify-content: center;
    background-color: transparent;
    border: 0;
    outline: 0
}

.search-form__submit-svg {
    width: 24px;
    height: 24px;
    fill: var(--color-text)
}

.search-form_theme_white .search-form__submit {
    border-color: var(--color-line-border)
}

.search-form__checkbox,
.search-form__settings {
    flex: none
}

.search-form__basket {
    margin-inline-end: 10px
}

.search-form__basket,
.search-form_myorders {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--color-text-tertiary-contrast)
}

.search-form_theme_white .search-form__container .search-form__checkbox label {
    color: #000
}

.search-form_theme_white .search-form-checkbox .search-form-checkbox__input+.search-form-checkbox__label::before,
.search-form_theme_white .search-form-checkbox .search-form-checkbox__input:checked+.search-form-checkbox__label::before {
    border-color: #000
}

.search-form__container {
    padding-inline: 16px 8px
}

.search-form__settings {
    position: relative
}

.search-form_theme_white .search-form__container {
    background-color: var(--color-bg-secondary)
}

@media only screen and (min-width:768px) {
    .search-form__live {
        inset-inline-end: auto;
        width: 75vw
    }
}

@media only screen and (min-width:1280px) {
    .search-form__live {
        width: 60vw
    }
}

@media only screen and (min-width:1600px) {
    .search-form__live {
        width: 848px;
        max-width: 60vw
    }
}

.search-form__actions-buttons {
    padding: 8px 0;
    padding-inline-end: 8px
}

.search-form__container {
    width: 100%;
    border-bottom: 1px solid var(--color-line-border)
}

@media only screen and (min-width:768px) {
    .search-form__container {
        border: 1px solid var(--color-line-border);
        border-radius: var(--border-radius)
    }
    .search-form_focus .search-form__container {
        box-shadow: inset 0 0 0 2px var(--color-line-border)
    }
}

.search-form__input {
    height: 40px;
    color: var(--color-text-secondary);
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:768px) {
    .search-form__input {
        height: 46px
    }
    .search-form-checkbox {
        display: flex
    }
}

.search-form-checkbox .search-form-checkbox__input {
    display: none
}

.search-form-checkbox .search-form-checkbox__input+.search-form-checkbox__label {
    position: relative;
    padding-inline-start: 24px;
    overflow: hidden;
    color: var(--color-text);
    font-size: 16px;
    line-height: 24px;
    text-overflow: ellipsis
}

.search-form-checkbox .search-form-checkbox__input+.search-form-checkbox__label::before {
    position: absolute;
    inset-inline-start: 0;
    z-index: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 4px;
    transform: translateY(-50%);
    transition: none;
    content: "";
    top: 50%;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-line-border)
}

.search-form-checkbox .search-form-checkbox__input:checked+.search-form-checkbox__label::before {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='11' viewBox='0 0 13 11' xmlns='http://www.w3.org/2000/svg' fill='%23c62828'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.137 7.08219L1.548 4.57227L0 6.07261L4.137 10.0729L12.016 2.46798L10.466 0.979656L4.137 7.08219Z'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-line-border)
}

.search-form-checkbox {
    display: flex;
    padding-inline-end: 16px;
    border-inline-end: 1px solid var(--color-line-border)
}

@media only screen and (min-width:1280px) {
    .search-grid {
        display: grid;
        grid-template-areas: "filters results";
        grid-template-columns: 280px 1fr;
        grid-gap: 32px
    }
}

.search-grid_no-filters {
    display: block
}

.search-form_theme_white .search-live__inner {
    padding: 5px;
    background: var(--color-text-secondary)
}

.search-live__table {
    width: 100%
}

@media only screen and (max-width:767px) {
    .search-live__table {
        display: flex;
        flex-direction: column
    }
}

.search-live__col {
    padding: 5px 15px;
    cursor: pointer
}

.search-live__col a,
.search-live__col a:hover {
    color: var(--color-text-contrast)
}

.search-live__loader {
    position: absolute;
    z-index: 999;
    width: 160px;
    height: 24px;
    background: url(/_sysimg/ajax-loader2.gif)left top no-repeat
}

.search-live__inner {
    background-color: #000
}

@media only screen and (max-width:767px) {
    .search-live__row {
        display: flex;
        flex-direction: column
    }
}

.search-live__row:hover {
    background-color: var(--color-bg-secondary-contrast)
}

.search-form_theme_white .search-live__row:hover {
    background: var(--color-bg-secondary-contrast)
}

.search-live__col {
    color: var(--color-text-contrast)
}

.search-live__col_type_comment {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media only screen and (min-width:768px) {
    .search-live__col_type_producer-name {
        max-width: 160px
    }
    .search-live__col_type_code {
        max-width: 104px
    }
    .search-live__col_type_comment {
        max-width: 240px
    }
}

.search-result-detail-info {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--color-line)
}

@media only screen and (min-width:768px) {
    .search-result-detail-info {
        display: grid;
        margin-bottom: 32px;
        border-bottom: none;
        grid-template-areas: "images     links""parameters parameters";
        grid-template-columns: 280px 1fr;
        grid-gap: 24px
    }
}

@media only screen and (min-width:1280px) {
    .search-result-detail-info {
        margin-bottom: 56px;
        grid-template-areas: "images parameters links";
        grid-template-columns: 344px 2fr 1fr;
        grid-gap: 32px
    }
}

.search-result-detail-info .gallery {
    grid-area: images
}

.search-result-detail-info .parameters {
    text-align: start;
    grid-area: parameters
}

.search-result-detail-info .parameters__title {
    position: relative;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 26px;
    font-style: normal;
    line-height: 32px
}

.search-result-detail-info .parameters__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 24px
}

@media only screen and (min-width:768px) {
    .search-result-detail-info .parameters__info {
        margin-bottom: 0;
        font-size: 16px
    }
}

.search-result-detail-info .parameters__list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.search-result-detail-info .parameters__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-line)
}

.search-result-detail-info .parameters__item:nth-child(n+8) {
    display: none
}

@media only screen and (max-width:767px) {
    .search-result-detail-info .parameters__item:nth-child(n+5) {
        display: none
    }
}

.search-result-detail-info .parameters__alternatives {
    position: relative;
    display: inline-block;
    margin-top: 8px;
    padding-inline-end: 16px;
    color: var(--color-text);
    text-decoration: none;
    background: 0 0;
    border: 0
}

.search-result-detail-info .parameters__alternatives::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    width: 0;
    height: 0;
    margin-top: -1px;
    border-width: 4px;
    border-style: solid;
    border-color: var(--color-text) transparent transparent;
    content: ""
}

.search-result-detail-info .parameters__alternatives.active::after {
    margin-top: -6px;
    transform: rotate(180deg)
}

.search-result-detail-info .parameters__name {
    z-index: 1;
    padding-inline-end: 8px;
    color: var(--color-text-tertiary);
    background: var(--color-text-contrast)
}

.search-result-detail-info .parameters__wrapper-value {
    max-width: 70%;
    text-align: end
}

.search-result-detail-info .parameters__value {
    position: relative;
    z-index: 1;
    display: block;
    padding-inline-start: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    background: var(--color-text-contrast)
}

@media only screen and (min-width:1280px) {
    .search-result-detail-info .parameters__value {
        width: 300px
    }
}

.search-result-detail-info__links {
    margin-bottom: 32px;
    font-size: 14px;
    grid-area: links
}

@media only screen and (min-width:768px) {
    .search-result-detail-info__links {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-bottom: 0;
        font-size: 16px
    }
}

.search-result-detail-info__link {
    display: inline-block;
    background: 0 0;
    position: relative;
    text-decoration: none;
    border: 0;
    color: var(--color-text-secondary)
}

.search-result-detail-info__link::after {
    position: absolute;
    bottom: -1px;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 1px solid transparent;
    border-color: var(--color-text-secondary-border)
}

.search-result-detail-info__link:focus,
.search-stock-info__additional-info a:focus {
    background-color: var(--color-status-blue-bg)
}

.search-stock-info__additional-info a:focus {
    color: var(--color-link)
}

.search-result-detail-info__link:active,
.search-result-detail-info__link:hover {
    background-color: transparent;
    color: var(--color-text)
}

.search-result-detail-info__link:focus::after,
.search-stock-info__additional-info a:focus::after {
    border-color: var(--color-link-border)
}

.search-result-detail-info__link:active::after,
.search-result-detail-info__link:hover::after,
.search-stock-info__additional-info a:active::after,
.search-stock-info__additional-info a:hover::after {
    border-color: var(--color-text-border)
}

.search-result-detail-info__link:not(:last-child) {
    margin-inline-end: 16px
}

@media only screen and (min-width:768px) {
    .search-result-detail-info__link:not(:last-child) {
        margin-inline-end: 0;
        margin-bottom: 8px
    }
}

.search-result-detail-info__link:focus {
    color: var(--color-text-secondary);
    background-color: transparent
}

.search-result-detail-info__gallery {
    height: 344px
}

.search-stock-info {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 16px
}

@media only screen and (min-width:1280px) {
    .search-stock-info {
        display: flex;
        justify-content: space-between
    }
}

.search-stock-info__text {
    margin-bottom: 8px;
    color: var(--color-text-tertiary)
}

@media only screen and (min-width:768px) {
    .search-stock-info__text {
        margin-bottom: 16px
    }
}

@media only screen and (min-width:1280px) {
    .search-stock-info__text {
        margin-bottom: 0
    }
}

.search-stock-info__address {
    display: block;
    color: var(--color-text-secondary)
}

@media only screen and (min-width:768px) {
    .search-stock-info__address {
        display: inline
    }
}

.search-stock-info__additional-info,
.user-menu .user-menu__balance span {
    color: var(--color-text-tertiary)
}

.search-stock-info__additional-info a {
    position: relative;
    text-decoration: none;
    border: 0;
    color: var(--color-text-secondary)
}

.search-stock-info__additional-info a::after {
    position: absolute;
    bottom: -1px;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    content: "";
    border-bottom: 1px solid transparent;
    border-color: var(--color-text-secondary-border)
}

.search-stock-info__additional-info a:active,
.search-stock-info__additional-info a:hover {
    background-color: transparent;
    color: var(--color-text)
}

.secondary-logo__image {
    max-height: 48px
}

.section {
    padding: 0
}

.content-page .section__heading_level_2,
.section__heading_level_2 {
    margin-bottom: 16px;
    color: var(--color-bg-primary-contrast);
    font-weight: 700;
    font-size: 33px;
    line-height: 40px
}

.content-page .section__heading_align_center,
.section__heading_align_center {
    text-align: center
}

.section__paragraph {
    color: var(--color-text-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.section__text_color-tertiary {
    display: flex;
    flex-grow: 1;
    align-items: center;
    color: var(--color-text-tertiary)
}

.section__text_color-accent,
.sitemap__link:hover {
    color: var(--color-accent)
}

.sitemap {
    display: block
}

.content-page ul.sitemap__list,
.sitemap__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.content-page li.sitemap__item,
.sitemap__item {
    margin: 0;
    padding: 0
}

.content-page li.sitemap__item::after,
.content-page li.sitemap__item::before,
.sitemap__item::after,
.sitemap__item::before,
.web-table__col_delete img,
.web-table__col_edit img,
.web-table__print img {
    display: none
}

.sitemap__link {
    color: var(--color-text)
}

.content-page ul.sitemap__list_level_1>.sitemap__item>.sitemap__link {
    display: block;
    margin-bottom: 20px;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 22px;
    background: var(--color-bg-disable)
}

.content-page .sitemap__link-arrow {
    display: inline-block;
    padding-inline-end: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='%26%23x421;%26%23x43B;%26%23x43E;%26%23x439; 1' viewBox='0 0 6.99 12' fill='%23c62828'%3E%3Ctitle%3Earrow%3C/title%3E%3Cpath class='cls-1' d='M0 1.41L4.33 6 0 10.59 1.34 12 7 6 1.34 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right bottom 9.5px;
    background-size: 7px
}

.content-page ul.sitemap__list_level_2 {
    margin: 0 20px 20px
}

@media only screen and (min-width:768px) {
    .content-page ul.sitemap__list_level_2 {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media only screen and (min-width:1280px) {
    .content-page ul.sitemap__list_level_2 {
        -moz-column-count: 4;
        column-count: 4
    }
}

.content-page ul.sitemap__list_level_2>.sitemap__item {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.content-page ul.sitemap__list_level_2>.sitemap__item>.sitemap__link {
    display: block;
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 18px
}

.content-page ul.sitemap__list_level_3 {
    margin-bottom: 20px
}

.content-page ul.sitemap__list_level_3>.sitemap__item>.sitemap__link {
    font-size: 15px
}

@media only screen and (max-width:767px) {
    .state-info {
        padding: 24px 16px
    }
}

.state-info__caption {
    margin-bottom: 10px;
    font-size: 26px
}

.state-info__descr {
    margin-bottom: 10px;
    font-size: 14px
}

.state-info__inner {
    height: 280px;
    overflow: auto
}

.state-info__web-table {
    font-size: 14px
}

.state-info__web-table-ico {
    max-width: 20px;
    margin-inline-end: 5px;
    vertical-align: middle
}

.state-info__status {
    width: 205px
}

.sticky-header__panel_fixed {
    position: fixed;
    z-index: 102;
    width: 100%;
    transition: top .5s ease-in-out
}

.sub-more,
.sub-more::after {
    position: absolute;
    inset-inline-start: 50%;
    background-color: var(--color-bg-primary)
}

.sub-more {
    top: 40px;
    z-index: 1;
    display: none;
    border: 1px solid var(--color-line-border);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-2dp);
    min-width: 224px;
    padding: 0;
    transform: translateX(-50%)
}

.sub-more::after {
    top: -6px;
    z-index: 2;
    display: block;
    width: 10px;
    height: 10px;
    margin-inline-start: -9px;
    border-top: 1px solid var(--color-line-border);
    border-inline-start: 1px solid var(--color-line-border);
    transform: rotate(45deg);
    content: none
}

@media only screen and (max-width:1279px) {
    .sub-more {
        inset-inline-start: -65px
    }
}

.sub-more .top-nav__item {
    margin: 0;
    padding: 0;
    border: 0
}

.sub-more .top-nav__link {
    display: block;
    padding: 3px 10px;
    color: #000;
    font-size: 14px;
    white-space: nowrap
}

.sub-more .top-nav__link:active,
.sub-more .top-nav__link:focus,
.sub-more .top-nav__link:hover {
    color: var(--color-accent);
    text-decoration: none;
    background-color: var(--color-bg-secondary)
}

html[dir=rtl] .sub-more {
    transform: translateX(50%)
}

.sub-more:first-child {
    padding-top: 16px
}

.sub-more .top-nav__item:not(:last-child) {
    margin: 0
}

.sub-more .top-nav__item .top-nav__link {
    margin: 0;
    padding: 8px 24px;
    color: var(--color-text-secondary);
    font-size: 16px;
    line-height: 24px
}

.sub-more .top-nav__item--sub {
    margin-bottom: -11px;
    padding-bottom: 11px
}

.submitButton {
    color: var(--color-text-contrast);
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    background-color: var(--color-accent);
    border-radius: var(--border-radius)
}

@media only screen and (min-width:768px) {
    .submitButton {
        font-size: 15px;
        line-height: 18px
    }
}

.table-row-checkbox {
    display: inline-block
}

.table-row-checkbox input[type=checkbox]:not(.c-checkbox__input):checked+label::before {
    background: var(--color-bg-secondary);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='10' viewBox='0 0 14 10' xmlns='http://www.w3.org/2000/svg' fill='%23c62828'%3E %3Cpath d='M4.136 7.89L1.051 4.779L0 5.84L4.136 10L13.015 1.05L11.964 0L4.136 7.89Z'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--color-accent)
}

.table-row-checkbox__input,
input[type=checkbox].table-row-checkbox__input {
    width: 14px;
    height: 14px;
    margin: 1px
}

input[type=checkbox].table-row-checkbox__input {
    outline: 0;
    visibility: hidden
}

.table-row-checkbox__label,
input[type=checkbox]+label.table-row-checkbox__label {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
}

.table-row-checkbox__label::before,
input[type=checkbox]+label.table-row-checkbox__label::before {
    top: -9px;
    inset-inline-start: -16px
}

.tile-filter {
    margin-bottom: 30px
}

@media only screen and (min-width:768px) {
    .tile-filter__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
        gap: 15px
    }
}

@media only screen and (min-width:1280px) {
    .tile-filter__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media only screen and (max-width:767px) {
    .tile-filter__item {
        margin-bottom: 15px
    }
}

.tile-filter__label {
    margin-bottom: 3px;
    font-weight: 400
}

.tile-filter__control {
    width: 100%
}

.tile-filter__control>.bootstrap-select,
.tile-filter__control>.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.tile-filter__control>input[type=text] {
    width: 100%
}

.tile-filter__submit-wrapper {
    display: inline-block;
    margin-inline-end: 30px
}

.tile-filter__button-reset {
    text-decoration: underline;
    background-color: transparent;
    border: 0;
    transition: color .15s linear
}

.tile-filter__button-reset:focus,
.tile-filter__button-reset:hover {
    color: var(--color-text);
    text-decoration: none;
    transition: color .15s linear
}

@media only screen and (min-width:768px) {
    .tile-filter__button-reset {
        font-size: 14px;
        line-height: 18px
    }
}

.tooltip {
    position: fixed;
    z-index: 20;
    display: inline-block;
    max-width: 60vw;
    padding: 24px;
    line-height: 16px;
    text-align: center;
    background: var(--color-bg-primary);
    border: 1px solid var(--color-line);
    border-radius: 4px;
    box-shadow: var(--shadow-2dp)
}

@media only screen and (min-width:768px) {
    .tooltip {
        max-width: 40vw
    }
}

.tooltip__text {
    color: var(--color-text-secondary);
    font-weight: 400;
    font-size: 14px
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: -10px;
    inset-inline-start: 45%;
    display: block;
    width: 11px;
    height: 11px;
    border-top: 15px solid #fff;
    border-inline-end: 15px solid transparent;
    border-inline-start: 15px solid transparent
}

.tooltip-content {
    padding: 2px 4px
}

@media only screen and (min-width:768px) {
    .tooltip-content {
        padding: 6px 10px
    }
}

.top-menu-sub {
    position: absolute;
    top: 37px;
    display: none;
    list-style-type: none;
    background: var(--color-bg-primary);
    border-radius: var(--border-radius)
}

@media only screen and (min-width:1280px) {
    .top-menu-sub {
        top: 37px
    }
}

.top-menu-sub__link {
    display: block;
    color: #000;
    white-space: nowrap
}

.top-menu-sub__link[href]:active,
.top-menu-sub__link[href]:focus,
.top-menu-sub__link[href]:hover {
    color: #000;
    text-decoration: none;
    background-color: var(--color-bg-secondary)
}

.top-menu-sub {
    border-top: 3px solid var(--color-accent);
    box-shadow: var(--shadow-2dp);
    inset-inline-start: 50%;
    z-index: 100;
    padding: 8px 0;
    border: 0;
    transform: translateX(-50%)
}

.top-menu-sub__link {
    padding: 8px 16px;
    color: var(--color-text);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

html[dir=rtl] .top-menu-sub {
    transform: translateX(50%)
}

.top-menu-sub__link:hover {
    color: var(--color-text-secondary)
}

.top-menu-third {
    margin: 0;
    padding: 0;
    list-style: none
}

.top-menu-third__item:not(:last-child) {
    margin-bottom: 12px
}

.top-menu-third__link {
    color: var(--color-text);
    font-size: 14px;
    line-height: 18px
}

.top-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

@media only screen and (min-width:1280px) {
    .top-nav {
        position: relative;
        top: 10px;
        justify-content: flex-end
    }
}

@media only screen and (min-width:1600px) {
    .top-nav {
        margin-inline: 30px 50px
    }
}

.top-nav--noinit {
    max-height: 42px;
    overflow: hidden
}

.top-nav__link {
    color: #000;
    vertical-align: middle
}

.top-nav__link:hover {
    color: var(--color-accent);
    text-decoration: none
}

@media (min-width:768px) and (max-width:1279px) {
    .top-nav__link {
        font-size: 15.8px
    }
}

.top-nav__item {
    position: relative;
    margin-inline: 19px;
    padding-bottom: 15px;
    list-style-type: none
}

.top-nav__item:first-child {
    margin-inline-start: 0
}

.top-nav__item--active {
    border-color: var(--color-accent)
}

.top-nav__item--active .top-nav__link {
    color: var(--color-accent);
    text-decoration: none
}

.top-nav__item--more:hover {
    border: 0
}

.top-nav__item--more:hover>.top-nav__link {
    color: var(--color-accent)
}

.top-nav__item--more:hover .sub-more,
.top-nav__item--sub:hover .top-menu-sub {
    display: block
}

.top-nav__item--more::before {
    position: absolute;
    top: 19px;
    inset-inline-start: 0;
    display: block;
    width: 100%;
    height: 29px;
    content: ""
}

.top-nav__item--sub:hover .top-nav__icon {
    fill: var(--color-accent)
}

.top-nav__item--sub:hover::after {
    transform: rotate(90deg)
}

.top-nav__item .top-nav__icon {
    width: 12px;
    height: 12px;
    transform: rotate(90deg)
}

.top-nav {
    margin-inline-end: 40px
}

@media only screen and (min-width:1280px) {
    .top-nav {
        top: 7px
    }
}

.top-nav__link {
    color: var(--color-text-secondary);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.top-nav__item {
    margin: 0;
    border: 0
}

.tooltip.vue-tooltip::after,
.top-nav__item:hover {
    border: 0
}

.top-nav__item:not(:last-child) {
    margin-inline-end: 24px
}

.top-nav__item--more,
.top-nav__item--sub {
    display: flex;
    align-items: center;
    padding-inline-end: 0;
    cursor: pointer
}

.top-nav__item--sub:hover .top-nav__link,
.user-menu .user-menu__debt-amount span,
.warning a {
    color: var(--color-accent)
}

.top-nav__item--more .top-nav__link,
.top-nav__item--sub .top-nav__link {
    margin-inline-end: 7px
}

.ulogin-popup {
    z-index: 10001 !important
}

.universal-form__column {
    display: flex;
    flex-direction: column
}

.universal-form__row,
.universal-form__row#tr_is_organization .form-gr__control {
    width: 100%
}

.universal-form__group-title {
    color: var(--color-text);
    font-weight: 500;
    font-size: 14px;
    line-height: 1
}

@media only screen and (min-width:768px) {
    .universal-form__group-title {
        font-size: 16px
    }
}

.universal-form__group-title-tooltip svg {
    display: none;
    fill: var(--color-bg-primary)
}

@media only screen and (min-width:768px) {
    .universal-form__group-title-tooltip svg {
        display: unset;
        width: 16px;
        height: 16px;
        pointer-events: none
    }
}

.universal-form__row,
.universal-form__subgroup {
    padding-top: 1px;
    padding-inline-end: 2px
}

.universal-form__group-title:not(:last-child),
.universal-form__row:not(:last-child),
.universal-form__subgroup:not(.collapsible-block):not(:last-child) {
    margin-bottom: 10px
}

.universal-form__group-title {
    padding: 12px 15px;
    background-color: var(--color-bg-secondary);
    border-inline-start: 5px solid var(--color-accent)
}

@media only screen and (min-width:768px) {
    .universal-form__group-title {
        padding: 12px 20px
    }
}

.universal-form__group-title:focus {
    outline: 0
}

.universal-form__group-title:focus .collapsible-block__toggle-indicate {
    outline: 1px solid var(--color-line-border)
}

.user-info__name,
.user-menu__link span {
    color: var(--color-text)
}

@media only screen and (min-width:768px) {
    .user-info__name {
        color: var(--color-text-disable)
    }
}

.user-menu {
    position: static;
    top: 100%;
    inset-inline-start: 0;
    z-index: 50;
    width: 100%;
    list-style: none;
    background-color: var(--color-bg-primary);
    border: 0;
    visibility: visible;
    opacity: 1;
    transition: opacity 300ms
}

@media only screen and (min-width:768px) {
    .user-menu {
        position: absolute;
        padding: 10px 0;
        box-shadow: var(--shadow-1dp);
        visibility: hidden;
        opacity: 0
    }
}

.user-menu__icon,
.user-menu__svg-icon {
    width: 20px;
    height: 20px;
    fill: var(--color-text-tertiary)
}

@media only screen and (min-width:768px) {
    .user-menu__icon,
    .user-menu__svg-icon {
        width: 24px;
        height: 24px
    }
}

.user-menu__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    color: var(--color-text);
    transition: background .15s ease, color .1s ease
}

@media only screen and (min-width:768px) {
    .user-menu__link_no-icon {
        padding-inline-start: 60px
    }
}

@media only screen and (min-width:1280px) {
    .user-menu__link:hover {
        color: var(--color-accent);
        text-decoration: none;
        background-color: var(--color-bg-secondary)
    }
}

.user-menu__item {
    border-bottom: 1px solid var(--color-line)
}

@media only screen and (min-width:768px) {
    .user-menu__item-all-categoties {
        display: none
    }
}

.user-menu__button {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    padding-inline: 44px 16px;
    color: var(--color-text);
    background-color: transparent;
    border: 0
}

.user-menu__link-text {
    gap: 8px
}

@media only screen and (min-width:768px) {
    .user-menu__link-text {
        gap: 12px
    }
}

.user-menu {
    top: calc(100% + 8px);
    inset-inline: auto 0;
    padding: 0
}

@media only screen and (min-width:768px) {
    .user-menu {
        position: unset;
        width: 320px;
        border-radius: var(--border-radius);
        box-shadow: 0 12px 10px rgba(0, 0, 0, .1);
        visibility: visible;
        opacity: 1
    }
}

@media only screen and (min-width:1280px) {
    .user-menu {
        position: absolute;
        padding: 16px 0;
        visibility: hidden;
        opacity: 0
    }
}

.user-menu--show {
    margin-top: 0
}

@media only screen and (max-width:767px) {
    .user-menu__link_logout .user-menu__link-text {
        color: var(--color-text-tertiary)
    }
}

@media only screen and (min-width:768px) {
    .user-menu__link {
        padding: 16px 24px
    }
}

@media only screen and (min-width:1280px) {
    .user-menu__link {
        padding: 8px 24px
    }
}

.user-menu-sub__link:hover,
.user-menu__link:hover {
    color: var(--color-text-secondary)
}

.user-menu__link_no-icon {
    padding-inline-start: 44px
}

@media only screen and (min-width:768px) {
    .user-menu__link_no-icon {
        padding-inline-start: 60px
    }
}

.user-menu__link span {
    display: flex;
    align-items: center
}

@media only screen and (min-width:768px) {
    .user-menu__item {
        background-color: var(--color-text-contrast)
    }
    .user-menu__item:last-child .user-menu__link-text {
        color: var(--color-text-tertiary)
    }
}

@media only screen and (min-width:1280px) {
    .user-menu__item {
        border: 0
    }
}

.user-menu__link-wrapper {
    padding: 0
}

.user-menu-sub {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    z-index: 1;
    display: grid;
    height: 100%;
    overflow: hidden;
    list-style: none;
    background-color: var(--color-bg-primary);
    transform: translateX(calc(100% + 30px));
    visibility: hidden;
    opacity: 0;
    transition: transform .2s ease-in, visibility 0s linear .2s, opacity 0s linear .2s;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr
}

.user-menu-sub__list {
    overflow: auto;
    list-style: none
}

.user-menu-sub__icon {
    width: 16px;
    height: 16px;
    transform: rotate(-90deg);
    fill: currentColor
}

.user-menu-sub__icon_back {
    transform: rotate(90deg)
}

.user-menu-sub_forward {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    transition: transform .2s ease-out
}

.user-menu-sub__title {
    padding: 16px;
    overflow: hidden;
    color: var(--color-text);
    white-space: nowrap;
    text-overflow: ellipsis
}

.user-menu-sub__item,
.user-menu-sub__title {
    border-bottom: 1px solid var(--color-line)
}

.user-menu-sub__button,
.user-menu-sub__link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    background-color: transparent;
    border: 0
}

.user-menu-sub__link {
    justify-content: space-between
}

.user-menu-sub__button {
    gap: 4px;
    color: var(--color-text-secondary);
    white-space: normal
}

.user-menu-sub__button_back {
    color: var(--color-text-tertiary);
    border-bottom: 1px solid var(--color-line)
}

.user-search-history__show {
    display: flex;
    padding: 0;
    background-color: var(--color-text-secondary);
    border-radius: 1px;
    cursor: pointer
}

.user-search-history__icon-svg {
    width: 24px;
    height: 24px
}

.search-form_theme_white .user-search-history__icon-svg {
    fill: var(--color-text-tertiary-contrast)
}

.user-search-history__list {
    display: none;
    min-width: 165px;
    text-align: start;
    background: var(--color-text-secondary);
    border-radius: 3px;
    border-start-start-radius: 0
}

.user-search-history__item {
    font-size: 14px;
    list-style-type: none
}

.user-search-history__list-container {
    position: relative
}

.user-search-history__list-container>.user-search-history__list {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: 35
}

.user-search-history__link {
    border-bottom: 1px dotted var(--color-text-tertiary-contrast)
}

.user-search-history__link:hover {
    border-bottom: none;
    color: var(--color-bg-primary-contrast);
    background-color: var(--color-bg-secondary)
}

.user-search-history:hover .user-search-history__list {
    display: block
}

.user-search-history__show {
    background: 0 0
}

.user-search-history__item {
    padding: 0;
    line-height: 16px
}

.user-search-history__icon-svg {
    fill: var(--color-text-secondary)
}

.user-search-history__list {
    padding: 0;
    background-color: var(--color-bg-primary);
    box-shadow: var(--shadow-2dp)
}

.user-search-history__link {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    color: var(--color-bg-primary-contrast);
    border: 0
}

.tooltip.vue-tooltip {
    z-index: 10000;
    display: block;
    padding: 0;
    background-color: var(--color-bg-secondary-contrast);
    border: 0;
    border-radius: var(--border-radius);
    outline: 0;
    box-shadow: none
}

.tooltip.vue-tooltip .tooltip-inner {
    padding: 12px 16px;
    color: var(--color-text-contrast);
    background-color: transparent;
    border: 0
}

.tooltip.vue-tooltip[x-placement] .tooltip-arrow {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    margin: 5px;
    border-style: solid;
    border-color: var(--color-bg-secondary-contrast)
}

.tooltip.vue-tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.tooltip.vue-tooltip[x-placement^=bottom] .tooltip-arrow,
.tooltip.vue-tooltip[x-placement^=top] .tooltip-arrow {
    inset-inline-start: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
    border-inline-end-color: transparent !important;
    border-inline-start-color: transparent !important
}

.tooltip.vue-tooltip[x-placement^=top] .tooltip-arrow {
    bottom: -5px;
    border-width: 5px 5px 0;
    border-bottom-color: transparent !important
}

.tooltip.vue-tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.tooltip.vue-tooltip[x-placement^=bottom] .tooltip-arrow {
    top: -5px;
    border-width: 0 5px 5px;
    border-top-color: transparent !important
}

.tooltip.vue-tooltip[x-placement^=right] {
    margin-left: 5px
}

.tooltip.vue-tooltip[x-placement^=left] .tooltip-arrow,
.tooltip.vue-tooltip[x-placement^=right] .tooltip-arrow {
    top: calc(50% - 5px);
    margin-inline: 0;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important
}

.tooltip.vue-tooltip[x-placement^=right] .tooltip-arrow {
    left: -5px;
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important
}

.tooltip.vue-tooltip[x-placement^=left] {
    margin-right: 5px
}

.tooltip.vue-tooltip[x-placement^=left] .tooltip-arrow {
    right: -5px;
    border-width: 5px 0 5px 5px;
    border-right-color: transparent !important
}

.w-contact-item__label {
    color: var(--color-text-disable)
}

a.w-contact-item__value:not(.w-link),
p.w-contact-item__value {
    color: var(--color-text)
}

a.w-contact-item__value:not(.w-link) _link:active,
a.w-contact-item__value:not(.w-link) _link:focus,
a.w-contact-item__value:not(.w-link) _link:hover,
p.w-contact-item__value_link:active,
p.w-contact-item__value_link:focus,
p.w-contact-item__value_link:hover {
    color: var(--color-link-hover)
}

a.w-contact-item__value:not(.w-link) _tel,
p.w-contact-item__value_tel {
    border-bottom: 1px dashed var(--color-text-secondary-border)
}

a.w-contact-item__value:not(.w-link) _tel:hover,
p.w-contact-item__value_tel:hover {
    color: var(--color-link-hover);
    border-bottom: 1px dashed var(--color-link-hover-border)
}

.w-contact-messengers,
.w-contact-messengers__link {
    display: flex
}

.w-contact-messengers__link:not(:last-child) {
    margin-inline-end: 8px
}

.w-contact-messengers__icon {
    width: 20px;
    height: 20px
}

@media only screen and (max-width:767px) {
    .w-contact-messengers__icon {
        width: 16px;
        height: 16px
    }
}

.w-link {
    background: 0 0;
    border: 0;
    outline: 0;
    transition-timing-function: ease-in-out;
    transition-duration: .15s;
    transition-property: color, text-decoration-color;
    transition-property: color, text-decoration-color, -webkit-text-decoration-color;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: from-font;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 3px
}

.w-link.focus-visible {
    outline: 1px solid var(--color-bg-secondary-contrast)
}

.w-link:focus-visible {
    outline: 1px solid var(--color-bg-secondary-contrast)
}

.w-link:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-decoration-thickness: from-font
}

.w-link_color_text {
    color: var(--color-text);
    -webkit-text-decoration-color: var(--color-text-border);
    text-decoration-color: var(--color-text-border)
}

.w-link_color_text-secondary {
    color: var(--color-text-secondary);
    -webkit-text-decoration-color: var(--color-text-secondary-border);
    text-decoration-color: var(--color-text-secondary-border)
}

.w-link_color_link {
    color: var(--color-link);
    -webkit-text-decoration-color: var(--color-link-border);
    text-decoration-color: var(--color-link-border)
}

.w-link_color_text-tertiary {
    color: var(--color-text-tertiary);
    -webkit-text-decoration-color: var(--color-text-tertiary-border);
    text-decoration-color: var(--color-text-tertiary-border)
}

@media only screen and (min-width:1280px) {
    .w-link_hover_default:active,
    .w-link_hover_default:hover {
        color: var(--color-text-secondary);
        -webkit-text-decoration-color: var(--color-text-secondary-border);
        text-decoration-color: var(--color-text-secondary-border)
    }
    .w-link_hover_accent:active,
    .w-link_hover_accent:hover {
        color: var(--color-link-hover);
        -webkit-text-decoration-color: var(--color-link-hover-border);
        text-decoration-color: var(--color-link-hover-border)
    }
    .w-link_view_link,
    .w-link_view_link:active,
    .w-link_view_link:focus,
    .w-link_view_link:hover {
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid
    }
    .w-link_view_link:focus {
        color: var(--color-link);
        background-color: var(--color-status-blue-bg);
        -webkit-text-decoration-color: var(--color-link-border);
        text-decoration-color: var(--color-link-border)
    }
}

.w-link_view_button,
.w-link_view_button-icon,
.w-link_view_button-icon:active,
.w-link_view_button-icon:focus,
.w-link_view_button-icon:hover,
.w-link_view_button:active,
.w-link_view_button:focus,
.w-link_view_button:hover {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.w-link_view_button-icon:disabled,
.w-link_view_button:disabled {
    color: var(--color-text-disable);
    pointer-events: none
}

.w-link_view_button-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.w-link_view_tooltip,
.w-link_view_tooltip:active,
.w-link_view_tooltip:focus,
.w-link_view_tooltip:hover {
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed
}

@media only screen and (min-width:1280px) {
    .w-link_color_text-secondary.w-link_hover_default:active,
    .w-link_color_text-secondary.w-link_hover_default:hover {
        color: var(--color-text);
        -webkit-text-decoration-color: var(--color-text-border);
        text-decoration-color: var(--color-text-border)
    }
}

.w-link svg {
    fill: currentColor
}

#w-typography #default .wtm-h-2 {
    font-size: 26px;
    line-height: 28px
}

#w-typography #default .wtm-h-4 {
    font-size: 16px;
    line-height: 20px
}

#w-typography #default .wtm-main {
    font-size: 14px;
    line-height: 20px
}

#w-typography #cube .wtm-h-2 {
    font-size: 26px;
    line-height: 28px
}

#w-typography #cube .wtm-h-4 {
    font-size: 16px;
    line-height: 20px
}

#w-typography #cube .wtm-main {
    font-size: 14px;
    line-height: 20px
}

#w-typography #future .wtm-h-2 {
    font-size: 22px;
    line-height: 24px
}

#w-typography #future .wtm-h-4 {
    font-size: 16px;
    line-height: 20px
}

#w-typography #future .wtm-main {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text);
    font-weight: 700
}

@media all {
    .wt-h-1,
    .wt-h-2 {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px
    }
    .wt-h-2 {
        font-size: 33px;
        line-height: 40px
    }
    .wt-h-3,
    .wt-h-4 {
        font-weight: 700;
        font-size: 26px;
        line-height: 32px
    }
    .wt-h-4 {
        font-size: 19px;
        line-height: 24px
    }
    .wt-caption,
    .wt-lead {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px
    }
    .wt-caption {
        font-size: 12px;
        line-height: 16px
    }
    .wt-control-l,
    .wt-control-m {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px
    }
    .wt-control-m {
        font-size: 16px
    }
    .wt-badge-m,
    .wt-control-s {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
    .wt-badge-m {
        font-weight: 500;
        line-height: 20px;
        letter-spacing: .04em;
        text-transform: uppercase
    }
}

@media only screen and (max-width:1279px) {
    .wt-md-h-1,
    .wt-md-h-2 {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px
    }
    .wt-md-h-2 {
        font-size: 33px;
        line-height: 40px
    }
    .wt-md-h-3,
    .wt-md-h-4 {
        font-weight: 700;
        font-size: 26px;
        line-height: 32px
    }
    .wt-md-h-4 {
        font-size: 19px;
        line-height: 24px
    }
    .wt-md-caption,
    .wt-md-lead {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px
    }
    .wt-md-caption {
        font-size: 12px;
        line-height: 16px
    }
    .wt-md-control-l,
    .wt-md-control-m {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px
    }
    .wt-md-control-m {
        font-size: 16px
    }
    .wt-md-control-s {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
    .wt-md-badge-m {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .04em;
        text-transform: uppercase
    }
}

@media only screen and (max-width:767px) {
    .wt-sm-h-1,
    .wt-sm-h-2 {
        font-weight: 700;
        font-size: 40px;
        line-height: 48px
    }
    .wt-sm-h-2 {
        font-size: 33px;
        line-height: 40px
    }
    .wt-sm-h-3,
    .wt-sm-h-4 {
        font-weight: 700;
        font-size: 26px;
        line-height: 32px
    }
    .wt-sm-h-4 {
        font-size: 19px;
        line-height: 24px
    }
    .wt-sm-caption,
    .wt-sm-lead {
        font-weight: 400;
        font-size: 20px;
        line-height: 32px
    }
    .wt-sm-caption {
        font-size: 12px;
        line-height: 16px
    }
    .wt-sm-control-l,
    .wt-sm-control-m {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px
    }
    .wt-sm-control-m {
        font-size: 16px
    }
    .wt-sm-control-s {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
    .wt-sm-badge-m {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .04em;
        text-transform: uppercase
    }
    .wtm-h-1,
    .wtm-h-2 {
        font-weight: 700;
        font-size: 32px;
        line-height: 36px
    }
    .wtm-h-2 {
        font-size: 26px;
        line-height: 28px
    }
    .wtm-h-3,
    .wtm-h-4 {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }
    .wtm-h-4 {
        font-size: 16px;
        line-height: 20px
    }
    .wtm-caption,
    .wtm-main {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px
    }
    .wtm-caption {
        font-size: 12px;
        line-height: 16px
    }
    .wtm-badge-m,
    .wtm-caption-toolbar {
        font-weight: 500;
        font-size: 10px;
        line-height: 12px
    }
    .wtm-badge-m {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .04em;
        text-transform: uppercase
    }
}

h1 {
    font-size: 40px;
    line-height: 48px
}

h2 {
    font-size: 33px;
    line-height: 40px
}

h3 {
    font-size: 26px;
    line-height: 32px
}

h4 {
    font-size: 19px;
    line-height: 24px
}

.w-visible {
    transform: translate(0) !important;
    visibility: visible !important;
    opacity: 1 !important
}

.w-work-schedule__list {
    display: grid;
    grid-template-columns: minmax(0, max-content) minmax(50%, 1fr);
    grid-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    list-style: none
}

.warning--inline {
    display: inline-block
}

.warning--msg {
    margin-bottom: 20px
}

.warning a:focus,
.warning a:hover {
    color: var(--color-accent-light)
}

.warning ul li {
    position: relative;
    padding-inline-start: 2.5em;
    list-style-type: none
}

.warning ul li::before {
    position: absolute;
    top: .5em;
    inset-inline-start: 1.5em;
    display: block;
    width: .5em;
    height: .5em;
    background-color: var(--color-accent);
    border-radius: 1em;
    content: ""
}

.warning__caption {
    margin-bottom: 10px;
    color: var(--color-bg-primary-contrast)
}

@media only screen and (max-width:767px) {
    .warning__caption {
        margin-bottom: 8px;
        font-size: 14px
    }
}

.warning__link {
    color: var(--color-accent)
}

.warning__link:hover {
    color: #000
}

.warning__text {
    color: var(--color-text-secondary)
}

.warning__text p {
    margin-bottom: 10px
}

.warning__text p:last-child {
    margin-bottom: 0
}

.warning__term {
    margin-bottom: 3px;
    color: var(--color-text-secondary)
}

@media only screen and (max-width:767px) {
    .warning__term {
        font-size: 13px
    }
}

.warning {
    padding: 20px;
    background-color: var(--color-bg-secondary);
    border-inline-start: 5px solid var(--color-accent)
}

.warning__caption {
    font-weight: 500
}

.warning__caption,
.warning__term,
.warning__text {
    font-size: 14px;
    line-height: 17px
}

.warning.mb-25 {
    margin-bottom: 25px
}

.web-table {
    display: table;
    width: 100%;
    border-collapse: collapse
}

.web-table__paginator {
    margin-bottom: 20px
}

.web-table__row {
    display: table-row
}

.web-table__row:last-child {
    background-color: transparent;
    border-top: 1px solid var(--color-line-border)
}

.web-table__col {
    display: table-cell;
    height: 36px;
    padding: 5px 15px;
    vertical-align: middle
}

.web-table__col_total {
    font-weight: 500;
    font-size: 16px
}

.web-table__col_delete a,
.web-table__col_edit a,
.web-table__col_print a {
    position: relative;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    background-image: none
}

.web-table__col_delete a::after,
.web-table__col_delete a::before,
.web-table__col_edit a::after,
.web-table__col_edit a::before,
.web-table__col_print a::after,
.web-table__col_print a::before {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .2s ease-in-out
}

.web-table__col_delete a::after,
.web-table__col_edit a::after,
.web-table__col_print a::after {
    opacity: 0
}

.web-table__col_delete a:focus,
.web-table__col_delete a:hover,
.web-table__col_edit a:focus,
.web-table__col_edit a:hover,
.web-table__col_print a:focus,
.web-table__col_print a:hover,
.web-table__print a:focus,
.web-table__print a:hover {
    background-image: none
}

.web-table__col_delete a:focus::before,
.web-table__col_delete a:hover::before,
.web-table__col_edit a:focus::before,
.web-table__col_edit a:hover::before,
.web-table__col_print a:focus::before,
.web-table__col_print a:hover::before {
    opacity: 0
}

.web-table__col_delete a:focus::after,
.web-table__col_delete a:hover::after,
.web-table__col_edit a:focus::after,
.web-table__col_edit a:hover::after,
.web-table__col_print a:focus::after,
.web-table__col_print a:hover::after {
    opacity: 1
}

.web-table__col_delete,
.web-table__col_edit {
    width: 20px;
    text-align: center
}

.web-table__col_edit a {
    height: 20px
}

.web-table__col_delete a {
    height: 14px
}

.web-table__col_print a {
    height: 18px
}

.web-table__col_order_num input[type=submit] {
    font-size: 14px;
    background-color: var(--color-accent-light)
}

.web-table__col_dcm_summ>[data-price],
.web-table__col_nc_summ>[data-price] {
    white-space: nowrap
}

.web-table__print-wrapper {
    display: flex;
    align-items: center
}

.web-table__print a {
    position: relative;
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    background-image: none;
    height: 18px
}

.web-table__print a::after,
.web-table__print a::before {
    position: absolute;
    top: 0;
    inset-inline: 0;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .2s ease-in-out
}

.web-table__print a::after {
    opacity: 0
}

.web-table__print a:focus::before,
.web-table__print a:hover::before {
    opacity: 0
}

.web-table__print a:focus::after,
.web-table__print a:hover::after {
    opacity: 1
}

.web-table__print+a {
    margin-inline-start: 8px
}

.web-table__payer-icon {
    display: inline-block;
    width: 25px;
    height: 18px;
    margin-inline-end: 5px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
}

.web-table__payer-icon_phys {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23c62828'%3E%3Cpath d='M8 8c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")
}

.web-table__payer-icon_jur {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23c62828'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E")
}

.web-table__wrapper {
    max-width: 100%;
    overflow-y: auto
}

.web-table__wrapper_documents {
    margin-bottom: 30px
}

.web-table__total-summ {
    color: var(--color-accent-light);
    font-weight: 500;
    font-size: 16px
}

.web-table__vin-answer_type_success {
    display: flex;
    align-items: center
}

.web-table__vin-answer-text {
    margin-inline-end: 10px
}

.web-table__vin-answer-icon {
    width: 17px;
    height: 17px;
    text-transform: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
    cursor: help;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%238c8c8c'%3E %3Cmetadata%3E%3C?xpacket begin=' ' id='W5M0MpCehiHzreSzNTczkc9d'?%3E %3Cx:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '%3E %3Crdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E %3Crdf:Description rdf:about=''/%3E %3C/rdf:RDF%3E %3C/x:xmpmeta%3E %3C?xpacket end='w'?%3E%3C/metadata%3E %3Cdefs%3E %3C/defs%3E %3Cpath id='information' d='M465,1562h2v-6h-2v6Zm1-15a10,10,0,1,0,10,10A10,10,0,0,0,466,1547Zm0,18a8,8,0,1,1,8-8A8.011,8.011,0,0,1,466,1565Zm-1-11h2v-2h-2v2Z' transform='translate(-456 -1547)'/%3E %3C/svg%3E")
}

.web-table__print a::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='%238c8c8c'%3E%3Cpath class='cls-1' d='M17 5H3a3 3 0 0 0-3 3v6h4v4h12v-4h4V8a3 3 0 0 0-3-3zm-3 11H6v-5h8v5zm3-7a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm-1-9H4v4h12V0z'/%3E%3C/svg%3E")
}

.web-table__print a::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' viewBox='0 0 20 18' fill='%23c62828'%3E%3Cpath class='cls-1' d='M17 5H3a3 3 0 0 0-3 3v6h4v4h12v-4h4V8a3 3 0 0 0-3-3zm-3 11H6v-5h8v5zm3-7a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm-1-9H4v4h12V0z'/%3E%3C/svg%3E")
}

.web-table__col_edit a::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%238c8c8c'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E")
}

.web-table__col_edit a::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23c62828'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 0 0 0 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E")
}

.web-table__col_delete a::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.9 9.9' fill='%238c8c8c'%3E%3Cpath class='st0' d='M1.4 0l8.5 8.5-1.4 1.4L0 1.4 1.4 0z'/%3E%3Cpath class='st0' d='M8.5 0l1.4 1.4-8.5 8.5L0 8.5 8.5 0z'/%3E%3C/svg%3E")
}

.web-table__col_delete a::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.9 9.9' fill='%23c62828'%3E%3Cpath class='st0' d='M1.4 0l8.5 8.5-1.4 1.4L0 1.4 1.4 0z'/%3E%3Cpath class='st0' d='M8.5 0l1.4 1.4-8.5 8.5L0 8.5 8.5 0z'/%3E%3C/svg%3E")
}

.web-table__wrapper_vin_requests .web-table__col_edit a::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' fill='%238c8c8c'%3E%3Cpath d='M28 0C12.561 0 0 12.561 0 28s12.561 28 28 28 28-12.561 28-28S43.439 0 28 0zm12 41H16a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm0-11H16a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm0-11H16a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4z'/%3E%3C/svg%3E")
}

.web-table__wrapper_vin_requests .web-table__col_edit a::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' fill='%23c62828'%3E%3Cpath d='M28 0C12.561 0 0 12.561 0 28s12.561 28 28 28 28-12.561 28-28S43.439 0 28 0zm12 41H16a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm0-11H16a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4zm0-11H16a2 2 0 0 1 0-4h24a2 2 0 0 1 0 4z'/%3E%3C/svg%3E")
}

.web-table__vin-answer-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23c62828'%3E %3Cmetadata%3E%3C?xpacket begin=' ' id='W5M0MpCehiHzreSzNTczkc9d'?%3E %3Cx:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '%3E %3Crdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E %3Crdf:Description rdf:about=''/%3E %3C/rdf:RDF%3E %3C/x:xmpmeta%3E %3C?xpacket end='w'?%3E%3C/metadata%3E %3Cdefs%3E %3C/defs%3E %3Cpath id='information' d='M465,1562h2v-6h-2v6Zm1-15a10,10,0,1,0,10,10A10,10,0,0,0,466,1547Zm0,18a8,8,0,1,1,8-8A8.011,8.011,0,0,1,466,1565Zm-1-11h2v-2h-2v2Z' transform='translate(-456 -1547)'/%3E %3C/svg%3E")
}

.web-table__row:nth-child(even),
.z-table tr:nth-child(odd) {
    background-color: var(--color-bg-secondary)
}

.web-table__col,
.web-table__document-comment,
.z-table td {
    font-size: 14px;
    line-height: 17px
}

.web-table-filter {
    display: table-row;
    background-color: var(--color-line-border)
}

.web-table-filter .web-table__col {
    height: 56px
}

.web-table-header {
    display: table-row;
    background-color: var(--color-text)
}

.web-table-header__col,
.web-table-header__sort-col {
    color: var(--color-text-tertiary-contrast);
    vertical-align: middle
}

.web-table-header__col {
    display: table-cell;
    height: 40px;
    padding: 5px 15px;
    font-size: 12.5px
}

.web-table-header__col .sort_link,
.web-table-header__col .state_info {
    display: inline-block;
    color: var(--color-text-tertiary-contrast);
    vertical-align: middle
}

.web-table-header__sort-col {
    display: inline-flex;
    align-items: center
}

.web-table-header__sort-col .sort_link,
.web-table-header__sort-col [rel=state_info],
.web-table-header__sort-col a {
    color: var(--color-text-tertiary-contrast);
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted
}

.web-table-header__sort-col .sort_link:hover,
.web-table-header__sort-col [rel=state_info]:hover,
.web-table-header__sort-col a:hover {
    text-decoration: none
}

.web-table-header__sort-link {
    display: inline-block;
    width: 20px;
    height: 14px;
    margin: 0 5px;
    transform: rotate(90deg)
}

.web-table-header__sort-link_svg {
    width: 20px;
    height: 14px;
    fill: var(--color-text-tertiary-contrast)
}

.web-table-header__sort-link_asc,
.web-table-header__sort-link_desc {
    background-color: var(--color-accent)
}

.web-table-header__sort-link_asc svg,
.web-table-header__sort-link_desc svg {
    fill: var(--color-text-contrast)
}

.web-table-header__sort-link_desc {
    transform: rotate(-90deg)
}

.wrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-height: 100vh
}

.z-table {
    width: 100%
}

.z-table td {
    width: 50%;
    padding: 10px 15px
}

.z-table td:first-child {
    color: var(--color-text-tertiary-contrast)
}